/* IMPORTS
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('_reset.css');
@import url('_global.css');
@import url('_grid.css');
@import url('tabs.css');
@import url('layout.css');

html {background:#D6DBDE; height: 101%; }
body {font-family:Arial, sans-serif; font-size:14px; color:#333 }

a:link 	  { color: #008DDF; text-decoration: none; }
a:visited { color: #008DDF; text-decoration: none; }
a:hover   { color: #CC0000; text-decoration: none; }


h1 { font-size: 180%; margin-bottom: 7px; color:#000 }
	h1 span { font-family: Arial, sans-serif; font-size: 70%; color: #000; }
h2 { font-size: 160%; margin-bottom: 7px; }
h3 { font-size: 140%; color:#636363; margin-bottom: 5px; font-weight: bold; }
h4 { font-size: 120%; margin-bottom: 5px; font-weight: bold; }

p { line-height: 1.8em; }

#bd ul { margin-bottom: 20px; }
#bd ul li,
#bd ul ul li { display: block; margin: 0 0 7px 5px; padding-left: 15px; background: url('/images/bullet-blue.gif') no-repeat 0px 5px; }

ol { }
ol li { list-style:decimal; margin: 0 0 7px 20px; }
ol li ol li { list-style: lower-roman; }

#bd ul.tabs li,
#bd ol.tabs li { background: none; margin:0; padding:0; } /* overide default list style */


/* Sidebar
------------------------------------- */
.sidebar ul { border: 1px solid #CCC; border-bottom: 0; background: #F6F6F6; }
#bd .sidebar ul li { background: none; padding: 0; margin:0; } /* overide default list styles */
.sidebar ul li { border-bottom:1px solid #CCC; }
.sidebar ul li a:link,
.sidebar ul li a:visited { display: block; padding: 10px; color: #333; }
.sidebar ul li a:hover { display: block; padding: 10px; color: #C00; text-decoration: underline; }


	/* Vertical tabs	(overide default tabs.css )
	---------------------------------- */
	.sidebar ul.tabs { border: 1px solid #CCC; border-bottom: 0; background: #F6F6F6; height:auto; padding:0; margin:0; }
	#bd .sidebar ul.tabs li { background: none; padding: 0; margin:0; } /* overide default list styles */
	.sidebar ul.tabs li { float: none; display: block; border-bottom:1px solid #CCC; }
	.sidebar ul.tabs li a:link,
	.sidebar ul.tabs li a:visited { display: block; height:auto; line-height:normal; width: 100%; text-align: left; color: #333; margin:0; padding: 10px; background: url('/images/arrow_fn_grey.gif') no-repeat 90% 50%; }
	.sidebar ul.tabs li a:hover { color: #C00; text-decoration: underline; }
	
	/* when mouse enters the sidebar tab move the background image */
	.sidebar ul.tabs li a:hover {
		background: url('/images/arrow_next.gif') no-repeat 90% 50%;
	}
	
	
	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
	.sidebar ul.tabs li a.current, 
	.sidebar ul.tabs li a.current:hover, 
	.sidebar ul.tabs li.current a {
		background: url('/images/arrow_fn_black.gif') no-repeat 90% 50%;
		font-weight: bold;
		cursor:default !important; 
		color:#000 !important;
	}





/* Button
------------------------------------- */
button,
.button,
.button a:link,
.button a:visited,
a.button {
	background: #658D2B;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	height: 34px;
	display: block;
	float: left;
	overflow: hidden;
	line-height: 34px;
	margin-right: 6px;
	padding: 0 18px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

button:hover,
.button:hover,
.button a:hover {
	background: #486B1C;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

button:active,
.button:active,
.button a:active {
	text-decoration: none;
}

.leader { font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color:#475D7C; margin: 10px 0; line-height: 1.3em;}
.helperText { font-family: verdana; font-size: 11px; color: #666; }

/* Home page
----------------------------------------------------- */
.promo { margin: -20px -10px 20px -10px; width: 940px; height: 260px; padding: 20px; background: #478AF3 url(../images/pic-home.jpg) no-repeat; }
.promo h1 { padding-top: 30px; text-align: center; color: #264064; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.7); }
.promo h1 span { color: #DDD; text-shadow: none; }
.promo h2 { padding-left: 300px; color: #FFF; margin: 30px 0; text-shadow: 0px -1px 0 #000000; }

/* Features page
----------------------------------------------------- */
.ftbox { padding-left: 70px; background: url('/images/icons/features_icons.jpg') no-repeat; }
.ftbox#hm1 { background-position: 0 -460px; }
.ftbox#hm2 { background-position: 0 -240px; }
.ftbox#hm3 { background-position: 0 -690px; }
.ftbox#hm4 { background-position: 0 -910px; }
.ftbox#hm5 { background-position: 0 -2030px; }
.ftbox#hm6 { background-position: 0 -1810px; }
.ftbox#hm7 { background-position: 0 -10px; }
.ftbox#hm8 { background-position: 0 -2480px; }
.ftbox#hm9 { background-position: 0 -1140px; }

/* Request More link/button
----------------------------------------------------- */
a:link.req_more ,
a:visited.req_more  { display: block; height: 20px; width: 143px; padding: 7px 10px 7px 50px; font-weight: bold; color: #FFF; background:url('../images/req-more.gif') no-repeat; }
a:hover.req_more  	{ background-position: 0 -35px; }
a:active.req_more  	{ background-position: 0 -70px }


/* ERROR MESSAGES AND ALERTS
----------------------------------------------------- */
.alert {
	display: block;
	margin: 10px 0;
    padding: 5px 10px;
    border: 1px solid #EAECED;
	background:#F0EEE1;
}

.alert p { margin: .5em 0; }

.error 	 { background:#FFE7EB url('/images/icons/exclamation.png') no-repeat 15px 50%; border: 1px solid #EFCDD7; padding-left: 40px; }
.warning { background:#FFFFE7 url('/images/icons/exclamation.png') no-repeat 15px 50%; border: 1px solid #EFE9CD; padding-left: 40px; }
.success { background:#EEFFE7 url('/images/icons/information.png') no-repeat 15px 50%; border: 1px solid #DCEFCD; padding-left: 40px; }
.info 	 { background:#E7F5FF url('/images/icons/information.png') no-repeat 15px 50%; border: 1px solid #CDE5EF; padding-left: 40px; }
.announcement 	 { background:#EFEBE0 url('/images/icons/mic.png') no-repeat 10px 50%; padding: 5px 20px 5px 70px; }

.error h2 	{ color:#C00; }
.warning h2 { color:#B63; }
.success h2 { color:#080; }
.info h2 	{ color:#36C; }