@CHARSET "ISO-8859-1";
/* 
Author: E-Moxie Data Solutions, Inc.
URI: http://e-moxie.com
(c) 2008
*/

/* Browser Rewrite Styles =============== */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background: #f4f4ea;
}

h1 {
	font-size: 25px;
	color: #669933;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	color: #715436;
	text-transform:uppercase;
	font-weight: normal;
	margin:0;
	padding:0;
}

h3 {
	font-size: 18px;
	color: #2B7EBB;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
	font-weight: normal;
}

a:link, a:visited, a:active {color: #2B7EBB;}
	a:hover {color: #666;}
	
p {
	line-height: 1.3em;
	margin: 5px 0 10px 0;
	padding: 0;
}

ol, ul {margin: 10px 0 10px 30px;padding: 0;}
	li {margin-bottom: 5px;}
	
img {border:0;}
q {font-size:16px; line-height:20px; font-family:serif;}
cite {font-size:12px; color:#666;}


/* Classes ============================== */
.clickable {cursor:pointer;}
.clear {clear: both;height: 0;line-height: 0;}
.center {text-align:center;}
.left {float: left;margin-right: 15px;}
.right {float: right;margin-left: 15px;}
.gray {color: #7f7f7f;}
.small {font-size: 10px;}
.large {font-size: 16px;}
.yellow {color: #ffebae;}
.strong {font-weight:bold;}
.hr {background-color: #d2debe;height: 1px; clear:both; margin-top:10px; margin-bottom: 10px;}
.faint-hilite {background-color:#ecf5d4; border:1px solid #d3eb94; padding:10px; color:#648311;}
.faint-hilite-alt {background-color:#c6dbea; border:1px solid #85b0ce; padding:10px; color:#1c6296;}
	.faint-hilite-alt h3 {color:#194b70!important;}
	.faint-hilite-alt input, .faint-hilite-alt select, .faint-hilite-alt textarea {border:1px solid #85b0ce; color:#1c6296!important;}
	.btnRequestQuote { 
		border:0px solid #85b0ce!important;
		width:185px!important; 
		height:35px; 
		background: url('/images/btn_requestquote.gif') no-repeat top left;
	}
.faint-hilite-standout {background-color:#648311; padding:5px; color:#FFFFFF; font-weight:bold; vertical-align:middle;}
.faint-hilite-standout a {color:#333333;}
.breadcrumb {background-color:#f8f8f1; border:1px solid #ebebe1; padding:5px; color:#74746a; font-size:10px;}
.breadcrumb a {color:#a2a297;}
/*.breadcrumb span {padding:0 5px 0 5px; border-right:1px dotted #c4c4b6;}
*/.breadcrumb span {padding:0 5px 0 5px; }
.super-hilite {background-color:#b7da7b; border: 0.1em solid #9ebc6a;  padding:5px; color:#333; font-size:16px; font-weight:bold;}
.super-hilite h2 {color:#7c9a48;}
.error {background-color:#FF0099; border: 0.1em solid #CC0066;  padding:5px; color:#fff; font-size:16px; font-weight:bold;}
.faint-error {background-color:#ffddef; border: 0.1em solid #FF99FF; margin-top:20px; padding:4px;}
.faint-error h2 {margin:0; padding:0; color:#fff;}

.indent {margin-left:30px; margin-right:30px; padding:20px; border-bottom:2px dashed #6a6a40; border-left:2px dashed #6a6a40; border-right:2px dashed #6a6a40; }
.styledinput {background-color:#fdfff7; border:1px solid #d3eb94; padding:10px; color:#648311; font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:285px;}
.styledbutton {	-moz-border-radius: 15px; -webkit-border-radius: 15px; background-color:#b04b19; border:none; padding:10px; color:#fff; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;}
	.styledbutton:hover { background-color:#823814; }

.styledbutton_sm {background-color:#999; border:1px solid #666; padding:5px; color:#fff; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;}
.styledbutton-disabled {background-color:#dfdfdf; border:1px solid #c5c5c5; padding:10px; color:#c5c5c5; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.altsubmit {
	width: 50px;
	background: #7f9c33;
	border: 1px solid #006600;
	font-size: 10.5px;
	color: #fff;
	padding: 3px;
}
.altsubmit_nowidth {
	background: #7f9c33;
	border: 1px solid #006600;
	font-size: 10.5px;
	color: #fff;
	padding: 3px;
}
.altinput {	border: 1px solid #999;padding: 3px;font-size: 12px;}
.faux-column {width:300px;float:left;margin-right:20px;}
.faux-column-sm {width:200px; float:left; margin-right:15px; border-right:1px dashed #ccc;}
.faux-column-end {float:left; margin-right:0px; border-right:0px;}

.styled_table{ 
	font: 1em "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	border-collapse: separate; 
	border-spacing: 0; 
	margin: 0 0 1em 0; 
	color:#000;
}

.styled_table a {color: #09f; text-decoration: none;}
.styled_table a:visited { color: #c3c; font-weight: normal;}
.styled_table th {font-weight: bold; line-height:normal; border-bottom: 0.1em solid #9ebc6a; background-color:#b7da7b;}
.styled_table tfoot th,tfoot td {border-top: 0.4em solid #09f; font-weight: bold}
table.data-content tfoot th,tfoot td {border-top: 0.1em solid #c0c0c0; font-weight: normal}
.styled_table th,td {padding: 0.25em;}
.styled_table tbody th {font-weight: normal; white-space: nowrap;}
.styled_table tbody th a:link,tbody th a:visited {font-weight: bold;}
.styled_table tbody td,tbody th {border: 1px solid #fff; border-width: 1px 0;}
.styled_table tbody tr.odd th,tbody tr.odd td 	{border-color: #deded8; background: #f4fce7;}

.green-bg-sm {
	width: 161px;
	background: url('/images/green-bg-sm.gif') 0 0 no-repeat;
	height:80px;
	padding: 10px;
	text-align: justify;
	font-size: 12px;
	color: #333;
}
	.green-bg-sm input.styledinput {
		width: 110px;
		border: 1px solid #999;
		padding: 3px;
		font-size: 12px;
	}
	.green-bg-sm input.styledsubmit {
		width: 35px;
		background: #7f9c33;
		border: 1px solid #fff;
		font-size: 10.5px;
		color: #fff;
		padding: 2px 3px;
	}	
	
	
.testimonial {
        margin-bottom: 20px;
        font-size: 12px;
        color: #663300;
}
	.testimonial blockquote {
		margin: 0;
		padding: 0 2px 0 10px;
		background: url('/images/quote-left.gif') 0 0 no-repeat;
		display: block;
		height: 60px;
	}
		.testimonial blockquote span {
			background: url('/images/quote-right.gif') right 0 no-repeat;
			display: block;
			height: 60px;
			padding: 5px 0;
		}
	.testimonial span.quoteby {
		background: url('/images/quote-bottom.gif') 15px 0 no-repeat;
		text-align: right;
		display: block;
		padding: 5px 10px 0 0;
	}

/* Header =============================== */
#header-wrap {
	height: 179px;
	background: url('/images/header_bg.gif') 0 0 repeat-x;
}
#header {
	width: 950px;
	height: 107px;
	margin: 0 auto;
}

#logo {
	position: relative;
	width: 303px;
	float: left;
	top: 0px;
	left: 10px;
}

#login-wrap {
	display: block;
	float: right;
	background: #333 url('/images/login_bg_left.gif') 0 0 no-repeat;
	padding-left: 30px;
	height: 22px;
	text-align: right;
}
#login {
	background: #333 url('/images/login_bg_right.gif') right 0 no-repeat;
	height: 22px;
	padding-right: 30px;
	font-size: 11px;
}
#login a {
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 10px;
	position: relative;
	bottom: 2px;
}
#login a img {
	position: relative;
	top: 3px;
}

#login span#login-greeting {
	color: #e7cc28;
	position: relative;
	bottom: 2px;
	margin: 0 30px 0 15px;
	font-size: 12px;
}

#login #customer-login {
	float: left;
}

#login form {
	float: left;
}
#login form label {
	color: #fff;
	margin-left: 20px;
}
#login .login_styled {
	padding: 0 2px;
	height: 10px;
	font-size: 8px;
	color: #486a1c;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	position: relative;
	top: 0px;
}
#login .login_submit {
	background: url('/images/login_button.gif') 0 0 no-repeat;
	border: 1px solid #333;
	width: 45px;
	height: 16px;
	position: relative;
	top: 2px;
	left: 10px;
}

#contact-icons {
	width: 550px;
	float: right;
	margin-top:20px;
}

a#call {
	width: 183px;
	height: 63px;
	display: block;
	background: url('/images/callus.gif') 0 0 no-repeat;
	float: left;
	text-decoration: none;
	position: relative;
	top: 15px;
	margin-left: 0px;
}
	a#call:hover {background: url('/images/callus.gif') 0 -63px no-repeat;}

a#email {
	width: 241px;
	height: 68px;
	display: block;
	background: url('/images/emailus.gif') 0 0 no-repeat;
	float: left;
	text-decoration: none;
	position: relative;
	top: 15px;
	margin-left: 50px;
}
	a#email:hover {	background: url('/images/emailus.gif') 0 -68px no-repeat;}

/* Navigation =========================== */
#nav {
	width: 971px;
	margin: 0 auto;
}
	#nav ul {
		margin: 13px 0 0 12px;
		padding: 0;
		list-style: none;
	}
		#nav ul li {
			
		}
		#nav ul li a {
			display: block;
			float: left;
			text-decoration: none;
			font-size: 23px;
			color: #fff;
			height: 59px;
			padding-top: 0px;
			padding-left: 8px;
			margin-right: 15px;
		}
		#nav ul li a span {
			padding: 20px 15px 11px 7px;
			display: block;
			height: 28px;
		}
		#nav ul li a span .nav-text {
			background: none;
			padding: 0;	
		}
		#nav ul li a.yellow {
			color: #ffebae;
		}
		
		/* Hover Styles */
		#nav ul li a:hover {
			background: url('/images/nav-left.gif') 0 0 no-repeat;
			color: #3f362e;
		}
		#nav ul li a:hover span {
			background: url('/images/nav-right.gif') right 0;
		}
		#nav ul li a:hover span span.nav-text {
			background: none;
			padding: 0;
			border-bottom: 5px solid #b0d353;
		}
		/* Current Page Styles */
		#nav ul li a#current {
			background: url('/images/nav-left.gif') 0 0 no-repeat;
			color: #3f362e;
		}
		#nav ul li a#current span {
			background: url('/images/nav-right.gif') right 0;
		}
		#nav ul li a#current span span.nav-text {
			background: none;
			padding: 0;
			border-bottom: 5px solid #b0d353;
		}

/* Container ============================ */
#container {
	background: url('/images/bg.gif') 0 0 repeat-y;
	width: 971px;
	margin: 0 auto;
	padding-top: 20px;
}

#fruit-loops {
	width: 891px;
	margin: 0 auto;
	text-align: center;
	background: #ebe9d8;
	padding: 15px;
}

/* Main Columns ========================= */
#col-container {
	width: 907px;
	margin: 0 auto;
	padding: 20px 20px 50px 20px;
	background: url('/images/content-bg.gif') 0 bottom repeat-x;
}

#column1 {
	width: 214px;
	float: left;
	margin-right: 20px;
}
#column1 p {
	margin-right: 10px;
	color: #666;
	font-size: 12px;
}

	#column1 #latest {
		margin-top: 10px;
		margin-bottom: 20px;
	}
		#column1 #latest h2 {
			color: #7f9c33;
			text-transform: uppercase;
			font-weight: normal;
			margin: 0;
		}

		#column1 #latest a {
			font-size: 12px;
		}
		#column1 #latest img {
			margin: 5px 0;
		}
		
	/* Side Navigation =============== */
	#column1 ul {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
		
		.sectionhead { 
			font-size: 16px;
			color: #2B7EBB;
			text-transform: uppercase;
			margin-bottom:15px;
			display:block;
			padding: 0;
			font-weight: normal;
		}
		.sectionhead a { text-decoration:none;}
		
		#column1 ul li {
			margin-bottom: 8px;
			padding-bottom:1px;
			border-bottom:1px solid #f4f4ea;
			width:95%;
		}
		#column1 ul li a {
			color: #666;
			text-decoration: none;
			padding-left: 20px;
			font-size:15px;
		}
		#column1 ul li a:hover, #column1 ul #subnav-current {
			color: #000;
			background: url('/images/star-green.png') 0 0 no-repeat;
		}
		
	#column1 h3 {
		font-size:14px;
		color:#b04b19;
		text-transform:uppercase;
	}
		
#column2 {
	width: 442px;
	float: left;
	margin-right: 20px;
	text-align: justify;
}
	#column2 h1,h2,h3,h4 {
		text-align: left;
	}

#column3 {
	width: 210px;
	float: left;
}
	#column3 #quiz {
		text-align: center;
	}

	#column3 h3 {
		font-size:14px;
		color:#b04b19;
		text-transform:uppercase;
	}
	
	#column3 ul {
		margin:0;
		padding:0;
	}
		#column3 #meetups li {
			list-style:none;
			margin-bottom:6px;
			padding-bottom:3px;
			border-bottom:1px solid #f4f4ea;
			width:95%;			
		}
			#column3 #meetups li strong {color:#6a9329;}
#column3 a {text-decoration:none; color:#6a9329;}

#main-column {
	width: 670px;
	float: left;
}
	#main-column h2 {
		font-size: 20px;
		color: #715436;
		text-transform:uppercase;
		margin: 20px 0 0 0;
		padding: 0;
		font-weight: normal;
	}


#faux-column{ width: 210px; float:right; padding:5px; margin-left:10px;}

/* Footer =============================== */
#footer-wrap {
	border-top: 5px solid #7e8e42;
	background: #1b1714 url('/images/footer-bg.gif') 0 0 repeat-x;
}

#link-columns {
	width: 950px;
	margin: 0 auto;
	border-bottom: 1px solid #584f46
}
div.link-column {
	width: 215px;
	float: left;
	border-right: 1px solid #584f46;
	padding: 0 10px 5px 10px;
	height: 150px;
	margin: 20px 0;
}
	div.link-column h2 {
		color: #ddc9b5;
		font-size: 18px;
		font-weight: normal;
		padding-left: 15px;
	}
	div.link-column ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		div.link-column ul li {
			margin-bottom: 5px;
		}
			div.link-column ul li a {
				color: #ffffcc;
				text-decoration: none;
				font-size: 12px;
				padding-left: 15px;
				display: block;
			}
			div.link-column ul li a:hover {
				background: url('/images/star-white.png') 0 0px no-repeat;
			}
			
#footer {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	color: #999;
	padding: 25px 0 15px 0;
}
#footer a {
	color: #fff;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	color: #c9c9ad;
	font-size: 10px;
}
#footer ul li a {
	color: #c9c9ad;
	font-size: 10px;
}

.hidden {
	display: none;
}

/* ZoomImage =============================== */
#ZoomImage {padding:5px; background-color:#fff; z-index: 999;}
#ShadowBox td, #ZoomCapDiv td {padding:0; z-index: 999;}

/* Testimonials =============================== */
q {font-size:16px; line-height:20px; font-family:serif;}
cite {font-size:12px; color:#666;}

/* Message Boxes  */

.failure, .notice, .success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
	padding-left:5em;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
}

.failure {
	background:#FBE3E4 url(/images/message/cancel_16.png) no-repeat 15px;
	background-position: 20px 8px;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.notice {
	background:#FFF6BF url(/images/message/warning_24.png) no-repeat 15px;
	background-position: 20px 8px;
	color:#514721;
	border-color:#FFD324;
}
.success {
	background:#E6EFC2 url(/images/message/accepted_24.png) no-repeat 15px;
	background-position: 20px 8px;
	color:#264409;
	border-color:#C6D880;
}

.error_newsletter {
	padding:.1em;
	border:1px solid #ddd;
	padding-left:2em;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	margin-top:10px;
	background:#FBE3E4 url(/images/message/cancel_16.png) no-repeat 2px;
	background-position: 3px 2px;
	color:#8a1f11;
	border-color:#FBC2C4;
}
.error_contact {
	padding:.4em;
	border:1px solid #ddd;
	padding-left:2em;
	width:280px;
	margin-top:10px;
	margin-bottom: 4px;
	background:#FBE3E4 url(/images/message/cancel_16.png) no-repeat 2px;
	background-position: 3px 2px;
	color:#8a1f11;
	border-color:#FBC2C4;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
}
.error_billing {
	padding:.1em;
	border:1px solid #ddd;
	padding-left:2em;
	width:300px;
	margin-top:10px;
	margin-bottom: 4px;
	background:#FBE3E4 url(/images/message/cancel_16.png) no-repeat 2px;
	background-position: 3px 2px;
	color:#8a1f11;
	border-color:#FBC2C4;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
}
.errorNext {
	padding:.1em;
	border:1px solid #ddd;
	padding-left:2em;
	width:100%;
	background:#FBE3E4 url(/images/message/cancel_16.png) no-repeat 2px;
	background-position: 3px 2px;
	color:#8a1f11;
	border-color:#FBC2C4;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
}
.underline {
	text-decoration: underline;
}

/* Tabs */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/images/tab/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Login Specific Styles */

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clearfix {height: 1%;}
.clearfix {display: block;}

.tab {
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
    margin-top:-10px;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 36px;
	width: 150px;
  	font-weight: bold;
	line-height: 36px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
	background:#313131;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius: 15px;
}


.tab ul.login li {
 	text-align: left;
	display: block;
	float: left;
	padding-left:10px;	
	height: 42px;
}

.tab ul.login li a {
	color: #a8c94f;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open {
	height: 20px;
	line-height: 20px !important;
	padding-left: 10px !important;
	cursor: pointer;
	display: block;
	width: 120px;
	position: relative;
	top: 11px;
}

.tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 120px;
	position: relative;
	top: 11px;
}

.tab a.close {background: url(/images/login/bt_close.png) no-repeat left 0;}
.tab a:hover.close {background: url(/images/login/bt_close.png) no-repeat left -19px;}

#toppanel {
    position: absolute; 
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;  
}

#panel {
	width: 100%;
	height: 220px;
	color: #999999;
	background: #313131;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: #a8c94f;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #a8c94f;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 940px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left:150px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	border-right: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}

#panel .content input:focus.field {
	background: #545454;
}
#panel .content input.bt_login {
	display: block;
	float: left;
	clear: left;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color:#b04b19; border:none; padding:5px; color:#fff; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer;
	margin: 10px 0;
}


#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/************ Table ************/
table {
	width: 100%;
	border-collapse: collapse;
}

table thead th {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ddd;
}

tbody {
	border-bottom: 1px solid #ddd;
}

tbody tr {
	background: #fff;
}

tbody tr.alt-row {
	background: #f3f3f3;
}

table td, table th {
	padding: 10px;
	line-height: 1.3em;
	text-align:left
}

table tfoot td .bulk-actions {
	padding: 15px 0 5px 0;
}

table tfoot td .bulk-actions select {
	padding: 4px;
	border: 1px solid #ccc;
}

/*************** Pagination ***************/
.pagination {
	text-align: right;
	padding: 20px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.pagination a {
	margin: 0 5px 0 0;
	padding: 3px 6px;
}

.pagination a.number {
	border: 1px solid #ddd;
}

.pagination a.current {
	background: #469400 url('/images/bg-button-green.gif') top left repeat-x
		!important;
	border-color: #459300 !important;
	color: #fff !important;
}

.pagination a.current:hover {
	text-decoration: underline;
}

/*************** Progress Bar ***************/
div.progressBar h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #222;
	margin: 5px 0 -5px;
	padding: 0 0 5px 0;
}
div.progressBar h5.right {
	float:right;
	margin: inherit;
}
div.progressBar ul.progressBar{
	margin:5px 0 10px 0 !important;
	list-style: none;
}
div.progressBar ul.progressBar li{
	background:#fafafa url(/images/effects/shadow.png) repeat-x left center !important;
	float:left !important;
	padding: 0 !important;
}
div.progressBar ul.progressBar li.done{
	background:#cbe662 url(/images/effects/3d.png) 0 0 repeat-x !important;
}
div.progressBar ul.progressBar li.in_progress{
	background:#cbe662 url(/images/effects/pending.png) 0 0 repeat-x !important;
}

div.progressBar table {
	border-collapse: separate;
	border-spacing: 0;
}

table.inside tr, table.inside td {
	padding:2px !important;
}

table.inside tbody {
	border-bottom:none !important;
}