/* Global Stuff */

.sanFont {
	font-family: 'Open Sans', sans-serif;
}

.fontShadow {
	text-shadow: 0px 2px 3px #555;
}

.picBorder {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	background-color:#ebebeb;
	border: solid 1px #000;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
}

.addInfo {
	/* fallback */
	background-color: #2699e7;
	background-image: url(images/gradBg.png);
	background-repeat: repeat-y;

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #7dbfec, #2699e7);

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#2699e7), to(#7dbfec));

	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(left, #7dbfec, #2699e7);

	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #7dbfec, #2699e7);
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	border: solid 1px #888;
	padding-top:10px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
}

.white, .white a {
	color:white;
}

.darkBlue {
	color:#004b7e;
}


#header {
	background-color:#5785a5;
	height:50px;
	width:100%;	
}


/* Menu Tabs */
ul.tabs {
	font-size:75%;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 50px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	width:100%;
	height: 50px;
	overflow: hidden;
	text-indent:-999px;
}

ul.tabs .homeBtn {
	background-image:url(../images/myhypertrack-logo.gif);
	width:230px;
	background-position:0px 0px;
	border:#09F;
}

ul.tabs .featuresBtn {
	background-image:url(../images/menu_01.gif);
	width:178px;
	background-position:0px 0px;
}

ul.tabs .prcingBillingBtn {
	background-image:url(../images/menu_02.gif);
	width:177px;
	background-position:0px 0px;
}

ul.tabs .getStartedBtn {
	background-image:url(../images/menu_03.gif);
	width:177px;
	background-position:0px 0px;
}

ul.tabs .contactBtn {
	background-image:url(../images/menu_04.gif);
	width:177px;
	background-position:0px 0px;
}

ul.tabs .storeBtn {
	background-image:url(../images/buttons_06.jpg);
	background-position:0px 0px;
}

ul.tabs li:hover {
	background-position:bottom;
}


html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background-position:bottom;
}


#callOut {
	background-color:#7dbfec;
	height:300px;
	width:100%;
}

.pitchBg {
	background-image:url(../images/lms-pitch-bg.png);
	height:275px;
	width:402px;
	padding-top:25px;
	padding-left:68px;
}

.callOutSmall {
	background-color:#7dbfec;
	height:150px;
	width:100%;
	margin-bottom:-10px;
}

.calloutList {
	list-style:url(/images/circle.gif);
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	color:white;
	margin-top:15px;
	padding-left:20px;
}

/* Quote Bar */

#quoteBar {
	background-image:url(../images/quoteBarTile.gif);
	height:100px;
	width:100%;
}

.fourFeatures p {
	text-align:left;
}


/* Content Area */

a.learnMore {
	background-image:url(../images/learnMore.png);
	height:49px;
	width:200px;
	background-position:bottom;
	display:block;
	margin:auto;
}

a.learnMore:active {
	background-image:url(../images/learnMore.png);
	height:49px;
	width:200px;
	background-position:top;
	display:block;
	margin:auto;
}

a.requestDemo {
	background-image:url(../images/requestDemo.png);
	height:49px;
	width:200px;
	background-position:bottom;
	display:block;
	margin:auto;
}
a.requestDemo:active {
	background-image:url(../images/requestDemo.png);
	height:49px;
	width:200px;
	background-position:top;
	display:block;
	margin:auto;
}
a.getStarted {
	background-image:url(../images/signUp.png);
	height:49px;
	width:200px;
	background-position:bottom;
	display:block;
	margin:auto;
}

a.getStarted:active {
	background-image:url(../images/signUp.png);
	height:49px;
	width:200px;
	background-position:top;
	display:block;
	margin:auto;
}

.hide {
	display:none;
}

.center {
	text-align:center;
	vertical-align:center;
}

.summaryContent {
	margin-top:10px;
	font-size: 15px;
}

.subPage {
	border: 1px solid #ccc;
	background-color:white;
	width:1000px;
	margin:auto;
	/*height:600px; /* THIS WILL NEED TO BE REMOVED */
	-moz-box-shadow: 0 0 7px 3px #ccc;
	-webkit-box-shadow: 0 0 7px 3px#ccc;
	box-shadow: 0 0 7px 3px #ccc;
	padding:30px;
}

.subPageTitle {
	padding-top:50px;
	font-family: 'Open Sans', sans-serif;
	font-size:4em;
	color: white;
	text-shadow: 0px 2px 3px #555;
}


/*------------------Pricing Page -----------*/
#pricingTable {
	width:100%;
	color:#5785a5;
}

th {
	background-color:#7DBFEC;
	border-bottom:2px solid black;
	color:black;
}

.roundRight {
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.roundLeft {
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

tr:hover {
	color:black;
}

td {
	border-bottom:solid 1px #5785a5;
}

/* --------------Payment Page ----------------*/

/* --------- FORM VERIFICATION -------------*/
.form { float:left; width:300px; background-color:#f0f0f0; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; margin:0 10px 0 0; }
.form .form-row { width:100%; margin-bottom: 10px; float:left; }
.form .label { float:left; width:100px;margin:6px 0 0 5px; }
.form .input-container { float:left; width:195px; text-align:right; }*/
    .form .input { width:180px; height:18px; border:2px solid #c4c4c4; }
    .form .textarea { width:180px; height:120px; border:2px solid #c4c4c4; font-family:Tahoma; font-size:11px; }
    .form .error-input, .form .error-both .input, .form .error-same .input { background-color:#FF0000; border-color:#BB6666; color:#660000; -moz-border-radius:3px; -webkit-border-radius:3px;}
    .form .error-div { float:right; margin:7px 10px 0 0; color:#935; font-size:10px; }
    .form .error-div-alternative { display:none; -moz-border-radius:10px; -webkit-border-radius:10px; width:800px; top:0; left:50%; position:absolute; z-index:1000; margin-left:-400px; text-align:center; font-size:16px; color:#934; padding:20px 0 20px 0; background-color:#fee; border:solid 2px #d36; border-top-width:0; }
    .form .error-same, .form .error-both { color:#fff; background-color:#b66; -moz-border-radius:3px; }


/*Ported from 09*/

#footer a {
	color:#7dbfec;
}

#footer {
	margin-top:50px;
	background-image:url(../images/footerBG.jpg);
	background-repeat:repeat-x;
	height:250px;
	background-color:#17161C;
	clear:both;
	color:white;
	padding-top:25px;
}

.footerTabs {
	list-style:none;
	line-height:2;
	font-size:1.2em;
	padding-left:150px;
	margin-top:10px;
}


/*------------------Summary Page -----------*/
.textRight {
	text-align:right;
}

.textLeft {
	text-align:left;
}

tfoot td {
	border:none;
}

.roundTop {
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
}

/* Terms of Use */
div#TOU {
	margin: 10px auto;
	border: 2px solid #aaa;
	width: 500px;
	height: 100px;
	overflow: auto;
}
div#TOU1 {
	margin: 10px auto;
	
	height: 100px;
	width: 450px;
	text-align: left;
	padding: 0px 10px;
	
}

p.standard {
	margin: 5px;
	font-size: 8px;
}

p.TOU_paragraph { margin: 5px 0; font-size: 8px;} 
.TOU_agree { font-size: 9px; width: 450px; margin: 0 auto 10px;}
p.TOU_Label {
	font-size: 10px;
	
	font-weight: bold;
	margin: 5px 0px;
}

table.zeroOut {
	width: 430px;
	border: none;
	padding:0;
	margin: 0;
}

.zeroLeft td {
	border:none;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:middle;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;

}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/information_32.png');
}

.success {
color: black /*#4F8A10*/;
background-color: #DFF2BF;
background-image:url('/images/checkmark_32.png');
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/warning_32.png');
}

.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/error_32.png');
}

select.error {
	background-image: none;
}