@charset "utf-8";
/* ------------------------------------------------------------------------
CSS sheet for Tec-Ease
Author: Matt Chiolino

All inquiries for this document should be directed to information@virtualtech.com.
--------------------------------------------------------------------------*/
body, div, span, a, p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, img, table, th, td, tr {
	margin: 0px;
	padding: 0px;
	outline: none;
}
a img {
	border: none;
}

img {
	max-width:100%;
}

body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

p {
	padding-bottom:20px;
}

p, li {
	line-height:1.4em;
}

a {
	color:#125687;
}

a:hover {
	color:#000000;
}

h1 {
	color:#125687;
	font-size:1.35em;
	padding-bottom:20px;
	padding-top:10px;
}

h2 {
	font-size:1.1em;
	margin-bottom:20px;
}

h3 {
	font-size:1em;
	margin:20px 0;
}

h4 {
	margin:10px 0;
}

hr {
	margin:20px 0;
}

.bold {
	font-weight:bold;
}

.hidden {
	display:none;
}

.center {
	text-align:center;
}

.no-bullets {
	list-style-type:none;
}

.mobile {
	display:none;
}

ul li h3, ul li h2 {
	display:inline;
}

li.border {
	border-bottom:1px dotted #2474a7;
	margin-bottom:10px;
	padding-bottom:10px;
}

/******************** Header ********************/

#top {
	background:url(../images/top.jpg) repeat-x;
	height:442px;
}

#logo {
	width:55%;
	height:100px;
	padding-left:1%;
	float:left;
}

.container {
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.left-half, .right-half {
	float:left;
	width:48%;
}

.right-half {
	padding-top:15px;
}

.right-half h2 {
	color:#fdff7f;
	font-size:1.5em;
	font-weight:normal;
	font-style:italic;
	margin-top:15px;
}

.toggler span {
	cursor:pointer;
}

#social-media img {
	width:32px;
}

#header {
	background:url(../images/top-bg.jpg) repeat-x;
	height:105px;
}

#header .right-half {
	text-align:right;
}

#top-bar {
	background:url(../images/phone-bg.jpg) repeat-x;
	height:33px;
}

#premium-site, #phone {
	float:left;
	padding-top:0;
}

#premium-site {
	/*height:45px;*/
	position:relative;
	margin-top:1px;
	z-index:100;
	width:30%;
	min-width:300px;
}

#phone {
	width:65%;
	padding-left:1%;
}

#phone ul {
	list-style-type:none;
	padding-top:3px;
	font-size:1.5em;
	font-style:italic;
}

#phone ul li {
	display:inline;
	padding:0 2%;
}

#slider {
	/*position:relative;
	top:0;
	left:0;
	z-index:100;
	text-align:center;
	margin:0 auto;*/
	display:none;
}

#slider img {
	/*width:100%;
	position:absolute;
	top:0;
	left:0;*/
}

#slider-simple .rslides {
	/*display:none;*/
	display:block;
}

#slideshow {
	background:url(../images/equation-bg.jpg) repeat;
	/*min-height:287px;*/
}

#slideshow-container {
	/*position:relative;*/
}

#slideshow img {
	/*position:absolute;
	left:0;
	top:0;*/
}

/*.fluxslider {
	height:287px !important;	
}*/

#navigation {
	background:url(../images/nav-bg.jpg) repeat-x;
	height:47px;
	margin-top:1px;
	padding-top:13px;
}

.nav {
	list-style-type:none;
	display:block;
	text-align:center;
}


.nav li {
	font-size:1.4em;
	display:inline;
	text-align:center;
	padding:0 1%;
}

.nav li a {
	color:#ffffff;
	text-decoration:none;
	margin-top:8px;
}

.nav li a:hover {
	color:#fdff7f;
}

.nav-login {
	list-style-type:none;
	display:block;
	text-align:center;
}


.nav-login li {
	font-size:1.6em;
	display:inline;
	text-align:center;
	padding:0 1.5%;
}

.nav-login li a {
	color:#ffffff;
	text-decoration:none;
	margin-top:5px;
}

.nav-login li a:hover {
	color:#fdff7f;
}

.premium-mobile {
	display:none;
}

.mobile-nav {
	display:none;
}

/* ----------------------------------- */

#mobile-nav {
	display:none;
}

#top-container {
	font-size:1.4em;
	position:relative;
}

#header-right {
	width:44%;
	float:left;
	text-align:right;
	margin-top:20px;
}

#tag-line {
	margin-top:10px;
}

.phone {
	font-size:1.4em;
	color:#000000;
	font-style:italic;
	list-style-type:none;
	float:left;
	width:65%;
	margin-top:10px;
}

.phone li {
	display:inline;
	margin-right:2%;
}

#don-day {
	background:url(../images/don.png) no-repeat;
	min-width:320px;
	min-height:282px;
	position:relative;
	z-index:9998;
	margin-top:-33px;
	float:right;
}

#slideshow-two {
	background:#fff;
	box-shadow:0 0 10px #777;
}

#content-container {
	font-size:1.4em;
}

#content {
	padding:10px 2% 0;
	margin-bottom:20px;
}

#middle {
	background:url(../images/gdt-bg.jpg) repeat-x center;
	margin-bottom:20px;
}

#middle-container {
	text-align:center;
}

#middle-container img {
	box-shadow:0 0 10px #777;
}

.generic-list {
	margin:10px 0 30px 4%;
}

.generic-list li h3 {
	margin:0;
}

.inner-list {
	margin-left:20px;
}	

.no-bullets li ul {
	list-style-type:none;
}

.two-col-list {
	line-height:1.5em;
}

.two-col-list dt {
	font-weight:bold;
	width:35%;
}

.two-col-list dd {
	width:65%;
}

.two-col-list dt, .two-col-list dd {
	float:left;
	margin:10px 0;
}

.half-list {
	width:42%;
	padding:0 2%;
	float:left;
	display:block;
}

.image-left {
	margin-right:2%;
	margin-bottom:20px;
}

#image-right {
	width:44%;
	float:left;
}

#images-bottom {
	text-align:center;
}

#images-bottom img {
	vertical-align:top;
	width:50%;
	max-width:320px;
	margin:10px 2%;
}

/******************** Home page ********************/

.computer-training {
	list-style-type:none;
	padding:0 0 20px 0;
}

.computer-training li {
	padding-bottom:3px;
}

#mid-blue-top {
	background:url(../images/mid-blue-top.jpg) repeat-x;
	height:20px;
	max-width:1050px;
}

#mid-blue-bottom {
	background:url(../images/mid-blue-bottom.jpg) repeat-x;
	height:19px;
	max-width:1050px;
}

#mid-blue-content-container {
	font-size:1.4em;
	padding:20px 2%;
}

#mid-blue-content {
	/*background-color:#d8e3e9;
	min-width:1050px;*/
}

.home-box {
	text-align:center;
	margin-top:20px;
}

.home-box img {
	box-shadow:0 0 5px 2px #d9e4e6;
}

.home-box img#training-home {
	border-bottom:1px solid #426c94; 
}

.home-column ul {
	padding:10px 0 20px 10%;
	list-style-type:none;
}

.home-column ul li {
	padding-bottom:5px;
	color:#fff;
	font-size:1.2em;
}

.home-column ul li a {
	padding-bottom:5px;
	color:#fff;
	text-decoration:none;
}

.home-column ul li a:hover {
	text-decoration:underline;
}

.home-column {
	width:23%;
	float:left;
	padding:0 .5%;
	background-image:url(../images/box-bg.jpg);
	background-color:#125687;
	background-repeat:repeat-x;
	min-height:480px;
	margin:0 .4%;
	border-radius:20px;
	border:1px solid #000;
}

.home-column h2 {
	font-size:1.4em;
	color:#fdff7f;
	border-bottom:3px solid #d8e3e9;
	font-weight:400;
	padding:10px 0;
	text-align:center;
}

.left-column {
	margin-left:0;
}

.right-column {
	margin-right:0;
}

#testimonial-container {
	height:350px;
	padding:0 2%;
}

.testimony {
	color:#ffffff;
	font-style:italic;
	padding-bottom:20px;
}

.testimony-name {
	color:#fdff7f;
	font-size:1.4em;
	padding-bottom:20px;
}

#bottom-content {
	width:1030px;
	margin:0 auto;
	font-size:1.4em;
	padding:10px 0 0 2%;
}

.home-product-package {
	width:247px;
	float:left;
	padding:0 5px 0 5px;
}

.home-product-package p {
	padding:5px 0 20px 20px;
	font-size:1.2em;
}

#footer {
	background:url(../images/footer-bg.jpg) repeat-x #082334;
	background-size:auto 100%;
	min-height:74px;
	width:100%;
}

#footer a {
	color:#fdff7f;
}

#footer a:hover {
	color:#ffffff;
}

#footer-container {
	font-size:1.4em;
	color:#ffffff;
}

#copyright {
	float:left;
	padding:35px 0 0 0;
	width:50%;
}

#sharethis {
	float:right;
	padding:35px 10px 0 0;
}

#sharebar {
	float:right;
	padding:30px 0 0 0;
}

#content-left {
	float:left;
	width:72%;
}

#content-right {
	float:left;
	width:21%;
	padding:10px 2%;
	text-align:center;
	font-weight:bold;
	margin-top:15px;
	background:url('../images/equation-bg.jpg') center #cbd9e4;
	border-radius:15px;
	border:1px solid #287aac;
	box-shadow:0 0 10px #999;
}

#content-right img {
	border:1px solid #000;
	box-shadow:0 0 10px #000;
	margin-bottom:20px;	
}

#content-right p {
	text-align:left;	
}

.inner-content-right {
	float:left;
	width:24%;
	margin-left:4%;
	text-align:center;
	font-weight:bold;
	margin-top:0 !important;
}

.inner-content-right .generic-list, .inner-content-right h3 {
	text-align:left;
}

.inner-content-right h3 {
	margin-top:0;
}

.inner-content-right .generic-list {
	font-weight:normal;
	margin:10px 0 15px 8%;
}

#content-right input[type=text], #content-right input[type=submit] {
	display:block;
}

#content-right input[type=text], #content-right input[type=password] {
	padding:5px 2%;
	border:none;
	border:1px solid #000;
	width:96%;
}

#content-right input[type=submit] {
	border:none;
	background-image:url(../images/button-bg.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
	height:35px;
	border-radius:10px;
	color:#fff;
	font-size:1.5em;
	width:100%;
	margin-top:10px;
}

/* ------------------------------------------------------------------------
rtl elements
--------------------------------------------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}

.right-image {
	float:right;
}

.clear {
	clear: both;
}
.half {
	width: 47%;
	padding: 0px 1%;
	float:left;
}
.med {
	width: 36%;
	padding: 0px 1%;
}	
.center {
	text-align: center;
}

td img {
	margin:0 auto;
}

/* ---------------------------------------------------------------------------
		about
----------------------------------------------------------------------------- */

#top-video {
	margin:10px 0 25px;
}

#top-video iframe {
	width:100%;
	height:350px;
	border:1px solid #3285b9;
	box-shadow:0 0 10px 1px #777;
}

ol.app li {
	margin-left:5%;	
}

ol.generic-list {
	padding-left:3%;
	margin:10px 0;
}

ol.generic-list li {
	padding-left:2%;
}

ol.generic-list li img {
	float:right;
}

ol li h3 {
	margin-bottom:0;
}

/* ---------------------------------------------------------------------------
		training
----------------------------------------------------------------------------- */

.team-member {
	float:left;
	width:25%;
	min-width:110px;
	min-height:150px;
	margin:40px 0;
	text-align:center;
}

.team-member img {
	border:1px solid #2f81b3;
}

.team-member p {
	font-weight:bold;
}

.trainer-list {
	list-style-type:none;
	font-weight:bold;
	padding-left:4%;
}

#team-left, .team-right {
	width:auto;
	float:none;
}

.team-right {
	margin:20px 0;
}

.team-right p {
	padding-bottom:0;
}

#team-image, .trainer-list {
	float:left;
}

#team-image img {
	border:1px solid #3084b8;
}

.training-table { 
  width: 100%; 
  border-collapse: collapse; 
}

/* Zebra striping */
.training-table tr:nth-of-type(odd) { 
  background: #eee; 
}

.training-table thead tr th {
	background:#333;
}

.training-table th { 
  background: #3084b8; 
  color: white; 
  font-weight: bold;
	text-shadow:1px 1px 2px #333;
}

.training-table td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* ---------------------------------------------------------------------------
		testimonials
----------------------------------------------------------------------------- */

.italic {
	font-style:italic;
	font-weight:normal;
}

/* ---------------------------------------------------------------------------
		Contact Form
----------------------------------------------------------------------------- */

.formField {
	width:200px;
}

.textField {
	resize:none;
	width:200px;
}

/* ---------------------------------------------------------------------------
		Register Form
----------------------------------------------------------------------------- */

.contact {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.billing {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------------------------
		Premium Index
----------------------------------------------------------------------------- */

/* Image map styles */
#imageMap {
	width:90%;
	position:relative;
	margin:0 auto;
	max-width:500px;
}

#imageMap #toolQuad {
	position:absolute;
	display:block;
	width:50%;
	height:50%;
	top:0;
	left:0;
	z-index:9999;
}

#imageMap #fontQuad {
	position:absolute;
	display:block;
	width:50%;
	height:50%;
	top:0;
	right:0;
	z-index:9999;
}

#imageMap #appQuad {
	position:absolute;
	display:block;
	width:50%;
	height:50%;
	bottom:0;
	right:0;
	z-index:9999;
}

#imageMap #bagQuad {
	position:absolute;
	display:block;
	width:50%;
	height:50%;
	bottom:0;
	left:0;
	z-index:9999;
}

#imageMap .quad img {
	display:none;	
}

#imageMap .quad:hover img {
	display:block;	
}


/* ---------------------------------------------------------------------------
		Tips Page
----------------------------------------------------------------------------- */

.tipcolumn {
	width: 48%;
	float:left;
	margin: 5px;
}

span.twoRow {
	display: block;
	float: left;
	width: 250px;
	margin-right: 10px;
	padding-bottom: 4px;
}

#registration-form label, #registration-form input[type=text], .client-login input[type=text], .client-login input[type=password], .client-login label {
	padding:10px 0;
	margin:5px 0;
	display:block;
	float:left;
}

#registration-form label {
	width:38%;
}


.client-login label {
	width:150px;
}

.client-login input[type=text], .client-login input[type=password] {
	width:400px;
}

.client-login h2 {
	margin:20px 0;
}

#registration-form input[type=text] {
	width:58%;
}

#registration-form input[type=submit], .client-login input[type=submit] {
	cursor: pointer;
	border: 1px solid #003366;
	color: #003366;
	margin-bottom: 30px;
	padding: 5px 20px;
	background:#ededed;
	margin:20px 0;
}

#try-it {
	text-decoration:none;
	text-align:center;
	display:block;
	border: 1px solid #003366;
	color: #003366;
	padding: 5px 20px;
	background:#ededed;
	margin:30px 0;
}

#registration-form input[type=submit]:hover, .client-login input[type=submit]:hover {
	background:#eaeaea;
}

#registration-form input[type=submit]:active, .client-login input[type=submit]:active {
	background:#ddd;
}

.half-box {
	float:left;
	width:50%;
	height:200px;
}

.half-box h2 {
	padding-left:10px;
	display:inline;
}

.half-box img {
	vertical-align:middle;
}

.half-box p {
	padding:0 2%;
}

.box-top {
	margin:10px 0;
}

#contact input, #contact select {
	display:block;
	float:left;
	width:70%;
	margin:10px 0;
	padding:5px;
	border:1px solid #d7e9f4;
	box-shadow:inset 0 0 3px #2878ab;
}

#contact label {
	display:block;
	float:left;
	width:26%;
	margin:10px 0;
	padding:5px;
}

#contact input#captcha {
	width:96%;
}

#contact textarea {
	resize:none;
	margin:10px 0;
	padding:5px;
	width:96%;
	height:150px;
	border:1px solid #d7e9f4;
	box-shadow:inset 0 0 3px #2878ab;
}

input[type="checkbox"] {
	width:auto !important;
	margin:15px 0 !important;
}

input[type="submit"] {
	width:200px !important;
	margin:20px auto 0 !important;
	float:none !important;
}

#video {
	width:100%;
	height:500px;
}

#video iframe {
	width:90%;
	display:block;
	margin:0 auto;
	height:100%;
}

dd.symbol {
	margin-top:5px;
}

dd.term {
	margin-bottom:40px;
}

.resource {
	margin:20px 0;
}

.resource-image {
	width:40%;
}

.resource-content {
	width:60%;
}

#workshop-content select, #workshop-content label, #workshop-content textarea, #workshop-content input {
	padding:5px;
}

#workshop-content select, #workshop-content label, #workshop-content textarea {
	width:50%;
}

#workshop-content label {
	margin-bottom:5px;
}

#workshop-content select, #workshop-content textarea, #workshop-content input[type=radio] {
	margin-bottom:20px;
}

#workshop-content textarea {
	resize:none;
}

.register {
	width:100%;
}

.register .billing {
	margin-left:4%;
}

.register .contact, .register .billing {
	width:48%;
	float:left;
}

.register .contact table, .register .billing table {
	min-height:800px;
	padding:10px 5%;
	width:100%;
}

.register legend {
	font-size:2em;
	padding:0 1%;
	margin-left:2%;
	color:#125687;
	font-weight:bold;
}

.one-third {
	float:left;
	width:33.333%;
}

img.center {
	margin:10px auto;
	display:block;
}

#article-pic-left {
	float:left;
	text-align:center;
	width:25%;
	padding:0 4% 20px 0;
}

#article-pic-left p {
	text-align:left;
}

#position-links {
	background: url("../images/position-large.jpg") no-repeat center;
    min-height: 500px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
	text-align:center;
}

h2#large {
	font-size:1.5em;
	text-align:center;
	font-weight:normal;
	margin-bottom:40px;
}

h2.center {
	font-size:2em;
	text-align:center;
	font-weight:normal;
	margin-bottom:60px;
	color:#666;
}

h1.center {
	font-size:2em;
}

.reason {
	counter-reset: reason;
    list-style: none;
	background:#eee;
	border-radius:15px;
	border:1px solid #ccc;
	padding:40px 0 0;
	margin:15px 4.9% 60px;
	padding:40px 2% 0;
}

.reason .half-list {
	width:46%;
	float:left;
	padding:0 2%;	
}

.reason li:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.reason li:before {
	font-size: 5em;
    font-weight: 300;
    left: 0;
    line-height: 65px;
    position: absolute;
    text-align: center;
    top: 0;
	color: #2f82b6;
    content: counter(reason, decimal);
    counter-increment: reason;
	width:50px;
}

.reason li {
	padding: 0 0 0 60px;
    position: relative;	
	min-height:150px;
}

.reason dl {
	margin: 10px 0;
    padding: 5px 0;
    position: relative;
    top: 0;		
}

.reason dl dt {
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
	text-transform:uppercase;
}

.reason dl dd {
	color: #666666;
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
    padding: 0;	
}
/***************************************************/
/*        .reason-2 For Reasons Page/Sign up        */
/* *************************************************/
.reason-2{
    counter-reset: reason;
    list-style: none;
	background:#eee;
	border-radius:15px;
	border:1px solid #ccc;
	padding:40px 0 0;
	margin:15px 4.9% 60px;
	padding:40px 2% 0;
}
.reason-2 li {
    position: relative;	
	min-height:150px;
}
.reason-2 h2, .reason-2 p{
   float:left;
   width:75%;
}
.reason-2 h2{
    font-weight: 600;
    line-height: 1.2;
    padding: 0;
	text-transform:uppercase;
}

.img-side {
	float:left;	
	width:25%;
}

.img-side-list{
    /*position: absolute;*/
    max-width: 120px;
    
}

/********************************/



.membership {
	float:left;
	width:40%;
	margin:0 4.8% 40px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:15px;
	box-shadow:0 0 5px #ccc;
}

.membership:hover {
	box-shadow:0 0 10px #cacaca;	
}

.membership h1 {
	font-size:2em;
	margin:10px 5% 20px;
	border-bottom:1px solid #ccc;
}

.membership h2 {
	font-size:2em;
	font-weight:200;
	color:#999;	
}

.membership h3 {
	margin:0;	
}

.membership .small {
	font-size:.6em;	
}

.membership a.button {
	padding:10px;
	display:block;
	width:150px;
	margin:0 auto 20px;
	font-size:1.5em;
	background-color:#2a7db1;
	border-bottom:2px solid #0a324c;
	color:#fff;
	text-shadow:1px 1px 1px #0d3c5a;
	text-decoration:none;
	-webkit-transition: background ease .8s, border ease .8s;
    -moz-transition: background ease .8s, border ease .8s;
    -o-transition: background ease .8s, border ease .8s;
    transition: background ease .8s, border ease .8s;
}

.membership a.button:hover {
	background:#4cadea;
	border-bottom:2px solid #2a7db1;
}

.block {
	padding:30px 0;
	border-bottom:1px solid #ccc;
	background:#eee;
	min-height:20px;
}

.block.no-style {
	background:none;
}

.no-style p {
	padding:0;	
	color:#666;
}

a.button.bottom {
	margin-top:20px !important;	
}

#form-container {
	max-width:350px;
	margin:0 auto;	
}

#signup-container {
	max-width:575px;
	margin:0 auto;	
}

#signup-container label {
	width:200px;	
}

#signup-container input[type=text], #signup-container input[type=password] {
	width: 300px;
	height:25px;
	font-size:16px;
	float:left;
}

#cards {
	margin-left:200px;		
}

#signup-container select {
	height:25px;
	font-size:16px;
	width:300px;
}

#member-login {
	text-align:center;
}

.section {
	text-align:left;	
}

.section label, .section input {
	padding:5px 0;
	margin:5px 0;
}

.section label {
	float:left;
	width:20%;	
}

.section input {
	float:right;
	width:78%;
	border:1px solid #ccc;	
}

.section select {
	float:left;
	width:300px;	
}

input.button {
	padding:10px;
	display:block;
	font-size:1.5em;
	background-color:#2a7db1;
	border:none;
	border-bottom:2px solid #0a324c;
	color:#fff;
	text-shadow:1px 1px 1px #0d3c5a;
	text-decoration:none;
	-webkit-transition: background ease .8s, border ease .8s;
    -moz-transition: background ease .8s, border ease .8s;
    -o-transition: background ease .8s, border ease .8s;
    transition: background ease .8s, border ease .8s;
	cursor:pointer;
	margin-bottom:20px !important;
}

input.button:hover {
	background:#4cadea;
	border-bottom:2px solid #2a7db1;
}

.no-bottom {
	margin-bottom:0 !important;	
	text-align:center;
}


#signupBtn {
    background-color: #D1CEC0;
    border: 1px solid #003366;
    color: #003366;
    cursor: pointer;
    margin:0 auto 30px;
    padding: 10px 12px;
    text-decoration: none;
	display:block;
	width:80%;
	text-align:center;
}

.reason li#save-25 {
	/*background:#2f82b6;	*/
}

.reason li#save-25:before {
	color:#7bc172;
	text-shadow:2px 2px 2px #2f82b6;
}

li#save-25 dl dt {
	color:#2f82b6;	
}

li#save-25 dl dd {
	color:#000;	
}

.instructions {
	width:50%;	
}

.phones {
	width:50%;
	margin-top:20px;	
}

.platform a.small {
	font-size:.9em;	
}

.premium-home {
	display:inline-block;
	width:48%;	
	text-align:center;
	margin-top:20px;
	vertical-align:bottom;	
}

#bottom-qr {
	display:none;
}

.phones {
    margin-top: 20px;
    width: 50%;
}

#captcha {
	margin-left:200px;	
}

/* ---------------------------------------------------------------------------
			Premium Account Info Page
----------------------------------------------------------------------------- */

.acctInfo {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: 25px;
}
.acctInfo td {
    background-color: #F2F7FC;
    border-color: #F2F7FC;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    min-width: 150px;
    padding: 5px;
    vertical-align: top;
}
.acctInfo a:link {
    color: #0066CC;
    text-decoration: none;
}
.acctInfo a:visited {
    color: #A6814E;
    text-decoration: none;
}
.acctInfo a:hover {
    text-decoration: underline;
}
.acctInfo a:active {
}
.acctInfo input[type="submit"] {
    border-width: 1px;
    color: #003366;
    cursor: pointer;
    margin-left: 250px;
    margin-top: 25px;
    padding: 5px 20px;
}

#signup input[type=text] {
	width:300px;	
}

#signup textarea {
	height:100px;
	width:300px;	
}

#share-container {
	text-align:right;
	width:50%;
	float:left;	
}


/* ---------------------------------------------------------------------------
			Media Queries
----------------------------------------------------------------------------- */

@media only screen and (max-width: 1100px) {

#slider {
	display:none;
}

.nav-login li {
	padding:0 1.2%;
}

}



@media only screen and (max-width: 1050px) {

.right-image {
	float:none;
	margin:0 !important;
}

.reason li {
	min-height:170px;
}

}



@media only screen and (max-width: 1040px) {

#phone ul {
	font-size:1.2em;
}

}



@media only screen and (max-width: 1000px) {

#tag-line h2 {
	font-size:1.2em;
}

.half-box h2 {
	font-size:.9em;
}

.nav li {
	padding:0 .8%;
}

#copyright, #share-container {
	float:none;
	width:auto;
	text-align:center;
}

#share-container {
	width:300px;
	margin:0 auto;	
}

}


@media only screen and (max-width: 950px) {

#header {
	height:auto;
	text-align:center;
	background-color:#2f83b7;
	padding-bottom:20px;
}

.left-half, #header .right-half {
	width:100%;
	float:none;
	text-align:center;
}

#phone {
	width:auto;
	min-width:400px;
	float:right;
}

#phone ul {
	font-size:1em;
	font-weight:bold;
	padding-top:8px;
	text-align:right;
}

#don-day {
	display:none;
}

#premium-site {
	margin-top:1px;
}

#navigation {
	padding-top:15px;
}

.nav li {
	padding:0 1%;
	font-size:1.3em;
	font-weight:bold;
}

.nav-login li {
	padding:0 1%;
	font-size:1.3em;
	font-weight:bold;
}

}


@media only screen and (max-width: 950px) {

.home-column {
	width:46.5%;
	margin:0 1% 20px;
}

.half-box h2 {
	font-size:.8em;
}

#copyright {
	float:none;
	text-align:center;
	padding:35px 0 0;	
}

#share-container {
	margin:0 auto;
	width:300px;	
}

#signup input[type="text"], #signup input[type="password"], #signup select, #signup label {
	float:none;
	width:100%;
}

#captcha {
	margin-left:0;	
}

}

@media only screen and (max-width: 920px) {

.nav li {
	font-size:1.2em;
}

.reason .half-list {
	float:none;
	width:auto;
}

.reason li {
	min-height:100px;	
}

}


@media only screen and (max-width: 850px) {

#logo {
	width:40%;
}

#header-right {
	width:59%;
}

#navigation {
	padding-top:16px;
}

.nav li {
	padding:0 1%;
	font-size:1.2em;
	font-weight:bold;
}

.nav-login li {
	padding:0 1%;
	font-size:1.2em;
	font-weight:bold;
}

#content-left {
	float:none;
	width:auto;
}

#content-right {
	display:none;
}

.hidden {
	display:block;
}

.max {
	text-align:center;
	margin-top:20px;
}

#registration-form label {
	width:38%;
}

#registration-form input[type=text] {
	width:58%;
}

.half-box h2 {
	font-size:1em;
}

#article-pic-left {
	float:none;
	width:auto;
}

#form-top.mobile {
	display:block;
	padding:10px 2%;
	text-align:center;
	font-weight:bold;
	margin:15px auto;
	background:url('../images/equation-bg.jpg') center #cbd9e4;
	border-radius:15px;
	border:1px solid #287aac;
	box-shadow:0 0 10px #999;	
	width:86%;
}

/*#two-images span {
	display:inline-block;
	vertical-align:top;
}

#two-images img {
	vertical-align:top;
}*/

}


@media only screen and (max-width: 830px) {

.nav li {
	padding:0 .5%;
}

}


@media only screen and (max-width: 800px) {

#logo, #header-right {
	float:none;
	padding:0;
	text-align:center;
}

#top {
	background:none;
}

#navigation {
	background:none;
	height:auto;
	margin-top:1px;
	padding-top:13px;
}

.nav {
	list-style-type:none;
	display:block;
	text-align:center;
}


.nav li {
	background:url(../images/nav-bg.jpg) repeat-x;
	padding:10px;
	margin:10px 2%;
	display:inline-block;
	width:25%;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:1px 1px 8px #333;
	font-size:1.5em;
}

.nav li a {
	color:#ffffff;
	text-decoration:none;
	margin-top:0;
	display:inline;
	padding:10px;
}

.nav-login {
	list-style-type:none;
	display:block;
	text-align:center;
}


.nav-login li {
	background:url(../images/nav-bg.jpg) repeat-x;
	padding:10px;
	margin:10px 2%;
	display:inline-block;
	width:25%;
	border:1px solid #fff;
	border-radius:10px;
	box-shadow:1px 1px 8px #333;
	font-size:1.5em;
}

.nav-login li a {
	color:#ffffff;
	text-decoration:none;
	margin-top:0;
	display:inline;
	padding:10px;
}

.img-side {
	margin:0 auto;
	float:none;
	width:auto;
	text-align:center;
}

.img-side-list {
	float:none;	
}

.reason-2 li {
	margin-bottom:20px;	
}

.reason-2 h2, .reason-2 p {
	margin:0 auto;
	text-align:center;
	float:none;	
}

.reason-2 h2.bb-h2 {
	display:block;	
	margin-top:15px;
}

.bb-h2 {
	float:left;	
}

}



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.training-table, .training-table thead, .training-table tbody, .training-table th, .training-table td, .training-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.training-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.training-table tr { border: 1px solid #ccc; }
	
	.training-table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		min-height:32px;
	}
	
	.training-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.training-table td:nth-of-type(1):before { content: "On-Site"; }
	.training-table td:nth-of-type(2):before { content: "Public"; }
	.training-table td:nth-of-type(3):before { content: "CBT"; }
	.training-table td:nth-of-type(4):before { content: "Webinar"; }
}




@media only screen and (max-width: 760px) {

#images-bottom img {
	width:auto;
	max-width:100%;
	margin:10px 0;
}

ol.generic-list li img, img.right {
	float:none;
	display:block;
}

.one-third {
	width:50%;
}

.nav li {
	font-size:1.3em;
}

}




@media only screen and (max-width: 750px) {

#top-bar {
	background:none;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	position:relative;
}

#premium-site {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

#slideshow {
	background:url(../images/bg-mobile.jpg) no-repeat center;
}

#desktop-bg {
	display:none;
}

.half-box.tce {
	width:auto;
	float:none;
}

.register .contact, .register .billing {
    float: none;
    width:auto;
		margin:0 0 20px !important;
}

.membership {
	float:none;
	width:auto;
	max-width:400px;
	margin:20px auto 80px;
}

.no-style, a.button.top {
	display:none;	
}

.reason {
	max-width:400px;
	margin:0 auto 60px;	
}

.reason li {
	min-height:120px;	
}

}


@media only screen and (max-width: 720px) {

#premium-site {
	display:none;
}

#phone {
	text-align:center;
	float:none;
	padding-left:0;
	min-width:100%;
}

#phone ul {
	text-align:center;
}

.premium-mobile {
	display:block;
}

.nav-login li {
	width:40%;
}

.nav-login li#last-li {
	width:90%;
}

.nav-login li {
	width:40%;
}

.nav-login li#last-li {
	width:90%;
}

}



@media only screen and (max-width: 700px) {

#content-left {
	float:none;
	width:auto;
}

#content-right {
	float:none;
	width:auto;
	margin-left:0;
}

}



@media only screen and (max-width: 625px) {

.nav li {
	font-size:1em;
}

}



@media only screen and (max-width: 600px) {

.half-list, #image-right {
	width:auto;
	float:none;
}

.half-list {
	margin:20px 0;
}

.image-right {
	margin:20px auto;
}

.team-member {
	float:none;
	display:inline-block;
	min-height:0;
	margin:40px 2%;
	width:20%;
	min-width:0;
	text-align:center;
	vertical-align:top;
}

#contact label {
	margin-top:30px;
	margin-bottom:0;
}

#contact label.checkbox {
	margin:10px 0;
}

#contact input[type=text] {
	margin-top:0;
}

#contact label, #contact select, #contact input[type=text] {
	float:none;
	width:100%;
	padding:5px 0;
}

#contact input[type=checkbox], #contact label.checkbox {
	float:left;
}

#contact input[type=checkbox] {
	clear:both;
}

#contact label.checkbox {
	width:50%;
	padding-left:4%;
}

#workshop-content select, #workshop-content label, #workshop-content textarea, #workshop-content #captcha {
	width:100%;
}

.mobile {
	display:inline;
}

.desktop {
	display:none;
}

.image-left {
	display:block;
	margin:0 auto 20px;
	float:none !important;
}

#max-container {
	text-align:center;
}

#bottom-qr {
	margin:0 auto;
	display:block;
	width:230px;
}

}



@media only screen and (max-width: 550px) {

.half {
	width:auto;
	padding:0;
	margin:0;
}

#navigation {
	background:url(../images/nav-bg.jpg) repeat-x;
	min-height:47px;
}

.nav {
	display:none;
}

.nav-login {
	display:none;
}

.home-column {
	width:96%;
	min-height:0;
	margin-bottom:40px;
}

.home-column ul {
	padding-left:0;
}

.home-column ul li {
	text-align:center;
}

#slideshow {
	display:none;
}

#navigation {
	background-color:#2f83b7;
	min-height:34px;
}

#mobile-nav {
	display:block;
	text-align: center;
	font-size: 2em;
	color:#fff;
}

.toggle-menu {
	cursor:pointer;
	text-shadow:1px 1px 2px #000;
	margin-top:-5px;
}

.mobile-nav-list {
	margin-top:10px;
}

.mobile-nav-list li {
	list-style-type:none;
	padding:0;
	display:block;
	float:left;
	width:100%;
	border-bottom:1px solid #184562;
	border-top:1px solid #6ebff1;
}

.mobile-nav-list li#home {
	border-top:none;
}

.mobile-nav-list li a, .main  {
	color:#000;
	text-shadow:1px 1px 0 #50b6f4, -1px -1px 0 #184562;
	text-decoration:none;
	display:block;
	width:100%;
	padding:10px 0;
}

.mobile-nav-list li a:hover, .mobile-nav-list li a:active, .main:hover, .main:active {
	background-color:#3b95cd;
	cursor:pointer;
}

.sub-menu li a {
	color:#eee;
	text-shadow:none;
	font-size:.9em;	
}

#middle {
	display:none;
}

.team-member {
	display:block;
	width:auto;
	text-align:center;
}

.center-mobile {
	text-align:center;
}

#registration-form label {
	width:100%;
	font-size:.9em;
	float:none;
	margin:0;
}

#registration-form input[type=text] {
	width:100%;
	float:none;
	margin:0;
	text-align:center;
}

#basic-member {
	margin-top:0;	
}

.premium-home {
	display:block;
	width:auto;		
}

#share-container {
	width:100%;	
}

}





@media only screen and (max-width: 525px) {

.one-third {
	width:100%;
	float:none;
}

}



@media only screen and (max-width: 525px) {
	
.phones {
	display:none;	
}

.instructions {
	float:none;
	width:auto;	
}
	
}



@media only screen and (max-width: 400px) {

#content > * {
	text-align:center;
}

#content p, #content ul {
	text-align:left;
}

ol.generic-list li img, img.right {
	margin:10px auto;
}

.one-third h4 {
	text-align:left;
}

#content ul {
	width:50%;
	margin:0 auto 15px;
}

.generic-list {
	margin:10px 0 10px 4% !important;
	width:auto !important;
}

.team-member p {
	text-align:center !important;
}

.half-box.tce {
	text-align:left;
}

.half-box.tce h2 {
	font-size:.8em;
}

.two-col-list dt, .two-col-list dd {
	float:none;
	width:auto;
}

.reason li {
	text-align:left;
}

#signupBtn {
    cursor: pointer;
	display:block;
    margin:0 auto 30px;
	text-align:center;
	width:150px;
}

.reason-2 {
	width:auto !important;	
}

.reason-2 p {
	text-align:center !important;
}

}




@media only screen and (max-width: 380px) {

#top-bar {
	height:auto;
	padding:5px 0;
}

#phone ul {
	padding-top:0;
}

#phone ul li {
	display:inline-block;
}

}


@media only screen and (max-width: 380px) {
	
.section label {
	text-align:center;	
}
	
.section label, .section input {
	float:none;
	width:100%;
	display:block;
}

#signup input[type=text] {
	width:96%;	
}

#signup textarea {
	height:100px;
	width:96%;
}

}



@media only screen and (max-width: 350px) {
	
#sharethis {
	display:none;	
}

#sharebar {
	float:none;	
	width:70%;
	text-align:center;
	margin:0 auto;
}

}

