@import url("validation.css");


/* Start of common class styles */
#tblLayout{
	width : 755px; 
   margin : 0px;
   padding: 0px;
}
#tblLayout #content {
	padding: 15px 0px 5px 15px;
  	background: #eeeeee;
  	border: 1px solid Black;
}

.frmField {
   margin-bottom: 10px;
   margin-top:10px;
   margin-right:10px;
}
.rqrdLabel {
    color : #ff0000;
    font-size : 11px;
    font-weight : normal;
	line-height : 17px;
}
.label {
	color : #000000;
	font-size : 11px;
	font-weight : normal;
	line-height : 17px;
}
.tagCaption{
  	 font-size: 12px;
	 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:13px;
	height:22px;
	padding: 3px 0px 0px 5px;
}
.instructions {
    color : Black;
    font-family : Verdana, Arial;
    font-size : 11px;
    font-weight : normal;
}
.errorMsg {
    color : #FF0000;
    font : bold 10px;
}
#divCopyright {
    font-size : 10px;
    height : 15%;
    position : static;
    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;
}