﻿



body  {
margin:auto;
background-color:#D6E7E6;
/*background-image:url("images/bg_wrapper.jpg");*/
background-repeat:repeat-x;
margin-top:10px;
font-family:Verdana;
font-size:12px;
color:#44535E;
height:100%;
margin-top:0px;
margin-bottom:0px;

}	
body p
{
	padding-right:10px;
}

h2
{
font-family:Verdana;
font-size:13px;
color:#999999;	
font-weight:bold;

}


#wrapper {
margin:auto;
width:100%;
padding:0px;
min-height:550px;
max-height:100%;
margin-top:0px;
padding-top:0px;
}		
#header{
width:100%;
height:104px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#ffffff;
border-bottom:5px solid #FF6600;
}  


#header-top{
width:1000px;
height:104px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#ffffff;
}  
#bannerHome{
width:100%;
height:160px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#0099CC;
background-image:url("images/header-banner.png");
background-repeat:no-repeat;
}  

#banner{
width:100%;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#0099CC;
background-image:url("images/header-banner-inside.png");
background-repeat:no-repeat;
}  


#Swf-banner{
width:1000px;
height:160px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	


/*background-image:url("images/top-back.png");
background-repeat:no-repeat;*/
} 


#alertVideo
{
	position:relative;
	top:-165px;
	float:right;
	clear:both;	
	width:300px;
	height:230px;
	right:20px;

	
}

#inside-cnt-banner{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner.png");
background-repeat:no-repeat;
top:0px;
} 

#inside-cnt-banner-TimeCollection{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner-TimeCollection.png");
background-repeat:no-repeat;
top:0px;
} 


#inside-cnt-banner-TimeCollection h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	padding-top:40px;
	width:750px;
	padding-left:5px;
	height:80px;
	vertical-align:middle;
	position:relative;
	left:200px;
}


#inside-cnt-banner-HR{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner-HR.png");
background-repeat:no-repeat;
top:0px;
} 


span.banner-HR-h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	font-weight:bold; 
	padding-left:350px;
	margin-top:50px;
	position:relative;
	top:30px;
}


#inside-cnt-banner-PayrollOpt{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner-PayrollOpt.png");
background-repeat:no-repeat;
top:0px;
} 


#inside-cnt-banner-PayrollOpt h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	padding-top:40px;
	width:750px;
	padding-left:5px;
	height:80px;
	vertical-align:middle;
	position:relative;
	left:200px;
}


#inside-cnt-banner-EventManager{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner-EventManager.png");
background-repeat:no-repeat;
top:0px;
} 


#inside-cnt-banner-EventManager h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	padding-top:40px;
	width:750px;
	padding-left:5px;
	height:80px;
	vertical-align:middle;
	position:relative;
	left:200px;
}


#inside-cnt-banner-AboutUs{
width:1000px;
height:99px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;	
background-image:url("images/inside-cnt-banner-AboutUs.png");
background-repeat:no-repeat;
top:0px;
} 


#inside-cnt-banner-AboutUs h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	padding-top:40px;
	width:750px;
	padding-left:5px;
	height:80px;
	vertical-align:middle;
	position:relative;
	left:200px;
}






#inside-cnt-banner h1
{
	font-size:13px;
	color:#FF6600;
	font-family:Verdana;
	float:left;
	clear:left;
	margin-top:10px;
	border-right:0px solid #999999;
	height:80px;
	width:160px;
	padding-left:15px;
	padding-top:28px;
	vertical-align:middle;
	
}

#inside-cnt-banner h2
{
	font-size:14px;
	color:#FFFFFF;
	font-family:Tahoma;
	text-align:center;
	padding-top:40px;
	width:750px;
	padding-left:5px;
	height:80px;
	vertical-align:middle;
	position:relative;
	left:200px;

}

#content-top{
width:1000px;
height:27px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;
background-image:url("images/content-top.gif");
background-repeat:repeat-x;

}  


#FormView
{
	margin-left:50px;
	padding:5px;
}

.FormLabel
{

  float:left;				
  text-align:left;
  font-size:12px;
  text-transform:none;
  font-family:verdana;
  vertical-align:middle;
  width:300px;
}



.Formtextbox
{
	/*background-image:url("images/textbox-img.jpg");
	background-repeat:no-repeat;*/
	height:16px;
	width:300px;
	margin:1px;
	float:right;
	font-size:12px;
	border:1px solid #059EDD;
	margin-right:2px;
}
.Formdropdownlist
{
	/*background-image:url("images/textbox-img.jpg");
	background-repeat:no-repeat;*/
	height:20px;
	width:303px;
	margin:1px;
	float:right;
	font-size:12px;
	border:1px solid #D2D0D0;
	margin-right:2px;
}


#cntpara 
{
	min-height:400px;
	max-height:100%;
}

#cntpara p
{
padding-top:2px;
padding-bottom:4px;
margin-top:0px;
margin-bottom:0px;
width:630px;
float:left;
clear:left;
}
	



#content-inside-top{
width:1000px;
height:27px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;
background-image:url("images/content-top.gif");
background-repeat:repeat-x;
top:-61px;
} 


.unwatermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	font-family:Verdana;
	font-size:12px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	font-family:Verdana;font-size:12px;
}	


#indexContent a 
{
	color:#0099CC;
	text-decoration:none;
}
#indexContent a:hover
{
	color:#ff6600;
	text-decoration:none;
}


#indexContent table.cntData{
width:1000px; margin-left:5px; 
}

#indexContent{
width:1000px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#ffffff;
overflow:hidden;
height:100%;


} 

#content{
width:1000px;
height:160px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#ffffff;
min-height:540px;
max-height:100%;
} 


#contentMainFloat
{
	float:left;
	clear:both;
	width:505px;
	
	padding-left:5px;
	border-left:1px dotted #A3B5E7;
	border-right:1px dotted #A3B5E7;
}

#contentlefFloat
{
	float:left;
	clear:left;
	width:200px;
	position:relative;
	top:0px;
	left:0px;
	padding-left:5px;
}


#contentrightFloat
{	
	float:right;
	clear:right;
	width:225px;
	position:relative;
	top:0px;
	right:0px;
	padding-left:5px;
	
}




#content-inside{
width:1000px;	
margin:auto;
position:relative;
top:-61px;
margin-bottom:0px;
padding-bottom:0px;		
background-color:#ffffff;
min-height:580px;
max-height:100%;
} 


.cnt-Resource
{
	background-image:url("images/news-letter-img2.png");
	background-repeat:no-repeat;
	width:242px;
	height:30px;
	color:#FFFFFF;
	padding-left:10px;
	padding-top:5px;
}
.cnt-Resource a
{
	color:#FFFFFF;
	text-decoration:underline;
}
.cnt-Resource a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

#content a 
{
	color:#0099CC;
	text-decoration:none;
}
#content a:hover
{
	color:#ff6600;
	text-decoration:none;
}


#content table.cntData{
width:1000px; margin-left:5px; 
}

.cnt{
width: 750px; 
padding-left:10px;
padding-right:5px;
line-height:18px;
height:100%;
border-right:1px dotted #999999;
}

.cnt a 
{
	color:#FF6600;
	text-decoration:underline;
}
.cnt a:hover
{
	color:#FF6600;
	text-decoration:none;
}

.cnt p b
{
	color:#FF6600;
	
}


.cnt li a
{
	color:#3792D9;
	font-size:12px;
	font-family:Verdana;
}

 h1 
{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	font-family:Tahoma;
	margin-left:0px;
}

.form-top-bg
{
	
	background-image:url("images/form-top-bg.png");
	background-repeat:no-repeat;
	width:215px;
	height:9px;
}
.form-pls1
{
	position:relative;
	top:0px;

	width:213px;
	height:100%;
}

.form-pls
{
	position:absolute;
	top:470px;
	
	width:213px;
	height:100%;
	
}

.form-pls h1
{
	font-family:Verdana;
	color:#4D4D4D;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	padding-left:5px;
}
.form-pls h2
{
	font-family:Verdana;
	color:#FF6600;
	font-size:13px;
	font-weight:normal;
	padding-left:10px;
	margin-top:-12px;
	
}

.form-pls p 
{
	width:200px;
	margin-left:10px;
	margin-top:2px;
	margin-bottom:2px;
	float:left;
	clear:left;
}

.form-bottom-bg
{

	background-image:url("images/form-bottom-bg.png");
	background-repeat:no-repeat;
	width:215px;
	height:9px;
}



.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 230px;
font-family:Verdana;
font-size:13px;
text-decoration: none;
border-bottom:1px dotted #999999;


}

.buttonmenu li
{
	height:70px;
	border:none;
	
}

.buttonmenu li a{
color: #999999;
display: block;
width: 100%;
padding: 2px 0px;
cursor:pointer;
top:0px;
bottom:-50px;
text-decoration:underline;
border:none;
}

.buttonmenu li h2 
{
font-family:Verdana;
font-size:13px;
color:#FF6600;	
margin-bottom:-12px;
margin-left:6px;
float:left;
text-decoration:underline;
}

.buttonmenu li p 
{
font-family:Verdana;
font-size:12px;
color:#666666;
margin-top:-15px;
margin-left:50px;
width: 180px;
clear:left;
text-decoration: none;


}

.buttonmenu li img 
{
float:left;
clear:left;
}



.buttonmenu li a:hover{
color: black;
text-decoration:none;

}


#sitemapUl{
width: 500px; /*width of menu*/
margin-left:5px;


}


div#sitemapUl   b a
{
	width:250px;
	margin:5px;
	color:#FF6600;
	margin:5px;
}

div#sitemapUl   b a:hover
{
	width:250px;
	margin:5px;
	color:#FF6600;
	margin:5px;
}


#sitemapUl ul
{
list-style-type:none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#sitemapUl ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#sitemapUl ul li a{
color: #7B6E6A;
/*background: url(images/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
font-size: 13px;
height:15px;
width:250px;
text-decoration:none;
}

#sitemapUl ul li a:hover{
color: #0196D3;
/*background: url(images/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
font-size: 13px;
height:15px;
width:250px;
text-decoration:underline;
}






#arrowlistmenu ul
{
list-style-type:none;
margin: 0;
padding: 0;
margin-left:5px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#arrowlistmenu ul li a{
color: #01416D;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
height:15px;
}



#arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #2E91C8;
background-color: #F3F3F3;
}



.label {
  float:left;				
  text-align:left;
  font-size:12px;
  text-transform:none;
  font-family:verdana;
  vertical-align:middle;
  width:65px;
 }

.textbox
{
	/*background-image:url("images/textbox-img.jpg");
	background-repeat:no-repeat;*/
	height:16px;
	width:126px;
	margin:1px;
	float:right;
	font-size:12px;
	border:1px solid #D2D0D0;
	margin-right:2px;

}

.webinor 
{
	background-image:url("images/schedule-alt.GIF");
	background-repeat:no-repeat;
	height:20px;
	width:213px;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
}
.webinor a
{
	color:#FFFFFF;
	text-decoration:underline;
}
.webinor a:hover
{
	color:#FFFFFF;
	text-decoration:none;
}

.button {
color:#ffffff;
/*background-image: url(images/btn_button.PNG);
background-repeat:no-repeat;*/
border:outset 0px ;
font-size:13px;
font-weight:normal;
width:60px;
height:20px;
margin:5px;
float:right;
background-color:#ff6600;
cursor:pointer;
}


.markermenu{
width: 170px; /*width of menu*/
float:right;
clear:right;
margin-top:-5px;
position:relative;
left:-58px;
margin-bottom:15px;

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
text-decoration: none;

}

.markermenu ul li a{
background:  url(images/demo-link-img.png) no-repeat 2px center;
font:  14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FF6600;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;

}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
text-decoration: none;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color:#FF6600;
text-decoration: none;
}

.markermenu ul li a:hover{
color:#FF6600;
text-decoration: none;
background-image:url(images/demo-link-img.png); /*onMouseover image change. Remove if none*/
}






.markermenu-leftNav{
width: 170px; /*width of menu*/
float:right;
clear:right;
margin-top:10px;
}

.markermenu-leftNav ul{
list-style-type: none;
margin: 5px 0;
padding: 0;

}

.markermenu-leftNav ul li a{
/*background: white url(images/demo-link-img.png) no-repeat 2px center;*/
font:  12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #333333;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;

}


* html .markermenu-leftNav ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu-leftNav ul li a:visited, .markermenu ul li a:active{
color:#FF6600;
}

.markermenu-leftNav ul li a:hover{
color:#FF6600;

/*background-image:url(images/demo-link-img.png);*/ 
}









#content-bottom{
width:1000px;
height:10px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;
background-image:url("images/content-bottom.gif");
background-repeat:no-repeat;
margin-bottom:20px;
}  

#content-inside-bottom{
width:1000px;
height:10px;		
margin:auto;
position:relative;
margin-bottom:0px;
padding-bottom:0px;
background-image:url("images/content-bottom.gif");
background-repeat:no-repeat;
margin-bottom:20px;
position:relative;
top:0px;
} 




#Footer
{
	width:100%;
	/*background-color:#FFFFFF;*/
	margin-top:10px;
	margin-bottom:0px;
	height:88px;
	margin-bottom:0px;
	position:relative;
	font-size:11px;
	color:#507775;
	
}

#Footer a
{
	color:#507775;
	text-decoration:none;
}

#Footer a:hover
{
	color:#507775;
	text-decoration:underline;
}
 

#Footer-inside-cnt
{
	width:100%;margin-top:-60px;
	/*background-color:#FFFFFF;*/
	
	margin-bottom:0px;
	height:88px;
	margin-bottom:0px;
	position:relative;
	font-size:11px;
	color:#999999;
}

#footer-nav{
/*background-image:url("images/img_footer_bg.jpg");
background-repeat:no-repeat;*/
width:970px;
height:50px;
height:100px;
margin:auto;
margin-top:-10px;
text-align:center;
padding-left:0px;
}
.footerNav{
margin-top:0px;		
color:#8B8989;
text-align:center;
margin:auto;
position:relative;
top:0px;
}
.footerNav a{
color:#8B8989;
padding-left:5px;
padding-right:5px;
border-right:1px solid #003366;
font-size:11px;
text-decoration:none;
}

.footerNav a:hover{
color:#8B8989;
padding-left:5px;
padding-right:5px;
border-right:1px solid #003366;
font-size:11px;
text-decoration:underline;
}

.HeaderSiteNav a:hover{
color:#FF6600;
padding-left:5px;
padding-right:5px;
border-right:1px solid #003366;
}


.HeaderSiteNav{
margin-top:10px;	
color:#003366;
text-align:right;
float:right;
clear:right;
font-size:11px;

position:relative;
right:10px;
}
.HeaderSiteNav a{
color:#003366;
padding:2px;
border-right:1px solid #CCCCCC;
}


.HeaderSiteNav a img 
{
	float:left;
	
}

.HeaderSiteNav a:hover{
color:#FF6600;
padding:2px;
border-right:1px solid #CCCCCC;
}


.logoHeader
{
	float:left;	
	margin-top:-3px;
	margin-left:0px;
	width:223px;
	height:85px;
}
img
{
	border:0px;
	
}


td.contentbold1
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;
	background-color:#F1F1F1;
}

td.tablecontent
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	color :  #585554;
	text-decoration:none;
	background-color:#F9F7F7;
	line-height:18px;
}


div #CntVersionPara table td p
{
	width:350px;
	
}

td.contentbold
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : bold;
	color :  #CC754D;
	text-decoration:none;
	background-color:#F1F1F1;

}






.modalBackground {
	/*background-color:#9FC8E8;
	filter:alpha(opacity=70);
	opacity:0.7;*/
}


.modalPopup {
	
	
	
	padding:10px;
	width:204px;
	height:212px;
	background-image:url("images/modelPopupBg.png");
	background-repeat:no-repeat;
	
}



#vdividermenu  img
{
	float:left;
	clear:left;
	margin-right:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	position:relative;
	bottom:3px;
}

#vdividermenu ul{
margin: 0;
padding: 0;
position:absolute;
left:500px;
margin-bottom:0px;
top:10px;
float: left;
font: normal 100% Tohoma;
font-size:11px;
}



#vdividermenu ul li{
display: inline;
border:none;
}

#vdividermenu ul li a{
float: left;
color: black;
padding: 2px 8px;
text-decoration: none;
border:none;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color: black;
}






#vdividermenu2  img
{
	float:left;
	clear:left;
	margin-right:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	position:relative;
	bottom:3px;
}

#vdividermenu2 ul{
margin: 0;
padding: 0;
position:absolute;
left:730px;
margin-bottom:0px;
top:40px;
float: left;
font: normal 100% Tohoma;
font-size:11px;
}



#vdividermenu2 ul li{
display: inline;
border:none;
}

#vdividermenu2 ul li a{
float: left;
color: black;
padding: 2px 8px;
text-decoration: none;
border:none;
}

#vdividermenu2 ul li a:visited{
color: black;
}

#vdividermenu2 ul li a:hover{
color: black;
}





#vdividermenuHome  img
{
	float:left;
	clear:left;
	margin-right:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	position:relative;
	bottom:3px;
}

#vdividermenuHome ul{
margin: 0;
padding: 0;
position:absolute;
left:675px;
margin-bottom:0px;
top:40px;
float: left;
font: normal 100% Tohoma;
font-size:11px;
}



#vdividermenuHome ul li{
display: inline;
border:none;
}

#vdividermenuHome ul li a{
float: left;
color: black;
padding: 2px 8px;
text-decoration: none;
border:none;
}

#vdividermenuHome ul li a:visited{
color: black;
}

#vdividermenuHome ul li a:hover{
color: black;
}









#ViewSchWebDemo
{
	background-image:url("images/ViewWebinarSchedule.jpg");
	background-repeat:no-repeat;
	width:222px;
	height:138px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	top:320px;
	margin-left:-10px;	
	position:absolute;
	
	
}


#ViewSchWebDemo h4
{
	position:relative;
	top:55px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#ViewSchWebDemo p
{
	position:relative;
	top:35px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#ViewSchWebDemo span
{
	
	position:relative;
	top:20px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}



#ViewSchWebDemo span:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}






#ViewSchWeb
{
	background-image:url("images/ViewWebinarSchedule.jpg");
	background-repeat:no-repeat;
	width:222px;
	height:138px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	position:absolute;
	top:255px;
	left:5px;
}


#ViewSchWeb h4
{
	position:relative;
	top:55px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#ViewSchWeb p
{
	position:relative;
	top:45px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#ViewSchWeb span
{
	
	position:relative;
	top:40px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}



#ViewSchWeb span:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

#IndexMainCntContent
{
	width:1000px;	
	height:100%;
	
}

#IndexLeftWeb
{
	width:225px;
	padding:5px;
	
	float:left;
	clear:left;
	min-height:480px;
	height:100%;
	
	
}

#IndexRightWeb
{
	width:250px;
	padding:5px;	
	float:right;
	clear:right;	
	position:absolute;
	top:0px;
	left:750px;
	margin:0px;
	vertical-align:top;
}



#EBSversion
{
	position:relative;
	top:-15px;
	left:-13px;
	/*background-image:url("images/EBSSassVersionBg.jpg");
	background-repeat:no-repeat;*/
	width:300px;	
	float:right;
	clear:right;
	vertical-align:top;
}



.indexparaImg  img
{
	float:left;
	clear:left;
	position:absolute;
	margin:0px;
	padding:0px;
}
.indexparaImg p
{
	position:absolute;
	left:100px;
	margin-left:100px;
}


#cntOllist1 h1
{
	margin:15px 5px 3px 10px;
	color:#666666;
	font-size:16px;
	font-weight:bold;
	font-family:Tahoma;
	
}

#cntOllist1 p
{
	margin:15px 5px 3px 10px;
}

#cntOllist1  legend
{
	color:#44535E;
	font-weight:bold;
}

#cntOllist1  fieldset
{
	padding:10px;
	margin:5px;

	
}

#cntOllist1 
{
	width:490px;
	position:relative;
	left:10px;
	border-bottom:1px dotted #999999;	
	padding-bottom:15px;	
}



#cntOllist1 a
{
	text-decoration:underline;
	color:#ff6600;
	
}

#cntOllist1 a:hover
{
	text-decoration:none;
	color:#ff6600;	
}


	#cntOllist1 ul
	{
		list-style-type: none;		
		margin-top:10px;
	}

#cntOllist1 ul li  {
color: #44535E;
background: url("images/indexArrowImg.png") no-repeat center left; /*custom bullet list image*/
display: block;
padding-top:1px;
padding-bottom:1px;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
margin-bottom:0px;
font-size:12px;
margin-right:2px;
margin-left:0px;
position:relative;
left:-30px;
}

#IndexCntWeb .cntimg
{
	z-index:100;
}

#IndexCntWeb
{
	width:495px;
	padding:5px;
	left:5px;	
	margin-left:235px;	
	position:relative;
	top:0px;
	height:100%;
	border-left:1px dotted #999999;
	border-right:1px dotted #999999;
}



#indexparaCnt p
{
	float:left;
	width:1000px;
	margin:5px;	
	position:relative;
	margin-top:15px;
}



#SaasView
{
	background-image:url("images/saasProgram.jpg");
	background-repeat:no-repeat;
	width:222px;
	height:138px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	margin-top:-5px;
	position:absolute;
	top:100px;
	left:5px;
}





#SaasView p
{
	position:relative;
	top:70px;	
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#SaasView span
{
	
	position:relative;
	top:70px;	
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}



#SaasView span:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}




#resourcepackage
{
	background-image:url("images/resourcePackage.jpg");
	background-repeat:no-repeat;
	width:222px;
	height:138px;
	color:#666666;
	font-size:11px;
	font-family:Verdana;
	position:absolute;
	top:415px;
	left:5px;
}





#resourcepackage p
{
	position:relative;
	top:75px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
}


#resourcepackage span
{
	
	position:relative;
	top:70px;
	padding-left:5px;
	font-size:11px;
	font-family:Verdana;
	font-weight:normal;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}



#resourcepackage span:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}







.PrductMenuDrplist
{
font-family:Verdana;
font-size:8pt;	
border:1px dotted #1171D3;	
width:210px;
background-color:#FAEFDF;
}



.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url("images/roundleft.gif") no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url("images/roundright.gif") no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}



.urbangreymenu{
width: 190px; /*width of menu*/
font-family:Calibri;

}

.headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url("images/arrowstop.gif") no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

	
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
width: 185px;
margin-top:15px;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a{
font: bold 12px Arial ;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #606060;
}







#ddcolortabs{
margin-left:300px;
margin-top:-5px;
padding: 0;
width: 790px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
float:left;


}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0px;
padding:0px;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0px 2px 0px 0px;
padding:0px;

}


#ddcolortabs a{
float:left;
color: white;
background: #3792D9 url(images/color_tabs_left.gif) no-repeat left top;
margin:0px 2px 0px 0px;
padding:0px 0px 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:6px 9px 6px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #7AB3E4;
}

#ddcolortabs a:hover span{
background-color: #7AB3E4;
}

#ddcolortabs #current a, #ddcolortabs #current span{ 
background-color: #7AB3E4;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; 
}




/*


#ddcolortabs{
margin-left: 0px;
margin-right:0px;
margin-top:-24px;
padding-right:0px;
padding: 0;
width: 790px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;

}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
}


#ddcolortabs a{
float:left;
color: white;
background: #3792D9 url(images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 4px 3px;
text-decoration:none;
letter-spacing: 1px;
cursor:pointer;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(images/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
margin:0px;
}

#ddcolortabs a:hover{
background-color: #7AB3E4;
}

#ddcolortabs a:hover span{
background-color: #7AB3E4;
}

#ddcolortabs a:hover span{
background-color: #7AB3E4;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/














#tabs {
	
	font-size:93%;
	font-weight:bold;
	line-height:normal;	
	overflow:hidden;	
	margin-top:-0px;
	float:right;
	text-align:right;	
	width:815px;
	position:relative;
	bottom:5px;
	}

#tabs ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:6px 15px 8px 6px;
	margin-right:2px;
	color:#FFF;
	}
	
	


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
	.Go-SubmitBtn1
{
	background: url("Images/Go-SubmitBtn.jpg");
	background-repeat:no-repeat;
	width:32px;
	height:23px;
	border:0px;	
	font-weight:bold;
	color:#FFFFFF;
	cursor:pointer;
	
}

td.tablecontent
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight : normal;
	color :  #585554;
	text-decoration:none;
	background-color:#F9F7F7;
	line-height:18px;
}

td.contenttitlebold
{
	font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	color :  #650606;
	text-decoration:none;
	background-color:#C8DFF2;

}

span.featurelist
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 9pt;
	list-style-image:url(images/listarrow.PNG);
	line-height:17px;
	vertical-align:bottom;

}

.DisplayDesc { width:130px;
	text-align:center;
	
	font-size: 8pt;
	}
	
	
.DisplayDiv { width:130px; text-align:center;
	padding-left:0px;
	margin-left:10px;
	overflow:hidden;		
	font-size: 8pt;
	font-weight:bold;
	}
	
		.floatleft
	{
		float:left;
		clear:left;	
		
	}
	.floatright
	{
		float:right;
		clear:right;
	}
	
			
		pre
		{
			font: 12px verdana;
			color:#024B77;
		}











#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#FFFFFF;
min-height:100%;
overflow:hidden;
max-height:100%;
line-height:18px;
}


#maincontainer b
{
	color:#FF6600;
}






#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 240px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left:1px dotted #A3B5E7;
border-right:1px dotted #A3B5E7;
min-height:500px;
max-height:100%;
}


#contentcolumn p{
 width:530px;
 margin-left:10px;
 vertical-align:top;

 clear:both;

 margin-top:0px;
}


#contentcolumn img
{
 margin-left:7px;
 position:relative;
}

#contentcolumn h1{
 width:550px;
 margin-left:10px;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/

}

#rightcolumn{
float: right;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/



}




#contentcolumn a{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
color:#FF6600;
text-decoration:underline;
}
		
#contentcolumn a:hover{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
color:#FF6600;
text-decoration:none;
}

#PressPara p
{
	margin:10px;
	margin-left:10px;
	padding:0px;
	line-height:15px;
	font-family:Verdana;
	font-size:12px;
}

#PressPara p strong
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;	
}

#page-wrap a 
{
	color:#FFFFFF;
}


#page-wrap						{ background: white; width: 500px; margin: 0 auto;  margin-top:-10px;
								  padding: 0px 0; 
								  font-family:verdana;
								 font-size:12px;
								 
								 
								  }

#slider							{ background: white url(../images/slider-bg.jpg); height: 180px; overflow: hidden;
								  position: relative; margin:0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 10px; width: 500px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 15px; letter-spacing: -1px;
								  color: #FF6600; margin-left:130px; margin-top:-15px; }
.slide p						{ color: #44535E;  font-family:verdana;font-style:italic;
								 font-size:12px; font-size: 12px; line-height: 16px; width: 350px;  margin-left:130px; margin-top:-10px;}
.slide img						{ position: absolute; top: 10px; left: -12px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								