/********************** Basic HTML elements *********************/

BODY	{
	margin: 0px;
	padding:0px;
	line-height: 135%;
	font-family: Helvetica, Arial, FreeSans, sans-serif;
	font-size: 80%;
	background-color:#55636A;
	text-align:center;
	
	background-color: white;
	}

TABLE 	{ font-size: 11px; }

HR	{ color: #666666; height: 1pt; text-align: left; }

A	{ color: #636361; }

A:link, A:visited
	{ text-decoration: none; }

A:active, A:hover
	{ text-decoration: underline; color: #0F6054; }

/*******Header*********/
.PortalHeader
{
    background:url('../Images/HeaderBG.jpg') 0 0 repeat-x;
    width:1024px;
   
    height:114px;
    
}
.HeadPopUp  div  
{
    display:none;
    
}
.PopUP ul
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
.PopUP ul li
{
    padding:5px;
    padding-left:15px;
    border-bottom: solid 1px #D2D2D2;
    margin-right:5px;
     margin-left:4px;
}
.PopUP ul li a
{
    color:#636361
}
.PopUP p
{
    width:157px;
    height:14px;
    background:url('../Images/Headerddb.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    position:relative;
    bottom:-14px;
    left:0px;
    padding:0px;
    margin:0px;
}
.HeadPopUp:hover div
{
    position:absolute;
    background:url('../Images/Headerdd.png');
    background-repeat:repeat-y;
    top:37px;
    left:22px;
    display: block;
    width: 157px;
    z-index: 100;
    color: #636361;
}
.LogONOFF
{
    border-left: solid 1px #D2D2D2;
   padding-top:5px;
    padding-bottom:5px;
    width:75px;
    text-align:center;
    float:right;
    font-size:8pt;
}
.HeaderLinks
{
    position:relative;
     width:1024px;
    
    height:38px;
    top:20px;
    left:0px;
}
.HeadLink
{
  float:left; 
  padding-top:10px;
  padding-bottom:10px;
}
.HeadLink:hover
{
      border-left:solid 1px #80E4E2;
	  border-right:solid 2px #80E4E2;
	  background: url('../Images/navbg.jpg');
	  background-repeat:repeat-x;
}

/********************** CDIPortal Classes ***********************/
.Frame
{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	 width:1024px;
    
}
.Content
{
	background-color: White;
	
	
}

/**************home page**********/
.HomeTop
{
   
    background-image:url('../Images/Homepagebg.jpg');
    width:1014px;
    min-height:368px;
   
}
.HomeTopSmall
{
   
    background-image:url('../Images/Homepagebg.jpg');
    width:1014px;
    min-height:175px;
}
.HomeMid
{
    background-image:url('../Images/Homepagebgmid.jpg');
    width:1014px;
    height:205px;
    margin-top:13px;
    
}
.HomeMidL
{
    width:475px;
    position:relative;
    left:30px;
    top:15px;
    
    
}
.HomeMidR
{
    color:White;
    width:425px;
   
    position:relative;
    top:-138px;
    left:565px;
    
    
}
.HomeMidL h3, .HomeMidR h3  
{
    font-size:16pt;
    font-weight:bold;
    margin:0px;
   padding:0px;
   margin-bottom:10px;
}
.HomeMidL p, .HomeMidR p
{
     margin:0px;
     padding:2px;
     margin-left:5px;
     
}
.HomeMidR div
{
    padding-bottom:10px;
    margin-left:5px;
   
}


.HomeAbout
{
    color:White;
    width:476px;
    height:340px;
    position:relative;
    top:30px;
    left:525px;
    background-image:url('../Images/homepage_panel.png');  
    background-repeat:no-repeat;
    padding-right:45px;
    padding-left:20px;
    padding-top:20px;
}
.HomeAbout h4 
{
   font-size:13pt;
   font-weight:bold;
   margin:0px;
   padding:0px;
}
.HomeAbout p 
{
    font-size:11pt;
    width:430px;
    padding:3px;
    
    margin:0px;
    margin-bottom:7px;
}
.RssPanel
{
    text-align:left;
    padding:5px;
}
.RssModulePanel
{
    background-image:url('../Images/NewsOverlay.jpg');
    background-repeat:repeat-y;
    width:975px;
    min-height:150px;
    color:White;
    margin-top:13px;
    padding:10px;
    padding-left:30px;
}
.RssModulePanel a
{
    color:White;
    text-decoration:underline;
}
.NewsHeader
{
    font-size:14pt;
    font-weight:bold;
}


/************footer***************/
.FooterDiv
{
	 width:1024px;
    
	margin-right: auto;
	margin-left: auto; 
	clear:both;
}
.Footerblock
{
    
    padding:10px;
    font-size:8pt;
    text-align:center;
    width:997px;
    margin-left:7px;
    height:34px;
    background-color:#D2D2D2;
    
}
.FooterManfs
{
    width:997px;
   text-align:center;
}
/*** Text and Title Classes ***/

.NormalSmall
	{ font-size: 9px; }

.NormalLarge
	{ font-size: 12px; }

.NormalBold
	{ font-weight: bold; }

.Validation
	{ font-weight: bold; color: red; }

.ErrorMsg
	{ font-weight: bold; background-color: silver; color: darkred; }

.ServerError
	{ font-size: 12px; font-weight: bold; color: red; }

.Head 	{
	background-image:url(PortalImages/gray_lines.jpg);
	font-size: 18px;
	line-height: 26px;
	}
	.TableHeaderCell{ padding-top:10px; }

.SubHead
	{ font-size: 11px; font-weight: bold; color: red; }

.ControlHead
	{ background-color: #eeeeee; font-size: 13px; font-weight: bold	}	

.Title
	{ font-weight: bold; font-size: 16px; line-height: 18px; }

.NavMenuTitle
	{ font-size: 12px; font-weight: Bold; color: #666666; }

.EwaveTitle 
	{ font-size: 18px; font-weight: bold; }

.EwaveLeadIn
	{ font-size: 15px; color:#666666; font-weight: bold; }


/*** Table Classes ***/

.TableHeader
	{ background-color: #dddddd; font-weight:bold; border-color: Silver; }

.TableItem
	{ background-color: white; }

.TableAltItem
	{ background-color: #B8D0CA; }

.TableSelectedItem
	{ background-color: #eeeeee; }

.TablePager
	{ background-color: #cdcdcd; font-weight:bold; border-color: Black; }

.TableVerticallySpaced
	{ padding: 9px 3px 9px 3px; }

.TableCellPadded
	{ padding: 3px 3px 3px 3px; }

.TableBarTitle
	{
	font-size: 13px;
	color: white;
	line-height: 16px;
	font-weight:bold;
	background-color: #B8D0CA;
	padding: 3px 3px 3px 3px;
	}




.TableInput
	{ background-color: #ece9d8; }



/*** Navigation Classes ***/

.SiteLink
	{ font-weight: bold; color: #636361; }   

A.SiteLink:link, A.SiteLink:visited
	{ color: #636361; }

A.SiteLink:active, A.SiteLink:hover
	{ text-decoration: underline; color: #636361; }

.HeaderLink
{
    font-size: 13px;
    /**color: #01A573;**/
    color:#0F6054;
    font-weight: bold;
    padding: 5px;
}

A.HeaderLink:link, A.HeaderLink:visited
	{ color: #0F6054; font-weight: bold; }

A.HeaderLink:active, A.HeaderLink:hover
	{ 
	    color: #9ED1BF;
	  
	}

.CommandButton
	{ padding:5px 5px 5px 5px; }

A.CommandButton:link, A.CommandButton:visited
	{ color: #636361; text-decoration: underline; }

A.CommandButton:active, A.CommandButton:hover
	{
	border-width:thin;
	border-color:Black;
	color: #636361;
	text-decoration: underline;
	}

A.NavMenuTitle:link, A.NavMenuTitle:visited
	{ color: #636361; }

A.NavMenuTitle:active, A.NavMenuTitle:hover
	{ color: #0F6054;	text-decoration: underline; }



/*** Tab Classes ***/
.Tabview
{
    position:relative;
    top:19px;
    Left:720px;
    width:295px;
   
}
.TabBg	
{
    border-left: solid 1px #D2D2D2;
    padding-top:5px;
    padding-bottom:5px;
    width:75px;
    text-align:center;
}

.OtherTabsBg
{
      border-left: solid 1px #D2D2D2;
      padding-top:5px;
    padding-bottom:5px;
     width:75px;
    text-align:center;
}

.SelectedTab
	{ 
	    font-weight: bold; color: #636361; }

A.SelectedTab:link, A.SelectedTab:visited
	{ color: #636361; font-weight: bold; }

A.SelectedTab:active, A.SelectedTab:hover
	{ color: #636361; font-weight: bold; }

.OtherTabs
	{ color:#636361; font-weight: bold; }

A.OtherTabs:link, A.OtherTabs:visited
	{ color: #636361; }

A.OtherTabs:active, A.OtherTabs:hover
	{ color: #636361; text-decoration: underline; }

.SubTabsBg
	{
	border-left-color: black;
	border-bottom-color: black;
	border-top-color: white;
	border-right-color: black;
	border-top-width: 3px;
	background-color: #729EC5;
	font-weight: bold;
	color: black;
	}

.SubTabBox
	{
	border-left-color: black;
	border-bottom-color: black;
	border-top-color: black;
	border-right-color: black;
	}

.SubSelTabBg
	{
	border-left-color: black;
	border-bottom-color: black;
	border-top-color: white;
	border-right-color: black;
	border-top-width: 14px;
	background-color: #cccccc;
	color: black;
	}

.SubSelTab
	{ color: White; font-weight: bold; }

.SubOtherTabs
	{ color: black; font-weight: bold; }

A.SubOtherTabs:link, A.SubOtherTabs:visited
	{ color: black;	text-decoration: none; }

A.SubOtherTabs:active, A.SubOtherTabs:hover
	{ color: black;	text-decoration: none; }


/*****Other Design Classes****/

.ContentArea
{
   border:2px gray groove;
}

/********AJAX******/

.modalBackground {
background-image: url('../PortalImages/PopUpBackground.png');
	background-repeat:repeat-x repeat-y;
}
.modalPopup
{
	background-color: silver;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
}