@import url("validation.css");


/* Start of common class styles */
#tblLayout {width:755px; margin:0; padding:0;}

#tblLayout #content {padding:15px 0 5px 15px; background:#eeeeee; border:1px solid black;}

.frmField {margin:10px 10px 10px 0px;}

label {display:inline block; padding:0px 10px 0px 5px;}
.rqrdLabel {font-weight:bold;}
.optional {font-weight:normal; margin:0px 0px 0px 5px;}
.rqrd {margin:0px 0px 0px 5px;}

#backToTop {color:navy;}

.tagCaption{font-size:0.75em; font-weight:bold; color:navy;}


/* Menu builder tags */
.divList {border-color:ButtonShadow ButtonFace ButtonFace ButtonShadow; border-width:2px; border-style:solid; overflow-y:scroll; padding-left:4px; cursor:pointer;}
.divListItem {font-size:12px; background-color:transparent;}
.divListItemSelected {font-size:12px; background-color:aqua;}
/* End of menu builder styles */

.divLabel {font-size:10px; height:22px; padding: 20px 0px 0px 5px;}
.rqrdFieldsReminder {text-align:left; margin-left:15px; margin-top:20px;}
.instructions {}

.errorMsg {color:#FF0000; font-weight:bold; font-size:0.625em;}

#divCopyright {
    font-size : 10px;
    height : 15%;
    text-align : center;
    vertical-align : bottom;
    width : 100%;
}

#divCopyright #copyrightHR{
    color : #7B68EE;
    width : 75%;
}
#btnSave, #btnDelete, #btnCancel {
	width:85px;
	height:25px;
	margin: 0px 0px 0px 5px;
}
/* End of common class styles */

/* Start of Header section */
#header {
   background-color : #0065a5;
   height : 80px;
   width : 100%;
   margin : 0px 0px 0px 0px;
   padding : 0px;
   padding-top : 5px;
   padding-bottom : 4px;
}

#header #headerContent{
	height : 60px;
}

#header #bottomBar{
   background-color : White;
   width : 100%;
   height:20px;
   padding-right : 8px;
}

#logoutMenu{
	color:navy;
	font-size:10px;
	text-decoration:none;
	padding-top : 14px;
}

#header #appTitle { 
    position:absolute;
    color : White; 
    top:40px;
    left: 30px;
    font-size: 18px;
    font-weight:bold;
    font-style : italic;
    font-family : Arial, Helvetica, sans-serif;
}

#header .smallFont {
   color:#000000;
   text-decoration:none;
   font-size : 10px;
   font-weight: bold;
}
/* End of  Header section */



/* Topbar navigation start */
#divTopBar{ display:inline; padding: 0px 0px 0px 4px;}
#divTopBar a {text-decoration: none;}
#divTopBar .menuItem{color:navy;font-size:12px;}
#divTopBar .currentMenu{color: #3300FF;	font-size:12px;}
/* Topbar navigation end */


/* Navigation bar start */
#divNavBar {
    border-right : 1px solid #0065a5;
    border-bottom:1px  solid #0065a5;
    width:155px;
    height:100%;
    background-color : #99FFCC;
}

#divNavBar #welcome {
	background-color : #00753a;
    font-size:12px;
    font-weight:bold;
    color:white;
    padding-bottom:3px;
    padding-top:3px;
}

.clsHiddenMenu {
    display : none;
}

.clsVisibleMenu{
    display : block;
	 margin-left:10px;
	 margin-bottom:5px;
}
.clsVisibleMenu a {
	font-weight:normal;
}
.clsHiddenTable {
    display : none;
}

.clsVisibleTable{
    display : block;
}

#divMenus{
    padding : 5px 0px 0px 5px;
}

#divMenus a {
    color : Navy;
    font-size : 11px;
    font-weight : bold;
    text-decoration : none;
    margin-top:10px;
    line-height:20px;
}

#divMenus a:hover{
    color : #804000;
}

#divMenus div {
}

#divMenus div a {
    color : #6600CC;
    letter-spacing : normal;
    font-weight: bold;
    font-size: 10px;
}

#divMenus div a:active {
    color : #804000;
}

#divMenus div a:visited {
    color : #6600CC;
}

#divMenus div a:hover {
    color : Red;
}

#divMenus .menuItem {
    margin : 0px 0px 0px 0px;
}
/* Navigation bar end */


/* Start of itemList selectors */
.caption{
	 font-family: "MS Sans Serif", Arial, sans-serif;
  	 font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    background-color: #00753a;
    border: 2px solid;
    border-color: #f0f0f0 #909090 #909090 #f0f0f0;
    text-align: left;
	 padding:2px 0px 2px 5px;
	 margin-top:5px;
	 width:100%;
}
.caption a {
	color : #ffffff;
	text-decoration : none;
}
#itemList{
	margin-top:0px;
	margin-left:2px;
   background-color: #909090;
   border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	width : 598px;
}

#itemList td  {
	font-size:12px;
	padding-left : 5px;
	padding-right : 5px;
}
#itemList td a {
	color : blue;
}
#itemList td a:visited {
	color : blue;
}
#itemList td a:hover {
	color : red;
	font-weight : bold;
}
#itemList thead, #itemList tfoot {
	font-size:11px;
	font-weight : bold;
	background-color : #99FFCC;
	color : white;
}
#itemList #captionsRow {
	background-color: #99FFCC;
}
#itemList thead a, #itemList tfoot a {
	text-decoration : none;
	color : Navy;
	font-size:11px;
}

#itemList thead a:visited, #itemList tfoot a:visited {
	color : navy;
}

#itemList thead a:hover, #itemList tfoot a:hover {
	color : blue;
}
#itemList .optionsRow {
	padding-right:10px;
    text-align : right;    
    height : 15px;
}
#itemList th{
	padding: 1px 0px 1px 5px;
    text-align : left;
    color: #003C75;
}
#maintList1{
	margin-top:10px;
    background-color: #F7A600;
}
#maintList1 td  {
	font-size:12px;
	padding-left : 5px;
	padding-right : 5px;
}
#maintList1 td a {
	color : blue;
}
#maintList1 td a:visited {
	color : blue;
}
#maintList1 td a:hover {
	color : red;
}
#maintList1 thead, #maintList1 tfoot {
	font-size:11px;
	font-weight : bold;
	background-color : #FFCC33;
	color : white;
}
#maintList1 #captionsRow {
	background-color: #FFDE7B;
}
#maintList1 thead a, #maintList1 tfoot a {
	text-decoration : none;
	color : Navy;
	font-size:11px;
}

#maintList1 thead a:visited, #maintList1 tfoot a:visited {
	color : navy;
}

#maintList1 thead a:hover, #maintList1 tfoot a:hover {
	color : blue;
}
#maintList1  .optionsRow {
	padding-right:10px;
    text-align : right;    
    height : 15px;
}
#maintList1 th{
	padding: 1px 0px 1px 5px;
    text-align : left;
    color: Navy;
}
/* End of itemList selectors */

/* Start of maintenance items list */
#maintList{
	margin-top:0px;
	margin-left:2px;
   background-color: #909090;
   border-color: #f0f0f0 #909090 #909090 #f0f0f0;
}
#maintList td  {
	font-size:12px;
	padding-left : 5px;
	padding-right : 5px;
}
#maintList td a {
	color : blue;
}
#maintList td a:visited {
	color : blue;
}
#maintList td a:hover {
	color : red;
}
#maintList thead, #maintList tfoot {
	font-size:11px;
	font-weight : bold;
	background-color : #669DCC;
	color : white;
}
#maintList #captionsRow {
	background-color: #66CCC8;
}
#maintList thead a, #maintList tfoot a {
	text-decoration : none;
	color : Navy;
	font-size:11px;
}

#maintList thead a:visited, #maintList tfoot a:visited {
	color : navy;
}

#maintList thead a:hover, #maintList tfoot a:hover {
	color : blue;
}
.rowEven {
	background-color :   #FFFFCC; 
}
.rowOdd {
	background-color : white;
}
#maintList .optionsRow {
    text-align : right;    
    height : 15px;
}
#maintList th{
	padding: 1px 5px 1px 5px;
    text-align : left;
    color: Navy;
}
/* End of Maintenance Item list */


.menuButton {
  background-color: ButtonFace;
  background-image : url(/images/delete.gif);
  background-repeat : no-repeat;
  background-position : center;
  border: 1px solid Highlight;
  width:18px;
  height:18px;
  margin : 1px 2px 1px 2px;
}

.menuButton:hover {
  background-color: ThreedFace;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #000000;
}

/* Colorpicker styles */

div#colorPanel {
	width: 220px;
	background-color: #D2D2D2;
	padding:10px;
	border-top: 2px solid ThreedHighlight;
	border-right: 2px solid ThreedDarkShadow;
	border-bottom: 2px solid Aqua;
	border-left: 2px solid ThreedHighlight;
	left: -9999px;
	position:absolute;
}
div#colorPanel div#selectedColor{
	width: 200px;
	height:16px;
	padding: 2px;
	border: 1px solid gray;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
table#colorPalette {
	background-color:#CCCCCC;
}
table#colorPalette td span {
	display: block;
	cursor: pointer;
	width:10px;
	height:12px;
}
.colorPanelButton {
	width:60px;
	height:22px;
	margin: 10px 0px 0px 0px;
}
#okButton {
	margin-right:10px;
}
.ColorPickerButton {
	width: 24px;
	height: 24px;
}