@charset "utf-8";
/* ------------------------------------------------------------------------
CSS sheet for Tec-Ease
Author: Chris Robinson
Date Created: 4-2-2009

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS:


------------------------------------------------------------------------ */

/* -----------------------------------------------------------------------
=MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;

}
body{
	color: #000;
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(images/bodybg.jpg) repeat-x #4e7cac;

}


a img {
border: none;
}


#wrap{
	width: 1004px;
	display: block;
	margin: auto;
	text-align: left;
}
p{
	margin: 1.5em 0px;
	margin-left: 0px;
}

#main p{
padding: 0px 50px 0px 5px;

}

h2{

padding-bottom: 20px;
}

table{
	font: 12px/1.5em Arial, Helvetica, sans-serif;
}
/* -----------------------------------------------------------------------
=HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header{
	display: block;
	background: url(images/headerbg.png) no-repeat;
	width: 978px;
	height: 184px;
	margin-top: 14px;
	position: relative;
}
#header h1 a{
	background: url(images/logo.png) no-repeat;
	display: block;
	width: 446px;
	height: 70px;
	text-indent: -9999px;
	float: left;
	margin: 10px 170px 41px 10px;
}
a#newSiteBtn {
	display: block;
	height: 125px;
	width: 250px;
	position: absolute;
	top: -16px;
	right: 4px;
	background: url(images/newSiteBtn.png) no-repeat;
	z-index: 10000;
	text-indent: -9876px;
}
a#newSiteBtn:hover {
	background: url(images/newSiteBtnHover.png);
}
#flash{
	float: left;
	margin-top: 30px;
}
ul.nav{
	list-style-type: none;
	margin: 0px 8px;
	display: block;
	clear: both;
	width: 958px;
	height: 31px;
	background: url(images/navbg.jpg) repeat-x;
}
ul.nav li{
	float: left;
	position: relative;
}
ul.nav a{
	font-size: 16px;
	color: #faf2ce;
	text-decoration: none;
	padding: 6px 11px;
	height: 19px;
	display: block;
	float: left;
	border-left: 1px solid #5b8ec3;
	border-right: 1px solid #436b94;
}
ul.nav li.home a{
	border-left: 0px;
	margin-left: 10px;
}
ul.nav li.contact a{
	border-right: 0px;
}
ul.nav a:hover{
	background: url(images/navHover.jpg) repeat-x;
}

ul.nav li ul{

	display:none;
}
ul.nav li ul{

	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 9999;
}
ul.nav li:hover ul, ul.nav li.hover ul{
	display: block;
	position: absolute;
	width: 220px;
	top: 100%;
	left: 0px;
	z-index: 9999;
	
}
ul.nav li ul li{

	float: none;
	width: 100%;
	border-top: 0px;
	display: block;
	padding: 0px;
	margin: 0px;
	
}
ul.nav li:hover ul li a, ul.nav li.hover ul li a{
	font-size: 14px;
	text-indent: 0px;
	float: none;
	color: #fff;
	text-decoration: none;
	text-align: left;
	background: #385678;
	
}

ul.nav li ul li a:hover {
	background: #5482B3;
}
#header p{
	margin: 0;
	letter-spacing: 3px;
	font-size: 14px;
	text-align: center;
}


#main ul {
	list-style-type: none;
	margin: 10px;
	line-height: 20px;
}

#main ol {
	line-height: 30px;
	margin: 20px;
	width: 750px;
}

#main ol.full {
	line-height: 30px;
	margin: 30px;
	width: 90%;
}


dl.geo{
margin-left: 100px;
margin-right: 20px;
line-height: 30px;
}

dl.geo dd{
float: left;
margin-bottom: 10px;
margin-top: 10px;
}


dl.geo dt{
clear: both;
float: left;
font-weight: bold;
width: 230px;
margin-bottom: 10px;
margin-top: 10px;
}


dl.terms{
margin:0px 20px 0px 70px;
line-height: 30px;
}


dl dd.symbol{
float: left;
clear: both;
}

dl dd.symbol img{
/*float: left;*/
}

dl dd div.term{
	float: left;
	margin-left: 20px;
	width: 675px;
}

dl dd.term{
margin:30px 80px 30px 80px;

}


div.meeting{
margin-top: 200px;
margin-left: -265px;
width: 300px;
float: left;
text-align: justify;
}

div.centered{
display: block;
margin-left: 200px;
}
/* -----------------------------------------------------------------------
=MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	display: block;
	clear: both;
	background: url(images/mainmid.jpg) top left repeat-y;
	width: 736px;
	padding-left: 15px;
	overflow: hidden;
	float: left;
	z-index: 1;
}
body.full #main{
	width: 959px;
	background: url(images/mainFullMid.jpg) top left repeat-y;
}

#main #mainfix{
display: block;
height: 390px;
}

#main #topFix{
	margin-left: -15px;
	width: 751px;
	height: 34px;
	background: url(images/maintop.jpg) top left no-repeat;
}

#prodClass #topFixPC{
	margin-left: -15px;
	width: 751px;
	height: 34px;
	background: url(images/maintop.jpg) top left no-repeat;
}

body.full #main #topFix{
	width: 974px;
	background: url(images/mainFullTop.jpg) top left no-repeat;
}
body.full #prodClass #topFixPC{
	width: 974px;
	background: url(images/mainFullTop.jpg) top left no-repeat;
}
#main #mainBtm{
	width: 751px;
	height: 34px;
	background: url(images/mainbtm.jpg) bottom left no-repeat !important;
	display: block;
	clear: both;
	margin-left: -15px;
}
#homeBody #main #mainBtm {
	margin-left: -25px !important;
	margin-bottom: -10px;
}
#prodClass #mainBtmPC{
	width: 751px;
	height: 34px;
	background: url(images/mainbtm.jpg) bottom left no-repeat;
	display: block;
	clear: both;
	margin-left: -15px;
}

body.full #main #mainBtm{
	width: 974px !important;
	background: url(images/mainFullBtm.jpg) bottom left no-repeat !important;
}

body.full #prodClass #mainBtmPC{
	width: 974px;
	background: url(images/mainFullBtm.jpg) bottom left no-repeat;
}
#main ul.gdtlinks{
margin: -20px 0px 40px 60px;

}

#main ul.software{
margin-top:10px;

}

ul.gdtlinks li{
float: left;
padding: 0px 8px;
border-left: 1px solid #000;
}

ul.gdtlinks li.first{
border: 0px;
padding-left: 0px;
}

ul.gdtlinks li a{
color: #000;
font-weight: bold;
}

ul.gdtlinks li a:hover{
color:#3084B8;
}
#whyTecEase{
	float: right;
	margin: 1.5em;
}

/* -----------------------------------------------------------------------
=BOX ELEMENTS
-------------------------------------------------------------------------*/
.box{
	width: 218px;
	height: 390px;
	background: url(images/boxMid.jpg) bottom left no-repeat;
	color: #d1dfea;
	position: relative;
	float: left;
	margin: 0px 9px;
}
.box .btmFix{
	height: 19px;
	display: block;
	clear: both;
	background: url(images/boxBtm.jpg) 	no-repeat;
}
.box dl dt{
	background: url(images/boxtop.jpg) no-repeat;
	padding: 5px 0px 1px 0px;
	height: 19px;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	text-align: center;
}
.box dl dd img{
	border: 3px solid #d1dfea;
}
.box dl dd{
	margin: 5px 0px 0px 14px;
}
.box dl dd ul{
	margin-left: 13px;
}
.box a{
	color: #d1dfea;
	text-decoration: none;
}
.box a:hover{
	text-decoration: underline;
}
.box a.btm {
	padding: 0px 0px;
	background: url(images/boxBtn.jpg) repeat-x;  
	display: block;
	text-align: center;
	border: 2px solid #4b78a7;
	text-decoration: none;
	color: #000;
	width: 180px;
	margin-left: 13px;
	height: 16px;
	font-weight: bold;
	position: absolute;
	bottom: 20px;
}
.box a.btm:hover{
	background: url(images/boxBtnHover.jpg) repeat-x;
}
.box input{
	background: #a8c7e0;
	border: 2px solid #4e7cac;
	font-weight: bold;
}
.box .subscribeBtn {
	background: #a8c7e0 url(images/boxBtn.jpg) repeat-x;
	border: 2px solid #4e7cac;
	font:12px/1.5em Arial,Helvetica,sans-serif;
	font-weight: bold;
	height: 20px;
	font-size: 9pt;
	width: 180px;
	color: #000;
	padding: 0px;
}
.box .subscribeBtn:hover {
background: #a8c7e0 url(images/boxBtnHover.jpg) repeat-x;
}


/* -----------------------------------------------------------------------
=RIGHT SIDE ELEMENTS
-------------------------------------------------------------------------*/
#right{
	float: none;
	width: 228px;
	overflow: hidden;
	display: block;
	text-align: center;
	background: url(images/rightMid.png) repeat-y;
}
#right #rightTop{
	width: 228px;
	height: 23px;
	background: url(images/rightTop.png) no-repeat;
}
#right img{
	margin: auto;
}
#right p{
	margin: 0px;
}
#right a{
	color: #000;
}
#right p.featured{
	background: url(images/boxBtnHover.jpg) repeat-x #b7d1ea;
	border: 1px solid #000;
	width: 198px;
	margin: 10px auto 0px auto;
	font-size: 15px;
}
#right ul#tabnav{
	width: 200px;
	overflow: hidden;
	margin: auto;
}
#right ul#tabnav li{
	list-style-type: none;
	float: left;
	display: block;
}
#right ul#tabnav li a{
	float: left;
	display: block;
	width: 98px;
	height: 40px;
	border: 1px solid #000;
	text-decoration: none;
	background: #b7d1ea;
}
#right ul#tabnav li a:hover{
	background: #8fb2ce;
}
#right .linkBox{
	width: 198px;
	height: 153px;
	border: 1px solid #555;
	background: #fff;
	float: left;
	display: block;
	padding-top: 10px;
}
#featured {
	margin-left: 14px;
}
#right .linkBox p{
	text-align: center;
	margin: 0px auto 5px auto;
}
#right .linkBox p strong{
	font-size: 12px;
	text-align: center;
	margin: 10px 0px;
}
#right .section h3{
	display: none;
}
#right #rightBtm{
	background: url(images/rightBtm.png);
	width: 228px;
	height: 25px;
	display: block;
	margin-top: 18px;
	clear: both;
}
/* -----------------------------------------------------------------------
=FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	clear: both;
	margin: 10px auto 0px auto;
	float: left;
	background: url(images/footerBG.jpg) no-repeat;
	width: 978px;
	height: 44px;
	padding: 25px 0px 0px 0px;
}
#footer ul{
	float: left;
	margin: 0px 30px;
}
#footer li{
	float: left;
	list-style-type: none;
	border-left: 1px solid #000;
	padding: 0px 10px;
}
#footer li.home{
	border: 0px;
}
#footer p{
	float: left;
	margin: 0px 30px;
}
#footer a{
	color: #000;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}


/* -----------------------------------------------------------------------
=FORM ELEMENTS
-------------------------------------------------------------------------*/
form {

}

form br{
	clear: left;
}

form label {
	margin-bottom: 10px;
	margin-left: 10px;
	display: block;
	float: left;
	min-width: 180px;
}

form label.attn{
	color: red;
	font-weight: bold;
}
p.attn{
	color: red;
	font-weight: bold;
}
form label.quant {
	margin-bottom: 10px;
	margin-left: 10px;
	display: block;
	float: left;
	min-width: 80px;
}

form label.quiz {
	margin-bottom: 10px;
	display: block;
	float: left;
	min-width: 80px;
}

input[type="text"], input[type="password"] {
	margin: 0px 10px 10px 10px;
	padding: 3px;
	float: left;
	display: block;
	background: #f4f4f4;
	border: 1px solid #ccc;
}


input[type="text"].quant {
	width: 30px;
	margin: 0px 0px 0px 0px;
	padding: 3px;
	float: left;
	display: block;
	background: #f4f4f4;
	border: 1px solid #ccc;
}



input[type="checkbox"] {
	margin: 0px 10px 10px 30px;
	padding: 3px;
	float: left;
	display: block;
	background: #f4f4f4;
	border: 1px solid #ccc;
}

input[type="radio"] {
	margin: 5px 10px 10px 30px;
	padding: 3px;
	float: left;
	display: block;
	background: #f4f4f4;
	border: 1px solid #ccc;
}


form span.radio{
	width: auto;
	float: left;
	display: block;
}
form span.radio input{
	width: 10px;
	float: left;
}

select {
	margin: 0px 10px 10px 10px;
	padding: 3px;
	width: 200px;
	float: left;
	display: block;
	background: #f4f4f4;
	border: 1px solid #ccc;
}


input[type="submit"] {
margin-bottom: 30px;
	padding: 5px 20px ;
	border: 1px solid #003366;
	color: #003366;
}
input[type="submit"] {
	cursor: pointer;
	margin-left: 10px;

}

input[type="checkbox"] {
	margin-left: 10px;
	margin-top: 5px;
}




textarea {
	margin-bottom: 10px;
	margin-top: 0px;
	width: 300px;
	height: 100px;
	background: #fff;
	border: 1px solid #ccc;
	}


/*	
fieldset {
	width: 50px;
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
}
*/


legend {
	padding: 5px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;	
	}
	
/* -----------------------------------------------------------------------
=ELEMENTS
-------------------------------------------------------------------------*/
.indent{
margin-left: 10px;
}

.trainer{
	display: block;
	float: left;
	padding: 0px 10px 10px 10px;
	margin-left: 0px;
}


.trainer2{
	display: block;
	float: left;
	padding: 25px 10px 10px 10px;
	margin-left: 0px;
}

.center{
margin: 0px auto;
display: block;
}



.clearfloat{
display: block;
clear: both;
}



.offered{
background: #f1f38a;
padding: 0px;
width: 210px;
border: 1px solid #000;
}


.floatoffered{
float: right;
padding: 0px;
margin-right: 100px;}


div.howTake{
	background: #cfdbe7;
	padding: 0px;
	width: 200px;
	border: 1px solid #000;
	float: right;
	margin-right: 100px;
}
div#seminarInfo{
	margin: 10px 10px;
	clear: both;
	border-bottom: 1px solid #000;
	overflow: hidden;
}
div#seminarInfo div{
	float: left;
	width: 45%;
	margin-right: 10px;
}
div#seminarInfo p{
	margin: 5px 0px;
	padding: 0px;
}
.floatleft{
display: block;
float: left;
margin: 0px 40px  40px 50px;
padding: 0px 20px  0px 40px;
}


.online{
display: block;
float: left;
margin: 0px 40px  40px 10px;
padding: 50px 30px  0px 60px;

}



.floatleft2{
display: block;
float: left;
padding-left: 250px;
padding-bottom: 20px;
}

.floatleft3{
display: block;
float: left;
padding-left: 0px;
padding-bottom: 20px;
}

.course{
margin-left: 100px;
}

.floatcourse{
display: block;
float: left;
padding-left: 80px;
padding-bottom: 20px;
}

.floatright{
display: block;
float: right;
padding: 40px;

}

.floathand{
display: block;
float: right;
padding: 10px;
}




.comparison{
margin-left: 130px;
width: 720px;
font-size: 24px;
}


.comparelinks{
margin-left: 130px;
width: 720px;
}


.comparison table{
/*width: 100%;*/
border-top: 1px solid #000;
border-left: 1px solid #000;
border-collapse: collapse;
}

.comparison td, .comparison th {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 5px;
}


.comparison .benefit{
font-size: 20px;
text-align: center;
}

.comparison .onsite{
background-color: #ccffcc;
width: 100px;
text-align:center;
font-size: 20px;
}

.comparison .public{
background-color: #ffcc99;
width: 100px;
text-align:center;
font-size: 20px;
}

.comparison .cbt{
background-color: #ffff99;
width: 100px;
text-align:center;
font-size: 20px;
}

.comparison .webinar{
background-color: #ccffff;
width: 100px;
text-align:center;
font-size: 20px;
}


.comparison tr th{
font-size: 14px;

}

.floatright2{
display: block;
float: right;
padding: 40px;
margin-right: 150px;
}

.video{
display: block;
float: right;
padding:5px  50px 50px 0px;

}


.video09{
display: block;
float: right;
padding: 5px 50px 50px 0px;
margin-right: 90px;
}



.justify{
margin-left: 15px;
text-align: justify;
}

#main ul.disc{
list-style-type: disc;
margin-left: 20px;

}

#main li.disc{
list-style-type: disc;
margin-left: 20px;

}


hr{
width: 98%;
margin: 10px 0px 10px 0px;
}


.floatpic{
display: block;
float: left;
margin: 0px 40px  40px 0px;
padding: 0px 10px  20px 20px;
}



.clearboth{
display: block;
clear: both;
}


img.term{
margin-left: 10px;
margin-right: 150px;
display: block;
float: left;
}


.register{
/* padding-left: 70px;*/
}


.webinar{
margin: 80px 20px 0px 0px;

}

/* -----------------------------------------------------------------------
=REGISTRATION FORM
-------------------------------------------------------------------------*/
.register fieldset{
	width: 450px;
	margin: 0px 10px;
}
div.contact{
	display: block;
	float: left;
	margin: 0px 0px  0px 0px;
	padding: 0px 0px  0px 0px;
}
div.billing{
	display: block;
	float: left;
	margin: 0px 0px  0px 0px;
	padding: 0px 0px  0px 0px;

}
form.register div.workshops label{
	width: 300px;
}
form.register .radio{
	float: left;
	width: 75px;
}
form.register input[type="submit"]{
	display: block;
	clear: both;
}


a.play{
	background: url(images/don.jpg) top left no-repeat;
	width: 130px;
	height: 115px;
	display: block;
	text-indent: -9999px;
	margin: auto;
}
a.play:hover{
	background-position: bottom left;
}
a.playLg{
	float: right;
	margin-right: 60px;
	background: url(images/play.jpg) bottom left no-repeat;
	width: 118px;
	height: 118px;
	display: block;
	text-indent: -9999px;
}
a.playLg:hover{
	background-position: top left;
}
a.powerPoint{
	background: url(images/powerPointPlay.jpg) top left no-repeat;
	width: 300px;
	height: 248px;
	display: block;
	text-indent: -9999px;
	margin: auto;
	border: 1px solid #000;
}
a.powerPoint:hover{
	background-position: bottom left;
}
a.store{
	background: url(images/storePicLinkNew.jpg) top left no-repeat;
	width: 185px;
	height: 134px;
	display: block;
	text-indent: -9999px;
	border: 3px solid #d1dfea;
}
a.store:hover{
	background-position: bottom left;
}
a.train{
	background: url(images/trainVidImgBtn.jpg) top left no-repeat;
	width: 185px;
	height: 134px;
	display: block;
	text-indent: -9999px;
	border: 3px solid #d1dfea;
}
a.train:hover{
	background-position: bottom left;
}

a.free{
	/*background: url(images/freeResourcesLink.jpg) top left no-repeat;*/
	background: url(images/gdtSong.jpg) top left no-repeat;
	width: 185px;
	height: 134px;
	display: block;
	text-indent: -9999px;
	border: 3px solid #d1dfea;
}
a.free:hover{
	background-position: bottom left;
}
#center{
	text-align: center;
	width: 100%;
}
#powerPoint{
	margin: auto;
}
#pic img{
	margin: 0 auto;
	display: block;
}
#pic {
	clear: both;
}
#searchOne {
	float:left;
	display: block;
}
#searchTwo {
	float:left;
	display: block;
}
#searchTwo input {
	margin-top:18px;
}
.searchMsg {
	float: left;
	clear: right;
	display: block;
}
#searchBar {
	float: left;
	clear: both;
}
#centerMain {
/*	width: 90%;*/
	padding: 20px;
}
#email {
  text-align:center;
}
#col1 {
	width: 33%;
	display: block;
	float: left;
}
#col2 {
	width: 33%;
	display: block;
	float: left;
}
#col3 {
	width: 33%;
	display: block;
	float: left;
}

#pageTitle {
	float: left;
	clear: right;
	font-size:24px;
	line-height: 1.3em;
}
#pagePDF {
	float: left;
	font-size:16px;
	margin: 15px 0px;
	clear: left;
}
#pageVideo {
	float: right;
	clear: right;
	display: block;
	margin-bottom: 20px;
}
#mainpage {
	clear: left;
	display: block;
	margin: 15px 0px;
}
#pageLink {
	float: left;
	clear: left;
	display: block;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pageAcc {
	margin: 15px 0px;
	clear: left;
}
#pageTitleLeft {
	display: block;
	float: left;
}
#pageTitleRight {
	display:block;
	float:left;
}
#centerMain img{
	border: 1px solid #4e7cac;
}
#centerMain img.noBorder{
	border: none;
	float: right;
}

/*PRODUCTS AND CLASSES*/
#prodClass{

	display: block;
	clear: both;
	background: url(images/mainmid.jpg) top left repeat-y;
	width: 736px;
	padding-left: 15px;
	overflow: hidden;
	float: left;
	z-index: 1;
}

body.full #prodClass{
	width: 959px;
	background: url(images/mainFullMid.jpg) top left repeat-y;
}

#announce {
	display: block;
	float: left;
}

#announce2 {
	display: block;
	float: right;
	margin-right: 20px;
	width: 50%;
	text-align: center;
}
#products {
	display: block;
	float: right;
	margin-right: 20px;
	width: 50%;
	text-align: center;
}
#products1 {
	display: block;
	float: left;
}
.leftFloat {
	display: block;
	float: left;
}
#products h3{
text-align:left;
}
#announce h3{
text-align:left;
}
#TOC li{margin: .03em 0; margin-left: 1em;}
#TOC li ul{margin-top: .01em; margin-bottom: .01em; margin-left: 1em;}
#TOC ul{margin-top: .03em;}

#recent_one {
	display: block;
	float: left;
	width: 36%;
}
#recent_one p{
	vertical-align:middle;
}
#recent_two {
	display: block;
	float: left;
	width: 39%;
	text-align:right;
}
#recent_three {
	display: block;
	float: right;
	width: 25%;
}
#recentTips {
	background-color:#E4E4E4;
	height: 160px;
}
#announceText {
	text-align:center;
}
.productDisp {
	text-align:center;
}
.clearboth {
	clear: both;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}
.hidden {
display:none;
}
.unhidden {
display:block;
}


.comparison2{
width: 720px;
font-size: 24px;
}
.comparison2 table{
/*width: 100%;*/
border-top: 1px solid #000;
border-left: 1px solid #000;
border-collapse: collapse;
}
.comparison2 td, .comparison2 th {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
padding: 5px;
}
.comparison2 .benefit{
font-size: 20px;
text-align: center;
}
.comparison2 .onsite{
background-color: #ccffcc;
width: 100px;
text-align:center;
font-size: 20px;
}
.comparison2 .public{
background-color: #ffcc99;
width: 100px;
text-align:center;
font-size: 20px;
}
.comparison2 .cbt{
background-color: #ffff99;
width: 100px;
text-align:center;
font-size: 20px;
}
.comparison2 .webinar{
background-color: #ccffff;
width: 100px;
text-align:center;
font-size: 20px;
}
.comparison2 tr th{
font-size: 14px;
}