@font-face{
font-family: "texgyrecursor-bold";
src: url('/fonts/texgyrecursorbold.eot');
src: local(texgyrecursor-bold), url('/fonts/texgyrecursor-bold.otf') format('opentype');}

* {margin: 0 auto; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {background-color: white; text-align: center; overflow: auto; min-width: 320px; font-family: 'Open Sans', Arial, sans-serif; width:100%;} 

/* TEXT COLORS START */
span.bad_Entry {/* should be n = 3 */ color: #FF0000;}
span.goodEntry {/* n=4 */ color: #009900;}
span.goodSpace {/* n=5 */ color: #009900;}
span.bad_Space {/* n=6 */ background-color: red;}
span.phaseLeft {/* n=7 */ background-color: #F2C900; color:green;}
span.phaseRght {/* n=8 */ background-color: #F2C900; color:green;}
span.hiddenTxt {/* n=9 */ visibility: hidden;}
span.plainText {/* n=10 */ color: #999999;}
span.nxtLetter {/* n=11 */ color: white; background-color: black;}
span.junkSpace {/* n=12 */ visibility: hidden; position: absolute; left: 0px; margin-left:-200px;}
#lineDivContainer{/* n=13 */ position: relative; top:50px; width: 668px; text-align: center; margin: 2px auto 100px auto; padding-left: 15px; padding-right: 15px; padding-top: 0; padding-bottom: 2px; background-color: white; height: 60px; border: 4px solid #FF8505;}
#blockDivContainer{/* n=14 */ position: relative; width: 668px; text-align: center; margin: 2px auto; padding-left: 15px; padding-right: 15px; padding-top: 2px; padding-bottom: 2px; background-color: white; height: 162px; border: 4px solid #FF8505; z-index:100;}
#line_input {/* n=15 */ position: relative; top: 5px; left:-12px; width: 104%; text-align: center; margin: 0 auto; background-color: white; height: 40px; font-family: TexGyreCursor-Bold, Courier, monospace; font-weight: 900; font-size: 25px; word-wrap: break-word;}
#line_input span {line-height: 40px;}
div.blockLines{/* n=16 */ position: relative; text-align: left; background-color: white; font-family: TexGyreCursor-Bold, Courier, monospace; font-weight: bold; font-size: 25px; height: 35px; line-height:35px; }
#block_input {  /* rte div; n=17 */ position: relative; top: -4px; width: auto; text-align: center; margin: 0 auto; background-color: white; height: auto; font-family: Cousine, Courier, Verdana, Arial, Helvetica, sans-serif; font-weight: 900; font-size: 25px;}
/* TEXT COLORS END */

/* BEGIN Holy Grail Grid */
#menuContainer{position:absolute;width:100%;z-index:101;left:0px;top:0px;}
.grid {margin: 0 0 20px 0; }
.grid:after {/* Or @extend clearfix */content: "";display: table;clear: both; }
[class*='col-'] { float: left;  padding-right: 20px; }
.grid [class*='col-']:last-of-type {padding-right: 0; }
.col-1-1 {  width: 100%; }
.col-2-3, .col-4-6 {  width: 66.66%; }
.col-19-30 {  width: 63.33%;}
.col-1-6 {  width: 16.66%; }
.col-1-5 {  width: 20%; }
.col-5-6{  width: 83.33%; }
.col-1-2{  width: 50%; }
.col-1-4 {  width: 25%; }
.col-1-3 {  width: 33.33%; }
.col-1-8 {  width: 12.5%; }
.module {padding: 20px;background: #eee; }
.grid-pad { padding: 20px 10px 20px 10px; } /* Opt-in outside padding */
.grid-pad [class*='col-']:last-of-type {padding-right: 20px; }
.module {background-color: #C8DBE0; border: 2px solid #52727C; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 3px 7px 40px -13px #353535; box-shadow: 3px 7px 40px -13px #353535; position: relative; behavior: url(../utilities/PIE/PIE.htc);}

h2, h3 {margin:.8em 0 .2em 0;padding:0;}
h2{font-size:2.2em;}
p {margin:.4em 0 .8em 0;	padding:0;}

#header {float:left;	width:100%;	padding:0;margin:0;}
#header p {padding:.5em 15px	.2em 15px;margin:0;}
#header h1  {	padding:.4em 15px .2em 15px;margin:10px 0 0 0;font-family: “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;font-size: 2.2em;}
#header h2  {	padding:0.2em 15px 2em 15px;margin:0;font-family: Verdana,Geneva,Arial,helvetica,sans-serif;font-size: 110%;line-height: 24px;font-weight: normal;}

/* IE only */
.ie .grid {width:98%; }	 
.ie .col-1-1 {width: 98%; }  
.ie .col-2-3, .ie .col-4-6 { width: 62%; }
.ie .col-1-6 {  width: 15%; }
.ie .col-1-2 {  width: 48%; }
.ie .col-1-4 {  width: 23%; }
.ie .col-1-3 {  width: 31%; }
.ie .col-1-8 {  width: 11%; }
.ie div #gInput, .ie div #inputHint {left:45px;}
.ie #wrapStats, .ie #wrapExtraStats{left: 35px;}
.ie #multBox {padding-top:35px;}
.ie .floatCenterObj, .ie .floatCenterWrap { left:0px;}
.ie div #inputHint, .ie8 div #inputHint{color: #000;}
/* END Holy Grail Grid */

@viewport{zoom: 1.0; width: extend-to-zoom;}
@-ms-viewport{width: extend-to-zoom; zoom: 1.0;}

a{text-decoration: none;}
a:hover{text-decoration:underline;}

#topBorder{ width: 100%; background-image:url('../images/STO_topBorder.png'); background-repeat:repeat-x; height: 51px; position:absolute; top:0; left:0;}
#wrapdiv { text-align: center; margin: auto; display: block; width: 950px;}
#wrapLogo{ text-align: center; margin:0px auto; position: relative; width:420px; height:80px; top:0px; left:0px; margin-left:40px; margin-bottom:-25px; z-index:102;}
#logo{ left:0; height: 78px; width:392px;}
#logo img{border: none;}
#gpDiv{ position:relative; text-align:center; margin: 0 auto; width:90px; margin-top:50px; margin-bottom:-75px; margin-right:100px; z-index:90; }
#gpDiv iframe{z-index:80;}
#fbLikeDiv{ position:relative; text-align:center; width:90px; margin:50px 20px -85px auto; z-index:90;}
#fbLikeDiv iframe{z-index:80;}
#wrapHeading{ text-align:center; margin: 0 auto; /* width:960px; */ margin-top: 0px;}
#topAd{ position: relative; margin: 0 auto; top:0px; left:0px; width: 728px; height:15px; margin-bottom: 18px;}
#rectAdWrap{ position: relative; left: 0px; margin: 0 auto; z-index: 998; display: inline-block; vertical-align: top;}
#affAd{ position: absolute; width: 247px; height: 266px; background-color: #EDF7FA; top: 100px; left: -123px; padding: 10px; border-right: 2px dashed rgb(152, 200, 223); border-top: 2px dashed rgb(152, 200, 223); border-bottom: 2px dashed rgb(152, 200, 223); color: rgb(20, 80, 136); box-shadow: 4px 7px 24px -6px rgba(0,0,0,0.48); font-size: .9em; line-height: 23px;}
#affAd:hover{left:0 !important;}
#affAd div{font-size: 0.9em;width: 100px;line-height: 13px;margin: 0 0 10px 116px;}
#affAd:hover div{width:100% !important;margin-left:0px;}
#affAd #ext_icon{position: absolute;top: 119px;left: 228px;}
#affAd:hover #ext_icon{display:none;}
#rectAd{ width:336px; height: 280px; margin:0px 10px 0px 16px; z-index:999;}
#leadAd{ position: relative; margin: 0 auto; top:0px; left:0px; width: 728px; height:90px;}
#adSpacer{height:90px;}
#heading {
    position: relative;
	text-align:left;
    padding: 0px;
    margin: 0 auto;
    top: 2px;
    left: -60px;
    height: 91px;
    padding: 3px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: rgb(128, 98, 47);
    color: #904000;
    background-color: #FFC17F;
	border: 2px solid #B15E1A;
	width: 70%;
	max-width:1000px;
}
#main, #menuContainer{ text-align: right; margin: 0; position: absolute; width:100%; top: 39px; left:0px; min-width: 320px;}
#menuContainer{ z-index:101;}
#menu{z-index:110;position: relative !important;float: right;z-index: 102;}
#heading h1 {
	display:inline-block;
	position:relative;
    font-size: 2em;
    text-shadow: 1px 1px rgba(87, 118, 132, 0.43);
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
	width:59%;
	padding: 22px 10px 10px 20px;
	top:4px;
}
#heading span{    
	display: inline-block;
	position:relative;
	width:100%;
	text-align:right;
	padding-right: 15px;
	top:-36px;
}
#heading h3{
	display:inline-block;
	margin:0px 14px;
}
#heading a {
    color: #FFFFFF;
    background-color: #FFD09E;
    padding: 2px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* color: #E0821F; */
    /* border: 1px solid #3988A2; */
    /* background-color: #5EA9D8; */
    background-color: #E0821F;
    border: 2px solid #AD5E0C;
    font-size: 0.9em;
    /* color: #94510B; */
}
#headInfo {font-family: Verdana,Geneva,Arial,helvetica,sans-serif;font-size: 16px;color: #666666;/*#666666;*/margin-top:6px;line-height:24px;}
#headColWrap{text-align:center;margin:0 auto;margin-top:15px;padding-bottom:2px;left:0px;width: 960px;}
#headColDiv{color: #666666;position: relative;height:100px;padding:0px;margin: 0 auto;top:0px;left: 0px;}
#headColDiv div{text-align:left;position: absolute !important; line-height: 22px;left:0px; width:/*348px*/362px;height:134px;padding: 0 25px;}
#headColDiv #headCol1{margin-left: -46px;border-right:1px solid rgb(126,183,255);}
#headColDiv #headCol2{margin-left: 314px;}
#headColDiv #headCol3{margin-left: 673px;border-left:1px solid rgb(126,183,255);}
#headColDiv p{font-size:0.9em;line-height:20px;}
#headColDiv h3{background-color: rgb(255, 229, 182); border: 2px solid rgb(230, 159, 34); padding: 3px 12px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: rgb(128, 98, 47); width: 100%;}
#empHead, .empHead{color:#666666;font-weight:bold;font-family:arial;font-size:16px;}

/* LOGIN INFO START */
.stoInfoBox{border: 2px solid #7CB9CE; background-color: #DFF4FF; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.stoInfoBox .stoInfoTitle{background-color: #7CB9CE; color: #11485B; width: 100%;}
#loggedInInfo{height: auto; color: black; width: 570px; position: relative; top: 10px; left: 0px; line-height: 35px; font-weight:bold; margin-bottom: 20px;}

#userTypingInfoBlurb {margin-top:5px; padding-bottom:6px;}
#userTypingInfoBlurb > div{font-size:0.9em; font-weight:normal; width:28%; display:inline-block; padding:0px 10px;}
#userTypingInfoBlurb div div{margin-top:-2px;}
#userTypingInfoBlurb #infoBlurbAve {width:42%; border-right: 1px solid #A4D3E3; border-left: 1px solid #A4D3E3;}

#infoBlurbAve > div > div{display:inline-block; width:46%;}
#infoBlurbAve .first {margin-right:2%;}
#infoBlurbAve .last {margin-left:2%;}

#loginOrRegister{margin:6px auto -16px -85px;}
#askToLogin {background: #7CB9CE; border: 2px solid #064D77; box-shadow: 0px 12px 29px -2px rgb(80, 80, 80); display: inline-block; padding: 10px 0px; font-weight: bold; width:550px; position:relative; margin-left:70px;}
#askToLogin:hover {cursor:pointer;}
#askToLogin > a{width: 100%; height: 100%; position: relative; display: inline-block; color: #004065;}
#askToLogin > a > span{font-size: 1.6em; padding-top: 4px;  padding-right: 10px;}
#askToLogin > span {color: white; display: inline-block;}
#askToLogin  a{color: #004065; font-size: 1.6em; padding:5px 8px;}

/* LOGIN INFO END */

/* CENTER CONSOLE START*/
#centerConsoleWrap{position:relative;top:0px;margin-top: 245px;}
#centerConsole{position:relative;top:0px;margin-top: 142px;left: 0px;}
#cc_offset{padding-right:160px;}
#centerContent {width:820px;/*height:342px;*/padding:10px 0px 0px 0px;margin: 9px auto 64px auto;-moz-border-radius: 35px;border-radius: 35px; position:relative; height:auto;}
#divBackWrap{position:absolute;width:820px; top:0px; margin: 0 auto 0 auto; height:100%;
}
#divBackTop{ position:relative; background-color: #084563;  /*incase pic has trouble loading*/ background: url(../images/divBackTop.png) no-repeat right top; width:820px; height:180px; z-index:2; top:0px; left:0px;}
#divBackBottom{ position:absolute; background-color: #084563;  /*incase pic has trouble loading*/ background: url(../images/divBackBottom.png) no-repeat right bottom; width:820px; height:229px; z-index:2; left:0px; bottom:-60px; background-position: bottom; overflow:hidden;}
#divBackStripe{position:absolute; width:820px; height: 100%; z-index:0; top:40px; left:0px; padding-bottom:62px;}
#divBackStripe > div{background-color: #084563;  /*incase pic has trouble loading*/ background: url(../images/divBackStripe.png) repeat-y right top; width:100%; height:100%; position:relative;}
#containerWrapper{ position: relative;top:0px; width: 630px; text-align: center; margin: 2px auto 2px 76px; left: 0px; z-index: 2; padding-bottom:10px;}
#blockDivGlow{ position: absolute; top: -8px; left: -6px; width: 691px; text-align: center; margin: 2px auto; background: transparent; height: 180px; z-index:0;box-shadow:0px 0 20px 0px #fff;}
#divCover{ position: absolute; width: 668px; text-align: center; margin: 2px auto; margin-top:-1px; background-color: black; height: 163px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/* fix for 5, 6, 7 */ filter: alpha(opacity=30);
/* Older than Firefox 0.9 */ -moz-opacity:0.3;
/* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.3;
/* Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ */ opacity: 0.3;
z-index:0;}

/* BUTTON START*/
#buttonWrapper{ position: relative; text-align:left; margin:0 auto; top:0px; width:560px; left:86px; z-index:100; padding: 0px 0px 25px;}
#resetBtnWrap { position:relative; text-align: left; left: 0px; margin-left:80px; top:0px; display:inline-block; vertical-align:top;}
#resetBtn { cursor:pointer; cursor:hand; font-family: arial; width:85px; height:30px; line-height:30px; font-size:17px; font-weight:bold; color:#000000; background: url(../images/resetButtonBg.png) no-repeat right top; border: none;}
#resetBtn:hover{background: url(../images/resetButtonBg.png) no-repeat right bottom;}
#resetBtn:active{}
#switchModesBtnWrap { position: relative; text-align: left; left: 42px; display:inline-block; vertical-align:top;}
#switchModesBtn{cursor:pointer; font-family: arial; width:97px; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:#202020; background: url(../images/switchButtonBg.png) no-repeat right top; border: none;}
#switchModesBtn:hover{background: url(../images/switchButtonBg.png) no-repeat right bottom;}
#personResultsBtnWrap { display: none; position: absolute; text-align: left; left: 0px; width:147px; height:32px; margin-left:650px;}
#personResultsBtn{ cursor:pointer; font-family: arial; width:167px; height:30px; line-height:30px; font-size:15px; font-weight:bold; color:#202020; background: url(../images/personButtonBg.png) no-repeat right top; border: none;}
#personResultsBtn:hover{background: url(../images/personButtonBg.png) no-repeat right bottom;}
#PRIW{height: 0px; position: relative; text-align: left;margin-left: 54px; display:inline-block; vertical-align:top;}
#personName{font-size:16px;letter-spacing:1.5px;}
#PN_Button{padding: 6px 12px; margin-top: 2px;}
/* BUTTONS END*/

/* RESULTS START*/
#resultSpacerDiv{height:70px;}
#resultDivContainer{ position: relative; text-align:center; margin:20px auto 47px auto; top:-5px; width:855px; height:auto; left:-22px; display:inline-block; z-index:50;}
#resultDiv{ margin: 0 auto 0 91px; width: 680px; background-color: #DFF4FF; border: 6px solid #8DC6D9; -moz-border-radius: 15px; border-radius: 15px;}
#resultsTopWrap{position:relative;}
#resultDivContainer div.iResults div{ font-family: Arial; font-size:26px; font-weight:bold; margin-top:22px; }
#resultDivContainer div.uiResults div{ font-family: Arial; font-size:16px; font-weight:normal; margin-top:5px; }
#resultsCol1Wrap { width: 26%; float: left; margin-top: 6px; text-align: right;}
#resultsCol2Wrap { width: 29%; float: left; margin-top: 10px; margin-left: 10px; text-align: left;}
#resultsCol3Wrap { width: 28%; float: left; margin-top: 16px; text-align: right;}
#resultsCol4Wrap { width: 13%; float: left; margin-top: 17px; margin-left: 8px; text-align: left;}
#WPM_Result, #Accur_Result  { color: green; font-size:2.2em !important; font-weight:900; margin-top:12px !important;}
#LTC_Result {color: green;}
#nLTI_Result, #ER_Result{color:red;}
#note_Rtext {margin-top:4px;font-size:10px;}
#resultsTitle{margin:5px 0 -12px 0;left:0px;font-size:24px;font-weight:bold;}
#snShare{ position:relative; text-align: center; margin:0 auto -110px auto; top:-123px; left:63px; clear:both;}
#snShare > div{left:0px; text-align:left; margin:16px 0px;}
#fbIcon{ background-position: 0px 0px;}
#tIcon{ background-position: -35px 0px;}
#eIcon{ background-position: -70px 0px;}
#lIcon{ background-position: -105px 0px;}
#genLinkDisplay{display: inline-block; position: relative; top: -2px; left: 6px; padding: 4px 6px; border: 2px solid #FE7E17; width: 57%;}
.share_icon {display:inline-block; height:35px; width:35px; background: url(../images/shareResultsIcons_140x35.png?v=2) no-repeat top left; margin: 0 0 -11px 0;}
.share_link{ font-size:1.1em; position:relative; padding:10px; border-radius:8px;}
.share_link:hover{background:#BBE2F0;}
#resultsBotWrap{position: relative; margin: 0 auto; text-align: center;}
#resultsBot{top: 0px; position: relative; left: 0px; border-top: 1px solid rgb(200, 200, 200); padding: 9px 18px 0; clear: both; margin:0px 35px;}
#resultsBot > div {position:relative; padding: 4px 0px 31px;}
#resultsBot h4 {color: rgb(186, 42, 0); /*color: rgb(0, 58, 207);*/}
.rb{padding-top:5px;}
.typeLetter {font-family:TexGyreCursor-Bold, Courier, monospace; font-size:1.5em; padding-right: 5px;}
.rbColWrap{display:inline-block; position: relative; padding: 7px 45px 15px; vertical-align:top; border-radius:8px; background: #BBE2F0; margin:0px 17px;}
#LetPercent_Result{text-align:left;}

#gotoTestStats {display: inline-block; background:#AD5E0C; color:#fff; border-radius:8px; width:240px; text-align:center; font-size:1.1em; margin-left:23%;}
#gotoTestStats:hover{background:#8f4900; text-decoration:none;}
#gotoTestStats .graphIcon{display:inline-block; font-size:1.5em; padding: 2px 4px; vertical-align:middle;}
#gotoTestStats > span{display:inline-block; vertical-align:middle;}
/* RESULTS END*/

/* LIVE STATS START*/
#wrapStats{ position: relative; font-family: Arial, sans-serif; font-weight: 900; font-size: 2em; text-align: left; margin: 0px auto 5px 0px; top: 0px; z-index:5;}
#timerDiv{ text-align: left; position: relative; left: 0px; top:0px; margin-left:149px; display:inline-block; vertical-align:top;}
#wpmDiv{ text-align: left; position: relative; left: 0px; top:0px; margin-left:161px; display:inline-block; vertical-align:top;}
#accuracyDiv{ text-align: left; position: relative; left: 0px; top:0px; margin-left:44px; display:inline-block; vertical-align:top;}
#timer, #wpmValue, #accuracyValue, #sWatch, #pCompleteValue {color: white;}
#timer,#sWatch{display:inline;}
div.statsText{font-size:12px;color:white;}
/* LIVE STATS END*/

#infoOpContainer{width:430px; top:0px; left:0px; padding:0 14px; position:relative; display:inline-block; text-align:left; background-color: #DFF4FF; border: 2px solid #7CB9CE; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; vertical-align:top;}

/* TEXT/TIME SELECTION START*/
#textContainer{display:block; position:relative; vertical-align:top; width:95%; padding:0px 10px 10px; border:1px dashed #87BBD7; margin-bottom:10px; text-align:center;}
#textContainer h3{margin:0; padding:2px 0px 5px 0px;}
#timeContainer{display:block; position:relative; vertical-align:top; padding:4px 0px 17px 5px; text-align:center;}
#titleSelectDropDown{margin-bottom:10px;}
#textSelectDropDown{position: relative;left: 0px;}
#textTypeSelected{position: relative;left: 0px;top:0px; display: inline-block; margin-bottom:12px; width:72%;}
#titleTypeSelected{position: relative; left: 0px; top: 0px; display: inline-block; width:93%; text-overflow: ellipsis;}
#customTextContainer{ position: relative; top:0px; left:0px; width:100%; height:235px;}
#savedTextContainer{ position:absolute; left:0px; top: 169px; width: 330px; height: 30px;}
#CT_saveA{margin-right:5px;}
#CT_saveInput{border: 2px solid #064D77; padding: 2px 5px;}
#CT_clrBut{ position:absolute; left: 90px; top: 135px; width: 95px; height: 24px;}
#CT_subBut{ position:absolute; left:0px; top: 135px; width: 70px; height: 24px;}
#hiddenCTC{ position:relative; text-align:center; margin:0; left:2%; top:15px;}
#customTextLabel{ position:absolute; left:0px; top:-15px; font-size:18px; font-weight:900; font-family:arial;}
#customTextInput{ position:absolute; left:0px; top:8px; height:120px; width:340px; border: 2px solid #FF8505; font-family: Arial, sans-serif; line-height:17px; resize: none; padding: 5px; overflow-y: scroll;}
#timeSelectDropDown{ position: relative; left: 0px; top:0px;}
#timeTypeSelected{ position: relative; left: 0px; top:0px; display: inline-block; width:40%;}
#psContainer{ position: relative; text-align: left; margin:0 auto; top:-20px; width:630px; height:50px; margin-bottom:-90px;}
#psDiv{ position: relative; display: inline-block; left: 0px; margin-bottom: 6px; width:auto; z-index:10;}
#dsDiv{ position: relative; display: inline-block; left: 0px; margin-bottom: 10px; width:auto; z-index:10;}
#keyLayoutDropDown{ position: relative; display: inline-block; text-align:left; left: 0px; margin-bottom: 56px; width:370px;}
#keyLayoutSelected{ position: absolute !important; left: 0px; top:27px;}
/* TEXT/TIME SELECTION END*/

/* TEXT INFO START*/
#textInfo{ text-align:left; padding:12px; left:0px; width:100%; position: relative; border-bottom: 1px solid #A4D3E3; margin-bottom: 16px;}
span.textInfoDisplay{font-weight:normal;}
#textTitleDisplay{font-style:italic; font-weight:bold;}
/* TEXT INFO END*/

.astrix{ font-size: 18px; vertical-align: super;}
.tooltip{ font-family: arial; background-color: rgb(255, 194, 82); border: 2px solid rgb(207, 114, 0); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; width:380px; height:135px; line-height: 22px; padding-top:30px; z-index: 1001;}
#ttFeatures{ position:relative; text-align: center; margin: 0 auto; margin-top:100px; clear:both; width:75%; max-width:1100px; height:auto; border-top: 2px solid orange; left:0px;}
#ttPractice{ position:relative; text-align: center; margin: 0 auto; clear:both; width:70%; max-width:800px; height:auto; left:0px;}
#ttPractice h2{margin:35px 0 20px 0;}
#ttFeatures .grid ul li h3 {font-size:1.6em;}
#ttFeatures .grid ul > li > span {display:inline-block; border-top: 1px solid #D2D2D2; padding-top: 5px;}
#ttFeatures .grid li:before{color:#FE7917;}
#ttFeatures .grid ul li p {margin:4px 5px 0px 10px;}
#ttFeatures .grid {margin:0 0 -25px 0;}
.checkList, .arrowList {padding: 0 20px;}
.checkList h3, .arrowList h3{font-weight:bold;margin: 4px 0px 5px 35px;position: relative;display: inline-block;}
.checkList p, .arrowList p{margin:0px 0px 10px 35px;line-height:1.5;}
.checkList>li {text-align:left; list-style-type:none; background:url('../images/gr_chk_vsm.png') no-repeat 0 5px;margin:0 0 30px 0;}
.arrowList>li {text-align:left; list-style-type:none; margin:0 0 30px 0;}
.arrowList>li:before {content: "\0BB"; font-size:20px; font-weight:bold;}
.arrowList h3 {margin-left:8px;}
.boldFont, .bold{font-weight: bold;}

html {position:relative; min-height:100%; font-size:16px;}
body {/* margin:0 0 540px;*/ }
footer{ color:white; clear:both; position: absolute; left: 0; bottom: 0; height: 490px; z-index: 100; width: 100%; min-width: 320px; background: rgb(3, 44, 59);}
footer a {color:rgb(219, 142, 0) !important;}
footer h3{padding-bottom:10px;}
#centFoot{border-right: 1px solid rgb(82, 105, 126);border-left: 1px solid rgb(82, 105, 126);}
#footGrid1 {margin:0;}
footer ol li {text-align: left;margin-left: 42%; list-style-type: decimal;}
#updatesUL li{margin:15px 14%; text-align: left;}

/* Wordpress Nav Menu START */
#main-header { top: 0px; left: 0px; padding: 0px 9px 0px 0px; background-color: #64b4cf; position: fixed; width:100%; min-width: 320px; right:0px; margin: 0; box-sizing:border-box; z-index: 1000; border-bottom: 2px solid #333; margin-bottom:25px; box-shadow: 0px 0px 17px 2px #3b3b3b;}
#logo, #slogan { float: left; }
#slogan { font-style: italic; color: #333; padding-top: 20px; padding-left: 15px; }
#top-logo {z-index: 1001; position: fixed; padding-left: 10px; top: 0px; left: 0px;}
#top-navigation { float: right; padding: 0; line-height: 1; }
#top-navigation nav { float: left; }
#top-navigation li  { display: inline-block; margin-top: 3px; margin-bottom:1px;vertical-align:text-bottom;}
#top-navigation a { color: #333; font-weight: 400; text-decoration: none; /*padding: 14px 18px;*/ display: block; position: relative; }
#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, #top-navigation > ul > li > a:focus, .mobile_nav { color: #fff; background-color: #ff8a1d; -webkit-box-shadow: inset 0 0 30px #d9531f; -moz-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f; }

/* START - better nav hover techniques */
#top-navigation > ul > li > a:hover + ul, #top-navigation > ul > li > ul:hover, #top-navigation > ul > li > a:hover + div, #top-navigation > ul > li > div:hover, #top-navigation > ul > li > a:focus + ul, #top-navigation > ul > li > ul:focus, #top-navigation > ul > li > a:focus + div, #top-navigation > ul > li > div:focus, .mobile_nav { visibility: visible !important; display: block !important;}
#top-navigation div.sub-menu{position: absolute; right:8px; width:370px; height:auto; background-color: #EDF7FA; padding: 25px 30px 5px 30px; border: 2px solid rgb(152, 200, 223); color: rgb(20, 80, 136); box-shadow: 4px 7px 24px -6px rgba(0,0,0,0.48);}
#top-navigation div.sub-menu div a{display: inline-block; text-decoration: underline; color: blue;}
#top-navigation ul li:hover ul, #top-navigation ul li:hover div {display:block !important; visibility: visible !important;}
#top-navigation ul ul:hover + a, #top-navigation ul div:hover + a, #top-navigation #manualHover{color: #fff !important; background-color: #ff8a1d; -webkit-box-shadow: inset 0 0 30px #d9531f; -moz-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f;}
#top-navigation .socialLogin {text-align: center; margin: 10px auto; display: block;}
#top-navigation .socialLogin a {display:inline-block;}
#top-navigation .socialLogin a:hover img {opacity:0.8;}
/* END - better nav hover techniques */

/* START - from menuGeneral.css */
.cf:before,.cf:after{content: " "; display: table;}
.cf:after{clear:both;}
.right {float:right;}
.left {float:left;}
.largeBtn{padding: 10px 40px; font-size: 20px; font-weight: bold !important; text-decoration: none !important;}
.mediumBtn{padding: 7px 25px; font-size: 18px; font-weight: bold !important; text-decoration: none !important;}
.smallBtn{padding:3px 12px; font-size:14px; text-decoration: none !important;}
.fullWidth{width:100%;}
.flatBlueBtn{color: white;text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #2577AD; border: 0; border-bottom: 2px solid #095C93;cursor: pointer; -webkit-box-shadow: inset 0 -2px #095C93; box-shadow: inset 0 -2px #095C93; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.flatBlueBtn:hover { color: #f2f2f2; background: /*#1E87CD*/#095C93;}
.flatBlueBtn:active {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none;}
.submitButtonCarrot {color: white !important; text-align: center; background-color:#e67e22;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #9e5618;display:inline-block;cursor:pointer;font-family:arial;border-bottom: 2px solid #9e5618; box-shadow: inset 0 -2px #9e5618; text-shadow:0px 0px 8px #CD7120;}
.submitButtonCarrot:hover {color: #f2f2f2; background-color:#d6670d;}
.submitButtonCarrot:active {	position:relative;top:1px;}
.widget{margin-bottom:20px; box-sizing: border-box;}
.widget h4, .widget h3{text-align:left; margin:0 0 10px 0; padding: 0 5px; border-bottom:1px solid #ddd;}
.widget .inner{margin:0 10px;}
.widget div{text-align: left; font-size:0.8em;}
.widget div.message{font-size:1em; line-height:1.3em;}
.widget form div{font-size:1em; padding:4px 0;}
.widget form div.alignInput label {width:68px; padding-right:3px;}
.widget form div.checkbox label { display: block; padding-left: 15px; text-indent: -15px;}
.widget form div.checkbox input { width: 13px; height: 13px; padding: 0; margin: 0; vertical-align: middle; position: relative; top: -1px;}
.widget div.field input {width:100%;}
#top-navigation div.sub-menu div.widget div ul{position:relative; width: 100%; margin-top: 15px; border: 1px solid rgb(60, 150, 179);}  
#top-navigation div.sub-menu div.widget div ul li a{font-size:1.12em; text-decoration:none; color: inherit;}
.bigTxt {font-size: 1.6em;}
.note {font-size:0.9em;}
.noteSmall {font-size:0.7em; font-weight:normal;}
form div{padding:8px 0;}
div.field input{font-size:1.1em; padding:6px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: 1px solid #8BA2B3; width:100%;}
form div.alignInput label {width:180px; display:inline-block; text-align:right; padding-right:5px;}
#formErrors {padding:2px 0 10px 0; font-weight: bold; color: red; border-bottom: 1px solid #eee; width: 60%; margin: 0 auto 10px auto;}
form #formErrors {border: none;}
#formInfo{padding: 10px 0; margin: 0 auto 15px auto; font-weight: bold; color: rgb(236, 137, 33); border-bottom: 1px solid #eee; width: 50%; margin: 0 auto 10px auto;}
.sub-menu #formInfo, .sub-menu #formErrors, .widget #formErrors{width:100%;}
/* END - from menuGeneral.css */


#top-navigation li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a { font-weight: 800; color: #F0F0F0; background-color: #005E7C; }
#top-navigation li.current-menu-item > a:hover { color: #fff; }
#top-navigation > ul > li > a, #footer-bottom li a { overflow: hidden; height: 54px; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
span.menu_slide, span.main_text { display: block; position: relative; padding: 18px; }
li.menu_2line {top:-4px;}
li.menu_1line a {top:3px;}
span.menu_2line{ display: inline-block; opacity: 1; top: 5px; line-height: 1.4; text-align: center; padding: 0px 22px; }
span.sf-sub-indicator { margin-left: -7px; left: -14px; position: relative; font-size: 0.8em; }
.bottom-nav span.menu_slide, .bottom-nav span.main_text { padding: 23px 20px; }
#top-navigation .current {font-weight: bold; color: #F0F0F0; background-color: #005E7C;}
#top-navigation .current a {font-weight: bold; color: #F0F0F0;}
#top-navigation .current span {font-weight: bold; color: #F0F0F0;}
#top-navigation .sub-menu {width:215px; -webkit-box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.48); -moz-box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.48); box-shadow: 0px 0px 24px -6px rgba(0,0,0,0.48); background-color:rgb(232, 244, 252); top: 57px;}
#top-navigation .sub-menu li {width:100%; height: 100%; margin:-1px -1px;border:none; text-align: left;}
#top-navigation #et_mobile_nav_menu .sub-menu li{height:auto; text-align:center; padding:0; margin:0;}
#top-navigation .sub-menu li a {height:100%; width:100%; padding: 17px 10px; font-size: .9em; margin:-1px -1px;border:none;}
#top-navigation #et_mobile_nav_menu .sub-menu li a{height: auto; padding:0; margin:0;}
#top-navigation .sub-menu li:hover {background-color:#ff8a1d; }				
#top-navigation .sub-menu li:hover a{color: white; padding-left: 20px; font-weight:bold;}

#top-navigation #et_mobile_nav_menu { display: none; }
#top-navigation #et_mobile_nav_menu #mobile_pages_menu { height:auto; font-size:1.3em; border: 2px solid rgb(152, 200, 223);}
#mobile_pages_menu li:not(:last-child){border-bottom: 1px solid #A1C3D0;}
#menu-main li ul, .et_mobile_menu {z-index: 9999; width: 238px; background: #fff; -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.04); -moz-box-shadow: 0 3px 4px rgba(0,0,0,0.04); box-shadow: 0 3px 4px rgba(0,0,0,0.04); display: none; border: 1px solid #e9e9e9;}
#menu-main li ul {position: absolute; }
.has-sub-menu span:hover > ul, .has-sub-menu span ul:hover { visibility: visible; display: block;}

.circle-image{display:inline-block; vertical-align:text-top; width:80px;height:80px;-webkit-border-radius: 30%;border-radius: 30%; margin:-15px 15px -15px 0px; border:2px solid #005e7c;}
#loggedInInfo .circle-image{width:28px; height:28px; margin: -3px 1px 0 1px; border:none;}
#userMenu .circle-image{margin:-10px 10px 0px -10px; width:40px;height:40px; border-width:1px;}
#rightSkyAd{position:absolute; width:150px; height: 600px; left:50%; margin-top: 48px; z-index: 999; margin-left:343px;}

#mobileTextArea{
	/*visibility: hidden;*/
	display: inline-block;
    position: absolute;
    top: -200px;
    left: 0px;
    z-index: 0;
    background: transparent;
	background: white;
    border: none;
    /* font-family: TexGyreCursor-Bold, Courier, monospace; */
    font-size: 25px; 
    /* font-weight: bold; */
    
	color: blue;
    width: 668px;
    height: 162px;
	
	color: transparent;
	top:0px;}
	

@media only screen and ( min-width: 1200px ) {
	#rightSkyAd{width:300px; margin-left:280px;}
	#cc_offset{padding-right: 280px;}
}

@media only screen and ( max-width: 1199px ) {
	#heading h1{font-size:1.8em; width:57%; top:8px;}
	#heading span{top:-32px;}
	span.menu_2line{padding:0px 15px;}
	#ttFeatures{left:158px;}
}



@media only screen and (max-width: 1018px){
	#heading{left:-75px;}
	#heading a{font-size:0.8em;}
	#heading h3{margin: 0px 6px;}
	#heading h1{font-size:1.6em; padding:32px 10px 10px 20px; top:4px; width: 60%;}
	#heading span{padding-right:6px; top:-36px;}
	#centerConsole{margin-top:142px;}
	#rightSkyAd{background:red;}
	#ttFeatures{width:68%; left:98px;}
	#logo{height: 59px; width: 294px;}
	span.menu_2line{padding:0px 15px;}
}



@media only screen and (max-width: 895px){
	#top-navigation .sub-menu{width:340px; right:138px;}
	#heading{height:118px;}
	#heading h1{width:100%; top:-2px;}
	#heading span{text-align:right; top:-1px;}
	#centerConsole{margin-top:180px;}
	#gpDiv{ margin-top: 80px; margin-bottom: -105px; margin-right: 20px;}
	#textInfo{width:408px;}
	#menu-main > li {display:none;}
	#menu-main #userMenu, #menu-main #et_mobile_nav_menu{display:inline-block;}
	#heading h1{font-size:1.6em; }
	#ttFeatures{ width: 75%; left: 64px;}
	#ttPractice{width: 52%; left:60px;}
	/*#logo{height:31px; width:157px;}*/
	#centFoot{border: none; border-top: 1px solid rgb(82, 105, 126); border-bottom: 1px solid rgb(82, 105, 126); padding-bottom:25px;}
	body{/*margin:0 0 628px; */}
	footer{height:578px;}
}
@media only screen and (max-width: 830px){
	.grid-pad [class*='col-']:last-of-type {padding-right: 0px !important;}
	#rectAd{margin-left:-282px;}
	#centerContent{
		width: auto;
		margin-left: -27px;
		-ms-transform: scale(0.9,0.9);
		-webkit-transform: scale(0.9,0.9);
		transform: scale(0.9,0.9);
	}
	/**#centerConsole.expanded #centerContent {height: 855px; margin-top: -26px;}**/
}

@media only screen and (max-width: 820px), (max-height: 800px) {
	#main-header{position:absolute; width:100%;}
	#top-logo{position:absolute;}
}

@media only screen and (max-width: 740px){
	#leadAd{width:320px; height:100px;}
	#rectAd{width:320px; height:50px; margin-left: -80px; margin-top: -169px;}
	#textInfo{margin-left: 80px;}
	#timeSelectContainer, #psContainer, #keyLayoutContainer, #hiddenCTC{width:320px;}
	#textSelectDropDown{margin-left:250px;}
	#textSelectDropDown, #timeSelectDropDown, #psDiv, #dsDiv, #keyLayoutDropDown{margin-left:95px;}
	#textSelectContainer{width:382px;}
	#hiddenCTC{left:40%;}
	#centerContent{ 
		margin: 0 auto 104px -51px;
		-ms-transform: scale(0.8,0.8);
		-webkit-transform: scale(0.8,0.8);
		transform: scale(0.8,0.8);
	}
	/**#centerConsole.expanded #centerContent {height: 847px; margin-top: -51px;}**/
	[class*='col-']{width:100%;}
}

@media only screen and (max-width: 660px){
#ttFeatures{ width: 67%; left: 83px;}
#ttPractice{ left: -93px; margin-top: 25px; width: 45%;}
#centerContent{ 
	margin: 0 auto 59px -36px;
	padding: 0px;
	-ms-transform: scale(0.7,0.7);
	-webkit-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
}
#centerConsole.expanded #centerContent {height: 802px; margin-top: -69px;}
}

@media only screen and (max-width: 575px){
#leadAd{top: 0px; left:107px;}
#loggedInInfo, #askToLogin{width:78%;top:17px; left:107px; margin-bottom:-53px;}
#rectAd{margin-top:-158px; margin-left: -47px;}
#ttFeatures{ width: 443px; left: 108px;}
#ttPractice{width: 400px; left:105px;}
#centerContent{ 
	padding-top:20px;
	margin: 0 auto 35px -36px;
	-ms-transform: scale(0.6,0.6);
	-webkit-transform: scale(0.6,0.6);
	transform: scale(0.6,0.6);
}
/**#centerConsole.expanded #centerContent {height: 802px; margin-top: -69px;}**/
#divBackWrap{width:760px; height: 303px; margin:0 auto -290px 103px;
background-color: #084563;
background-image: -webkit-gradient(linear, 0 0, 110 457, from(#074d70), color-stop(0.014, #074d70), color-stop(0.014, #074c70), color-stop(0.022, #074b6f), color-stop(0.024, #064d77), color-stop(0.127, #064972), color-stop(0.133, #06476d), color-stop(0.142, #064468), color-stop(0.146, #064367), color-stop(0.146, #054165), color-stop(0.163, #053955), color-stop(0.163, #05354f), color-stop(0.165, #05324b), color-stop(0.167, #052e41), color-stop(0.169, #053148), color-stop(0.218, #053d5f), color-stop(0.225, #053e61), color-stop(0.231, #053f63), color-stop(0.238, #054064), color-stop(0.239, #053c5c), color-stop(0.246, #054166), color-stop(0.257, #054268), color-stop(0.267, #05436a), color-stop(0.359, #053e60), color-stop(0.704, #053f62), color-stop(0.746, #054167),  color-stop(0.789, #054269), color-stop(0.813, #054064), color-stop(0.874, #05334d), color-stop(0.883, #052f45), color-stop(0.883, #05324b), color-stop(0.887, #053955), color-stop(0.90, #054164), color-stop(0.915, #06476d), color-stop(0.938, #064d77));
background-image: -webkit-linear-gradient(282deg, #074d70, #074d70 1.4%, #074c70 1.4%, #074b6f 2.2%, #064d77 2.4%, #064972 12.7%, #06476d 13.3%, #064468 14.2%, #064367 14.6%, #054165 14.6%, #053955 16.3%, #05354f 16.3%, #053148 16.9%, #053d5f 21.8%, #053e61 22.5%, #053f63 23.1%, #054064 23.8%, #053c5c 23.9%, #054166 24.6%, #054268 25.7%, #05436a 26.7%, #053e60 35.9%, #053f62 70.4%, #054167 74.6%, #054269 78.9%, #054064 81.3%, #05334d 87.4%, #052f45 88.3%, #05324b 88.3%, #053955 88.7%, #054164 90%, #06476d 91.5%, #064d77 93.8%);
background-image: -moz-linear-gradient(282deg, #074d70, #074d70 1.4%, #074c70 1.4%, #074b6f 2.2%, #064d77 2.4%, #064972 12.7%, #06476d 13.3%, #064468 14.2%, #064367 14.6%, #054165 14.6%, #053955 16.3%, #05354f 165.3%, #053148 16.9%, #053d5f 21.8%, #053e61 22.5%, #053f63 23.1%, #054064 23.8%, #053c5c 23.9%, #054166 24.6%, #054268 25.7%, #05436a 26.7%, #053e60 35.9%, #053f62 70.4%, #054167 74.6%, #054269 78.9%, #054064 81.3%, #05334d 87.4%, #052f45 88.3%, #05324b 88.3%, #053955 88.7%, #054164 90%, #06476d 91.5%, #064d77 93.8%);
background-image: -o-linear-gradient(282deg, #074d70, #074d70 1.4%, #074c70 1.4%, #074b6f 2.2%, #064d77 2.4%, #064972 12.7%, #06476d 13.3%, #064468 14.2%, #064367 14.6%, #054165 14.6%, #053955 16.3%, #05354f 16.3%, #053148 16.9%, #053d5f 21.8%, #053e61 22.5%, #053f63 23.1%, #054064 23.8%, #053c5c 23.9%, #054166 24.6%, #054268 25.7%, #05436a 26.7%, #053e60 35.9%, #053f62 70.4%, #054167 74.6%, #054269 78.9%, #054064 81.3%, #05334d 87.4%, #052f45 88.3%, #05324b 88.3%, #053955 88.7%, #054164 90%, #06476d 91.5%, #064d77 93.8%);
background-image: linear-gradient(168deg, #074d70, #074d70 1.4%, #074c70 1.4%, #074b6f 2.2%, #064d77 2.4%, #064972 12.7%, #06476d 13.3%, #064468 14.2%, #064367 14.6%, #054165 14.6%, #053955 16.3%, #05354f 16.3%, #053148 16.9%, #053d5f 21.8%, #053e61 22.5%, #053f63 23.1%, #054064 23.8%, #053c5c 23.9%, #054166 24.6%, #054268 25.7%, #05436a 26.7%, #053e60 35.9%, #053f62 70.4%, #054167 74.6%, #054269 78.9%, #054064 81.3%, #05334d 87.4%, #052f45 88.3%, #05324b 88.3%, #053955 88.7%, #054164 90%, #06476d 91.5%, #064d77 93.8%);
-webkit-box-shadow: -6px 75px 62px -57px black; -moz-box-shadow: -6px 75px 62px -57px black; box-shadow: -6px 75px 62px -57px black; 
-webkit-box-shadow: -6px 71px 40px -57px black; -moz-box-shadow: -6px 71px 40px -57px black; box-shadow: -6px 71px 40px -57px black; 
-webkit-box-shadow: -6px 72px 54px -57px black; -moz-box-shadow: -6px 72px 54px -57px black; box-shadow: -6px 72px 54px -57px black; 
border: 7px solid #1A587B; border-radius: 36px 36px 36px 36px; -moz-border-radius: 36px 36px 36px 36px; -webkit-border-radius: 36px 36px 36px 36px;}
/**#centerConsole.expanded #divBackWrap{height: 863px; top: 561px; margin: -677px auto -290px 103px;}
#centerConsole.expanded #centerContent {height: 682px; margin-top: 2px;}**/
#divBackTop, #divBackBottom, #divBackStripe{display:none;}
#textInfo{margin-left:155px;}
}

@media only screen and (max-width: 525px){
	#top-navigation {margin-top: 40px;}
	#top-navigation .sub-menu{top: 97px; right:58px;}
	#main, #menuContainer{top: 74px;}
	#centerConsole {margin-top: 210px;}
	#heading h1{font-size:1.3em;}
}


@media only screen and (max-width: 450px){
	#top-navigation div.sub-menu{width:310px; right:18px;}
	#heading h1{font-size:1.1em;}
	#heading span {font-size: 0.9em; top: 3px;}
	#leadAd{left:140px;}
	#rectAd{margin-left:13px; margin-top:-191px;}
	#loggedInInfo, #askToLogin{width:310px; left: 161px;}
	#centerContent{ 
		margin: 0 auto 44px auto;
		padding-top:0px;
		-ms-transform: scale(0.5,0.5);
		-webkit-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
	}
	#textSelectDropDown, #timeSelectDropDown, #psDiv, #dsDiv, #keyLayoutDropDown {margin-left: 153px;}
	#centerConsole, #centerContent, #textInfoDiv{width:320px;}
	#textInfo{width:320px;}
	/**#centerConsole.expanded #divBackWrap {height: 863px; top: -47px; margin: -117px auto -895px 103px;}**/
	#ttFeatures{width: 380px; left: 149px;}
	#ttPractice{left: 150px;}
	body{/*margin: 0 0 651px;*/}
	footer{height:616px;}
	#footer{font-size:0.8em;}
}

@media only screen and (max-width:400px){
	#top-navigation{margin-top: 40px;}
	#top-navigation .sub-menu{width:270px; left:auto;}
	#heading{width:76%;}
	#heading h1{padding: 32px 5px 10px 25px;}
	#heading span{top:4px;}
	#heading h3{margin:0px 3px;}
	#heading a{font-size:0.8em; padding: 2px 7px;}
	#loggedInInfo, #askToLogin{left: 153px;margin-bottom: -83px;}
	#centerContent{ 
		margin: 0 auto 20px 19px;
		padding-top: 20px;
		-ms-transform: scale(0.4,0.4);
		-webkit-transform: scale(0.4,0.4);
		transform: scale(0.4,0.4);
	}
	/**#centerConsole.expanded #centerContent {height: 573px; margin-top: 2px;}
	#centerConsole.expanded #divBackWrap {height: 871px; top: -36px; margin: -143px auto -893px 103px;}**/
	#textSelectDropDown, #timeSelectDropDown, #psDiv, #dsDiv, #keyLayoutDropDown {margin-left: 153px; font-size: 0.8em;}
	#rectAd{margin-left:0px; margin-top:-173px;}
	#ttFeatures{width: 320px; left: 138px;}
	#ttFeatures .grid ul li h3 {font-size:1.3em;}
	#ttPractice {width: 285px; left: 137px;}
}

@media only screen and (max-width:350px){
	#top-navigation .sub-menu{width:270px; left:20px;}
	#heading span{top: -10px; padding-right: 1px;}
	#loggedInInfo, #askToLogin{left: 148px;}
}

@media only screen and ( min-width: 960px ) and ( max-width: 1030px ) {
.container { width: 728px; }
#slogan { display: none; }
#main-header { text-align: center; }
.nav li li { text-align: left; }
#logo { float: none; }
#top-logo img {height:60px;width:300px; }
}
/*
@media only screen and ( min-width: 802px ) and ( max-width: 959px ) {
#top-logo img {height:43px;width:191px; }
}

@media only screen and ( max-width: 801px ) {
#menu-main {margin-top:53px;}
#centerConsole{margin-top:277px;}
#main, #menuContainer{top:118px;}
#affAd {top:142px;}
#menu-main{display:none;}
#et_mobile_nav_menu{display:block;}*/
/*#wrapHeading{margin-top:138px;}*//*
}*/

/*@media only screen and ( max-width: 640px ) {
#menu-main {margin-top:53px;}
#centerConsole{margin-top:377px;}
#main, #menuContainer{top:218px;}
#affAd {top:242px;}
#wrapHeading{margin-top:238px;}
}*/
/*
@media only screen and ( min-width: 1919px ) and ( max-width: 2561px ) {
#body-area { padding-top: 100px; }
}*/

/*Mozilla only*/
@-moz-document url-prefix() {
#line_input {font-family: Courier-New, monospace;}
div.blockLines{font-family: Courier-New, monospace;}
}
