/*====================================================================================
Standard HTML Style settings
====================================================================================*/
body
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a
{
	color: #1D2099;
}

td 
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	vertical-align:top;
}
th 
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	color: #444444; 
	vertical-align:top;
}

textarea 
{
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #444444;
	
}

li 
{  
	list-style-image: url(../images/list.gif);
	padding-bottom:2px;
}

input 
{
	font-size: 11px;
	color: #444444;
}

select 
{
	font-size: 11px;
	color: #444444;
	
	
}

/*====================================================================================
Style settings for the WebHandler Control (messaging at top of forms)
====================================================================================*/

.whArea
{
	width: 100%;
	/*margin-left: 80px;*/
}

.whArea_Image
{
	height:28px;
	width:28px;
	margin: 6px 6px 6px 75px;

}

.whArea_Subject
{
	top:0px;
	width:90%;
	font-weight: bold;
	color: blue;
	height: 16px;
}

.whArea_Message
{
	width:90%;
	height: 15px;
}

.whArea_Details
{
	width:90%;
	height: 15px;
}

/*====================================================================================
Style settings for the Application Header (used on all forms)
====================================================================================*/

.header 
{
	background-image: url(../images/headerBG.jpg);
	background-repeat: repeat-x;	
}



.headerTitle
{
	color:#4E4E4E;
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;	
	padding-left:5px;	
	font-family: Verdana,Tahoma,Arial,sans-serif;
	height:25px;
}

.headerSubTitle
{
	color:#767676;	
	font-size: 10px;			
	padding-left:5px;
	font-family:Tahoma,Verdana,Arial,sans-serif;
}

.headerLogo 
{
	vertical-align:middle;	
	background-image:url(../images/logoBG.jpg);	
	background-repeat:repeat-x; 	
	position:relative;
	text-align:center;
	vertical-align:middle;	
}
.headercurve
{
	background-image: url(../images/buttonarea_img.jpg);
	width:62px;
}
.headermenu {   
	background-image: url(../images/tabBG.jpg);		
	background-repeat:repeat-x;
	vertical-align:middle; 
} 
.headermenuSelected 
{
	background-image: url(../images/tabSelectedBG.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
} 
.leftMenu
{
	background-image: url(../images/seperator_left.jpg);	
	background-repeat: no-repeat;
	width:11px;
	height:26px;	
}
.leftMenuSelected
{
	background-image: url(../images/seperator_left_selected.jpg);	
	background-repeat: no-repeat;
	width:11px;
	height:26px;	
}

.headertab
{	
	color: #FFFFFF;  
	font-family:  Verdana, Arial, Helvetica, sans-serif;  
	font-size:  11px;  
	font-weight:bold;
	text-decoration: none; 
	
}
.headertabSelected
{	
	color: #000000;  
	font-family:  Verdana, Arial, Helvetica, sans-serif;  
	font-size:  11px;  
	font-weight:bold;
	text-decoration: none; 
	
}

.rightMenu
{
	background-image: url(../images/seperator_right.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:26px;	
}

.rightMenuSelected
{
	background-image: url(../images/seperator_right_selected.jpg);
	background-repeat:no-repeat;
	width:11px;
	height:26px;	
}

.tabseperator
{
	background-image: url(../images/seperator.jpg);
	background-repeat:no-repeat;
	width:15px;
	background-position:center top;	
}

.topbar{
	color:white;
	font-weight:bold;
	font-size:10px;
	font-family:Verdana,Arial,sans-serif;
	vertical-align:middle;
}

.buttonBar 
{
	font-size: 11px;
	background-image: url(../images/tabs_bg.jpg);
	vertical-align : middle;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	width: 100%;
	height:93px;
}

.dynButton 
{
	background-image:  url(../images/button.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
	width: 69px;
	height:19px;
	border:0px;
	background-color:#FFFFFF;
	text-align:center;
	background-repeat: no-repeat; 
	background-position: left top; 
}

.buttonList 
{
	text-align: left;
	vertical-align : middle;
	position: relative;
	width: 240px;
	font-size: 11px;
	padding: 0px 0px 0px 85px;
}

#lstView 
{
	width: 120px;
}

.buttonLabel 
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

/*====================================================================================
Style settings for the Page Layout (used on all forms)
====================================================================================*/

.layout 
{
	width: 100%;
	height: 100%;
	padding-right:0px;
	padding-left:0px;
	margin-right:0px;
	margin-left:0px;
}
.layoutHeader
{
	background-image: url(../images/icons_bg.jpg);		
}
.layoutIcon
{
	width: 20px;
	border: solid 1px #2D669D;
	/*filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=1, StartColorStr='Blue' , EndColorStr='Navy' );*/
	background-color: #F6FBFF;
	vertical-align: top;
	color: White;
	height:100%;
}
.layouttabs{
	height:37px;
	vertical-align:middle;
}

.layoutIconSeparator
{
	display:none;
	height:100%;
}
.layoutbutton{
	background-image: url(../images/buttonarea_bg.jpg);
	width:100px;
	text-align:right;
	vertical-align:middle;
	padding-right:10px;
	padding-top:2px;
}
.layoutmiddle
{
	height: 100%;
	width: 100%;
}

.layoutMain
{
	vertical-align: top;
	height:100%;
	width:100%;
}

.layoutTree
{
	/*display:none;*/
	height:100%;
}

.layoutTreeSeparator
{
	display:none;
	height:100%;
}

.layoutFooter
{
	background-image: url(../images/footer_bg.jpg);
	height: 23px;
	width:100%;
}

/*====================================================================================
Style settings for the Icon Bar in left Margin (used on all forms)
====================================================================================*/

.iconTitleCollapsed
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='White' , EndColorStr='Silver' );*/
	background-image: url(../images/iconBarTitleCollapsed.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-top: 4px;
	text-align: center;
	height: 23px;
	border:solid 1px #868686;
}

.iconTitleExpanded 
{
	/*filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0, StartColorStr='#FCFCA8' , EndColorStr='#FFC368' );*/
	background-image: url(../images/iconBarTitleExpand.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 4px;
	text-align: center;
	height: 23px;
}

.iconArea
{
	padding: 5px 0px 2px 10px;
	color: black;
	text-align:left;
	width:150px;
}

.iconPanel 
{
	margin: 2px 0px 2px 2px;
	font-size: 11px;
	border: solid 1px #366B9D;
	vertical-align: top;
	text-align: left;
	height: 400px;
	width: 150px;
	padding: 1px;
	font-family:Tahoma,Verdana,Arial,sans-serif;
}


/*====================================================================================
Style settings for the Application Startpage Margin
====================================================================================*/
.welcome 
{  
	 
	background-color: #FEEC96; 
	background-image: url(../images/welcomeTextBG.jpg); 
	background-repeat: repeat-x; 
	background-position: left top; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: Black; 
	text-decoration: none; 	
	vertical-align:middle;
}

.tool 
{  
	background-color: #FEEC96; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #515151; 
	text-decoration: none; 
	height: 250px;
	border-right:solid 1px #8A8A8A;
}

.toolsep 
{  
	 
	/*
	background-image: url(../images/marginmenu_sep.jpg); 
	background-repeat: no-repeat; 	
	height: 2px;
	*/
}

.toolcell
{ 
	/*
	background-image: url(../images/margin_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left center; 
	height: 23px;
	padding-left: 35px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #34427D; 
	text-decoration: none;
	padding-top:5px;*/
	
}

.toollink 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #2B2B2B; 
	text-decoration: none;
}

.smarcontent_area
{
	padding: 7px;
}

.smarcontent_header
{
	background-color: #A0ABD7; 
	border-color:#8A95C1 #8A95C1 #8A95C1 #8A95C1; 	
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;	
	height:20px;
}

.smarcontent_bullet
{
	background-image: url(../images/smarlist_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	padding-left:5px;
	vertical-align:middle;
	width: 25px;
}

.smarcontent_caption
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align:left;
	text-decoration: none
}

.smarcontent_corner
{

}

.smarcontent_cornerlink
{

}

.smarcontent_main
{
	background-color: #F1F4FD; 
	border-color: #8A95C1 #8A95C1 #8A95C1; 	
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}


.smarlist_area
{
	padding: 7px;
}

.smarlist_header
{
	background-color: #A0ABD7; 
	border-color:#8A95C1 #8A95C1 #8A95C1 #8A95C1; 	
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px	
}

.smarlist_bullet
{
	background-image: url(../images/smarlist_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	padding-left:5px;
	height: 13px; 
	width: 25px;
}

.smarlist_caption
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align:left;
	text-decoration: none
}

.smarlist_corner
{

}

.smarlist_cornerlink
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-align:left;
	text-decoration: none
}

.smarlist_main
{
	background-color: #D3D9EF; 
	border-color: #8A95C1 #8A95C1 #8A95C1; 	
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.smarlist_li
{
	margin-left: 10px; 
	list-style-position: inside; 
	list-style-image: url(../images/smarlist_li.jpg);
	padding-bottom:5px;
}

.quickfind 
{  
	 
	background-color: #5A81FF; 
	background-image: url(../images/quickfind.jpg); 	
	background-repeat:repeat-x;
	padding-top: 10px; 
	padding-left: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #333333; 
	text-decoration: none;
	border-right:solid 1px #8A8A8A;
	border-top:solid 1px #8A8A8A;
	
}

.qfindbutton 
{  
	background-image: url(../images/go_button.jpg); 
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: Black;
	width: 22px;
	height:17px;
	border:0px;
	background-color:transparent;
	
	
}


/*====================================================================================
Style settings for the Application Startpage Main
====================================================================================*/
.listheader
{
	background-image: url(../images/listheader_bg.jpg); 	
	background-repeat: repeat-x;
	height: 27px;
}

.listcap_bullet 
{  
	background-image: url(../images/listheader_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 27px; 
	width: 22px
}

.listcap_bg 
{ 
	background-image: url(../images/listheader_bg.jpg);
	padding-top:8px;
	text-align:left;
	height: 27px;
}

.listcap_corner
{ 
	/*
	background-image: url(../images/listcorner_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: right top; 	*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	text-align:center;	
	vertical-align: middle;
	height: 23px; 
	width: 40px;
}

.listcap_cornerlink
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF;
	text-align: left;
	text-decoration: none	
}

.listcap 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	text-align:left;	
	padding-top:5px;
}
.listarea 
{  
	background-color: #F6FBFF; 
	/*border:solid 1px #9F9F9F;*/
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-top: solid 0px #2D669D;
	border-right: solid 1px #2D669D;
	border-bottom: solid 1px #2D669D;
	border-left: solid 1px #2D669D;
}
.list 
{  


}


.smaincontent_header
{
	height:20px;
	background-color: #D5DEEF; 
}

.smaincontent_bullet
{
	background-image: url(../images/listheader_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 20px; 
	width: 41px
}

.smaincontent_cap
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	background-color: #7884B6;
	color: #ffffff; 
	text-align:left;
	text-decoration: none
}

.smaincontent_capbg 
{ 
	background-color: #D5DEEF; 
	padding-top: 2px
}


.smaincontent_corner
{
	background-image: url(../images/listcaption_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: #D5DEEF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #3E4C87;
	text-align:right;
	padding-right:10px;
	vertical-align: middle;
	height: 20px; 
}

.smaincontent_cornerlink
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #3E4C87;
	text-align: center;
	text-decoration: none	
}

.smaincontent_area
{
	background-color: #FFFFFF; 
	border-color: black #D3D8E8 #D3D8E8; 
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.smainlink_area
{

}

.smainlink_cell
{
	background-image: url(../images/smainlink_bg.jpg); 
	background-repeat: repeat-x; 
	background-position: left top;
	background-color: #D5DEEF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #3E4C87; 
	text-align:left;
}

.smainlink_bullet
{
	background-image: url(../images/smainlink_bullet.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	height: 20px; 
	width: 21px
}

.smainlink
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #3E4C87; 
	text-align:left;
	text-decoration:none;
}

/*====================================================================================
Style settings for the Application Footer
====================================================================================*/
.footer 
{
	width: 100%;
	color: #787878;
	font-size: 10px;
	text-align: right;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	padding: 7px 5px 0px 0px;
	height:19px;
}

.footerlink{
	color:#808080;
	font-weight:bold;
	text-decoration:none;
}




/*====================================================================================
Misc tag/class settings
====================================================================================*/

div.login 
{
	width: 100%;
	height: 125px;
	text-align: left;
	padding-left: 75px;
	vertical-align:middle;
}



.richContentEditor 
{
	/*position:absolute;*/
}

/*=============================================================================================
 Style Settings for Drop Down Icon Menu
==============================================================================================*/
.menu {   
  background-color:  #1767E6;  
  border-bottom:  #000000 1px solid;  
  border-left:  #000000 1px solid;  
  border-right:  #000000 1px solid;  
  border-top:  #000000 1px solid;  
  color:  #000080;  
  font-family:  arial;  
  font-size:  11px;    
  line-height:  12px;  
  padding-bottom:  5px;  
  padding-left:  5px;  
  padding-right:  5px;  
  padding-top:  5px;  
  position:  absolute;  
  visibility:  hidden;  
  width:  75px;  
  zindex:  99;  
} 


.iconmenu 
{
	position:absolute;
	top: 93px;
	left: -40px;
	z-index:1;
	text-align:left;
	display:block;
	

}

#nav{list-style: none;}

#nav ul {
     padding: 0;
     margin-top:-1em;
     margin-left:1em;
     list-style: none;
     width:12em;
     z-index:99;
     position:relative;
     overflow:visible;
     display:none;
      /*border-left:solid 1px #495899; 
     border-right:solid 1px #495899; 
     border-top:solid 1px #495899; */
 
    
}


#nav li {
     margin:0;
     position: relative;
     float:left;
     width: 12em;
     /*background-color:#99CCCC;*/
     /*background-image:url(leftmenu_button.jpg);*/
     /*border:solid 1px #0066FF;*/
     display:block;
     height:auto;
      z-index:99;
      
}

#nav ul li{ 
	background-color:#DBDEEB;
     	/*background-image:url(leftmenu_button.jpg);
	border-width:1px 1px 0 0;
	border-bottom:solid 1px #495899; */
	 z-index:99;
	 padding:0px;
	
	
}

#nav ul ul li{ 
	background-color:#DBDEEB;
	border-width:1px 1px 0 1px;
	border-bottom:solid 1px #495899; 
	 z-index:99;
}

/*#nav ul ul li:last-child{border-bottom:1px solid #0066FF;}*/

#nav a {
     text-decoration:none;
     display:block;
     height:100%; 
     margin:0px;
     padding-top:5px;
     padding-left:5px;
     padding-bottom:0px;
     padding-right:0px;
     color:#2F3E7A;
     font-weight:bold;
      z-index:99;
     
}


#nav ul li:hover{
     background-color:#495899;
     color:white;
      z-index:99;
     
      
} 

#nav ul li a:hover{
     background-color:#495899;
     color:white;
      z-index:99;
     
     
     
}

/*#nav a:hover, #nav li:hover{
        background-color:#0066FF;
        color:white;
}*/



/*all see this */
#nav ul ul{
     display:none;
     position:absolute;
     margin-top:-1.8em;
     margin-left:12em;
     border-left:solid 1px #495899; 
     border-right:solid 1px #495899; 
     border-top:solid 1px #495899; 
      z-index:99;
}

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{
     margin-top:-1.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
     display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     top: auto;
     left: auto;
}

/*====================================================================================
Style settings for the Calendar Popup Control
====================================================================================*/

.whArea
{
	width: 100%;
	/*margin-left: 80px;*/
}

.ewWeekday
{
background-color:#eeeeee;
}

.ewMonthHeader
{
background-color:#676767;
color:white;
}

.ewOffMonth
{
background-color:#eeeeee;
}

.ewGoToToday
{
background-color:#eeeeee;
}

.ewTodayDay
{
background-color:#eeeeee;
}

.ewDayHeader
{
background-color:gray;
color:white
}

.ewWeekend
{
background-color:#eeeeee;
}

.ewSelectedDate
{
background-color:gray;
color:white
}

.ewClearDate
{
background-color:#eeeeee;
}

.ewHoliday
{
background-color:gray;
color:white
}


/*====================================================================================
Style settings for the Admin Login Panel
====================================================================================*/
.loginbg
{
	background-image: url(../images/loginBG.jpg);
	background-repeat:repeat-y;	
	width: 350px;	
}

.loginheader
{
	background-image: url(../images/adminHeader.jpg);
	background-color:#F6F6F6; 
	height:27px; 
	color:#4C8ADF; 
	font-weight:bold;
	font-size:1px;	
	padding-left:20px;
	padding-top:4px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;  
	
}

.loginfooter
{
	background-image: url(../images/adminFooterImage.jpg);
	height:14px;	
}

.login
{
	position:relative;
	top: 10px;
	color:#4F4F4F; 
	font-size:11px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;  
}

.loginbutton
{
	background-image:  url(../images/button.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#FFFFFF;
	width: 69px;
	height:19px;
	border:0px;
	background-color:#FFFFFF;
	text-align:center;
	background-repeat: no-repeat; 
	background-position: left top;
}
/*====================================================================================
Style settings for the Calendar Layout
====================================================================================*/
.day 
{  
	 
	background-color: #87C0FF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #3A5622; 
	text-decoration: none; 
	
}

.week 
{  
	background-color: #A2CEFF; 
	
}
.date_off 
{  
	background-color: #CDCDCD; 
	
}
.date_on
{  
	color:#71691A;
	background-color: #E2E2E2;
}
.date
{
	font-size: 11px;
	font-family:Verdana,Arial,sans-serif;
	color:#2B3B7E;
	text-decoration:none;
	
}

/*====================================================================================
ComponentArt Treeview Style settings
====================================================================================*/

.TreeView 
{ 
  padding: 2px; 
  padding-left: 5px;
} 

.TreeNode 
{ 
  font-family: verdana; 
  font-size: 11px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  cursor:hand;
} 

.SelectedTreeNode 
{ 
	color: Blue;
	font-weight: Bold;
} 

.HoverTreeNode 
{
	color: #F45E00;
	font-weight: Bold;
}