
/*------------------------------- GENERIC -------------------------------*/

body{
	background: #FFFFFF url(images/backMain.gif) repeat-x top left;
	color: #555555; /*#000033; */
	font: 0.75em Century Gothic,Tahoma,Arial,Helvetica,sans-serif;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	width: 720px;
}

div#content{
	background-color: #FFFFFF;
	border-left: 1px solid #26338F;
	border-right: 1px solid #26338F;
	margin:0;
	padding:5px 21px; 
	min-height:300px;
	height:auto !important;
	height:300px;
}

a:link,
a:visited{
	text-decoration: none;
	color: #FFFFFF; /* #2F3B75; */
}

a:hover{
	text-decoration: underline;
}

p{
	margin: 0;
	padding: 0;
}

table{
	width: 100%;
}

ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img,
form{
	margin: 0;
	padding: 0;
}

input,
textarea{
	font-size: 1.0em;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	border: 1px solid #AFC2CE;
}

select,
option{
	font-size: 1.0em;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

hr{
	margin: 0;
	border: 0;
	color: #AFC2CE;
	height: 1px;
}

h2{
	background: #AFC2CE url(images/h2Back.gif) no-repeat 6px 50%;
	color: #FFF;
	margin: 0;
	padding:0.4ex 25px;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 1px;
}

h3{
	background: transparent url(images/tabBack.gif) no-repeat top left;
	margin: 0;
	padding: 5px 0 0 19px;
	height:21px;
	font-size: 1.2em;
	font-weight: normal;
	color:#2F3B75;
}

h4{
	background: #AFC2CE url(images/h4Back.gif) no-repeat 6px 50%;
	color: #FFFFFF;
	margin: 0;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 1px;
}

/*------------------------------- HEADER --------------------------------*/

div#headerContainer{
	background: #FFFFFF url(images/headerMain.gif) repeat top left;
	height: 75px;
	margin: 0ex;
	padding: 0ex;
	width: 720px;
}

div#pageIcons{
	margin: 0;
	padding: 0 10px 0 0;
}

ul.ulInline li{
	display: inline;
	margin: 0;
	padding: 0;
	font: Century Gothic;
	font-size: 0.9em;
	font-weight: bold;
	color: #808285; /* #FFFFFF;	 */
	padding: 2px 0px 2px 20px;
}

ul.ulInline li a,
ul.ulInline li a:visited,
a.footerlink{
	color: #808285; /*#FFFFFF;*/
}

li.headerTab{
	margin: 0px 0px 0px 251px;
	padding: 0;
}

li.i_contact{
	background:transparent url("images/i_contact.gif") no-repeat 0.2ex 30%;
}

li.i_help{
	background:transparent url("images/i_help.gif") no-repeat scroll 0.2ex 20%;
}

div.tabTextHolder{
	background: transparent url("images/tabBackR2.gif") no-repeat top left;
	margin: 0;
	height: 26px;
	padding: 0;
}

div.tabTextHolder h3{
	background-color: #FFFFFF;
	width: 150px;
}

div.rule{
	float:right; 
	width:468px;
	text-align:center;
}

div#top div.rule{
	border-left: 1px solid #26338F;
	border-right: 1px solid #26338F;
	padding-top: 5px;
}

/*------------------------------- FOOTER --------------------------------*/

div.bottom{
	background-color: #FFFFFF;
	width: 470px;
	float: right;
	margin: 0px 0px 5px 0px;
}

div.bottom div.rule{
	border-left: 1px solid #26338F;
	border-right: 1px solid #26338F;
	width: 468px;
}

div.toplink{
	float: left;
	padding: 0px 0px 5px 0px;
	width: 468px;
	border-left: 1px solid #26338F;
	border-right: 1px solid #26338F;
}

ul#ctl00_Footer_topLink{
	padding-right: 5px;
	float: right;
}

ul#ctl00_Footer_topLink li{
	display: inline;
	list-style-image: none;
}

ul#ctl00_Footer_topLink li a{
	font-size: 0.9em;
}

div#footer{
	background-color: #000000; /* #26338F; */
	margin: 0;
	padding: 5px;
	float: left;
	width: 460px;	
	font: Century Gothic;
	font-size: 0.8em;
}

div.artemis-footer{
	float: left;
	color:#FFFFFF;
}

ul.ulFooter
{
	float: right;
}

li.footerContact
{
	color: #FFFFFF;
	display: inline;
}

li.footerHelp
{
	display: inline;
}

li.footerContact a,
li.footerHelp a
{
	color: #FFFFFF ! important;
}

/*--------------------------- CHANGE PASSWORD ---------------------------*/

div.AspNet-ChangePassword-ChangePasswordTitlePanel,
div.AspNet-ChangePassword-SuccessTitlePanel
{
	margin-bottom: 5px;
}

div.AspNet-ChangePassword-ChangePasswordTitlePanel span,
div.AspNet-ChangePassword-SuccessTitlePanel span
{
	font-size: 0.9em;
}

div.AspNet-ChangePassword-PasswordPanel,
div.AspNet-ChangePassword-NewPasswordPanel,
div.AspNet-ChangePassword-ConfirmNewPasswordPanel,
div.AspNet-ChangePassword-SuccessTextPanel
{
	margin-bottom: 5px;
}

div.AspNet-ChangePassword-PasswordPanel label,
div.AspNet-ChangePassword-NewPasswordPanel label,
div.AspNet-ChangePassword-ConfirmNewPasswordPanel label
{
	float: left;
	width: 140px;
}

div.AspNet-ChangePassword-FailurePanel
{
	color: #FF0000;
	border: solid 1px #FF0000;
	text-align: center;
	padding: 3px;
	margin-bottom: 5px;
}

div.AspNet-ChangePassword-SubmitPanel,
div.AspNet-ChangePassword-ContinuePanel
{
	margin-bottom: 5px;
}

div.AspNet-ChangePassword-SubmitPanel input,
div.AspNet-ChangePassword-ContinuePanel input,
div.AspNet-PasswordRecovery-Question-SubmitPanel input, 
div.AspNet-PasswordRecovery-UserName-SubmitPanel input{
	background-color: #AFC2CE;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: 700;
	padding:1px 2px;
}

span#ctl00_MainContent_Password_ChangePasswordContainerID_NewPasswordCompare
{
	float: left;
	margin-top: 5px;
	width: 100%;
	text-align: center;
}

/*-------------------------------- LOGIN --------------------------------*/

div.login
{
	background-color: #BFCFD9;
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
}

div.AspNet-Login
{
	padding: 5px;
	float: left;
}

div.AspNet-Login-TitlePanel
{
	background-color: #000000;  /* #26338F; */
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 1px 6px 1px 6px;
	font: Century Gothic;
}

div.AspNet-Login-TitlePanel,
span#title
{
	font-size: 0.8em;
	font-weight: bold;
}

div.AspNet-Login-FailurePanel
{
	float: left;
	width: 239px;
	margin-top: 5px;
	text-align: center;
	border: solid 1px #FF0000;
}

div.AspNet-Login-FailurePanel span
{
	color: #FF0000;
}

div.AspNet-Login-UserPanel
{
	background-color: #FFFFFF; /* #D4E2EB; */
	border: 1px solid #FFFFFF;
	margin-top: 5px;
	float: left;
	display: block;
	width: 239px;
	font: Century Gothic;
}

div.AspNet-Login-UserPanel label,
div.AspNet-Login-PasswordPanel label
{
	background: #AFC2CE url(images/h4Back.gif) no-repeat scroll 6px 50%;
	color: #000000; /* #FFFFFF; */
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 5px 5px 25px;
	display: block;	
	border-bottom: 1px solid #FFFFFF;
}

div.AspNet-Login-UserPanel input,
div.AspNet-Login-PasswordPanel input{
	margin: 7px;
}

div.AspNet-Login-PasswordPanel{
	background-color: #FFFFFF; /* #D4E2EB; */
	border:1px solid #FFFFFF;
	display: block;
	float: left;
	margin-top:5px;
	width: 239px;
}

span#ctl00_Menu_Login_PasswordRequired,
span#ctl00_Menu_Login_UserNameRequired
{
	vertical-align: middle;
}

div.AspNet-Login-RememberMePanel
{
	width: 175px;
	float: left;
	margin-top: 5px;
}

input#ctl00_Menu_Login_RememberMe
{
	border: solid 0px #FFFFFF; /*For IE*/
	margin: 0;
}

div.AspNet-Login-SubmitPanel
{
	margin-top: 5px;
	float: right;
}

input#ctl00_Menu_Login_LoginButton, input#ctl00_Menu_Logout
{
	background-color: #808285; /* #AFC2CE; */
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 5px;
	padding: 1px 2px;
}

div.AspNet-Login-PasswordRecoveryPanel
{
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 240px;
}

/*--------------------------- FORGOT PASSWORD ---------------------------*/

div.AspNet-PasswordRecovery-UserName-TitlePanel,
div.AspNet-PasswordRecovery-Question-TitlePanel
{
	margin-bottom: 5px;
}

div.AspNet-PasswordRecovery-UserName-TitlePanel span,
div.AspNet-PasswordRecovery-Question-TitlePanel span
{
	font-size: 0.9em;
}

div.AspNet-PasswordRecovery-FailurePanel
{
	color: #FF0000;
	border: solid 1px #FF0000;
	text-align: center;
	padding: 3px;
	margin-bottom: 5px;
}

div.AspNet-PasswordRecovery-UserName-InstructionPanel,
div.AspNet-PasswordRecovery-UserName-UserPanel,
div.AspNet-PasswordRecovery-Question-InstructionPanel,
div.AspNet-PasswordRecovery-Question-UserPanel,
div.AspNet-PasswordRecovery-QuestionPanel,
div.AspNet-PasswordRecovery-AnswerPanel
{
	margin-bottom: 5px;
}

div.AspNet-PasswordRecovery-UserName-UserPanel label,
div.AspNet-PasswordRecovery-Question-UserPanel label,
div.AspNet-PasswordRecovery-QuestionPanel label,
div.AspNet-PasswordRecovery-AnswerPanel label
{
	float: left;
	width: 140px;
}

div.AspNet-PasswordRecovery-UserName-SubmitPanel,
div.AspNet-PasswordRecovery-Question-SubmitPanel
{
	margin-bottom: 5px;
}

/*div.AspNet-PasswordRecovery-Question-SubmitPanel input,
div.AspNet-PasswordRecovery-UserName-SubmitPanel input
{
	background-color: #AFC2CE;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: 700;
	padding: 2px 4px 2px 4px;
	margin-top: 10px;
	margin-right: 10px;
}*/

/*------------------------------- REPORTS -------------------------------*/

div.reports
{
	margin-bottom: 10px;
}

div.reports h1
{
	background-color: #E1001A; /* #26338F; */
	/* border: 1px solid #26338F; */
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: 700;
	font: Century Gothic;
	line-height: 1.2em;
	padding: 0.8ex 1.7ex;
	margin: 0px;
}

div.conTitle
{
	background:#D4E2EB url("images/i_graph.gif") no-repeat;
	background-color: #808285; /* #D4E2EB; */
	color: #FFFFFF; /* #2F3B75; */
	margin:0pt;
	padding:0.5em 10px 0.5em 35px;
	font-size:0.9em;
	font-weight: bold;
	font: Century Gothic;
}

div.conTitle a{
	display: block;
}

div.moreInfo, div.report-links, div.report-details{
	color: #000000; /* #2F3B75; */
	font-size: 0.9em;
	margin: 0pt;
	font: Century Gothic;
	
}

div.moreInfo, div.report-details{
	background-color:#ECF2F7;
}

div.report-details{
	padding: 0.5em 10px 0em 35px;
}

div.moreInfo, div.report-links{
	padding: 0.5em 10px 0.5em 35px;
}

div.report-links{
	background:#ECF2F7 url("images/i_dlXLS.gif") no-repeat 0% 50%;
}

div.info-title{
	font-weight: 700;
	margin-right: 5px;
}

div#headerContainer div#spacer{
	height: 49px;
}

div#pageIcons ul.ulInline, span.report-description-link, span#logout
{
    color: #808285;
	float: right;
}

div#contentContainer{
	float: left;
	width: 470px;
	padding: 0;
}

div.details{
	background: #ECF2F7 url(images/i_dlXLS.gif) no-repeat;
	padding:0.8ex 5px 0.8ex 35px;
}

span.viewchart{
	background: #ECF2F7 url(images/i_charticon.gif) no-repeat;
	padding:0.8ex 0px 0.8ex 25px;
}

div.details, span.viewchart{
	color: #FFFFFF; /* #2F3B75;*/
	margin: 0;
	font-size: 0.9em;
	margin-bottom: 1px;
}

div.report{
	margin-bottom:1px;
}

span#logout a, span#logout a:visited, span#logout a:hover{
	color:#ffffff;
	font-size:0.8em;
}

div.report-links ul li{
	display:inline;
}

ul#ctl00_topLink{
	padding-right:14px;
}

ul#ctl00_topLink li{
	background:transparent url(images/i_arrow.gif) no-repeat scroll 75% 75%;
	float:right;
	padding-right:21px;
}

ul.ulFooter{
	padding-right:21px;
}

div.info-title{
	float:left;
	width:10%;
}

img.h-rule
{
	background-image:url(images/rule.gif);
}