/* 
CSS Document 
*/
*
{
	/*border:1px solid yellow*/
}
html {
	overflow:auto;
}
.img-header	{	clear: both; height: 95px; margin: 0px; padding: 0px;	}
.img-header1280	{	margin-left:auto; margin-right: auto; background: url('Default/Images/HeaderImage1280.png') center top no-repeat; clear: both; height: 95px; margin: 0px; padding: 0px; width: 1257px;	}
.img-header1024	{	margin-left:auto; margin-right: auto; background: url('Default/Images/HeaderImage1024.png') center top no-repeat; clear: both; height: 95px; margin: 0px; padding: 0px; width: 1004px;	}
.img-header800	{	margin-left:auto; margin-right: auto; background: url('Default/Images/HeaderImage800.png') center top no-repeat; clear: both; height: 95px; margin: 0px; padding: 0px; width: 780px;	}

.img-login1280	{	margin-left:auto; margin-right: auto; background: url('Login/Images/HeaderImage1280.png') center top no-repeat; clear: both; height: 250px; margin: 0px; padding: 0px; width: 1257px;	}
.img-login1024	{	margin-left:auto; margin-right: auto; background: url('Login/Images/HeaderImage1024.png') center top no-repeat; clear: both; height: 250px; margin: 0px; padding: 0px; width: 1004px;	}
.img-login800	{	margin-left:auto; margin-right: auto; background: url('Login/Images/HeaderImage800.png') center top no-repeat; clear: both; height: 250px; margin: 0px; padding: 0px; width: 780px;	}

body {	font-size: 62.5%; margin: 0px auto; padding: 0px; background: rgb(28,28,28) url('Default/Images/BodyBackground.png') repeat left top; background-attachment: fixed; font-family: arial, sans-serif;  }
.page {	margin-left:auto; margin-right: auto; background-color: rgb(14,0,0); border: solid 1px rgb(42,0,0); margin: 0px auto; padding: 0px; width: 1004px;	} /*expression(screen.availWidth < 801? "780px" : "1004px");	}expression(screen.availWidth < 801? "777px" : screen.availWidth > 1024 ? "1257px" : "1001px");*/
/*************************footer*************************/
.page-footer {	background-color: rgb(14,0,0);/*background: url(Default/Images/FooterBackground.png) right top no-repeat;*/
				color: rgb(154,154,154);
				font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 25px; }
	.page-footer .footer {	display:none; float:left; margin: 0px; padding: 0px; width: 100%; }
	.page-footer .footer div {	display:none; float:left; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 145px; width: 100%;	}
		.page-footer .footer .left { z-index: 100; }
		.page-footer .footer .center { margin-top: -143px; z-index: 101; }
		.page-footer .footer .right { margin-top: -143px; z-index: 102; }
			.page-footer .footer .left p { margin: 45px 0px 0px 15px; text-transform: capitalize;	}
			.page-footer .footer .left p span { text-transform: lowercase;	}
			.page-footer .footer .center p { line-height: 16px;	}
	.page-footer .footer-copy {	display:block; float:left; margin: 0px; padding: 0px; width: 100%;	}
	.page-footer .footer-copy div {	 display:block; float:left; font-size: 9px; font-weight: bold; height: 18px; width: 100%;	}
		.page-footer .footer-copy .left { z-index: 200; }
		.page-footer .footer-copy .center { margin-top: -20px; z-index: 201; }
		.page-footer .footer-copy .right { margin-top: -20px; z-index: 202; }
			.page-footer .footer-copy .left p { margin: 5px 5px 0px 10px; }
			.page-footer .footer-copy .center p { margin: 7px 5px 0px 15px; }
			.page-footer .footer-copy .right p { margin: 5px 10px 0px 0px; }
/*************************footer*************************/

.logButton {	margin-right:18px; line-height: 28px; color: rgb(255,255,255); font-weight: bold; float:right; padding: 0px; padding-top: 1px; text-align: center; display:block;  	}
.logButton span a, .logButton span a:visited {	font-size: 11px; background: url('Default/Images/LogButton.png') left top no-repeat; color: rgb(255,255,255); padding: 6px 10px 8px 11px; text-decoration:none; 	}
.logButton span a:hover, .logButton span a:focus {	background: url('Default/Images/LogButtonHover.png') left top no-repeat; color: rgb(255,255,0); padding: 6px 10px 8px 11px; text-decoration: underline; 	}

.popButton {	color: rgb(255,255,255); font-family: Tahoma; font-size: 11px; font-weight: bold;padding-left: 0px; padding-right: 0px; text-align: center;  	}
.popButton span a, .popButton span a:visited {	background: url('Default/Images/PopButton.png') left top no-repeat; color: rgb(255,255,255); text-decoration: none; padding: 6px 10px 8px 11px; 	}
.popButton span a:hover, .popButton span a:focus {	background: url('Default/Images/PopButtonHover.png') left top no-repeat; padding: 6px 10px 8px 11px; color: rgb(255,255,0); text-decoration: underline; 	}

.left {		text-align: left;	}
.center {	text-align: center;	}
.right {	text-align: right;	}
.justify {	text-align: justify;}
.ccase {	text-transform: capitalize;	}
.ucase {	text-transform: uppercase;	}
.lcase {	text-transform: lowercase;	}
.email {	text-transform: none;	}

.leftInfo	{	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	}
.leftInfo div	{	text-align: center;	}
.leftInfo span	{	font-size: 12px;	}

a, a:visited
{
	color: #0066FF;
}
a:hover, a:focus
{
	color: #FF3300;
}

h2 {	
	font: 18px Arial, Helvetica, sans-serif;
	color: black;
	margin-bottom: 10px;
	text-align: left;
}

h4 {	
	font-size: 10px;
	color: black;
	text-align: left;
}
.breadcumb {	position:relative; left: 345px; top: 40px; width: 637px;
				color: rgb(80,20,20);	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
				padding: 0 0 7px 13px;	}
				.breadcumb a { color: rgb(80,20,20); text-decoration: none;	}
				.breadcumb a:hover, .breadcumb a:focus { color: rgb(0,50,180); text-decoration: underline;	}
				.breadcumb span a { color: rgb(80,20,20); text-decoration: none;	}
				.breadcumb span a:hover, .breadcumb span a:focus { color: rgb(0,50,180); text-decoration: underline;	}

.user	{	text-align: right; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
			padding: 10px 0px 0px 0px;	}
			.user .id	{	color: rgb(0,0,0); text-transform: uppercase;	}
			.user .name	{	color: rgb(0,75,0); text-transform: capitalize;	}

.text	{ color: rgb(0,100,125); padding-top: 3px; }
.text	span { font-size: 11px; font-weight: bold; }
#login	{
	position:absolute;
	right:30px;
	bottom:12px;
}
#login a{
	width: 105px; height: 28px;
	background: url(Default/Images/login.jpg) no-repeat left top;
	background-position: 0% +1px;
	text-decoration: none; font-size:24px; line-height:28px;
}
#login span{
	width: 105px; height: 28px;
	text-decoration: none; font-size:24px;line-height:28px;
}
#login a:hover, #login a:focus {
	width: 105px; height: 27px;
	background: url(Default/Images/login.jpg) no-repeat left bottom;
	text-decoration: none; font-size:24px;line-height:28px;
}

/*CONTENT*/
#content{
	min-height: 100%;
}
/*LEFT PANEL (News, Links, etc.)*/
.leftpanel{
	float: left;
	margin-top: -73px;	/*-50px*/
	margin-left: 0px;
	width: 275px;
	z-index: 999;
	position: absolute;
	background: none;
}
#bodyContent
{
	display: block;
	width: 1004px;	
}

.droppanel{ background: url(Default/Images/table_content.png) left top no-repeat; }
/*TABLE*/
.table_top{
	width: 210px; 
	height: 28px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: url(Default/Images/table_top.png) left top no-repeat;
	z-index: 99;
}
.table_top span { margin:0;color: rgb(255,255,200); font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; display:inline-block; 	}
.table_top a, .table_top a:visited { display: inline-block; color: rgb(170,127,127); text-align:left; padding: 2px 3px 3px 0px; }
.table_top a:hover, .table_top a:focus { color: #CCCC00; padding: 2px 3px 3px 0px;	}

.table_content {
	display:none; 
	width: 210px;
	margin-top: -32px; 
	padding-bottom: 0px;
	z-index: 9999;
}
.table_text{
	margin-left:15px;
	margin-right:22px;
	text-align:justify;
	padding-top:5px;
	padding-bottom:10px;
}
.table_bottom{
	width: 210px; padding: 2px; padding-top: 4px; height: 40px; z-index: 99;
	background: url(Default/Images/table_bottom.png) left top no-repeat;
}
.table_group
{
    position: absolute;
    display: none;
    left: 190px;
    padding: 0px 6px 0px 0px;
    clear: both;
    width: 250px;
    filter:alpha(opacity=95);
    opacity:0.95;
    background: url(Default/Images/left_table_group.png) left top repeat-y; 
}
.table_group .inner 
{
    background-color: rgb(26, 2, 2); 
    margin: 0px 0px 0px 15px;
    padding: 6px 0px 10px 0px; 
    filter:alpha(opacity=95);
    opacity:0.95;
}

#HideDiv1, #HideDiv1Item {float:left;display:inline-block;width:15px;height:50px;}
#HideDiv2, #HideDiv2Item {float:right;display:inline-block;width:50px;height:50px;}
#HideDivA, #HideDivB, #HideDivC, #HideDivAItem, #HideDivBItem, #HideDivCItem {display:block;height:50px;}

/*TEXT STYLES*/
.news_date 	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099CC;
}
.body_text 	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
}
.news_more 	
{
	color: rgb(170,127,127); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;
	display:block;
}
.news_more
{
}
.news_more a, .news_more a:visited
{
	display: block; color: rgb(170,127,127);
	line-height: 14px; text-align:justify;
	padding: 6px 6px 7px 6px;
}
.news_more a:hover, .news_more a:focus
{
	color: #CCCC00;
	border: 1px dotted brown;
	padding: 5px 5px 6px 5px;
}

.news_text 	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:justify;
}

.subtitle_gray 	
{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 14px;
	color: #CCCCCC;
}
.title_blue 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 26px; color: #7DA5E0; 
}
.title_panel 	
{
	color: rgb(255,255,200);
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold;
	line-height: 20px;
	margin-right:22px;
}

.table_text .navlink { color: rgb(170,127,127); font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; display:block;	}
.table_text .navlink a, .navlink a:visited { display: block; color: rgb(170,127,127); line-height: 14px; text-align:left; padding: 4px 6px 3px 6px;	}
.table_text .navlink a:hover, .table_text .navlink a:focus { color: #CCCC00; border: 1px dotted mistyrose; padding: 3px 5px 2px 5px;	}

.table_text .navlink a[disabled], .navlink a[disabled]:visited { display: block; color: rgb(127,97,97); line-height: 14px; text-align:left; padding: 4px 6px 3px 6px; text-decoration: none; cursor: default;	}
.table_text .navlink a[disabled]:hover, .table_text .navlink a[disabled]:focus { border: none; text-decoration: none; cursor: default;	}

.table_group .navlink { color: rgb(188, 188, 188); font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; display:block; padding: 4px 8px 0px 6px; text-decoration: none; }
.table_group .navlink a, .table_group .navlink a:visited { display: block; color: rgb(188, 188, 188); padding: 1px 0px 1px 0px; line-height: 14px; text-align:left; text-decoration: none; }
.table_group .navlink a:hover, .table_group .navlink a:focus { color: #CCCC00; padding: 1px 0px 1px 0px; text-decoration: underline;	}

.table_group .navlink a[disabled], .table_group .navlink a[disabled]:visited { display: block; color: rgb(88, 88, 88); padding: 1px 0px 1px 0px; line-height: 14px; text-align:left; text-decoration: none; cursor: default; }
.table_group .navlink a[disabled]:hover, .table_group .navlink a[disabled]:focus { text-decoration: none; cursor: default;	}

.date { color: rgb(154,154,154); display: block; font-size: 11px; font-weight: normal; padding-left: 12px; line-height: 15px; }
.button { font-size: 11px; font-weight: bold; float:right; padding-right:0px; display:block;	}
.button a { background-color: rgb(10,0,0); color: rgb(250,250,250); display: block; line-height: 14px; text-align:justify; border: 1px solid rgb(15,15,15); border-left: 1px solid rgb(50,50,50); border-top: 1px solid rgb(50,50,50);padding: 5px 10px 9px 10px; text-decoration:none;	}
.button a:hover, .button a:focus { background-color: rgb(20,0,0); color: #CCCC00; display: block; 
	border-left: 1px solid rgb(100,100,100); border-top: 1px solid rgb(100,100,100); border-right: 1px solid rgb(30,30,30); border-bottom: 1px solid rgb(30,30,30);
	padding: 5px 10px 9px 10px; text-decoration: underline;	}

.navgroup { background-color:gray; color:black; font-size:11px; font-weight:bold; margin:0px -7px 2px -8px; padding:3px 8px; display: block; -khtml-opacity: 0.50; -moz-opacity: 0.50; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); opacity: 0.50; }
.next { margin-top:3px; }

#progress
{
	width:32px; height:32px;
	top:0;left:0;bottom:0;right:0;
	margin:auto;
	z-index: 9999999;
	position: absolute;
}

#TableRegister, #TableReset {
	float: left;
	width: 100%;
    }
    #TableRegister .TableOddRow, #TableReset .TableOddRow  {
        background-color: #faf221;
        padding: 2px;
    }
    #TableRegister .TableEvenRow, #TableReset .TableEvenRow {
        background-color: #faf991;
        padding: 2px;
    }
    #TableRegister .TableLabel, #TableReset .TableLabel {
        background-color: #fae221;
        padding: 4px;
        width: 25%;
    }

#TableLogin {
	float: left;
	width: 100%;
    }
    #TableLogin .TableOddRow, #TableReset .TableOddRow  {
        background-color: #faf221;
        padding: 2px;
    }
    #TableLogin .TableEvenRow, #TableReset .TableEvenRow {
        background-color: #faf991;
        padding: 2px;
    }
    #TableLogin .TableLabel, #TableReset .TableLabel {
        background-color: #fae221;
        padding: 4px;
        width: 25%;
    }

#TableForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100%;
	background: #99CCFF;/*url(Default/Images/lineBg.png);*/
    text-align: left;
    }
    #TableForm .TableOddRow {
        border: 1px dotted #80F4ED;
        background-color: #BEFDF9;
        padding: 2px;
    }
    #TableForm .TableEvenRow {
        border: 1px dotted #80F4ED;
        background-color: #99CCFF;
        padding: 2px;
    }
    #TableForm td {
        width: 35%;
        padding: 0px;
    }
    #TableForm .TableLabel {
        padding: 4px;
        width: 15%;
        background-color: rgb(0,175,175);
        vertical-align: top;
    }


#TableStatus {
	float: left;
	margin-top: 20px;
	background-color: aliceblue;
	width: 100%;
	font-size:12px;
    }
    #TableStatus .TableOddRow {
        background-color: #BEFDF9;
        padding: 4px;
    }
    #TableStatus .TableEvenRow {
        background-color: #A5FFFA;
        padding: 4px;
    }
    #TableStatus .TableLabel {
        background-color: #80F4ED;
        padding: 6px;
        width: 25%;
        font-weight:bold;
    }
    #TableStatus .TableItem {
        padding: 6px;
    }