@charset "utf-8";

/* Global styles */

BODY {
	background:#FFF url(../images/site_gfx/background.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#505050;
}


#mainLeftDiv {
	width:75%;
	margin: 0 0px 0 10px;
	padding: 0 10px 0 0;
	float:left;
	border-right: 1px solid #ccc;
	
}
#mainRightDiv {
	margin: 0 10px 0 10px;
	float:left;
	
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.alignCenter {
	text-align:center;
}

H2 {
	font-size:24px;
	color:#02AFFF;
	line-height:39px;
	padding-top:20px;
}

H3 {
	font-size:14px;
	color:#505050;
	line-height:28px;
	font-weight:bold;
	padding-top:14px;
}

blockquote.style1 {
  	font-family: Times, serif;
	font-size: 16px;
	font-style:italic;
	color:#797979;
 	padding-left: 70px;
 	padding-top: 18px;
 	padding-bottom: 18px;
 	padding-right: 10px;
 	/*background-color: #dadada;
 	border-top: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;*/
 	margin: 20px 5px 5px 5px;
 	background-image: url(../images/site_gfx/blockquote.jpg);
 	background-position: middle left;
 	background-repeat: no-repeat;
 	text-indent: 23px;
} 

.headlineIndex {
	font-size:24px;
	color:#02AFFF;
	/*line-height:39px;*/
	padding-top:0px;
}

a:link {
	color:#466f93;
}	

a:visited {
	color:#466f93;
}

a:active {
	color:#02afff;
}

a:hover {
	color:#02afff;
}

.textOrange {
	color:#F77C00 !important;
}

.textFooter {
	font-size:12px;
	line-height:18px;
	/*font-weight:bold;*/
	padding-top:15px;
}

.textFooter a {
	color: #525d66;
}


.image {
	border: 1px solid #BBB;
	padding: 2px;	
	margin: 10px 10px 20px 20px;
	vertical-align: top;
}


hr { 
	margin-top: 20px;
	margin-bottom: 20px; 
	height:1px;
	border: 0;
	color:#CCC;
	background-color:#CCC;
	width:100%;
}

.tableContent td{
	padding:3px 10px 3px 2px;
	border:1px solid #ccc;
	margin:0px;
}

/* blog content */

.blogHeader{
	font-size:24px;
	color:#02AFFF;
	line-height:24px;
}

.blogPostedBy {
	font-size:12px;
	color:#505050;
	line-height:24px;
	font-weight:bold;
}

.blogCommentName {
	font-size:18px;
	color:#f77c00;
	line-height:24px;
	
}

.blogCommentDate {
	font-size:9px;
	color:#8f8f8f;
	line-height:12px;
	font-weight:bold;
}

/* header styles */

#headerDiv {
	/*background:url(../images/site_gfx/header.jpg) no-repeat bottom;*/
	background:url(../images/site_gfx/header_blank.jpg) no-repeat bottom;
	height:64px;
}

.subMenu {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-shadow: 1px 1px 0px #000;
	line-height: 26px;
}

.subMenu a {
	color:#FFF;
	text-shadow: 1px 1px 0px #000;
	line-height: 26px;
	text-decoration:none;
}

/* search box styles */

fieldset.search {
	border: none;
	width: 231px;
	margin: 1px 0 0 auto;
	background: #FFF;
	height:26px;
}

.search input, .search button {
	border: none;
	float: left;
	margin:0px;
}

.search input.box {
	background:url(../images/site_gfx/search.jpg) no-repeat top left;
	color: #FFF;
	width: 191px;
	height: 20px;
	padding: 6px 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

.search input.btn {
	background:url(../images/site_gfx/search.jpg) no-repeat right -26px;
	height:26px;
	float:right;
	width: 30px;
	text-indent: -9999px;
}

.search input.btn:hover {
	background:url(../images/site_gfx/search.jpg) no-repeat right top;
	height:26px;
	float:right;
	width: 30px;
	text-indent: -9999px;
}

.marker{
	background-color: #02AFFF;
	
}

/* login form styles */

fieldset.login {
	border: none;
	width: 267px;
	margin: 1px 0 0 auto;
	padding:0;
	height:26px;
}

.login input, .login button {
	border: none;
	float: left;
}

.login input.username {
	background:url(../images/site_gfx/login_left.jpg) no-repeat top left;
	color: #FFF;
	width: 107px;
	height: 20px;
	padding: 6px 0 0 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	font-size:11px;
}

.login input.password {
	background:url(../images/site_gfx/login_right.jpg) no-repeat top left;
	color: #FFF;
	width: 107px;
	height: 20px;
	padding: 6px 0 0 10px;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}

.login input.loginBtn {
	background:url(../images/site_gfx/login_button.jpg) no-repeat right;
	height:26px;
	float:right;
	width: 33px;
	
	margin:0;
}

/* menu styles */

#menuContainer {
	width:975px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	z-index:400;
}

#menuContent {
	background:#666 url(../images/site_gfx/menu_unselected_bg.jpg);
	height:43px;
	color:#FFF;
	width:909px;
	font-family:Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px 0px #000;
	font-size:12px;
}

#menuContent ul {
	list-style:none;
	padding: 0;
	margin: 0;
	z-index:500;
	
}

#menuContent li {
	float: left;
	/*height: 43px;*/
	/*width:100px;
	color:#FFF;*/
	text-decoration:none;
	position:relative;
	z-index:501;
}

#menuContent li .menuSelected{
	float: left;
	height: 43px;
	width:90px;
	background:url(../images/site_gfx/menu_selected_bg.jpg) repeat-x;
	color:#FFF;
	text-decoration:none;
	/*font-weight:bold;*/
	text-indent: 10px;
	line-height:50px;
}

#menuContent li .menuUnselected{
	float: left;
	height: 43px;
	width:90px;
	color:#FFF;
	text-decoration:none;
	text-indent: 10px;
	line-height:50px;
}

#menuContent ul ul {
	position:absolute;
	z-index: 500;
	top: 39px;
	left: 5px;
	padding:0px;
	width:200px;
	font-size:10px;
}

#menuContent ul li ul li{
	z-index:1000;
	padding:5px 0px 5px 0px;
}

.menuSpacer {
	 vertical-align:top;
}
/*
#menuContent ul ul,
#menuContent ul li:hover ul ul,
#menuContent ul ul li:hover ul ul{
	display:none;
}

#menuContent ul li:hover ul,
#menuContent ul ul li:hover ul,
#menuContent ul ul ul li:hover ul{
	display:block;
}
*/
.submenuBackground {
	background-color: rgb(0,0,0);
	opacity: .8 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	position:absolute;
	top: 110px;
	height:192px;	
	z-index: 9;
	visibility:hidden;
	display:none;
}

/*.submenuBackground {
	background-color: rgb(0,0,0);
	opacity: .7 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	position:absolut;
	top: 47px;
	height:50px;	
	z-index: 9;
}*/

.submenuContentDiv {
	padding: 0px 0 2px 0;
}	

.submenuContentDiv:hover {
	background:#000;
}

.submenuContentDiv a{
	color:#FFF;
	text-decoration:none
}

/*
.submenuContentDiv a:hover{
	color:#FFF;
	text-decoration:none;
	background:#000;
}
*/

/* main content styles */

#mainContainer {
	margin-bottom: 40px;
	/*padding-top: 40px;*/
	/*background:#f7f9fa;*/
}


#mainContainer ul { 
	margin:20px 0 20px 40px;
	/*margin-left:40px;*/
}

#mainContainer ol { 
	margin:20px 0 20px 40px;
	/*margin-left:40px;*/
}

#mainContainer ul li {
	/*line-height:24px;*/
	padding-bottom:15px;
}

#mainContainer ol li {
	/*line-height:24px;*/
	padding-bottom:15px;
}


/* footer styles */

/* to do: include in IE CSS */
/*
fancy CSS3 - this is why we all hate microshit
#footerContainer {
	background: #566169;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	font-size:10px;
	color:#FFF;
}*/
	
#footerContainer {
	background: #ecf0f4;
	font-size:10px;
	color:#525d66;
}	

.footerTop div {
	background: url(../images/site_gfx/corner_top_left.jpg) no-repeat top left;
}

.footerTop {
	background: url(../images/site_gfx/corner_lower_right.jpg) no-repeat top right;
}

.footerLower div {
	background: url(../images/site_gfx/corner_lower_left.jpg) no-repeat bottom left;
}

.footerLower {
	background: url(../images/site_gfx/corner_top_right.jpg) no-repeat bottom right;
}

.footerTop div, .footerTop, .footerLower div, footerLower {
	height:5px;
	width:100%;
}

/* Error message Div */

#errormessage{
	background-color: rgb(0,0,0);
	opacity: .8 !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	position:absolute;
	top: 20%;
	left:40%;
	height:100px;	
	width:250px;
	z-index: 600;
	visibility:hidden;
	display:none;
	color:#FF0;
	font-weight:bold;
	border: #FFF solid 2px;
}
	
/* device list */

.deviceTable{
	vertical-align:top;
	padding:0px;
	border-collapse:collapse;
	margin:20px 0 0 0;
	width:98%;
}

.deviceTable td {
	vertical-align:top;
}

.tableRow {
	vertical-align:top;
	background:#F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ebebeb));
	background: -moz-linear-gradient(top,  #FFFFFF,  #ebebeb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ebebeb');
}

.alt {
	background:#F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e7e7e7));
	background: -moz-linear-gradient(top,  #FFFFFF,  #e7e7e7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e7e7e7');
}

.tableRow:hover {
	background:#F8F8F8;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#cef0ff));
	background: -moz-linear-gradient(top,  #FFFFFF,  #cef0ff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#cef0ff');
	font-weight:bold;
}

.tableData {
	padding: 3px 5px;	
	border: 1px solid #D6D6D6;
}

.pointer {
	cursor:pointer;	
}

.supported {
	font-family:Verdana, Geneva, sans-serif;
	color:#3C0;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000;
	text-decoration:none !important;
}

.notSupported {
	font-family:Verdana, Geneva, sans-serif;
	color:#C00;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
}

.trialBtnLeft {
	background:url(../images/site_gfx/trial_btn_left.png) no-repeat left; 
	float:left; 
	height:35px; 
	width:36px;
}

.trialBtnMid {
	background:url(../images/site_gfx/trial_btn_bg.png);
	height:25px; 
	float:left; 
	padding: 10px 0 0 0;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:12px; 
	color:#FFF; 
	font-weight:bold; 
	text-shadow: 1px 1px 0px #195673;
}

.trialBtnRight {
	background:url(../images/site_gfx/trial_btn_right.png); 
	float:left; 
	width:11px; 
	height:35px
}

/* newsletter sign up */

input.formRounded {
	background:#ecf0f4;
	width:190px;
	height:18px;
	padding:2px 2px 2px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #bfc5cb; 
}
	
input.btnRounded {
	background:#ecf0f4;
	padding:2px 5px 2px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #bfc5cb; 
}
	
.newsletterDiv {
	margin: 6px 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#525d66;
	}