

/* BUTTON WIDTHS */

.bwidth_200 span { width: 200px; text-align: center; }
.bwidth_160 span { width: 160px; text-align: center; }
.bwidth_100 span { width: 100px; text-align: center; }
.bwidth_60 span { width: 60px; text-align: center; }
.bwidth_30 span { width: 30px; text-align: center; }

/* ######################################################################## */

/* BIG HEIGHT BUTTONS */

/* GREEN BUTTON */

a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #056839;
    display: block;
    float: right;
    font: bold 11px verdana;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

input.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #056839;
    display: block;
    float: right;
    font: bold 11px verdana;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
}

/* GREEN INPUT */

.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    padding: 0; margin: 0;
    height: 26px;
   margin-right: 6px;
    padding-right: 20px;
}

.button span {
    background: transparent url('../images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

.button input {
    color: #056839;
    font: bold 11px verdana;
    line-height: 26px;
    height: 26px;
    padding: 0px;
    border: 0px; 
    background: transparent; 
    cursor: pointer;
}

* html .button {display: inline; padding-right: 10px;}

/* GREY BUTTON */

a.button_grey {
    background: transparent url('../images/buttons/bg_button_grey_a.gif') no-repeat scroll top right;
    color: #6d6e71;
    display: block;
    float: right;
    font: bold 11px verdana;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
}

a.button_grey span {
    background: transparent url('../images/buttons/bg_button_grey_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

/* GREY INPUT */

.button_grey {
    background: transparent url('../images/buttons/bg_button_grey_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    padding: 0; margin: 0;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
}

.button_grey span {
    background: transparent url('../images/buttons/bg_button_grey_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

.button_grey input {
	color: #6d6e71;
    font: bold 11px verdana;
    line-height: 26px;
    height: 26px;
    padding-left: 0px; padding-right: 0px;
    padding-top: 0px; padding-bottom: 2px;
    border: 0px; 
    background: transparent; 
    cursor: pointer;
}

* html .button_grey {display: inline; padding-right: 10px;}

/* RED BUTTON */

a.button_red {
    background: transparent url('../images/buttons/bg_button_red_a.gif') no-repeat scroll top right;
    color: #55002a;
    display: block;
    float: right;
    font: bold 11px verdana;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
    text-decoration: none;
}

a.button_red span {
    background: transparent url('../images/buttons/bg_button_red_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

/* RED INPUT */

.button_red {
    background: transparent url('../images/buttons/bg_button_red_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    padding: 0; margin: 0;
    height: 26px;
   	margin-right: 6px;
    padding-right: 20px;
}

.button_red span {
    background: transparent url('../images/buttons/bg_button_red_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 0px 20px;
}

.button_red input {
	color: #55002a;
    font: bold 11px verdana;
    line-height: 26px;
    height: 26px;
    padding-left: 0px; padding-right: 0px;
    padding-top: 0px; padding-bottom: 2px;
    border: 0px; 
    background: transparent; 
    cursor: pointer;
}

* html .button_red {display: inline; padding-right: 10px;}

/* ######################################################################## */

/* MINI HEIGHT BUTTONS */

/* GREEN BUTTON */

a.mbutton {
    background: transparent url('../images/buttons/bg_mbutton_a.gif') no-repeat scroll top right;
    color: #056839;
    display: block;
    float: right;
    font: 10px verdana;
    height: 15px;
   	margin-right: 6px;
    padding-right: 5px;
    text-decoration: none;
}

a.mbutton span {
    background: transparent url('../images/buttons/bg_mbutton_span.gif') no-repeat;
     color: #056839;
    display: block;
    line-height: 15px;
    padding: 0px 0 0px 5px;
}

/* GREEN INPUT */

.mbutton {
    background: transparent url('../images/buttons/bg_mbutton_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    padding: 0; margin: 0;
    
    line-height: 15px;
    height: 15px;
    
   	margin-left: 6px;
    padding-right: 5px;
}

.mbutton span {
    background: transparent url('../images/buttons/bg_mbutton_span.gif') no-repeat;
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 0px 0 0px 5px;
}

.mbutton input {
	color: #056839;
    font: 10px verdana;
    line-height: 15px;
    height: 15px;
    vertical-align: top;
    border: 0px; 
    background: transparent; 
    cursor: pointer;
    padding: 0 0 2px 0;
}

* html .mbutton {display: inline; padding-right: 10px;}

/* GREY BUTTON */

a.mbutton_grey {
    background: transparent url('../images/buttons/bg_mbutton_grey_a.gif') no-repeat scroll top right;
    color: #056839;
    display: block;
    float: right;
    font: 10px verdana;
    height: 15px;
   	margin-right: 6px;
    padding-right: 5px;
    text-decoration: none;
}

a.mbutton_grey span {
    background: transparent url('../images/buttons/bg_mbutton_grey_span.gif') no-repeat;
     color: #6d6e71;
    display: block;
    line-height: 15px;
    padding: 0px 0 0px 5px;
}

/* GREY INPUT */

.mbutton_grey {
    background: transparent url('../images/buttons/bg_mbutton_grey_a.gif') no-repeat scroll top right;
    display: block;
    float: right;
    padding: 0; margin: 0;
    
    line-height: 15px;
    height: 15px;
    
   	margin-left: 6px;
    padding-right: 5px;
}

.mbutton_grey span {
    background: transparent url('../images/buttons/bg_mbutton_grey_span.gif') no-repeat;
    display: block;
    height: 15px;
    line-height: 15px;
    padding: 0px 0 0px 5px;
}

.mbutton_grey input {
	color: #6d6e71;
    font: 10px verdana;
    line-height: 15px;
    height: 15px;
    vertical-align: top;
    border: 0px; 
    background: transparent; 
    cursor: pointer;
    padding: 0 0 2px 0;
}

* html .mbutton_grey {display: inline; padding-right: 10px;}

/* ENGINE ICONS */

#top-subinfo ul {
	float: right;
	margin: 12px 30px 12px 0;
}
#top-subinfo li {
	list-style-type: none;
	display: inline-block;
	float: left;
	margin: 0 2px;
}

#top-subinfo li a {
	background-image:url('../images/engine_sprite.png');
	display: block;
	width: 48px;
	height: 49px;
	text-indent: -9999px;
}

#top-subinfo li a.ei_home { background-position:-481px 0px; }
#top-subinfo li a.ei_home:hover,
#top-subinfo li a.ei_home.on { background-position:-481px -49px; }

#top-subinfo li a.ei_download { background-position:0px 0px; }
#top-subinfo li a.ei_download:hover,
#top-subinfo li a.ei_download.on { background-position:0px -49px; }

#top-subinfo li a.ei_users { background-position:-48px 0px; }
#top-subinfo li a.ei_users:hover,
#top-subinfo li a.ei_users.on { background-position:-48px -49px; }

#top-subinfo li a.ei_org { background-position:-144px 0px; }
#top-subinfo li a.ei_org:hover,
#top-subinfo li a.ei_org.on { background-position:-144px -49px; }

#top-subinfo li a.ei_seo { background-position:-192px 0px; }
#top-subinfo li a.ei_seo:hover,
#top-subinfo li a.ei_seo.on { background-position:-192px -49px; }

#top-subinfo li a.ei_approval { background-position:-240px 0px; }
#top-subinfo li a.ei_approval:hover,
#top-subinfo li a.ei_approval.on { background-position:-240px -49px; }

#top-subinfo li a.ei_twitter { background-position:-288px 0px; }
#top-subinfo li a.ei_twitter:hover,
#top-subinfo li a.ei_twitter.on { background-position:-288px -49px; }

#top-subinfo li a.ei_stats { background-position:-336px 0px; }
#top-subinfo li a.ei_stats:hover,
#top-subinfo li a.ei_stats.on { background-position:-336px -49px; }

#top-subinfo li a.ei_support { background-position:-384px 0px; }
#top-subinfo li a.ei_support:hover,
#top-subinfo li a.ei_support.on { background-position:-384px -49px; }

#top-subinfo li a.ei_sites { background-position:-432px 0px; }
#top-subinfo li a.ei_sites:hover,
#top-subinfo li a.ei_sites.on { background-position:-432px -49px; }



#top-subinfo li a {
	background-image:url('../images/engine_sprite.png');
	display: block;
	width: 50px;
	height: 48px;
	text-indent: -9999px;
}

#top-subinfo li a.ei_home { background-position:0 0; }
#top-subinfo li a.ei_home:hover,
#top-subinfo li a.ei_home.on { background-position:0 -50px; }
				
#top-subinfo li a.ei_download { background-position:-51px 0; }
#top-subinfo li a.ei_download:hover,
#top-subinfo li a.ei_download.on { background-position:-51px -50px; }
				
#top-subinfo li a.ei_users { background-position:-401px 0; }
#top-subinfo li a.ei_users:hover,
#top-subinfo li a.ei_users.on { background-position:-401px -50px; }
				
#top-subinfo li a.ei_org { background-position:-102px 0; }
#top-subinfo li a.ei_org:hover,
#top-subinfo li a.ei_org.on { background-position:-102px -50px; }
				
#top-subinfo li a.ei_seo { background-position:-251px 0; }
#top-subinfo li a.ei_seo:hover,
#top-subinfo li a.ei_seo.on { background-position:-251px -50px; }
				
#top-subinfo li a.ei_approval { background-position:-351px 0; }
#top-subinfo li a.ei_approval:hover,
#top-subinfo li a.ei_approval.on { background-position:-351px -50px; }
				
#top-subinfo li a.ei_twitter { background-position:-301px 0; }
#top-subinfo li a.ei_twitter:hover,
#top-subinfo li a.ei_twitter.on { background-position:-301px -50px; }
				
#top-subinfo li a.ei_stats { background-position:-451px 0; }
#top-subinfo li a.ei_stats:hover,
#top-subinfo li a.ei_stats.on { background-position:-451px -50px; }
				
#top-subinfo li a.ei_support { background-position:-501px 0; }
#top-subinfo li a.ei_support:hover,
#top-subinfo li a.ei_support.on { background-position:-501px -50px; }
				
#top-subinfo li a.ei_sites { background-position:-551px 0; }
#top-subinfo li a.ei_sites:hover,
#top-subinfo li a.ei_sites.on { background-position:-551px -50px; }
				
#top-subinfo li a.ei_ecom { background-position:-202px 0; }
#top-subinfo li a.ei_ecom:hover,
#top-subinfo li a.ei_ecom.on { background-position:-202px -50px; }
				