/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2008.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: .7em;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #000;
}   

a img {
	border: none;
	border:0;
	}	

	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }

 
h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #888788; margin-bottom:4px;}
h2 {font: bold 1.4em 'lucida grande',tahoma,sans-serif;   color: #960000; margin-top: 9px;} /*Georgia, "Times New Roman", serif; */
h3 {font: bold 1em Verdana, Arial, sans-serif; text-transform: uppercase; color: #FFF}
h4 {font: bold 1.1em 'lucida grande',tahoma,sans-serif; color: #FFF; text-transform: uppercase;}

ul {list-style: none;}

.links a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

.links a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline; 
	}
 
 
 
#inside-wrap {
	width: 930px;
	padding: 15px 30px;
	
	}
#left {	
	color:#FFF;	
	font: 1.1em/1.4em 'lucida grande',tahoma,sans-serif;
	width: 660px;
 
} 

#right { 
	float: right;
	width: 210px;
	padding: 20px;
	background: #A31A1D;
	min-height: 200px;
	color: #FFF;
	border-top: 5px solid #555;
}
#right-img { 
	float: right;
	width: 250px;
	padding: 20px 0;
	/*background: #A31A1D;*/
	color: #FFF;
	border-top: 5px solid #555;
}

#inside-wide li, #inside-wide p {
	color: #FFF;
}


 
  /* header and footer elements
----------------------------------------------------------------------------*/
#printlink {text-align: center; font-size: 14px; margin-bottom: 12px; }

#print-logo { display: none; }

#global-wrap {
	width: 100%;
}
 
#head-logo {
	position: absolute;
	top: 59px;
	left: 30px;
	width: 365px;
	height: 72px;
	z-index: 1;
	background: transparent url('/img/lazyloader-logo.gif') no-repeat;
}
	#head-logo em { visibility: hidden; }
	
	#head-logo a {
		position: absolute;
		width: 365px;
		height: 72px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}
	
	
	
/*
#head-logo {
	position: absolute;
	top: 59px;
	left: 30px;
	width: 365px;
	height: 72px;
 	background: transparent url("/img/lazyloader-logo.gif") no-repeat;
}
#head-logo span { text-indent: -3000px; overflow: hidden; }
*/
#head-loader { 
	position: absolute;
	top: 55px;
	right: 30px;
	width: 203px;
	height: 74px;
}

#top-contact {
	position: absolute;
	top: 10px;
	right: 30px;

}
  
#additional {background: #620A00; padding: 15px; margin-top: 30px; }
#print-contact {display: none; }

#global-inner  { 
 	background: transparent url("/img/back.jpg") no-repeat;
 	position: relative;   
	margin: 0 auto;  		 
 	width: 990px; 
 	z-index: 1; /* can not hide a child of #header */
 	min-height: 900px;
}	
 
 
#top-wrap { 
 	height: 195px;
 	z-index: 2; /* we set the conflicting sibling lower */
 	position: relative;  
}	
 
#foot {
  	background: url(/img/line-h.gif) repeat-x;	
  	width: 990px;
  	color: #555;
	font-size: 9px;
	text-align:left;
 	font: bold .9em/1em 'lucida grande', sans-serif;
 	position: relative; 
 	margin: 20px auto;
 	padding-top: 20px;
}
	#foot a { margin: 0; color:#555; }
	#foot ul {	
		list-style: none;
		margin: 0 0 7px 0; 
	}
#foot ul li {
	padding: 0 10px 0 0;
 	display: inline;
	}
 

#foot-right {
	float:right;
 	font-weight: normal;
	color: #555;
	text-align: right;
	line-height: 1.4em;
	}
#foot-right a { color: #555; }

#footpad { padding: 30px 45px 0 0; }
	#footpad p {margin-bottom: 5px; }
#footextra { 
	width: 970px;
	margin:0 auto;
	position: relative;
	text-align:right;
}
#designcredit { 
	font-size: 9px;
	color: #FFF;
	margin-bottom: 24px;
	}
#designcredit a { 	color: #FFF; }
	
#cse-search-box .search {
 	font-size: 10px;
	background-color: #4797E0;
 	color: #fff;
	border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
 background: #CDEBFF;
 color: #4F4F4F;
 }

#cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }

#model-nav {
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #555;
	margin: 0 0 12px 0;
	}
#model-nav img { vertical-align: middle; }

#iexplore { display: none; } 

  /* home page elements
----------------------------------------------------------------------------*/

  

#home-left {  
	width: 320px; 	
}

#flash-promo { 
	width: 616px;  
	float:right;
	margin-top: 24px;
}

#welcometext {
	font: 1.3em/1.5 Georgia, serif;
	color: #FFF;
	padding: 24px 24px 0 24px;
}

#quotebox {
	background: url(/img/Quote-box.png) no-repeat;	
	width: 317px;
	height: 205px;
	padding-top: 15px;
	font: 1.3em/1.5 Georgia, serif;
	color: #FFF;
}
#home-bottom { margin-top: 22px;}

.homespecial {
	float: left;
	width: 275px;
	margin-right: 30px;
}

.homespecial a  { color: #FFF; }

.dropcap {
	float:left;
	color:#D4D4C7;
	font-size:50px;
	line-height:30px;
	padding-top:2px;
}


#home-top-wrap {  
position: relative; 
/* border: 1px solid #FFF; */
width: 990px;
}
 
#home-video { 
	position: absolute;
	left: 600px;
	top: 0;	 
	width: 372px; 
	background: #565656;
	padding: 7px;
}
#home-video-border { 
	background: #808080;
	padding: 2px;
	 }


#home-features { 
	min-height: 400px; 
	font: normal 1em/1.4 'lucida grande',tahoma,sans-serif;
	color: #c6c6c6;
	width: 970px;
	background: url(/img/homedivs-new.gif) 310px 0 repeat-y;
	padding: 0 10px;
	margin-top: 22px;
	/*border: 1px solid #FFF;*/
	} 
 
.featurette,.featurette-last {
	float: left;
	width: 285px;
	}
.featurette {margin: 0 45px 0 0; }
.featurette div, .featurette-last div { width: 285px;  }

.featurette img, .featurette-last img { text-align: center; margin-top: 10px;}
.featurette-last {margin: 0;}


#home-features2 { 
	min-height: 330px; 
	font: normal 1em/1.4 'lucida grande',tahoma,sans-serif;
	color: #c6c6c6;
	width: 970px;
	/*background: url(/img/homedivs.gif) 216px 0 repeat-y;*/
	padding: 0 10px;
	margin-top: 22px;
	/*border: 1px solid #FFF;*/
	} 
.featurette2,.featurette-last2 {
	float: left;
	width: 190px;
	}
.featurette2 {margin: 0 35px 0 0; }
.featurette2 div, .featurette2-last div { width: 190px;  }

.featurette2 img, .featurette2-last img { text-align: center; margin-top: 10px;}
.featurette2-last {margin: 0;}





#home-features ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
#home-features ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url('/img/star.gif') no-repeat 0 2px;
	}
  
.arrows ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url('/img/star.gif') no-repeat 0 2px;
	}
	
	.arrows ol li  { background: none;  padding: 0;}
  
.pads p { margin-bottom: .6em; }


#why-side {
	float:right;
	background: transparent url('/img/why-side-photos.png') no-repeat;
	width: 250px;
	height: 409px;
}

#modelexpress {
	background: transparent url('/img/express-sillo.png') no-repeat;
	width: 583px;
	height: 187px;
	margin: 12px auto;
}


#model520 {
	background: transparent url('/images/sized/img/520prototype-400x161.png') no-repeat;
	width: 400px;
	height: 161px;
	margin: 12px auto 20px;
}

#model520-med {
	background: transparent url('/img/520-med.png') no-repeat;
	width: 240px;
	height: 97px;
	margin: 6px 0;
}
#modelexp-med {
	background: transparent url('/img/express-med.png') no-repeat;
	width: 242px;
	height: 72px;
	margin: 6px 0;
}
#modelfuture-med {
	background: transparent url('/img/future-model2.png') no-repeat;
	width: 240px;
	height: 103px;
	margin: 6px 0;
}

#loader-wrap { margin-left: 80px;  width: 720px; }

.loaders {
	float: left;
	width: 300px;
	margin-right: 30px;
	}
 
 
 .floater {
 	float:left;
 	margin: 0 10px 10px;
 	color: #FFF;
 }
 .floater p { margin-bottom: 5px; }
 
 .floater img { border: 5px solid #FFF; }


/*sub nav ----------------------------------------------------------------------------*/
#sub-nav-wrap {
	height: 55px;
	/*width: 100%;*/
	padding-left: 290px;
	clear: both;
	border-bottom: 1px solid #555;
	padding-bottom: 6px;
	margin-bottom: 1em;
}
	#sub-nav ul {
		width: 410px;
		list-style: none;
		}

	#sub-nav li {
		float: left;
		height: 55px;
		position: relative;
		margin-right: 5px;
		}

	#sub-nav a {
		display: block;
		height: 55px;
		text-indent: -3000px; 
		overflow: hidden;		 
		}

	#sub-nav a:hover {
		background-position: 0 -55px; 	 
		}

		#sub-nav-overview a, #sub-over-o a {
			width: 120px;
			background: transparent url(/img/subnav_01.gif) no-repeat;
			}
		#sub-nav-520 a, #sub-520-o a {
			width: 147px;
			background: transparent url(/img/subnav_02.gif) no-repeat;
			}
		#sub-nav-express a, #sub-express-o a {
			width: 122px;
			background: transparent url(/img/subnav_03.gif) no-repeat;
			}
 
 #sub-over-o a, #sub-520-o a, #sub-express-o a {
			background-position: 0 -55px; 	
		}


 

/* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 30px;
	width: 990px;
}

#navigation-primary {
	position: absolute; 
	z-index: 1000;
	top: 153px;
	left: 0;
	}

	#navigation-primary ul {
		width: 990px;
		list-style: none;
		}

	#navigation-primary li {
		float: left;
		height: 30px;
		position: relative;
		margin-right: 6px;
		}

	#navigation-primary a {
		display: block;
		height: 30px;
		text-indent: -3000px; 
		overflow: hidden;
		width: 135px;
		}

	#navigation-primary a:hover {
		background-position: 0 -30px;		 
		}

		#nav-home a {
			background: transparent url(/img/nav-home.gif) no-repeat;
			}
		#nav-applications a {
			background: transparent url(/img/nav-applications.gif) no-repeat;
			}
		#nav-benefits a {
			background: transparent url(/img/nav-benefits.gif) no-repeat;
			}
		#nav-models a {
			background: transparent url(/img/nav-models.gif) no-repeat;
			}
		#nav-why a {
			background: transparent url(/img/nav-why.gif) no-repeat;
			}		
 		#nav-demo a {
			background: transparent url(/img/nav-demo.gif) no-repeat;
			}
 		#nav-roi a {
			background: transparent url(/img/nav-roi.gif) no-repeat;
			}

	#navigation-primary li ul li {
		height: auto;
		}

	#navigation-primary li ul li a {
		display: block;
		height: auto;
		padding: 4px 15px;
		background: transparent; 
		color: #fff;
		text-indent: 0;
		text-decoration: none;
		border-bottom:1px solid #4A4A4A; /*darker*/
		border-top:1px solid #BABABA;
		position: relative;
		width: 150px;
		font: normal 13px/22px 'lucida grande', arial, sans-serif;
		text-align:left;
		}

	#navigation-primary li ul a:hover {
		color:#FFF;
		background:#8E180A;
		}

	#navigation-primary li ul {
		position: absolute;
		left: -3000px;
		width: 180px;
		background: #565656;
		padding: 0;
		z-index: 200000;
		}

	#navigation-primary li:hover ul, #navigation-primary li.sfhover ul {
		left: auto;
		}
 
body#home #nav-home	a,
body#applications #nav-applications a,
body#benefits #nav-benefits a,
body#models #nav-models a,
body#why #nav-why a,
body#demo #nav-demo a,
body#calculator #nav-roi a,
body#contact #nav-contact a
{background-position: 0 -30px;}






 
 

/* calculator form  
----------------------------------------------------------------------------*/
 .calculatorForm  {margin:15px 0;border:none; background:transparent; padding:0 10px;}
.calculatorForm fieldset { border: none; }
.calculatorForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.calculatorForm ul { margin:0;  list-style:none;}
.calculatorForm ul li {clear:both; background:none; }
.calculatorForm ul label { display:block; float:left; width:420px; padding:3px 0;}
.calculatorForm .txtField  {display:block; float:left; padding:3px; width:70px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#FFF;border:2px solid #FFF1BD;outline:none;}
.calculatorForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#D8D8D8;}
.calculatorForm .txtFieldResult  {display:block; float:left; padding:3px; width:105px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#FFF;background:#8E180A;border:none;outline:none;text-align:right;} /* added by David Drewa on 11/16/2009 */
.calculatorForm em {font-size:0.9em; color:#FFF; font-style:normal;}

.calculatorForm .send { width:174px; height:35px; background:url(/img/submit-button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }

.calculatorForm .send:hover {cursor:pointer; color:#f8ff84;}
.calculatorForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.calculatorForm fieldset.extra {margin-top:15px;}
.calculatorForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.calculatorForm .radio {display: inline; }
 
	 


/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px;color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; background:none; }
.contactForm ul label { display:block; float:left; width:230px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#D8D8D8;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:35px; background:url(/img/submit-button.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }
.contactForm .send:hover {cursor:pointer; color:#f8ff84;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}
.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #FFF1BD;outline:none;padding:3px; width:108px;}

/*
#hiddenModalContent {
	 border: 1px solid #7A003B;   color: #FFF; padding: 0 7px; font-size: 11px;
	 }
*/

ol {margin-left: 2em;}

/*-----------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
*/
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/js/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color:#FFF;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#444;
	height:27px;
}
#TB_title a { color: #FFF; font-weight: bold;}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



#faq { 
	background: #000;
	padding: 30px 100px;
	}
	#faq p{ margin-left: 26px; }
#faq2 { 
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 10px;
	}
	#faq2 p{ margin-left: 26px; }
	
h4.question { 
	color: #BD1523;
	margin-top: 12px;
	font-weight: bold;
}



.small { font-size: 10px; }


#patent { 
	text-align:center;
	color: #666;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 2px;
}

.pusher{
cursor:pointer;
padding:3px 10px 3px 22px;
font-weight:900;
font-size:14px;
}


/*    calculator     */

#slide-wrap { background: #666; padding: 30px; position: relative; height: 115px; border: 1px solid #cecece; }

 
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:620px;
		height:60px;
		overflow:hidden; 
		background:#666;
	    font-size: 1.4em;
		}	
 				
	#controls {
		position:relative;
		border: 1px solid #666;
		z-index:100;
		} 
	
	#prevBtn a, #nextBtn a {  
		display:block;
		position:relative;
	 	color: #FFF; 
	}

	#prevBtn { 
		z-index: 1000;
		position:absolute;
		left: 0px;
		top:45px;
		}	
	#nextBtn { 
		z-index: 1000;
		position:absolute;
		top:45px;
		left:550px;
		}		
	
	#results { 
	margin-top: 55px;
	padding: 15px 30px 20px 30px;
	background: #8E180A;
	display:none;
	}
	#results a:link, #results a:visited { color: #FFF;}
	#results a:hover { color: #000;} 

 
	/*
#prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		background:url(/js/easy/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn2 a{ 
		background:url(/js/easy/images/btn_next.gif) no-repeat 0 0;	
		}	
*/											


a.button {
    background: transparent url('/img/button-span-b.gif') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/img/button-span-a.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
 

a.disabled {
	background: #666 important!;
}

a.button span { background: #666 important!; }


#login {
	width: 380px;
	height:  70px;
	background: #555;
	padding: 10px 16px;
	border: 6px solid #333;
	font-size: 11px;
}
.login {
	float: left;
	margin-right:  5px;
	width: 30%;
}
.logininput {
	font-size: 11px;
	width: 100px;
}
#login-wrapper {
	color: #FFF;
	text-align: left;
}
.loginlink a, #logged-in-wrapper a { color: #ff8c0d; }

#logged-in-wrapper {
	color: #FFF;
	text-align: left;
	padding: 7px;
	background: #555;
	font-size: 12px;
}

#login-link {
	position: absolute;
	top: 13px;
	right:  10px;
	color: #FFF;	
	font-size: 11px;
}
#login-link a:link, #login-link a:visited {
	padding: 5px 12px;
	background: #ff8c0d;
	color: #FFF;
}
#login-link a:hover {
	background: #c46c0a;
	color: #FFF;
}

table.fm-has-th-row.fm-quick-login { margin: 0; font-size: 11px; background: #555; border: 8px solid #333;}
table.fm-has-th-row.fm-quick-login th {width: 80px; text-align: left; vertical-align: middle; border-bottom: none;}
table.fm-has-th-row.fm-quick-login th,
table.fm-has-th-row.fm-quick-login td {padding: 5px 10px !important; border-bottom: none !important;}
table.fm-has-th-row.fm-quick-login td .input {padding: 5px !important; font-size: 11px;}
td.fm-content-wrapper {padding: 5px 15px; vertical-align: middle;}