/* CONTENT WRAPPER */
#content-wrapper { padding: 0; margin: 0; overflow: hidden; min-height: 200px; }

/* HEADER BLOCKS */
#header .wrapper { padding: 22px 0px 0px 0px; margin: 0; height: 48px; }
#header .logo { width: 240px; float:left; }
#header .logo a { display:block;line-height:0 }
#header .top-help { float:left; padding-top: 6px; }
#header .top-right {  width: 350px; float:right; text-align: right; }

/* TOP NAV BLOCKS */
ul.topnav { list-style: none; padding: 0; margin: 0; float: right; }

ul.topnav li a.nav-home { background: url("/templates//images//btn_home_off.gif") no-repeat; width: 104px; height: 48px; }
ul.topnav li a.nav-benefits { background: url("/templates//images//btn_member_benefits_off.gif") no-repeat; width: 179px; height: 48px; }
ul.topnav li a.nav-support { background: url("/templates//images//btn_customer_support_off.gif") no-repeat; width: 188px; height: 48px; }
ul.topnav li a.nav-data-backup { background: url("/templates//images//btn_data_backup_storage_off.gif") no-repeat; width: 141px; height: 48px; }
ul.topnav li a.nav-file-sync { background: url("/templates//images//btn_file_sync_off.gif") no-repeat; width: 124px; height: 48px; }
ul.topnav li a.nav-file-share { background: url("/templates//images//btn_file_share_off.gif") no-repeat; width: 125px; height: 48px; }
ul.topnav li a.nav-video { background: url("/templates//images//btn_video_off.gif") no-repeat; width: 156px; height: 48px; }

ul.topnav ul.subnav { background: #DDD; top: 48px; border: 1px solid #cdcdcd; display: none; left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; }

html ul.topnav li ul.subnav li a { float: left; width: 157px; color: #666; padding: 10px 10px 10px 10px; }
html ul.topnav li ul.subnav li a:hover { background: #0991ac; color: #FFF; }

/* ADMIN TOGGLE MENU */
a.admin-link { background: none repeat scroll 0 0 #0991ac; color: #FFFFFF; border-radius: 4px 4px 4px 4px; font-weight: bold; padding: 4px 6px 6px; text-decoration: none; position: relative; }
a.admin-link:hover { background: none repeat scroll 0 0 #0991ac; }
a.admin-link span { background-image: url("/templates//images//icon_toggle_down.png"); background-position: 100% 50%; background-repeat: no-repeat; padding: 4px 16px 6px 0; }
a.admin-link.menu-open { background: none repeat scroll 0 0 #0991ac !important; outline: medium none; }
a.admin-link.menu-open span { background-image: url("/templates//images//icon_toggle_up.png"); }
.admin-menu { background-color: #0991ac; border: 1px none transparent; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; display: none; margin-right: 0; margin-top: 5px; padding: 12px;
position: absolute; right: 0; text-align: left; top: 20px; width: 125px; z-index: 100; }
.admin-menu ul { margin: 0; padding: 0; }
.admin-menu ul li { border-bottom: 1px dotted #FFF; display: block; float: none; height: 14px; margin: 0; padding: 8px 0px 8px 0px; text-align: center; width: 120px; }
.admin-menu a { text-decoration: none; color: #FFFFFF; }

/* LOGO */
.logo { width: 175px; float: left; }

/* PLAN OPTION BUTTON */
.plan-option-btn { left: 120px; position: absolute; top: 275px; }

/* HOME PAGE BOX */
.home-box .c25l, .home-box .c33l { border-right: 1px solid #DDDDDD; }

/* BANNER */
div.banner { margin: 0px 0px 10px 0px; width: 100%; text-align: center; }

/* TOP NAV RIGHT */
.top-nav-right-login, .top-nav-right-shopping-cart { height: 44px; float: right; background: url("/templates//images//img_nav_bg.gif") repeat-x scroll 0 0 transparent; }
.top-nav-right-login img, .top-nav-right-shopping-cart img{ float:right; }

.top-nav-right-login { width: 178px; }
.top-nav-right-login .button, .top-nav-right-shopping-cart .button { float:right; margin-right: 10px; }

/* SERVICE OPTION */
table.service-option-widget { border: 1px solid #0991ac; }
table.service-option-widget th { background-color: #0991ac; color: #FFFFFF; height: 25px; padding-top: 4px; }

.shopping-button {  background: none repeat scroll 0 0 transparent; border: medium none; color: #0991ac; font-weight: normal; line-height: normal; padding: 0; text-decoration: underline; cursor: pointer; }

.support-box { border: 1px solid #CCCCCC; overflow: auto; margin-bottom: 20px; }
.support-box .head { background-color: #0991ac; margin: 0; padding: 5px 10px; }
.support-box ul { text-indent: -1em; }
.support-box ul li { list-style-position: inside; }

table.purchase-list tr th { background-color: #0991ac; border-bottom: 1px solid #EEEEEE; border-right: 1px solid #CCCCCC; text-align: left; vertical-align: bottom; color: #FFF; font-size: 11px; }

.form-myaccount, .form-contactus { width: 500px; }

/* PLAN OPTION CHART */
table.chart { width: 900px; margin-top: 20px; }
table.chart td { width: 300px; color: #333333; line-height: 20px; padding: 4px 6px; }

table.chart td.heading { font-size: 14px; font-weight: bold; font-style: italic; color: #0991ac; }
table.chart td.odd-col2 { background: #ecf3f7; }
table.chart td.even-col2 { background: #dde5e9; }

table.chart  td.checked { background-image: url("/templates//images//img_checkmark.png"); background-position: center center; background-repeat: no-repeat; }

.chart-togglebox { width:280px; display: none; position: absolute; background: #0991ac; color: #FFF; font-size: 11px; border: 2px solid #FFE100; padding: 4px; margin: 5px 0 0 0; }
.chart-toggler { vertical-align: middle; cursor: pointer; }

/* ADMIN PAGE */
.content-box { background: none repeat scroll 0 0 #FFFFFF; border-color: #DDDDDD #DDDDDD #C4C4C4; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; margin-bottom: 30px; }
.content-box .box-body { background: none repeat scroll 0 0 #F5F5F5; border: 2px solid #FFFFFF; border-radius: 4px 4px 4px 4px; }
.content-box .box-header { background: url("/templates//images//table_header.png") repeat-x scroll center top transparent; border-radius: 4px 4px 4px 4px; min-height: 36px; }
.box-header h2 { background: url("/templates//images//line.gif") repeat-x scroll left bottom transparent; color: #333333; line-height: 24px; margin-bottom: 0; padding: 7px 20px 9px; font-size: 14px; color: #666666; }
.content-box .box-wrap { padding: 20px 20px 10px; }
.content-box table { border-collapse: collapse; border-spacing: 0; }
.content-box table, .content-box tbody, .content-box tfoot, .content-box thead, .content-box tr, .content-box th, .content-box td { vertical-align: top; }
.content-box table.admin { border: 5px solid #DDDDDD; }
.content-box table.admin th { background: none repeat scroll 0 0 #DDDDDD; border-bottom: 1px solid #FFFFFF; color: #666666; line-height: 20px; padding: 4px 6px; text-align: left; white-space: nowrap; font-weight: bold; }
.content-box table.admin tr.odd { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #DDDDDD; }
.content-box table.admin tr.even { background: none repeat scroll 0 0 #F5F5F5; border-bottom: 1px solid #DDDDDD; }
.content-box table.admin tr.edit { background: none repeat scroll 0 0 #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.content-box table.admin td { line-height: 22px; padding: 4px 6px; }
.content-box .box-header .button { position: absolute; right: 10px; top: 7px; }
.content-box .cancel-btn, .content-box .edit-save-btn, .add-save-btn  { cursor: pointer; }

#add-seat { margin: 0px 0px 20px 0px; padding: 15px; background: #DDDDDD; }

.nav-wrapper { clear: both; width: 970px; height: 35px; background-image: none; }
.nav-wrapper #topnav a {position: relative;display: block;}

/* start some styles to make buy now module look consistent in style */
span.buy-details { font-size:13px; padding-top:5px;margin:0;padding-top: 5px;line-height: 160%;}
span.buy-details { color: #666666; }
/* end some styles to make buy now module look consistent in style */


/* FILESECURITY CENTER */
.box {
	background: none repeat scroll 0 0 #FFFFFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #DDDDDD;
	border-width: 1px;
	margin: 15px 0 0;
}

.box .body {
	overflow: hidden;
	padding: 10px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background: -webkit-gradient(linear, 0% 68%, 0% 12%, from(#EFEFEF), to(#FFFFFF), color-stop(.9,#FFFFFF));
	background: -moz-linear-gradient(bottom, #EFEFEF, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EFEFEF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#EFEFEF)";
}

/* SLIDER */
.slider { padding: 0 0 0 20px; }
.score-slider { background: url("/images/tech_support/img_slide_score_bg.png") no-repeat scroll left top transparent; }
.score-slider, .grade-slider { float: left; height: 66px; margin: 20px 0 0 0; width: 336px; }
.score-slider .usage-details { margin: 30px 0 0 0; font-size: 14px; }
.score-slider .usage-details .text-row span.text-label { width: 145px; }

.controllers-status-box { background: url("/images/tech_support/img_results_bg.png") no-repeat scroll left top transparent; float: left; height: 170px; padding-top: 10px; width: 221px; }
.controllers-status-box .title { font-size: 12px; font-weight: bold; text-align: center; }
.controllers-status-box .value { float: left; font-size: 28px; width: 225px; padding: 8px 0 0 0; text-align: center; }
.controllers-status-box .value p { text-align: center; font-weight: bold; }
.text-row span.text-label { width: 100px; }