﻿/************* standard elements ***************/
* {margin:0; padding:0;} /* reset CSS */
body {font:100%/140% 'helvetica neue',sans-serif; font-size: .9em; background-color:White; padding:40px;}
html, body {height:100%; }
h1 { font-size: .8em; letter-spacing:3px; text-transform:uppercase;padding-top:4px; padding-bottom:4px; }
h2 { font-size: 1em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:3px; text-transform:uppercase;}
h3 { font-size: .9em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:3px; text-transform:uppercase;}	
h4 { font-size: .8em; margin-top: 1px; margin-bottom: 1px; text-align: center; letter-spacing:1px;}
h5 { font-size: .7em; letter-spacing:1px; margin-bottom: 1px; text-align: center; letter-spacing:1px;}

ol { font-size: .9em; font-weight: bold; padding:10px; vertical-align:bottom; }
ul { font-size: .9em; font-weight: bold; text-align: left;} 
a{color:#6E6E6E;text-decoration:none;outline:none; font-weight:300;}
a:hover{color:#2E2E2E; font-weight:300;}
table {width:100%; vertical-align:top;}
div {padding: 1px 1px 1px 1px; background-color:inherit;}
td {vertical-align:top; text-align:left;}
tr {vertical-align: top; text-align:left;}

/************* object specific core classes ***************/
li.tracks {font-size: .9em; margin-top: 2px; margin-bottom: 2px;}

/************* custom elements ***************/
.divMaster {width: 700px; height: 460px; border: solid 1px #A4A4A4; padding:10px 4px 8px 10px; background-color:inherit;}
.divCenter{text-align:center; position:absolute;}
.divWrapper{height:400px; width: 500px; overflow:auto; }
.divStatusBarWrapper {z-index:1; top:250px; left:240px; background-color:white; position:absolute; color:White; border: solid 1px #A4A4A4; text-align:center; width:320px; padding:8px;}
.divDiscoveryWrapper{width:410px;}
.divWimpyWrapper{left:160px; top:60px; position:absolute;z-index:1; font-size: 9.7pt;}
.divContactWrapper{left:620px; top: 290px; position:absolute; font-size: 9.7pt;}
.divFloatLeft{float:left; width:202px; border:solid 1px #A4A4A4;}
.divFloatRight{float:right; width:180px;}
.divBuy{padding:0px 0px 0px 65px;}
.divVideo{position:absolute; left:190px; top:120px;}
.tdLeft {width:200px; }
.tdRight {width:500px}
.tdContact{width:100px}
.alignBottom{vertical-align:bottom;}
.alignMiddle{vertical-align:middle;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.imageButton {border:solid 40px black}
.image{background:white; width:200px; height:200px; padding:1px 1px 0px 1px;}
.txtCopyright{font-size:x-small}
.accordionHeaderSelected{display:none;}
.accordionHeader{color: #6E6E6E; font-size: 10px; font-weight: bold; cursor: pointer;}
.accordionContent{font:100%/140% 'helvetica neue',sans-serif; font-size: .9em;}
.textboxStandard{width:285px; background-color: #F7F7F7; padding:4px; color:Black;}
.textboxMultiLine{width:400px; height:150px;  background-color: #F7F7F7; padding:4px; color:Black;}
.textboxStandardError{width:285px; color:black;  background-color: red; padding:4px;}
.textboxMultiLineError{width:400px; color:black; height:150px;  background-color: red; padding:4px;}
.textWatermark{font-style:italic; color: Silver; padding:4px; width:285px; background-color: #F7F7F7;}
.textWatermarkMultiline{font-style:italic; color: Silver; padding:4px; background-color: #F7F7F7;width:400px; height:150px;}
.buttonSend{width:80px; height:25px;}
.panelMenuSelected{background-color:#F2F2F2; width:130px; font-weight:bolder}
.panelMenuStandard{background-color:Transparent}

.buttonwrappersmall
{
	overflow: hidden; 
	width: 10%;
	text-align:center;
	width:50px;
}
a.squarebutton
{
	background: transparent url('../../App_Images/Shared/square-green-left.gif') no-repeat top left;
	display: block;
	float: inherit;
	font: bold 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: black; /*button text color*/
}
a.squarebutton span{
	background: transparent url('../../App_Images/Shared/square-green-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}
a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #67a;
}