/* BASIC TAGS */

table {
	font-size: 1em;
}

input.sunken
{
border: 2px inset;
}


h1, h2, h3, h4 {
	margin: 0;
	font-family: tahoma, arial, helvetica, sans-serif;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
}

a
{
	text-decoration: none;
	color: black;
	margin-left: 0px;
}

a:visited {
	/*color: #980000;*/
/*	color: #0000dc;*/
	
	color: black;
}

a:hover
{
	text-decoration: underline;
	color: green;
}

a:active
{
	color: black;
}

/* fonts */

.bodyfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
/*	color : #000066;*/
	color: #336699;
}

.bodyfont8{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color: #336699;
}

.titlefontlarge{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #336699;
}

.titlefontlarge2{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : bold;
	color : #336699;
}

.titlefontmed{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : White;
}

.titlefontsmall{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : White;/* #CCD4DF */
}

.titlefontsitestatus{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #336699;
	text-align:center;
}

.titlefontdatestatus{
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #336699;
	text-align:center;
}

.titlefontdark{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #660066;
}

.titlefontsteel{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #4682b4;
}

.largefont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
/*	color : #000066; */
	color : #336699;
}

.largefontwhite{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
/*	color : #000066; */
	color : #ffffff;
}

.medfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
/*	color : #000066; */
	color : #336699;
}

.smallfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : #336699;
}

.medfontblack{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #000000;
}

.largefontblack{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #000000;
}

.redfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;	
	color : #FF0000;
}

.redfontbold{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #FF0000;
}

.medredfont
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: red;
	font-weight: bold;	
}

.largeredfont
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: red;
	font-weight: bold;	
}

.maroonfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;	
	color : #800000;
}

.largemaroonfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12pt;	
	color : #800000;
	font-weight: bold;
}

.button
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color : #336699;
	font-weight : bold;
}
	

.listboxfont{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #0066ff;
}


.tdLabel
{
 border: none;	
 text-align: right;
}	 

.tdText
{
	border-color: #CCD4DF;
	text-align: left;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;		
}

  
.cssPager span  
{
	background-color:#ffffff; font-size:14px;
}     


/* Fix for IE8 for the asp:menu display */
.IE8Fix  
{
	z-index: 100;
}

.adjustedZIndex {
    z-index: 1;
}

 html{
      margin:0;
      padding:0;
      height:100%;
      border:none
   }


/*	background-image: url(images/background.gif);*/
body
{
	background-color: #ffffff;

	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000066;
	height:100%;
}

img {
	border-width: 0;
}


/* HEADER */

/*.header {
	background-image: url(Images/header.gif); 
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	height: 81px;
	margin-left: auto;
	margin-right: auto;
}*/



h1
{
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
/*	color: #666666;*/
/*	color: #000066; */
}

h2 {
	position: absolute;
	left: 37px;
	top: 60px;
	font-size: 11px;
}

.menua
{
	text-transform: uppercase;
	font-size: 10px;
	border-right: thin outset;
	border-top: thin outset;
	border-left: thin outset;
	border-bottom: thin outset;
	background-color: white;
}


.rightmenu {
	position: absolute;
	right: 50px;
	top: 130px;
	text-transform: uppercase;
	font-size: 10px;
}
.nav {
	position: absolute;
	right: 37px;
	top: 60px;
	text-transform: uppercase;
	font-size: 11px;	
}

.menua a:visited, .nav a:visited {
	color: white;
}

/* SHIM */

.shim {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 8px;
	font-size: 0;
}

.column {
	background-image: url(images/content-shim.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);
}

/* PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h3 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.5em;
	font-weight: bold;
}
h4 {
	margin-top: 1.0em;
	margin-bottom: 1.12em;
	font-size: 1.3em;
	font-weight: bold;
}

/* CONTENT */

#crreport 
{
	margin-left: 20px;
}

#leftsidebar {
	float: left;
	width: 214px;
	height: 100%;
}

#rightsidebar {
	float: right;
	width: 214px;
	height: 100%;
}

#content {
margin-top: 50px;
}

#backarrow 
{
	margin-left: 230px;
}

#editpersonnelcontent {
margin-top: 20px;
}

#tethercontent {
margin-top: 20px;
}

#statuscontent {
margin-top: 25px;
}


#rightcontent
{
	/*background-image: url(images/body-repeat.gif);*/
	/*background-color: #dcdcdc;	margin-left: 50px;*/
	left: 0;		
}


dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #bababa;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}


/* FOOTER */

.footerbg {
	background-image: url(images/footer-side.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 75px;
	text-align: center;
}
.footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 50px;
	text-align: center;
	font-size: 10px;
}

#footer {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 10px;
    padding: 3px;
    border-top: 2px solid #333;
    background-color: #CCD4DF; 
}


.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	/*color: #000066; */
}
.alert {
	color: #C00;
	font-weight: bold;
}


/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #336699;
    width: 700px;
    margin-right: auto;
    margin-left: auto;
   /* background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;*/
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 700px;
    margin-right: auto;
    margin-left: auto;
   /* position: relative;*/
  /*  margin-bottom: 15px;*/
    border: 1px solid #336699;
  /*  border-collapse:collapse;*/
}


.dayNumber
{
	float: right;
	border-bottom: 1px solid ##336699;
	border-left: 1px solid ##336699;
	clear: none;
	padding: 2px;
	font-weight: bold;
	color: #336699;
	text-decoration: overline;	
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
	background-color: #d8e8f8;
			
}
.calcurrentday
{
	background-color: red;
}
.calweekend
{
	background-color: white; /*  width: 15%; */
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
	text-align: left;
	border: 2px solid #b0c4de;
	height: 60px;
	vertical-align: top; /* needed for positioning the dayNumber part */
	position: relative;
	border-collapse: separate;
	border-spacing: 5px;
	font-weight: bold;
	color: #336699;
}

.progress {
	color: #FFFF99;
	float: right;
	font: bold x-large "Segoe UI", Segoe, sans-serif;
	margin-top: -20px;
}

/* grids in tabcontainer */
.gridtab
{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 10px;	
}	

.gridtabHeader
{
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 12px;	
}	
         

.dialog
{
    font-family:Tahoma;
    font-size:11pt;
    color:#222222;
    background-color:#fff;
}    

/* header styles */
/*.header
{
    position:relative;
    color: Navy;        
    cursor:move; 
}
.header .outer
{
    background:url(../img/top-right.png) right no-repeat;
    padding-right:40px;
}
.header .inner
{
    background:url(../img/top-left.png) left no-repeat;
    padding-left:9px;
}
.header .content
{
    height:35px;
    background:url(../img/top-mid.png) repeat-x;
}
.header .content H2
{
    font-size:12pt;
    font-weight:bold;
    color:#fff;
    padding-top:6px;
    margin:0;
}
.header .close
{   
    .header .close
{
   
    height:25px;
    width:35px;	
  
    position:absolute;	
    top:4px;
    right:7px;	
    background:url(../img/close.png) no-repeat;	
    cursor:pointer;
}
.header .close:hover
{
  
    background:url(../img/close-hover.png) no-repeat;	
}   */     


.updating
{
    color:#808080;
    background:url(../Imgages/activity.gif) no-repeat center;
}  

.pager
{
    height:30px;
    background:url(../Imgages/pager_bg.gif) repeat-x;
}
.pager .container
{
    padding:4px;
}
.pager .command
{
    float:left;
    padding-right:5px;
}    
.pager .info
{
    font-size:12px;
    padding:4px 0px;
    float:right;
}

.collapsePanel 
{
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader
{	
	width:640px;		
	height:20px;
	color:#336699;
	/*color: Yellow;*/
	background-color:  #d8e4f8;
	font-weight:bold;
	/*float:left;
	padding:5px;*/ 
	cursor: pointer; 
	vertical-align: middle;
}

.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:130px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    font-family:Trebuchet MS; 
    font-size:small; 
    vertical-align: middle;
}	

/* Pop up helps screens */
/*.hidden { display: none; }
.unhidden { display: block; }*/
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

.modalBackground{
	background-color:Gray;	
	filter:alpha(opacity=40);
	opacity: 0.7; 
}

.modalBackgroundDark{
	background-color:Gray;	
	filter:alpha(opacity=85);
	opacity: 0.7; 
}

.modalPopup{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:1000px;
}

.modalPopup2{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:1000px;
}

.confirm{
   background-color:White;
   padding:10px;
   width:600px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeader a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
#master_content .accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
#master_content .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* Alternating row background color for grids */

.gridheadercolor
{
	background-color: #BDD2E8;
}

/* table style */
.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:80%;
	border:solid 1px #ad9e87;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#ad9e87;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#ad9e87;
    background:#e1d6c7 url(../night/mt_back.gif) repeat-x;
    color:#59483f;	
    font-weight:bold;
    text-align:center;    
}  

/* cell styles */
.datagrid td
{
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* mouseover row style */
.datagrid tr:hover{ background-color:#f2e8da; }

.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}


/* table style */
.detailgrid
{
	border:solid 1px #ad9e87;
}

/* cell styles */
.detailgrid td
{
	cursor:default;
	height:20px;
    color:#000;
	padding:2px 8px;
	border-right-style:solid;
	border-right-width:1px;
    border-right-color:#f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;	
}

/* radiobutton */
.radios .Redbutton 
{ 
    color: #ABFCC6; 
} 
.radios .Redbutton input 
{ 
    border: none; 
    background-color: red; 
    color: #ABFCC6;    
} 
 
.radios .Greenbutton 
{ 
    color: #ABFCC6; 
} 
.radios .Greenbutton input 
{ 
    border: none; 
    background-color: green;
    color: #ABFCC6; 
}

.radios .Yellowbutton 
{ 
    color: #ABFCC6; 
} 
.radios .Yellowbutton input 
{ 
    border: none; 
    background-color: yellow;
    color: #ABFCC6; 
}