htmlX, bodyX {
	margin:				0px;
	padding:		0px;
	height:				100%;
	overflow: hidden;
	
}






.AdminPageText
{ 
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
}

a.AdminPageText
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
}
a.AdminPageText:hover
{ 
  color:Red;
}











.logoimage {
	background-image:	url(../ui_images/search_repeat.gif);
	
}




.navbody
{
	color: #666666 ;
 padding: 0pt 0pt 0pt 0pt;
	
}



.navbody2
{
	color: #666666 ;
	padding: 2pt 8pt 2pt 8pt;
	
	background:#284775 none repeat scroll 0%;
	width: 200px;
	border-style:double;
	
}

.navbody3
{
	color: #666666 ;


	padding: 2pt 8pt 2pt 8pt;

	background:#FAFAFA none repeat scroll 0%;
	border-style:double;

}



.sideNavBox a 
{
	  
font-family: Verdana, Arial;
/* font-weight: bold; */
font-size: 9pt;

background:#666666 none repeat scroll 0%;
border-bottom:0px solid #333333;
border-top:0px solid #CCCCCC;
color:#FFFFFF;
display:block;
padding: 4px 4px 4px 4px;

text-decoration:none;
text-transform:capitalize;
border-style: hidden


}



.sideNavBox2 a 
{
	  
font-family: Verdana, Arial;
/* font-weight: bold; */
font-size: 9pt;

background:#666666 none repeat scroll 0%;
border-bottom:0px solid #333333;
border-top:0px solid #CCCCCC;
color:#FFFFAA;
display:block;

padding: 0px ;

text-decoration:none;
text-transform:capitalize;
border-style: hidden


}



a.ServiceUnselected
{
  font-family: Verdana, Arial;
  
  font-size: 8pt;
  color: white;
  line-height: 20px;
  padding-left: 5px;
  text-decoration: none;
  background: #284775;
  
} 


a.ServiceUnselected:hover 
{ 
  padding-left: 5px;
  color: yellow;
  background: #284775;
} 

a.ServiceSelected
{ 
  font-family: Verdana, Arial;  
  
  font-size: 8pt;
  color: Lime;
  
  background: #284775;
  
  line-height: 20px; 
  padding-left: 5px;
  text-decoration: none;
}




.maintab2
{
  border-right: #01a647 1px solid;
  border-top: #01a647 1px solid;
  border-left: #01a647 1px solid;
  border-bottom: #01a647 1px solid;
  background-color: #9fe1bb;
  text-align: center;
}



.contentbox {
	background-color:	#e0e3e8;
	border-top:			1px solid #fff;
	border-bottom:		1px solid #909090;
	padding:			10px;
	font:				normal 11px/16px verdana;
	text-align:			justify;
	
}






#container2
{
    float: left;
    width: 67%;
    background: #fff;
    border-right: 1px solid #000;
    margin-right: 15px;
    padding-bottom: 10px;
    padding-right: 10px;        

}



.maintab {
	height:				28px;
	background-image:	url(../ui_images/tab.gif);
	background-repeat:	no-repeat;
	background-color:	#c9c9c9;
	padding-left:		10px;
	font:				bold 12px verdana;
}

.submenu {
	height:				28px;
	background-image: url(ui_images/sub_repeat.gif);
	background-repeat:	repeat-x;
	padding-left:		10px;
}

.subsubmenu {
	height:				28px;
	background-image:	url(ui_images/sub_sub_repeat.gif);
	background-repeat:	repeat-x;
	padding-left:		10px;
}


.searchbox {
	height:				75px;
	background-image:	url(../ui_images/search_repeat.gif);
	background-repeat:	repeat-x;
}



#header
{
	clear: both;
	background-color: #9CB6D9;
	
	border-top: 1px solid #564b47;
	border-left: 1px solid #564b47;
	border-right: 1px solid #564b47;
		
	margin: 0px;
	
	width: 95%;
	height: 100px;
	
	color: White;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	
}

#container {
	width:				95%;
	height:				40%;
	
	/* background-color:	#f4f4f4; */
	
	padding: 5px 15px 5px 15px;
		
	border-left: 1px solid #564b47;
	border-right: 1px solid #564b47;

}

#footer
{
	
	font-size: .8em;
	text-transform: uppercase;
	text-align: right;
	
	background-color: #9CB6D9;
	
	
	border-bottom: 1px solid #564b47;
	border-left: 1px solid #564b47;
	border-right: 1px solid #564b47;
	
	margin: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-top: 5px;
	
	width: 95%;
}




#footer2 
{
    clear: both;
    width: 100%;    
    text-align: center;
    font-size: 10px;
    padding: 3px 0px 3px 0px;    
    border-top: 3px solid #333;
    
	background-color: #9CB6D9;
}







div.bottom
{
    background-color: #9CB6D9;
    border-left     : 1px solid #564b47;
    border-right     : 1px solid #564b47;
    border-bottom: 1px solid #564b47;
    vertical-align: bottom;
    padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}


div.top
{
    background-color: #9CB6D9;
    
    border-top: 1px solid #564b47;
    border-bottom: 1px solid #564b47;
   
    vertical-align: top;
    
	border-top: 1px solid #564b47;
	border-left: 1px solid #564b47;
	border-right: 1px solid #564b47;
	height: 100px;
	
}








#headertop
{
	height: 60px;
	border-spacing: 1px;
	
}



#SiteTitle
{
	text-align: center;
	
	}


.input {
	width:				170px;
	height:				21px;
	border:				1px solid #747474;
	background-color:	#fff;
}




/* Basic */

td.ctr-actions {padding: 0;}
td.ctr-title {padding: 10px 0 1px 0;}
td.basic-ctr-ul td.ctr-title {padding: 10px 0 1px 0; border-bottom: 1px solid #ddd;}
td.basic-ctr-ul td.ctr-actions {padding: 0; border-bottom: 1px solid #ddd;}
td.ctr-title .Head 
{ font-family: verdana, sans-serif; 
		font-size: 15px; 
		font-weight: bold; 
		white-space: nowrap; 
		color: #ffffff;
		/* color: #333;  */
		margin: 0; 
		padding: 0; 
		line-height: 1em;}
		


table.ctr-content-area
{
Padding: 0px 0px 0px 0px;
}


		
td.ctr-content {padding: 12px 0 0 0;}


td.ctr-admin {padding: 8px 0 0 0; text-align: right; font-size: 0px;}
td.ctr-admin img {margin-left: 5px;}
td.basic-ctr, td.basic-ctr-ul {padding-bottom: 16px;}
td.basic-ctr-ul td.ctr-visibility {padding: 0 1px 4px 0; border-bottom: 1px solid #ddd; text-align: right;}
td.basic-ctr-ul td.ctr-visibility img {margin: 0; border: 0; padding: 0;}



/* Colored containers - base styles */

td.ctr-header-row-pyramid {height: 30px;}
td.ctr-header-row-pyramid table.header-table {height: 100%;width: 100%;}
td.ctr-header-row-pyramid td.ctr-header-cap-left {background: url(../../Images/pira/h01-chl.gif) no-repeat; width: 9px;}

td.ctr-header-row-pyramid td.ctr-header-title 
{
	background: url(../../Images/pira/h02-chl.gif) repeat-x; 
	width: 95%; 
	white-space: nowrap; 
	vertical-align: middle; 
	padding-left: 8px;
	color: white;
	font-family: Verdana, Arial;
	font-size: 11px;
}
						
						
td.ctr-header-row-pyramid td.ctr-header-title .Head .ClockHead , ServiceHead
{
	font-weight: bold; 
	font-size: 12px; 
	color: White;
	
	/* color: #ffffff; */
	/* color: #333;  */
	}
	
	
	
	


	
	
td.ctr-header-row-pyramid table.ctr-slv td.ctr-header-title .Head 
{
	color: White;
	/* color: #ffffff; */
		/* color: #333;  */
		
	}
td.ctr-header-row-pyramid td.ctr-header-actions {				background: url(../../Images/pira/h02-chl.gif) repeat-x; width: 1px; white-space: nowrap; font-size: 1px;}
td.ctr-header-row-pyramid td.ctr-header-connector {width: 30px; background: url(../../Images/pira/h03-chl.gif) no-repeat; padding: 0;}
td.ctr-header-row-pyramid td.ctr-header-right {font-size: 1px;	background: url(../../Images/pira/h04-chl.gif) repeat-x; width: 100%;}
td.ctr-header-row-pyramid td.ctr-header-cap-right {				background: url(../../Images/pira/h05-chl.gif) no-repeat; width: 5px;}
td.ctr-visibility {width: 19px;}
td.ctr-visibility img, td.ctr-visibility a {border: 0; padding: 0; margin: 0;}


table.container-frame {border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 8px 12px 0px 12px;}
td.ctr-content-bg {background: url(../../Images/pira/angled-bg.gif) repeat-x bottom #fafafa;}
td.ctr-color-admin-pyramid {text-align: right;}

td.b-l-pyramid {width: 5px; height: 12px; background: url(../../Images/pira/corner-bl.gif) bottom left no-repeat transparent; font-size: 1px;}
td.b-c-pyramid {font-size: 1px; height: 12px; border-bottom: 1px solid #ddd; background: transparent;}
td.b-r-pyramid {width: 5px; height: 12px; background: url(../../Images/pira/corner-br.gif) bottom right no-repeat transparent; font-size: 1px;}

td.ctr-header-cap-left img {width: 9px; height: 1px;}
td.ctr-header-connector img {width: 30px; height: 1px;}
td.ctr-header-cap-right img {width: 5px; height: 1px;}
td.ctr-color-admin-pyramid img {margin-left: 5px;}

.ctr-aqu-pyramid, .ctr-chl-pyramid, .ctr-blu-pyramid, 
.ctr-grn-pyramid, .ctr-gld-pyramid, .ctr-prl-pyramid, 
.ctr-mdt-pyramid, .ctr-lim-pyramid, .ctr-pmk-pyramid, 
.ctr-olv-pyramid, .ctr-red-pyramid, .ctr-gry-pyramid {margin-bottom: 0px;}




/* charcoal
table.ctr-chl-pyramid td.ctr-header-cap-left  {background: url(../../Images/pira/h01-chl.gif) no-repeat;}
table.ctr-chl-pyramid td.ctr-header-title     {background: url(../../Images/pira/h02-chl.gif) repeat-x;}
table.ctr-chl-pyramid td.ctr-header-actions   {background: url(../../Images/pira/h02-chl.gif) repeat-x;}
table.ctr-chl-pyramid td.ctr-header-connector {background: url(../../Images/pira/h03-chl.gif) no-repeat;}
table.ctr-chl-pyramid td.ctr-header-right	  {background: url(../../Images/pira/h04-chl.gif) repeat-x;}
table.ctr-chl-pyramid td.ctr-header-cap-right {background: url(../../Images/pira/h05-chl.gif) no-repeat;}
table.ctr-chl-pyramid td.ctr-visibility       {background: url(../../Images/pira/h04-chl.gif) repeat-x;}
 */





/*
    Tab containers
=======================================
*/

table.container-frame 
{
background-color: #FAFAFA;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
padding:8px 12px 0px;
}

table.bottomrow
{
	background-color: #FAFAFA;
}
/*
    End Tab containers
=======================================
*/

/*.Normal, table, tr, td, p, div, span {
color: #FAFAFA;


line-height:1.4em;
font-family:verdana,sans-serif;
font-size:11px;

.SelectedRowStyle
{
    background-color: Yellow;
    color: #333333;
    font-weight: bold;
    
}


}
*/



/* service admin page */ 
ServiceLinkEdit
{
	
background-color:#EEEEEE;
/* color:#000000; */

color: Red;

width: 98%;

font-family:verdana,helvetica,arial;
font-size:11px;

}




linkletter
{
	width: 40px;
	padding: 0px 4px 0px 4px;
	
	}
	
	
	
	
	
	
StatusLabel 
{
	color: Red;
	width: 100%;
	
	}




.Normal_DNN_ANN_Description
{
	text-align: justify;
	font-family:Verdana,Arial;
	font-size: 11px;
}





.modalbackground 
{
	height: 1950px;
	left:0px;
	
	position: fixed;
	
	top: 0px;
	width: 1264px;
	z-index: 10000;
	 
	opacity: 0.7;
	background-color: Gray;
	
	}