
small {
	color: #F00;
}

td {
	padding: 0 0 15px;
}

#selfregistrationon {
	position: absolute;
	top: 200px;
	left: 150px;
	color: #4782AD;
	font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 10px;
	background-color:#fff; border:3px solid #eee;
	height: 269px;
	width:500px;
}

#resellermessage {
	color: #4782AD;
	font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 10px;
	background-image:url('../images/training-and-demo-center/dede-4-form.jpg');
	background-repeat:no-repeat;
	height: 269px;
}
#resellermessage .short{
	width:300px;
}

input[type="submit"] {
	background-color: #5d5d5d;
	border:medium none;
	padding:5px 15px;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 14px !important;
	font-weight: bold;
}

input[type="submit"]:hover {
	background-color: #000;
}
#trainingregistration {
	margin-bottom:12px;
	/*padding:0px;
	margin:0px;
	background-image:url('../images/training-and-demo-center/dede-4-form.jpg');
	background-repeat:no-repeat;	
	
	background-position:right bottom;
	height:196px;
	position:relative;
	bottom:9px;*/
}
#trainingregistration label{
	width:115px;
	display:block;
	float:left;
}
#trainingregistration div{
	margin-left:20px;
	margin-bottom:8px;
}

#banana {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:15px 30px 30px 30px;
}

#banana h2 {
	color:#4782ad;
	margin:0 0 12px 0;
}

#banana tr td {
	border-bottom:solid 1px #cccccc;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#banana tr td a{
	color:#333333 !important;
	font-weight:bold;
	text-decoration:none;
}

#banana tr td a:hover {
	color:#4782ad !important;
}

#banana table {
	width: 400px;
	margin-bottom: 28px;
}

#banana table tr th {
	padding-bottom: 4px;
	border-bottom:solid 1px #cccccc;
	color:#666666;
}

#banana table tr td {
	padding-top: 6px;
	padding-bottom: 7px;
	border-bottom:solid 1px #cccccc;
}

.companylist  ul{
	padding-left:1em;
	margin-left:1em;
}

.companylist  ul li{
	padding-left:0;
	margin-left:0;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 7px;
    padding-top: 6px;
	list-style: none;
}

.companylist  ul li a{
	color: #333333;
	#font-weight: bold;
	text-decoration: none;
}

.companylist  ul li a:hover{
	color: #4782AD !important;
}

/*******************************************************************************************
	All of the selectors below must be included on any Total Control Page. These
	values must also be entered into the TCP configuration page in order for 
	the WYSIWYG content to match the actual page content.

	Feel free to change any of the properties and values within the selectors 
	unless otherwise noted.
*******************************************************************************************/

.upgrade{
	margin:0 9px;
	color:#4782ad;
	text-decoration:none;
	font-weight:bold;
	/*color:#333 !important;*/
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	padding:15px 10px 10px;
	width: 150px;
	float: left;
}

.bronze {
/*
	background-color: #df964d;
	color: #000;
*/
    background-color: #005C9B;
    color: #FFFFFF;
    margin: 50px 10% 10px;
    padding: 2%;
    width: 80%;
}
.bronze p {
	font-family: Ariel, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: white;
}

.bronze h2 {
	text-decoration: none;
	text-align: center;
	padding: 0 0 15px;
	color: #FFFFFF
}

.bronze li {
	color: #FFFFFF
}

.silver {
/*
	background-color: #bdbfbf;
	color: #000;
*/
	background-color: #58585a;
	color: #ffffff;
}

.silver h2 {
	text-decoration: underline;
	text-align: center;
	padding: 0 0 15px;
	color: #FFFFFF
}

.silver li {
	color: #FFFFFF
}

.gold {
/*
	background-color: #d9c653;
	color: #000;
*/
	background-color: #231f20;
	color: #ffffff;
}

.gold h2 {
	text-decoration: underline;
	text-align: center;
	padding: 0 0 15px;
	color: #ffffff;
}

.gold li {
	color: #FFFFFF
}

.platinum {
	background-color: #8babcf;
	color: #000;
}

.platinum h2 {
	text-decoration: underline;
	text-align: center;
	padding: 0 0 15px;
}

.unlimited {
	background-color: #555;
	color: #fff;
}

.unlimited h2 {
	text-decoration: underline;
	text-align: center;
	padding: 0 0 15px;
	color: #fff;
}

.requestbtn {
	background-image: url(../images/button.png);	
	display:block;
	height:51px;
	margin: 10px 10px 0;
	width:128px;
}

.requestbtn:hover {
	background-image: url(../images/button-hover.png);	
}

#demos {
	width: 100%;
}
#demos .masthead {
	clear:both;
	width:100%;
	height:37px;
	border-bottom:1px solid #666666;
}
#demos .left {
	float:left;
	width:214px;
	height:41px;
	position:relative;
	bottom:4px;
}
#demos .left a {
	display:block;
	background-image:url('../images/training-and-demo-center/red_button_bg_norm.jpg');
	background-repeat:no-repeat;
	width:214px;
	height:41px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	padding-top:7px;
}
#demos .left a:hover {
	display:block;
	background-image:url('../images/training-and-demo-center/red_button_bg_roll.jpg');
	background-repeat:no-repeat;
	width:214px;
	height:41px;
	color:#f0d9d9 !important;
	text-align:center;
	text-decoration:none;
	padding-top:7px;
}
#demos .right{
	float:right;
	width:322px;
	height:41px;
	font-size:22pt;
	color:#ffffff;
	text-align:center;
	background-image:url('../images/training-and-demo-center/masthead_identifier_bg.jpg');
	background-repeat:no-repeat;
	position:relative;
	bottom:2px;
	font-family: 'HelveticaNeue W01 35 Thin', sans-serif;
}

.productlist {
	width: 35em;
	float: left;
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 8px;
	padding: 0 0 8px;
}

.productlistgraphic {
	border:1px solid #ccc;
	float:left;
	list-style:none outside none;
	margin:10px 35px 20px;
	padding:10px 20px;
	width:200px;
	height:210px;
}

.productlistgraphic:hover {
	border:1px solid #4782AD;
}
html>body #productResults{
	float:left;
	margin-bottom:10px;
}

#productResults{
	float:left;
	margin-bottom:10px;
	height:200px;
	width:66%
}

div.wrapper{
	float: left !important;
	width: 45% !important;
}

.wrapper ul li{
	list-style-type: none;
	line-height: 15px !important;
	/*margin: 0 1em 1em 0 !important;
	padding: 10px 0 0 0 !important;*/
	margin: 0;
	padding: 0;
	width: 100% !important;
}

.wrapper ul li a{
	display: inline-block; !important;
	height: 15px !important;
	overflow: hidden !important;
	text-decoration: none !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	width: 100% !important;
}

.wrapper span{
	display: none;
}


#manufacturers{
	float:left;
}
#searchbox{
	float:right;
	/*width:310px;*/
}
html>body #manufacturerBlock li {
	width:33%;
	margin:10px 0 0 0;
    padding:0 10px 0 0;
    line-height:15px;
    position:relative; /* IE needs this in order to recognize links in all columns */
}
#manufacturerBlock li {
	width:33%;
}
.schnoo {
	text-decoration: none;
	color: black !important;
}


html>body #rollover {
	/*width:670px;*/
	width:533px;
	height:180px;
	display:block;
}
#rollover {
	width:533px;
	height:180px;
}


html>body #rollover li a {
	width:100%;
	height:15px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#rollover li a {
	width:100%;
	height:5px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position:relative;
	bottom:15px;
	margin:0px !important;
	padding:0px !important;
}

#rollover li a span {
	display:none;
	
}
#thumbnailStage{
	position:relative;
	/*left:25px;*/
	left:4px;
}
.thumbnail{
	float:right; 
	/*width:259px;*/
	width:208px;
	height:200px; 
	background-image:url('../images/training-and-demo-center/demo_thmb_bg.jpg'); 
	background-repeat:no-repeat;
}

#productName{
	color:#fff; 
	font-weight:bold; 
	text-align:center; 
	margin-top:3px; 
	margin-left:12px; 
	width:190px;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
#registeredUsersLogin{
	clear:both; 
	width:70%; 
	height:90px; 
	border:1px solid #ccc;
}
#registeredUsersLogin .heading {
	display:block; 
	position:relative; 
	width:110px; 
	text-align:center; 
	background-color:#fff; 
	top:-10px; 
	left:15px;
	color:#9e0000;
	font-weight:bold;
}
#manufacturerLogo{
	border-bottom:1px solid #666666;
	margin-top:20px; 
	margin-bottom:10px;
}


.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	background-image: url(../images/formfield_bg.gif);
	border: 1px solid #ccc;
	padding-left: 2px;
}

.invisibleformfield { /* this is required for the Live Chat tool */
	visibility: hidden;
}

.buttonform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

.help {
	height: 14px; 
	width: 14px; 
	cursor: help; 
	padding: 0px 2px;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:bold;
}

.disabled {
	color: #F00; 
	text-decoration: none;
}

div#qTip {
	padding: 8px; border: 3px solid #3e85c6; display: none; background: #b8cee0;
	color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1em;	font-weight: bold;
	line-height: 150%; position: absolute; z-index: 1000;
}

/******************* FIELD SETS **********************/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
  border: 1px solid #666666;
  padding: 0;
  margin: 0 0 10px 0;
}
legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 110%;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}
dl dt {
  float: left;
  width: 24.5%; /* was 200px */
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%;/* was 200px */
	padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #ccc;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .buttonform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

.alert {
	font-weight: bold;
	color: #c00;
}

/******************* Site Specific Styles **********************/

#container {
	margin:0 auto;
	/*width:940px;*/
	width:800px;	
}

#content {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:20px 30px 30px 30px;
	
	
}

#content li {
		line-height: 1.5em;
}

#header {
	height: 102px;
	position: relative;
	margin:0 0 10px;
}

#header h1 {
	color: #909090;
	/*position: absolute;
	left: 220px;
	top: 34px;*/
	font-size: 28px;
	letter-spacing: -1px;
	margin: 40px 0 0;
	float: left;
}

#header img {
	/*position: absolute;
	left: 0px;
	top: 18px;*/
	margin: 15px 5px 0 0;
	float: left;
}


ul#topnav {
	float: right;
	list-style:none;
	margin:20px 0 0 0;
	text-align:right;
}

ul#topnav a {
	color:#4782AD;
	margin: 0 0 0 12px;
}

ul#topnav a:hover {
	color:#39698C;
}

ul#topnav li {
	margin:0 0 10px 0;
}

#headercontact {
	font-size: 12px;
	color: #346492;
}

#headercontact img{
	position: inherit;
}

.welcome {
	font-size: 18px;
	font-family:"Helvetica Neue LT",Helvetica,Arial,sans-serif;
	color:#909090;
}
#loggedin {
	width:100%;
	text-align:center;
	border-top:1px solid #ccc;
}

.loggedincontent {
	position:relative;
	bottom:30px;
	text-align:right;
}


#column1, #column2 {
	width: 460px;
	float:left;
}

.gutter {
	margin:0 20px 0 0;	
}

#plan, #video {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin:0 0 18px 0;
	padding: 20px 30px 30px 30px;
	width: 398px;
	height:96px;
}

#plan {
	background: #b3d3e3 url(../images/bg-plan.jpg) no-repeat;
}

#plan ul{
	padding: 0 0 0 30px;
}

#plan ul li{
	font-size:14px;
	list-style-type:square;
	font-style:italic;
	line-height:1.5em;
}

a.button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:url("../images/bg-button.png") no-repeat scroll 12px 11px #5D5D5D;
	color:#FFFFFF !important;
	display:inline-block;
	font-weight:bold;
	font-size:14px !important;
	margin:10px 0;
	overflow:hidden;
	padding:8px 28px;
	text-decoration:none;
} 

a:hover.button, a:hover.buttontab, button:hover {
	background:url("../images/bg-button.png") no-repeat scroll 12px 11px #000;
}

#submit {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #5D5D5D;
	color:#FFFFFF !important;
	font-weight:bold;
	font-size:14px !important;
	padding:3px 28px;
	text-decoration:none;
} 
#suggest {
	padding: 5px;
	margin-right: 8px;
}


a.buttontab, button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #a3a3a3;
	color:#FFFFFF !important;
	display:inline-block;
	font-weight:bold;
	font-size:14px !important;
	margin:10px 0;
	overflow:hidden;
	padding:6px 24px;
	text-decoration:none;
}

.domtabs li.active a.buttontab {
	background: #5d5d5d;
}

a:hover.buttontab {
	background: #000 !important; /* background color is always black on a hover */
}

.left {
	float:left;	
}

.inline-fix {
	margin-left:20px;
	position:relative;
	top:-18px;
}


#video {
	background: #c2c2c2 url(../images/bg-video.jpg) no-repeat;
}

.tab1, .tab2 {
	clear:both;
	padding:18px 30px 30px;
}

.domtabs {
	list-style-type:none;

}

.domtabs li {
/*	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;*/
	background:none repeat scroll 0 0 #EBEBEB !important;
	border-bottom:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-top:1px solid #EBEBEB;
	display:inline;
	float:left;
	height:46px;
	margin:0;
	text-align:center;
	width:228px;
}

.domtabs li.active{

	background:none repeat scroll 0 0 #fff !important;
	border-bottom:1px solid #fff;
	border-right:1px solid #AAAAAA;
	border-top:1px solid #AAAAAA;
	display:inline;
	float:left;
	height:46px;
	margin:0;
	text-align:center;
	width:228px;
}

#training ul{
	margin:0 0 24px;
}

.tab1 table,.tab2 table  {
	width: 400px;
	margin-bottom: 28px;
}

.tab1 table tr th,.tab2 table tr th{
	padding-bottom: 4px;
	border-bottom:solid 1px #cccccc;
	color:#666666;
}

.tab1 table tr td,.tab2 table tr td{
	padding-top: 6px;
	padding-bottom: 7px;
	border-bottom:solid 1px #cccccc;
}


#training h2{
	color:#4782ad;
	margin:0 0 12px 0;
}

#training ul li{
	border-bottom:solid 1px #cccccc;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#training ul li a, .tab1 table tr td a , .tab2 table tr td a, #company ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#333 !important;
}


#training ul li a:hover, .tab1 table tr td a:hover, .tab2 table tr td a:hover, #company ul li a:hover {
	color:#4782ad !important;
}


#access, #training, #company {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#access, #company {
	background:#ebebeb;
}

#access h1{
	padding:15px 23px 0 30px;
}

#training, #company {
	padding:15px 30px 30px 30px;
}

.domtab {
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#footer {
	clear:both;
	color:#BCBCBC !important;
	font-size:11px;
	margin:0 auto;
	padding:15px 0 0 10px;
	width:800px;
}

#footer p, #footer a{
	color:#9F9F9F !important;
}



/************* Text-Based Menu Styles *****************/
#navbg {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 16px 0;
 /* overall top menu width */
	height:50px; /* overall top menu height - was 27 */
	width:940px;
	background: #7F7F7F;
}

ul#nav{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 16px 0;
	padding:0 0 0 20px;
 /* overall top menu width */
	height:50px; /* overall top menu height - was 27 */
	width:920px;
	background: #7F7F7F;
	list-style: none;

}

ul#nav li{
	float:left;
	font-family:Arial,sans-serif;
	font-size:17px;
	margin:0;
	position:relative;
}

ul#nav li a {
	display: block;
	text-decoration: none;
	color: #fff !important;
	padding:8px 20px;
	margin: 6px 0 0 6px;
}
ul#nav li a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-decoration: none;
	background: #666;
	color: #FFFFFF;
}

ul#nav>li{

}

/************* Text-Based Dropdown Menu Styles *****************/
ul#nav li ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	background-color:#FFFFFF; /* dropdown menu items background */
	z-index:4;
}
ul#nav li>ul{
	top: auto;
	left: auto;
}
/* IE 6 hack */
ul#nav li:hover ul{
	margin-top:43px;
	display: block;
	background-image: none; /*TLH*/
}
ul#nav li.over ul{
	display: block;
	margin-top:43px;
}
/* undo the IE6 hack */
ul#nav > li:hover > ul{
	margin-top:44px;
	display: block;
	background-image: none; /*TLH*/
}
ul#nav > li.over > ul{
	display: block;
	margin-top:44px;
}
/* sub menu item styles */
ul#nav ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #262223; /* dropdown menu items text */
	background-color:#FFFFFF; /* dropdown menu items background */
	clear:left;
	width:200px;
	text-align:left;
	margin-left:0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	letter-spacing: 0em;
}

ul#nav ul li:hover{
	background-color:#CEE6E8;
}
ul#nav ul li a{
	display:block;
	color: #262223; /* dropdown menu items text */
	text-decoration:none;
	font-weight:normal;
	padding: 5px;
	background-image: none; /*TLH*/
}

ul#nav ul li a:hover{
	display:block;
	background-color:#E2CEA9;
	background-image: url(../images/subnav-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

html>body ul#nav ul li a:hover{
	display:block;
	background-color:#E2CEA9;
	text-decoration: none;
}

.reportform table{
	width:95%;
	margin:0pt 0pt 0pt 5%;
	border:1px solid black;
	border-collapse:collapse;
	font-family: Verdana, Arial, Helvetica, sans-sarif;
	font-size: 1em;
	line-height: 150%;
	
}

.reportform th{
	border:1px solid black;
	font-weight: bold;
}

.reportform td{
	border:1px solid black;
	padding: 0 0 0 0px;
}

.reportform a{
	text-decoration: none;
}
