/* #######################   Home page css  #################################*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808083;
	width: 100%;
	margin:0px;
	padding:0px;
	text-align:justify;
	}

.roundtablemenu {
border: 1px solid #dddddd;
background-color: #FFFFFF;
border-radius: 10px 10px 0px 00px;
-moz-border-radius: 10px 0px 0px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px
}

.roundtable {
border: 1px solid #dddddd;
background-color: #FFFFFF;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px
}

.roundtableheader {
border: 1px solid #dddddd;
border: 1px solid #dddddd;
background-color: #FFFFFF;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
}

a 
{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#808083;
}

a:hover
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#5e88a2;
}

body#home a:active,
body#products a:active,
body#support a:active, {
	color: #a83e3e;
	
}


.table 
{
width:851px;
margin:auto;
padding:0px;
}

.table2
{
padding:2px;
}

.table3
{
padding:2px;
margin-top:7px;
}
.topline {
height:4px;
width:851px;
padding:0px;
}

.tablemenu {
width:100%;
vertical-align:bottom;
padding:0px;
margin:0px;
padding-top:5px;
border-bottom:#CCCCCC solid 1px;
}
.tablecontant {
width:100%;
height:100px;
padding:0px;
margin:0px;
padding-left:5px;
}

.taxt{
	line-height:18px;
	color:#808083;
	padding-top:10px;



*padding-top:6px;
	text-align: justify;
	
}

.taxtnotop{
line-height:18px;
text-align:justify;
color:#808083;
padding-top:0px;
*padding-top:0px;
}

.taxttemplates{
line-height:18px;
text-align:justify;
color:#808083;
}

.taxtfooter {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#808083;
}
.logotop {
padding-right:24px;
}
.tableheader36px {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_36h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}
.tableheader62px {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_62h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}
.tableheader62px_support {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_62h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}

.taxtli {
line-height:18px;
text-align:justify;
color:#808083;
*padding-top:6px;
}

table.navbar {
   border-collapse: collapse;
}
table.navbar td {
   border: 0px solid #dddddd;
}
table.navbar td a{
   valign: middle;
   display: block;
   width: 105px;
   height:62px;
   padding: 0px;
   text-decoration: none;
}

table.navbar td a:hover, table.navbar td a:active {
   color: #000000;
   background:url(../images/headers/headergradient_62h_selected.gif)
   
}

.tdbdr{
	border-bottom:dashed #efefef 1px;
	line-height:18px;
	padding-bottom:5px;
	padding-top:10px;

*padding-top:6px;
	color: #5e88a2;
}

.tdbdr_green{
border-bottom:dashed #a9cc18 1px;
line-height:18px;
padding-bottom:5px;
padding-top:10px;
*padding-top:6px;
}

.tdbdrlearning{
border-bottom:dashed #a9cc18 1px;
line-height:18px;
padding-bottom:0px;
padding-top:10px;
*padding-top:6px;
}


.taxt1 {
padding-top:10px;
padding-bottom:10px;
line-height:15px;
*line-height:20px;
text-align:justify;
}

.taxt2 {
line-height:18px;
color:#808083;
padding-top:10px;
*padding-top:4px;
}


.imgpaddig {
padding-top:5px;
}
.tablepadding{
padding-left:10px;
}


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

.style2blue{
	color:#5e88a2;
	}

.bluetaxt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5e88a2;
	font-weight:bold;
	text-align: left;
}

.greenItalic {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a9cc18;
	text-align:center;
	padding-top:3px;
	line-height:20px;
}
.tds
{
background:url(/images/dash.gif);
background-repeat:no-repeat;
background-position:center;
}

li
{
	color:#808083;
	padding:2px;
	text-align: left;

}

ul {
	margin-top:2px;
	margin-left:80px;
	margin-bottom:0px;
	padding:0px;
	color:#FFF;
	list-style:square;

}

ul2 {
margin-top:0px;
margin-left:30px;
margin-bottom:0px;
padding:0px;
color:#808083;
list-style-image: url(/images/green_bullet.gif);
}

.litaxt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#808083;


}
.taxtleading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
line-height:20px;
}

.inputbox {
	border:#999999 solid 1px;
	width:240px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808083;
	text-align: left;
}

.inputbox2 {
border:#999999 solid 1px;
width:390px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#808083;
}

.inputbox3 {
	border:#999999 solid 1px;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#808083;
	text-align: left;
}

.selectbox {
width:244px;
*width:244px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#808083;
}

.button {
background:url(/images/submit.gif);
width:115px; height:27px;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
}

a:hover {
	text-decoration:none;
} /*BG color is a must for IE6*/





a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:350px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;
}
.weeklabel {
	font-size: 18px;
	font-weight: bold;
	color: #5e88a2;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #5e88a2;
}


.tableheader36px {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_36h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}
.tableheader62px {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_62h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}
.tableheader62px_support {
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_62h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle
}
table.navbar {
   border-collapse: collapse;
}
table.navbar td {
   border: 0px solid #dddddd;
}
table.navbar td a{
   valign: middle;
   display: block;
   width: 105px;
   height:62px;
   padding: 0px;
   text-decoration: none;
}

table.navbar td a:hover, table.navbar td a:active {
   color: #000000;
   background:url(/images/headergradient_62h_selected.gif)
   
}
html { overflow-y: scroll; }



@media all and (max-width: 539px) {
.sidebarmargin{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:5px;
	width:100%	
	}


	
div#sidebarheader {
	width:260px;
	}

div#sidebarbody{
	width:260px;
	 
}
div#bodycontent{ 
margin: 55px 5px 5px 0px;
min-height:260px;
width:auto;
	}
}

@media all and (min-width: 539px) {
div#sidebarheader {
	width:260px;
}

div#sidebarbody{
	width:260px; 
}


}

@media all and (max-width: 849px) and (min-width: 540px) {
.sidebarmargin{
	margin-left:5px;
	margin-right:0px;
	margin-bottom:5px;
	margin-top:5px;
	
	}
	
	div#bodycontent{
	margin:8px 5px auto 290px;
	min-height:260px;
	
	}
}

@media all and (max-width: 769px) {
div#headermenu{
	width:100%; 
	background-image:url(../images/btnb3.jpg); 
	background-repeat:repeat-x; 
	height:62px; 
	margin:0px auto 0px auto; 
	left:0px
	}
	
	img[data-src-mobile] {
        content: attr(data-src-mobile, url);
    }
}

@media all and (min-width: 769px) {
div#headermenu{
	width:850px; 
	background-image:url(../images/btnb3.jpg); 
	background-repeat:repeat-x; 
	height:62px; 
	margin:0px auto 0px auto; 
	left:0px
	}
}

@media all and (max-width: 850px) {
div#bodypane{
	position:relative;
	margin:8px auto 0px auto;
	width:100%;
	height:auto;
	min-height:550px;
	/*min-height:450px; */
	
	}

div#headergraphic{
	background-image:url(/images/headers/mobile_mobile2.jpg);
	
	height:275px;
	margin:8px auto 5px auto;
	width:100%;
	height:auto;
	min-height:275px;
	}	

div#contentpane{
	margin:8px auto 0px auto; 
	width:100%; 
	height:auto;
	z-index:-5;
	
	}	
	
	
	div#footer{
width:100%; 
height:auto; 
margin:0 auto; 
margin:5px auto 0px auto;
position:relative 
}
}

@media all and (min-width: 850px) {
.sidebarmargin{ 
	margin-left:0px;
	margin-right:20px;
	margin-bottom:5px;
	margin-top:5px
	}
	


div#footer{
width:850px; 
height:auto; 
margin:5px auto 0px auto; 
position:relative
}

div#bodypane{
	position:relative; 
	margin:8px auto 0px auto; 
	width:850px; 
	height:auto; 
	min-height:280px;
	}
	
	div#headergraphic{
		background-image:url(/images/headers/mobile2.jpg);
	background-repeat:no-repeat;
	height:338px;
	position:relative;
	margin:8px auto 0px auto;
	width:850px;
	height:auto;
	min-height:338px;
	}
	
div#contentpane{
	position:relative; 
	margin:8px auto 0px auto; 
	width:850px; 
	height:auto;
	 
	}
	
div#footerlogo{
	float:right; 
	width:220px; 
	position:relative
	}
	
	
	div#bodycontent{ margin-left:290px;
	}
}



	div#sidebarmargin {
	position:relative; 
	float:left
}


	div#bodycontent{
	line-height:18px;
	text-align:justify;
	color:#808083;
	
	}
		
	
			
	
	div#sidebarheader {
	height:20px; 
	vertical-align:center; 
	text-align: left; 
	padding:5px;
	background-color : #FFFFFF;
	background-image : url(/images/headers/headergradient_36h.gif);
	background-position : top;
	background-repeat : repeat-x;
	vertical-align:middle;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	line-height:18px;
	z-index:0;			
			}
			
				
	div#sidebarbody{
	position:relative;
	height:220px; 
	text-align: left; 
	padding:5px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	line-height:18px;
	z-index:0;
	}
	
	
	.secondarynvigation{
		position:relative;
		width:850px;	
		margin: 0px auto 0px auto;
		
	}
	
	
	.secondarynav{
	position:relative;
	width:auto;
	height:25px;
	float:left; 
	text-align: left; 
	padding:5px;
	padding-top:15px;
	padding-right:18px;
	font-weight:bold;

	background-image:url(/images/btnb3.jpg);
	
			}
		
		.secondarynav_selected{
	position:relative;
	width:auto;
	height:25px;
	float:left; 
	text-align: left; 
	padding:5px;
	padding-top:15px;
	font-weight:bold;
	
	background-image:url(/images/btnb3.jpg);
	
		}