@charset "UTF-8";
/* CSS Document */

/* color reference

	gray: 75797C
*/

html {
	height : 100%;
	width : 100%;
	padding : 0;
	margin : 0;
}
body {
	height : 100%;
	width : 100%;
	padding : 0;
	margin : 0;
	padding-top : 10px;
	background:#181818 url(../images/blackbg.png);
	background-repeat:repeat-x;
	font-size : 10pt;
	font-family : helvetica;
}
img {
	border : 0;
}

td {
	vertical-align : top;
}
p {
	vertical-align : top;
	margin-top:0px;
}
h1, h2, h3, h4 {
	font-weight : bold;
	margin : 0;
	color:#999999;
	letter-spacing:2px;
}
h1{font-size:16pt;}

.liLink{
	letter-spacing:1px;
	margin-top:3px;
	white-space:nowrap;

}
.liBig{
	font-size:14pt;
	letter-spacing:1px;
	margin-top:2px;
}
.liMedium{
	font-size:10pt;
	letter-spacing:1px;
	margin-top:2px;
}

/* layout. outer box */
.contentWrapper {
	width : 99%;
	margin-right : auto;
	margin-left : auto;
}

/* layout. inner box */
.contentWrap {
	width : 95%;
	margin-left : auto;
	margin-right : auto;
}

/* page level */
.content {
	width:100%;
	height:100%;
	position:relative;
	
	margin:0;
	padding:0;
	border : 0px;
	border-top:0px;
	padding : 10px;
	color:#999999;
}
.contentLeft {
	padding-top:20px;
}
.contentRight{
	padding-left:15px;
}



/* generic links */
a:link {
	color : #FFFFFF;
	text-decoration : none;
}
a:visited {
	color : #FFFFFF;
	text-decoration : none;
}
a:hover {
	color : #75797C;
	text-decoration : none;
}
a:active {
	color : #FFFFFF;
	text-decoration : none;
}

/* footer links */
a.footerLink:link {
	color : #FFFFFF;
	text-decoration : none;
}
a.footerLink:visited {
	color : #FFFFFF;
	text-decoration : none;
}
a.footerLink:hover {
	color : #75797C;
	text-decoration : none;
}
a.footerLink:active {
	color : #FFFFFF;
	text-decoration : none;
}


/* table row sort links */
a.tableSort:link{
	color : #FFFFFF;
	text-decoration : none;
}
a.tableSort:visited{
	color : #FFFFFF;
	text-decoration : none;
}
a.tableSort:hover{
	color : #75797C;
	text-decoration : none;
}
a.tableSort:active{
	color : #FFFFFF;
	text-decoration : none;
}


/* links in fieldsets */
fieldset a:link {
	color : blue;
	text-decoration : none;
	white-space:nowrap;
}
fieldset a:visited {
	color : blue;
	text-decoration : none;
	white-space:nowrap;

}
fieldset a:hover {
	color : #75797C;
	text-decoration : none;
	white-space:nowrap;

}
fieldset a:active {
	color : blue;
	text-decoration : none;
	white-space:nowrap;

}


/* top nav */
.topNavBar{
	width:100%;
}
.topNavBarTable{
	width:100%;
}	
.navBarTopCell{
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
}
.topNavBarLinkDiv{
	float:right;
	padding-top:20px;
}

.appName {
	padding : 0;
	vertical-align:top;
}
.appLogout{
	padding:0px;
	vertical-align:top;
	padding-top:10px;
	text-align:right;
	white-space:nowrap;
}

/* bottom nav (force to last line) */
.bottomNavBar{
	float: left; 
	clear:left;
	width: 100%;
	font-size:10pt;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:right;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:75px;
	border-top:4px solid #2E2F33;
	color:#999999;
}

.btnSubmit {
	font-size : 15pt;
	width : 100px;
}


.errorDiv {
	font-size : 10pt;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-bottom : 15px;
	padding-left : 45px;
	padding-right : 15px;
	padding-top : 0px;
	background : #FF6666 url(../images/att.png);
	background-repeat : no-repeat;
	background-position : 5px 5px;
	border:2px solid red;
}
.okDiv {
	font-size : 10pt;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-bottom : 15px;
	padding-left : 45px;
	padding-right : 15px;
	padding-top : 12px;
	border : 1px solid green;
	background : url(../images/ok.png);
	background-repeat : no-repeat;
	background-position : 5px 15px;
}
.doneDiv {
	font-size : 10pt;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-bottom : 15px;
	padding-left : 45px;
	padding-right : 15px;
	padding-top : 12px;
	background : #A6D785 url(../images/ok.png);
	background-repeat : no-repeat;
	background-position : 5px 5px;
	border:2px solid #458B00;
}
.infoDiv {
	font-size : 10pt;
	margin-top : 5px;
	margin-bottom : 5px;
	padding-bottom : 15px;
	padding-left : 45px;
	padding-right : 15px;
	padding-top : 12px;
	background : url(../images/info.png);
	background-repeat : no-repeat;
	background-position : 5px 5px;
}

/* data grid styles */

.tableHeader {
	background:url(../images/gradbg.png);
	white-space:nowrap;
	color:white;
	padding:3px;
	padding-left:10px;
	font-weight:bold;
	font-size:9pt;
}
.tableCellData{
	padding:3px;
	padding-left:10px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.tableCellData_alt{
	padding:3px;
	padding-left:10px;
	background-color:#CCCCCC;
	vertical-align:top;	
}

/* application list styles */
.appDiv{
	display:inline;
	float:left;
	margin:5px;
	white-space:nowrap;
	width:260px;
	padding-left:5px;
	padding-bottom:5px;
	border:1px solid gray;
}
.appDiv td{
	white-space:nowrap;
}

.appIcon{
	margin:5px;
	margin-top:0px;
	border:1px solid gray;
}

/* FORM ELEMENTS */

fieldset{
	border: 1px solid #667666;
	background-color:#DEDEDE;
	padding:20px;
	padding-top:10px;
	color:#000000;
	
}
fieldset li{

}	
fieldset p{
	margin-top:10px;
}
fieldset div{
	margin-top:5px;
}
fieldset a{
	color:blue;
}

legend{
	color: #fff;
	background: #2B2C30;
	border: 1px solid #667666;
	padding: 5px;
	padding-left:10px;
	padding-right:10px;
	font-size:12pt;
	font-weight:normal;
	letter-spacing:3px;
	white-space:nowrap;
}

label{
	display:block;
	font-weight:bold;
}

input{
	width:250px;
	display:block;
	margin-bottom:8px;
	
}

.searchBox{
	border:1px solid #7F9DB9;
	height:17px;
	color:#000000;
	font:normal 8pt Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #7F9DB9;
	width:125px;
	background:#FFFFFF url(../images/searchBar.jpg);
	background-repeat:no-repeat;background-position:-130px 0px;
	vertical-align:middle;
	padding-left:20px;
	padding-top:2px;
}

/* FORM ELEMENTS */
.formBox_v13{
	border:1px solid gray;
	background-color:#FFFFFF;
}

.formTable_v13{
	border-spacing:0px;
}
.formTitle{
	padding:5px;
	border-bottom:1px solid gray;
	background-color:#CCCCCC;
}
.formRight{
	text-align:right;
	padding-left:5px;
	padding-top:7px;
	padding-bottom:0px;
	vertical-align:top;
	font-size:9pt;
	white-space:nowrap;
}
.formLeft{
	text-align:left;
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:0px;
	vertical-align:top;
	font-size:9pt;
}

.formSample{
	text-align:left;
	font-size:9pt;
	padding:5px;
	padding-right:10px;
	
}


/*////////////////////////////////////////////////////////////////////////*/
/* datagrids */
/*////////////////////////////////////////////////////////////////////////*/
.dataTable{display:block;margin:0px;padding:0px;width:100%;}
.data{padding:2px;padding-left:5px;white-space:nowrap;}
.dataTop{padding:2px;padding-left:5px;vertical-align:top;}
.rowNormal{background-color:#FFFFFF;}
	table.dataTable tr.rowNormal td{background-color:#FFFFFF;}
.rowAlt{background-color:#D3D3D3;}
	table.dataTable tr.rowAlt td{background-color:#D3D3D3;}
.rowOver{background-color:#CCCCCC;}
	tr.rowOver data{background-color:#CCCCCC;}
table.dataTable tr.rowAlt td{background-color:#CCCCCC;}
.recordCount{white-space:nowrap;font-weight:bold;padding-top:5px;padding-left:10px;}
.moreRecords{white-space:nowrap;font-weight:bold;padding-top:5px;padding-left:10px;padding-right:20px;}
.sort{padding:5px;font-weight:bold;white-space:nowrap;background-color:#FFFFFF;}
.sort_2{border-top:1px solid #999999;height:2px;overflow:hidden;}


.alphabetOff{height:12px;font-size:7pt;text-align:center;vertical-align:middle;color:black;background-color:#EEEEEE;border:1px solid #999999;cursor:pointer;}
.alphabetOn{height:12px;font-size:7pt;text-align:center;vertical-align:middle;color:black;background-color:#999999;border:1px solid #999999;cursor:pointer;}
.searchDiv{margin:0px;padding:10px;font-weight:bold;}

.pcheckbox{
	white-space:nowrap;
	vertical-align:middle;
}
input[type='checkbox']{
	width:15px;
	height:15px;
	display:inline;
	vertical-align:middle;
}

.buttonOrange{
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
	border:1px solid #75797C;
	background-color:#FF8600;
	vertical-align:middle;
	cursor:pointer;
	width:75px;
	display:inline;
	white-space:nowrap;
}
.buttonOrange:hover{
	border:1px solid #FFFFFF;
}
.buttonRed{
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
	border:1px solid #75797C;
	background-color:#61050A;
	vertical-align:middle;
	cursor:pointer;
	width:75px;
	display:inline;
	white-space:nowrap;

}
.buttonRed:hover{
	border:1px solid #FFFFFF;
}

.buttonGreen{
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFFFFF;
	border:1px solid #75797C;
	background-color:#9EC028;
	vertical-align:middle;
	cursor:pointer;
	width:75px;
	display:inline;
	white-space:nowrap;

}
.buttonGreen:hover{
	border:1px solid #FFFFFF;
}



/* control panel styles */
.cp_left{
	width:40%;
	margin-right:20px;
	float:left;
}
.cp_right{
	width:50%;
	float:left;
}
.cp_left_v1{
	width:50%;
	margin-right:20px;
	padding-left:10px;
	float:left;
}
.cp_right_v1{
	width:45%;
	float:right;
	margin-top:-15px;
}
/* account nav */
#navlist{
padding: 0px;
border:0px;
}

#account_menu{
	text-align:right;
	margin-top:-59px;
	margin-right:-21px;
}

#navlist li{
	list-style:none;
	margin: 0px;
	display:inline;
}

#navlist li a{
	padding: 5px;
	padding-left:8px;
	padding-right:14px;
	padding-bottom:4px;
	margin-right: 0px;
	margin-left:5px;
	background-color:#9EC028;
	text-decoration: none;
}

#navlist li a:link { color: #FFFFFF; }
#navlist li a:visited { color: #FFFFFF; }

#navlist li a:hover{
	background-color: #FF8600;
}