/******************************************* 
CSS DOCUMENT FOR SEVENTH GENERATION 
AUTHOR: 		SHANTANU JOSHI
DATE CREATION:	30 MAY 2009       		
*******************************************/

/* global classes */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:middle;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
label {vertical-align:bottom;}
body {
padding-bottom:10px;
}
a {color:#E77100; text-decoration:none; }
a:hover {text-decoration:underline}
ol, ul {
	list-style: none;
}
p {padding-bottom:10px;}
blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle; }

#header:after, .clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
}


#wrapper { width:905px; margin:0 auto;}
#logo {float:left; padding:10px 0 0 10px;}
#logo cite {background:url(../images/blueGradient.gif) repeat-y left top; padding:5px; hei ght:25px; width:150px; display:block;}

#topLinks { float:right;}
#topLinks li { float:left; color:#006542; padding:5px; padding-bottom:1px; border-left:1px solid #CECFCE; border-bottom:1px solid #CECFCE;}
#topLinks li a { font-weight:normal;  color:#006542; text-decoration:none; margin:0; padding:0; }
	#topLinks #user a { color:#5AB65A; border-bottom:none;}

#nav { float:left; margin-top:25px; background:url(../images/dashed.gif) repeat-x left bottom; width:650px;}
	#nav li {float:left;}
	#nav li a { color:#E77100; font-size:14px; padding:5px 20px; display:block; font-weight:bold;}
	#nav li a.firstItem {padding-left:5px;} 

#bodyContainer { padding-top:20px;}
.col3-20-60-20 { clear:both;color:#584528;}
	.col3-20-60-20 .col-1 { float:left; width:195px;}
	.col3-20-60-20 .col-2 { float:left; width:509px; margin:0 4px 0 4px;}
	.col3-20-60-20 .col-3 { float:left; width:193px;}

.col2-20-80 { clear:both;color:#584528;}
	.col2-20-80 .col28-1 { float:left; width:195px;}
	.col2-20-80 .col28-2 { float:left; width:706px; margin:0 0px 0 4px;}
	
.col2-80-20 { clear:both;color:#584528;}
	.col2-80-20 .col82-1 { float:left; width:509px;}
	.col2-80-20 .col82-2 { float:left; width:193px; margin:0 0px 0 4px;}
	
.col2-50-50 { clear:both;color:#584528;}
	.col2-50-50 .col55-1 { float:left; width:366px; padding-left:10px;}
	.col2-50-50 .col55-2 { float:left; width:315px; margin:0 0px 0 15px;}
	
.orangeBox { background:url(../images/orangeCors.gif) no-repeat left top #FFC721; padding-top:10px;}
	.orangeBox .btm {background:url(../images/orangeCors.gif) no-repeat -195px bottom; height:10px; font-size:1px;}
	.orangeBox .boxContent {padding:0 8px; color:#9C5500;}

.counter { font:normal 30px Georgia; line-height:100%;}

.brownBox { background:url(../images/brownCors.gif) no-repeat left top #584528; padding-left:10px; color:#fff;}
	.brownBox .right {background:url(../images/brownCors.gif) no-repeat right bottom;  padding-top:10px;  height:71px;}
	.brownBox .boxContent {padding:8px 0; color:#fff;}

.blueBox { background:url(../images/blueCors.gif) no-repeat left top #BDDBEF; padding-top:10px;}
	.blueBox .btm {background:url(../images/blueCors.gif) no-repeat right bottom; height:10px; font-size:1px;}
	.blueBox .boxContent {padding:0 8px; color:#584528;}
	.blueBox .title {font:normal 18px "Times New Roman"; color:#3798B9;}
.orgBlu { background:url(../images/orangeCors.gif) no-repeat -390px top #FFC721; }
.orgBlu .boxContent {background:url(../images/grad_orgBlu.gif) repeat-x left top #BDDBEF;}
	.orgBlu .title { color:#9C5500;}

.steps {float:left;}
	.steps li {float:left;}
	.steps li a { font:bold 15px "Times New Roman"; display:block; height:47px; background:url(../images/stepsArro.gif) no-repeat right 50%; width:100px; padding:13px 20px 0 10px; color:#DDDAB1;}
	.steps li a.lastItem {padding-left:10px; padding-right:0px; background:none; width:none; width:80px;}

.space5 {font-size:1px; line-height:0; height:5px; clear:both;}
.space10 {font-size:1px; line-height:0; height:10px; clear:both;}

.txtSml { font-size:10px !important;}
.txtLarge { font-size:16px !important;}
.txtxLarge { font-size:18px !important;}
.txtOrange {color:#E77100;}	

#grafix { position:relative; height:394px; width:509px; color:#fff;}
.heading {
	color:#FFFFFF;
	font-family:times New Roman;
	font-size:24px;
	padding:15px 0;
	text-align:center;
	}

#grafix a {color:#fff;}
.dashed{ background:url(../images/dashed_big.gif) repeat-x left 50%; font-size:1px; height:12px; clear:both;}
.dashed2{ background:url(../images/dashed.gif) repeat-x left 50%; font-size:1px; height:12px; clear:both;}
.seperator {border-top:1px solid #83BED8; font-size:1px; height:1px; margin:5px 0; clear:both;}
.seperator2 {border-top:1px solid #b7afa2; font-size:1px; height:1px; margin:5px 0; clear:both;}

.arroLink {background:url(../images/ico_linkArro.gif) no-repeat right 50%; padding-right:20px;}

h1 { font-size:34px; font-w eight:bold; color:#EBEAD9; line-height:60px; font-family:"Times New Roman", Arial;}

.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.floatLt {float:left;}
.floatRt {float:right;}

a.grayLink{color:#584528; font-size:16px; font-weight:bold; font-family:"Times New Roman", Times, serif}

.txtMed { font-size:14px;}

.tabPanel { border-bottom:1px solid #BDBABD; height:19px; _height:none; _background:url(../images/gray_dot.gif) repeat-x left bottom; _border-bottom:none;  }
	.tabPanel ul {   }
	.tabPanel ul li { float:left; margin-left:10px; _margin:0 4px;}
	.tabPanel ul li a { border:1px solid #BDBABD; border-bottom:none; display:block; padding:2px 20px; font-weight:bold; font-size:11px; color:#A24A13; background:#DEDFDE;}
	.tabPanel ul li a.selected { border-b ottom:1px solid white; background:white; padding-bottom:3px;}

.title2 { font-size:15px; font-weight:bold; font-family:"Times New Roman", Times, serif; margin:5px 0;}
.title3 { font-family:"Times New Roman", Times, serif; font-size:20px; color:#319ABD; font-weight:bold; border-bottom:1px solid #319ABD; padding-bottom:6px; margin-bottom:5px;}
.pagination a { margin-right:5px;}
.splitCont {float:right; width:150px;  border-left:1px solid white; height:50px; padding-left:10px; padding-top:10px; }

.blueHeaderBox .top {background:url(../images/darkBlue_corners.gif) no-repeat left top;}
	.blueHeaderBox .top div {background:url(../images/darkBlue_corners.gif) no-repeat right -82px #1A4B8B; margin-left:10px; padding:9px 10px 8px 10px; padding-left:5px; font-family:"Times New Roman", Times, serif; font-size:20px; color:#fff; font-weight:bold;}
	.blueHeaderBox .content {background:#BDDBEF; padding:15px;}
	.blueHeaderBox .btm {background:url(../images/blue_corners.gif) no-repeat left top;font-size:1px;}
	.blueHeaderBox .btm div {background:url(../images/blue_corners.gif) no-repeat right -10px #BDDBEF; margin-left:10px; height:10px; font-size:1px;}

.gradBox {background:url(../images/gradientBg1.gif) repeat-x left bottom #BDDBEF;}
.gradBox .top {background:url(../images/blue_corners.gif) no-repeat left -30px; font-size:1px; height:10px;}
	.gradBox .top div {background:url(../images/blue_corners.gif) no-repeat right -20px #BDDBEF; margin-left:10px; height:10px;   font-size:1px;}
	.gradBox .content { padding:0 10px;}
	.gradBox .btm {background:url(../images/beige_corners.gif) no-repeat left 0px; font-size:1px; height:10px;}
	.gradBox .btm div {background:url(../images/beige_corners.gif) no-repeat right -10px #DEDBB5; margin-left:10px; height:10px;   font-size:1px;}

.gridView {}
	.gridView th { background:#EAF3FA; color:#584528; border-bottom:1px dashed #000000; padding:4px;}
	.gridView td { color:#584528;border-bottom:1px dashed #C6C6C6; padding:4px;}
	
.boldArro {font-weight:bold; background:url(../images/ico_arrow.gif) no-repeat right 50%; padding-right:10px;}

.vLine { border-left:1px solid #D1D3D5; padding-left:5px;}
.padLt {padding-left:10px;}
.padLtRt {padding:0 10px;}

.grayBox {background:#F1F1F1;}
	.grayBox .top {background:url(../images/gray_corners.gif) no-repeat left 0px; font-size:1px; height:10px;   }
	.grayBox .top div {background:url(../images/gray_corners.gif) no-repeat right -10px; margin-left:10px; height:10px; font-size:1px;}
	.grayBox .content { padding:0 10px;}
	.grayBox .btm {background:url(../images/gray_corners.gif) no-repeat left -30px; font-size:1px; height:10px;}
	.grayBox .btm div {background:url(../images/gray_corners.gif) no-repeat right -20px; margin-left:10px; height:10px; font-size:1px;}

.userComment {background:url(../images/connector.gif) no-repeat left 40px; padding-left:15px; padding-top:5px; border-left:2px solid #bddbef;}
.dottedH {background:url(../images/dotted.gif) repeat-x left bottom; font-size:1px; height:1px; line-height:0px; margin:5px 0; }

.accordHeader { border-bottom:1px dashed #333;}
	.accordHeader a { display:block; line-height:30px; font-size:15px; color:#584528;background:url(../images/ico_collapse.gif) no-repeat left 50%;  font-weight:bold; font-family:"Times New Roman", Times, serif; padding-left:25px;}
	.accordHeader a.selected {background:url(../images/ico_expand.gif) no-repeat left 50%;}
.accordContent {padding-bottom:10px; margin-bottom:5px;}






#footer { border-top:1px dashed #ccc; margin-top:8px; padding-top:8px; color:#E77100; font-size:9px !important;}
#footer span {float:right; color:#584528; font-size:11px !important;}