/*============Universal Selector======================*/

*{
	margin: 0px;
	padding: 0px;
}



html,body{
	background: url(../images/bg-content.gif);
	font-size:62.5%;
	height: 100%;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);
	font: normal 12px/1.5 Arial, Helvetica, sans-serif;
}

/*Opera Fix For Sticky Footer Use*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;


}


h1{
	
	
}

h2{
	font-weight: normal;


}

h3{
	
	color: #666;
}

h4
{
	
}

h5
{
	
}

h6{
	
}

ol{
	list-style:decimal;
}

ul{
	list-style:disc;
}

li{
	
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset
{
	
	
}

p{
	color: #333;
	padding: 0px 10px 10px 10px;	
}




/*=================Default Link Styles=========================*/
a:link {
		color: #333;
	} 
	
	a:visited {
	color: #333;
	} 
	
	a:hover {
	color: #069; 
	}
	
	a:active {
	color: #333;
	} 

/*=================Layout=========================*/

#wrapper{
	width: 100%;
	background: url(../images/background.jpg) repeat-x;
	display:table; 
	height:100%;
}



#container{	
	padding-bottom: 75px;
}


#header{	
	background: url(../images/header.gif);
	position: relative;
	height: 120px;
}


#header2{	
	background: url(../images/header-login.gif);
	position: relative;
	height: 120px;
}



#title{	
	background: url(../images/header-title.gif);
	height: 63px;
	padding: 0px 0px 20px 0px;
	position: relative;

}

#title h1{
	font-size: 1.2em;
	padding: 15px 0px 0px 5px;
	color: #545454;
	float: left;
}



/*--------------//Specific Home page styles begin here   -------------*/

#purpose{
	height: 292px;
	margin: 10px 0px 0px 0px;
	background: url(../images/purpose.png);
	position: relative;
	color: #666;
}

#purpose li{
	list-style: url(../images/arrow.png) outside;
	margin-bottom: 10px;
	
}


.homepagebox1{
	width: 177px;
	position: absolute;
	top: 130px;
	left: 40px;
}


.homepagebox2{
	width: 180px;
	position: absolute;
	top: 130px;
	left: 283px;
}




.homepagebox3{
	width: 214px;
	position: absolute;
	top: 130px;
	left: 521px;
}


#homepagetext{
	color: #999;
	margin-top: 20px;
}

/*--------------//End Home page  -------------*/

.download{
	width: 158px;
	height: 33px;
	display: block;
	background: url(../images/download.png) bottom;
	float: right;
	margin: 12px 0px 0px 0px;
	cursor: pointer;
}

.download:hover{
	background-position: 0 0;	
}




.cca{
	width: 158px;
	height: 33px;
	display: block;
	background: url(../images/cca.png) bottom;
	float: right;
	margin: 12px 0px 0px 0px;
	cursor: pointer;
}

.cca:hover{
	background-position: 0 0;	
}



/*====================FORM SLIDER=============================  */


.accordion2 {
	width: 940px;
	
	margin-bottom: 20px;
}
.accordion2 h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin-bottom: 1px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 5px;
}


.audio{
	
}


div#actions {
	margin: 0px auto;
	text-shadow: none;
	font: 1.1em Arial, Helvetica, sans-serif;
	width: 950px;
	height: 42px;	
	background: url(../images/audio-bg.png);
}
	
div#actions li a.current, div#actions li a.current:hover{
	color: #006699;
	background: #fcfcfc;
	}
	
div#actions li a.current span, div#actions li a.current:hover span{
	
	}

/* UL TAG */
div#actions ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
} 

div#actions li {
	list-style: none;
	float:left;
	margin:10px 0px 0px 15px;
	
	}

div#actions li img{
	float: left;
	padding: 0px 10px 0px 0px;	
	margin-top: -8px;
}


div#actions li a {
	color:#333;
	text-decoration:none;
	padding: 3px;
	}
	
div#actions li a span {
	padding: 8px 12px 11px 10px;
	font: normal 1.0em Arial, Helvetica, sans-serif;
	}

div#actions li a:hover{
	background: #fff;
	
}

/*================================ACTIONS CUSTOM CLASSES===========================================  */
.consultant{
	width: 220px;	
}


/*================================SCORE AND DELETE BUTTONS===========================================  */
div#score{
	float: right;
	background: url(../images/score.png);
	width: 44px;
	height: 30px;
	margin: 2px 15px 0px 0px;	
}


div#score p{
	font: normal 1.0em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	text-shadow: none;
	color: #fff;
	float: none;
	text-align: center;
	padding: 7px 0px 0px 0px;
}



div#delete{
	float: right;
	background: url(../images/delete.png) bottom;
	width: 20px;
	height: 20px;
	margin: 7px 15px 0px 0px;
	display: block;	
	cursor: pointer;
}


div#delete a:hover{
	background-position: 0 0;	
}


#footer{
	width: 100%;
	position: relative;
	margin: -75px 0px 0px 0px;
	height: 75px;
	background: url(../images/body.gif);
	border-top: 1px solid #fff;
	
	
}

/*=================================Main Navigation-------------------------*/

div#nav {
	position: absolute;
	top: 54px;
	left: 291px;
	width: 692px;
	text-shadow:0 1px 0 rgba(000, 000, 000, 0.9);
}
	
div#nav li a.current, div#nav li a.current:hover{
	background:url(../images/nav_hover1.gif) top left no-repeat;
	color: #fff;
	}
	
div#nav li a.current span, div#nav li a.current:hover span{
	background: url(../images/nav_hover2.gif) top right no-repeat;
	}

/* UL TAG */
div#nav ul {
	list-style:none;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
} 

div#nav li {
	list-style: none;
	float:left;
	margin:0px 0px 0px 0px;
	}

div#nav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font: bold  .9em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	}
	
div#nav li a span {
	display: block;
	padding: 5px 12px 11px 10px;
	
	}

/**/* html #nav a {
	width: 1%;
	}

div#nav li a:hover {
	background:url(../images/nav_hover1.gif) top left no-repeat;
	color: #fff;
	
	}

div#nav li a:hover span {
	background: url(../images/nav_hover2.gif) top right no-repeat;
	}



/*==========================================YEAR LINKS==========================================*/


div#year{
	width: 600px;
	height: 20px;
	margin: 16px 0px 0px 7px;
	left: 39px;
	top: 13px;
	float: left;
	text-shadow:  none;
}
	
 #year li a.current, div#year li a.current:hover{
	background: #035aa9;
	color: #fff;
	}
	

/* UL TAG */
 #year ul {
	list-style:none;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	
} 

div#year li {
	list-style: none;
	float:left;
	margin:0px 10px 10px 0px;
	display: inline;

	}

div#year li a {
	display:inline;
	color:#333;
	text-decoration:none;
	font: normal  1.0em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	padding: 0px 5px 0px 5px;
	background: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}
	



div#year li a:hover {
	background: #035aa9;
	color: #fff;

	}





/*=================================PAGINATION -------------------------*/

div#pagination {
	width: 920px;
	height: 50px;
	margin: 0px auto;
	clear: both;
	text-shadow: none;
}
	
div#pagination li a.current, div#pagination li a.current:hover{
	background: #ededef;
	color: #666;
	}
	

/* UL TAG */
div#pagination ul {
	list-style:none;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
} 

div#pagination li {
	list-style: none;
	float:left;
	margin:10px 0px 10px 0px;
	}

div#pagination li a {
	display:inline;
	color:#333;
	text-decoration:none;
	font: normal  .9em 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	padding: 0px 5px 0px 5px;
	}
	



div#pagination li a:hover {
	background: #035aa9;
	color: #fff;

	}


	
/* ----------------- Utilitynav CSS DROPDOWN ----------------- */	

	
	/* UL TAG */
	
#utilitynav{
	width: 960px;
	clear: both;
	background: #808080;
}	
	
	
ul#utilitynav {
	margin:0;
	padding:0;
	font-size:11px;
	font-family: tahoma;
	
	} 

ul#utilitynav li {
	list-style: none;
	float:left;
	margin:0 1px 0 0;
	padding:0;
	line-height:normal;
	text-indent:0;}

ul#utilitynav li a {
	display:block;
	padding: 0px 7px 2px 9px;
	/*width: 100px;*/
	color: #808080;
	text-decoration:none;
	background: url(images/nav_off.gif);
	font-weight: normal;
	font-family: tahoma;
	font-size: 10px;
		}


ul#utilitynav li a:hover {
	color: #808080;
	}

ul#utilitynav .current {
	color: #000;
	}
/*===============================FORMS==================================  */

.logincontainer{
	padding-bottom: 75px;in
}

#login{
	background: url(../images/login-bg.png);
	width: 503px;
	height: 279px;	
	margin: 0px auto;
	
}


#login fieldset{
	width: 400px;
	padding: 50px 0px 0px 30px;
	position: relative;
}

fieldset label{
	float: left;
	margin: 0px 0px 10px 0px;	
	display: inline;
}

fieldset input{
	float: right;
	margin: 0px 0px 10px 0px;
	display: inline;
}

fieldset ol{
	list-style: none outside none;
	font-weight: bold;	
	font-size: 1.2em;
	text-transform: uppercase;
	color: #333;
}



fieldset li{
	margin: 0px 0px 15px 0px;	
	clear: both;
}

input{
	width:  288px;
	height: 24px;
	background: url(../images/audio-bg.gif);
	border: 1px solid #ccc;
	border-radius: 5px;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}



.submit{
	width: 133px;
	height: 29px;
	margin: 10px 0px 0px 0px;
	display: block;
	background: url(../images/submit2.png) bottom;
	cursor: pointer;
	border: none;
	float: right;
}



.submit:hover{
	background-position: 0 0;	
}

#invalid {
	width: 503px;
	height: 25px;
	background: #ff9999;
	margin: 0px auto;
	padding: 10px;
	font-size: 1.2em;
	color: #000;
}