/*  
Theme Name: Backbone Communications
Theme URI: http://www.ewebscapes.com
Description: Backbone Communications Custom Theme
Version: 1.0
Author: Dino latoga
Author URI: http://www.ewebscapes.com

	Backbone Comm
	 http://www.backbonecommunications.com

	This theme was designed and built by Dino Latoga

*/

@import url(reset.css);
/* Begin Custom Styles */
body{font-family: Arial, Verdana, sans-serif;font-size:14px;background:#fff url(images/bodybg.png) top left repeat-x;color:#555; text-align:center;}
img{vertical-align:top;}
p{line-height:140%;}
/* Layout Blocks */
strong{font-weight:bold}
em{font-style:italic;}
.wrapper{margin:0 auto;width:900px; text-align:left;}
.clearfix{clear: both;font-size:0;line-height:0;height:0;}

.left{float: left;display: inline;}
.right{float: right;display: inline;}

#header{}
#footer{clear: both;background: #bbb url(images/footer.png) top left repeat-x;color: #222;font-size:12px;}
#footer a.clearlink{text-decoration:none;color:#222}
#footer .wrapper{padding:10px;}
#navtabs{clear:both;height:40px;border-bottom:1px solid #bbb;background: #fff url(images/navtabs.png) bottom left repeat-x;}
#navtabs ul{float: right;margin-right:5px;background:url(images/menutabs.png) top left no-repeat;width:555px;	height:35px;display: inline;}
#navtabs li{float: left;text-align:center;display:inline;}
#navtabs li a{display: block;color:#555;font-weight:bold;text-decoration: none;padding-top:14px;}
#navtabs li a:hover{color:#06c;}
li#m1{width:65px;}
li#m2{width:85px;}
li#m3{width:135px;}
li#m4{width:70px;}
li#m5{width:100px;}
li#m6{width:100px;}
/* Header */
h1#logo{float: left;margin-top:10px;margin-left:10px;width:315px;height:90px;background:url(images/logo.png) top left no-repeat;display: inline;}
h1#logo a{clear: both;display: block;width:100%;height:100%;text-indent:-9999px;}

#login{ float:right; margin:10px 0; font-size:11px; text-align:right; padding-right:10px; line-height:12px; }
.loginform{ min-width:400px; }
#cart {  margin-right:10px;  }	
#login input { margin-right:7px; font-size:11px; border:1px solid #ccc;}
#login input#login_submit { margin-left:25px; border:none; }
#login button { font-size:11px;  }
#search{ float: right; display:inline;}
#search input{border:0;margin:0;}
input#s{background: url(images/searchfield.png) top left no-repeat;width:230px;height:22px;padding:3px 0 0 25px;vertical-align:top;}
input#sbutton{margin-bottom:7px;margin-left:5px;background: url(images/searchbutton.png) top left no-repeat;width:81px;height:25px;vertical-align:top;}

/* mainstage and index page blocks */
#mainstage{clear: both;border-bottom:5px solid #ddd;background:url(images/mainstagebgstripe.png) top left repeat-x;}
#mainstage .wrapper{background:url(images/mainstagebg.png) top left no-repeat;height:214px;}
#mainstage h2{text-indent:-9999px;}
#stageboy{position:absolute;top:100px;width:290px;height:272px;z-index:9999;margin-left:10px;}

#maincontent{float: left;padding-top:15px;width:520px;display: block;}
/* #mainsidebar{}   */
h2#indexheading1{clear: both;height:48px;background: url(images/indexheading1.png) top left no-repeat;text-indent:-9999px;}
#maincontent p{padding:15px 0 5px 0;}
#mainsidebar{float: left;margin-left:10px;width:370px;display: inline-block;}
#mainsidebar h3{margin-top:15px;height:15px;clear: both;text-indent:-9999px;}
h3#featuredsoln{background: url(images/featuredsoln.png) top center no-repeat;}
h3#backbonenews{background: url(images/backbonenews.png) top center no-repeat;}
ul#productboxes li{float:left;margin-top:10px;width:180px;height:80px;display:block;}
ul#productboxes li a{display: block;height:100%;text-indent:-9999px;}
ul#productboxes li#prod1 {width:360px}
li#prod2, li#prod4 {margin-left:10px;}

li#prod1 a{background:url(images/prod1.png) top center no-repeat;}
li#prod2 a{background:url(images/prod2.png) top left no-repeat;}
li#prod3 a{background:url(images/prod3.png) top left no-repeat;}
li#prod4 a{background:url(images/prod4.png) top left no-repeat;}

li#prod1 a:hover{background:url(images/prod1.png) bottom center no-repeat;}
li#prod2 a:hover{background:url(images/prod2.png) bottom left no-repeat;}
li#prod3 a:hover{background:url(images/prod3.png) bottom left no-repeat;}

li#prod4 a:hover{background:url(images/prod4.png) bottom left no-repeat;}
.newsitem{clear: both;padding-top:5px;padding-bottom:5px;}
.newsitem h4{margin-left:5px;font-weight:normal;}
.newsitem h4 a{color:#555;text-decoration: none;border-bottom:1px dotted #ddd;}
.newsitem h4 a:hover{color: #06c;}
.datebox{float: left;padding:5px;margin-right:5px;width:25px;height:25px;text-align: center;background:url(images/datebox.png) top left no-repeat;color: #fff;text-transform: uppercase;font-size:11px;display: inline;}
.datebox br{line-height:1px;clear: both;height:1px;}

#copy_above_signup{margin-bottom:20px;}
#newsletterbox{clear: both;width:520px;color:#222;font-size:12px;background: url(images/newsletterbox_bg.jpg) top left repeat-y;}
#newsletterbox h3{text-indent:-9999px;font-size:20px;line-height:20px;}
#newsletterbox #message_window{padding:15px 0 0;display:none; color:#482653; font-weight:bold;}
#ext_registration, #backbone_users_checkboxes, #product_copy{display:none;}
#maincontent p#product_copy{margin:8px 0 0 0px; padding:0; font-style:italic;}
#initial_reg{ margin-top:10px;  }
#newsletterbox td{padding-left:10px;}
#newsletterbox td.label, #newsletterbox td.error {width:100px; text-align:right; height:25px; padding:0;}
#newsletterbox #checkbox_table td.label, #newsletterbox #checkbox_table td.error{text-align:left;padding:3px 0; height:auto;}

#newsletterbox #checkbox_table td#backbone-grants_label{ vertical-align:top; padding-top:3px;}
#newsletterbox #checkbox_table td#backbone-users_label{ vertical-align:top; padding-top:5px; }
#newsletterbox td.error { font-weight:bold; text-decoration:underline; color:#990000; }
#newsletterbox #initial_reg td.label {text-align:left; width:36px;}
#newsletterbox td.empty_cell{width:250px;padding:0;}
#newsletterbox #initial_reg td.empty_cell {width:314px;}
#newsletterbox #sign_up_top{ background: url(http://www.backbonecommunications.com/wp-content/themes/backbonecomm/images/newsletterbox_top.jpg) top left no-repeat; }
#newsletterbox td#sign_up_copy {font-size:10px; height:40px; vertical-align:middle; background: url(http://www.backbonecommunications.com/wp-content/themes/backbonecomm/images/newsletterbox_bottom.jpg) top left no-repeat;}
#newsletterbox input{ color:#555; margin:0;}
#newsletterbox input.text_input{width: 160px;border:1px solid #222;color:#555;}
#newsletterbox td#custom_unit_label{ vertical-align:top; padding-top:5px; }
#newsletterbox #checkbox_table{ margin:5px 0 10px 0; }
#newsletterbox #checkbox_table input {margin-right:10px;}
#newsletterbox #checkbox_table td.label {width:125px; text-align:left; vertical-align:middle;}
#newsletterbox td#submit_button{text-align:right; padding:0;}
#newsletterbox td#initial_submit input#initial_submit_button{margin-left:10px;}
#copy_below_signup{margin-top:15px}

/* pages */
#pagecontent{float: right;width:700px;background:url(images/pagecontentbg.png) top left repeat-y;display: inline;font-size:14px;line-height:130%;}

.rightbox{float: right;padding-top:10px;margin-left:5px;width:200px;font-size:13px;display: inline;}
.quote{background:#eee url(images/quotebg.png) top left no-repeat;color:#333;border:1px solid #ddd;padding:10px 10px 10px 30px;font-family: Georgia, "Times New Roman", serif;font-style: italic;}
.rightbox h2{margin-top:10px;height:20px;text-indent:-9999px;}
.rightbox h3{font-weight:bold;}
h2#hdownloads{background:url(images/hdownloads.png) top left no-repeat;}
h2#hdidyouknow{background:url(images/hdidyouknow.png) top left no-repeat;}
.rightbox .demo_vids {border-top:1px solid #ddd;padding-top:15px}
.rightbox .demo_vids p{margin-bottom:15px;}
.context{float: left;padding:10px;width: 472px;overflow: hidden;display: inline;}
.context h2{font-size:28px;line-height:110%;font-weight:bold;letter-spacing:-1px;color: #06c;}
.context h3, .context h4, .context h5{padding-top:5px;font-size:18px;line-height:110%;font-weight:bold;color: #666;}
.context h1{padding:0 0 10px;font-size:26px;color:#06c;}
.context p, .entry p{padding:5px 0 5px 0;}
.context ul{padding:5px 10px 5px 20px;list-style: disc;font-size:12px;color: #333;}
.context ol{list-style: decimal;padding:5px 5px 5px 20px;margin-left:15px;font-size:12px;color: #333;}
.context h3 a{text-decoration: underline;}
.context a{color:#06c;text-decoration:none;}
.context a:hover{color:#222;}
.context #about-us img{float:left; margin-top:3px; margin-bottom:3px;margin-right:10px;}
.context #about-us p{clear:both;}
.border{margin:10px 0 0px 0; padding:10px 0 0 0; border-top:2px solid #999;}

#pagesidebar{float: left;font-size:12px;width:190px;display: inline;}
ul#pagenav, ul.files{border-bottom:1px solid #ddd;}
ul#pagenav a, ul.files a{text-decoration: none;color:#777;}
ul#pagenav a:hover, ul.files a:hover{color: #06c;}
ul#pagenav li.current_page_ancestor{font-weight:normal;color:#000;padding:5px 0 0;}
ul#pagenav li.page_item{ display:none; } /* This combined with li.current_page_item rule below excludes all but child links from appearing */
ul#pagenav li.current_page_item, ul#pagenav li.current_page_ancestor, ul#pagenav li.current_page_item li.page_item, ul#pagenav li.current_page_ancestor li.page_item{ display: list-item; }
ul#pagenav li.page_item{padding:5px 0;}
ul#pagenav li.page_folder ul{font-weight:normal;margin-top:5px;margin-bottom:5px;}
ul#pagenav li.page_folder ul li{padding:6px 5px 5px 20px;background: url(images/pagenavbullet.png) 2px 5px no-repeat;border-top:1px solid #ddd;}
/* ul#pagenav ul{border-top:1px solid #ddd;padding:0;margin-top:5px;} */
/* ul#pagenav li ul li{margin:5px 0 0 0;padding:0 0 5px;background: transparent;border-bottom:1px solid #ddd;border-top:none;} */
ul.files li{background:url(images/downloadicon.png) left no-repeat;padding:6px 5px 5px 30px;border-top:1px solid #ddd;}
ul#productnav{margin-bottom:10px;}
ul#productnav li a{margin-top:5px;text-indent:-9999px;display: block;height:55px;background-image:url(images/productnav.png);background-repeat: no-repeat;}
li#p1 a{background-position: -195px 0;}
li#p2 a{background-position: -195px -60px;}
li#p3 a{background-position: -195px -120px;}
li#p4 a{background-position: -195px -180px;}

li#p1 a:hover, li#p1 a.active{background-position: 0 0;}
li#p2 a:hover, li#p2 a.active{background-position: 0 -60px;}
li#p3 a:hover, li#p3 a.active{background-position: 0 -120px;}
li#p4 a:hover, li#p4 a.active{background-position: 0 -180px;}

ul.newslist{margin-top:5px;border-top:1px solid #ccc;}
ul.newslist a{text-decoration: none;color: #555;}
ul.newslist a:hover{text-decoration: underline;}
ul.newslist small{font-size:11px;color: #777;}
ul.newslist li{border-bottom:1px solid #ccc;padding:2px 0 2px;}
/* classes */
small.date{font-size:12px;color: #777;}
.entry dt{font-weight:bold;margin-top:10px;}
.entry dl{padding:10px;}
.entry dd{font-size:12px;}
.entry pre{background-color: #333;color: #fff;border:1px solid #222;padding:10px;}
/* image rotator */
#rotator{background-color: #fff;clear: both;padding:10px 0 0 10px;text-align:center;height:240px;overflow:hidden;}
#rotator img{margin:0 auto;}

.breadcrumb{margin-left:5px;padding:5px 10px 5px 5px;background:#fff;clear: both;font-size:11px;}
#reg_events_layout td{ color:#000;font-size:11px; padding:5px; }
#reg_events_layout td td{padding:0}
#reg_events_layout input, #reg_events_layout select, #reg_events_layout textarea{ border:1px solid #ccc; }


#videos td{ padding:10px; }
.red {color:red;}

#training_survey { margin-top:10px; }
#training_survey_top td {padding-top:0; padding-bottom:0; }
table.training_survey_table { border-collapse:separate; border-spacing:inherit; }
.training_survey_table td { padding:5px 0; vertical-align:top; }
.training_survey_table td.horizontal_rule { padding:0; border-top:1px solid #666; line-height:0px }
#training_survey input, #training_survey select, #training_survey textarea{ margin:0px 0 0 10px; }
#training_survey #Submit { position:relative; left:-10px; }
sup {vertical-align:top; font-size:50%;}
noscript p{color:red; font-size:100%; clear:all;}
.top,  { vertical-align:top;}
.middle, .training_survey_table td.middle { vertical-align:middle }
.right-pad, .training_survey_table td.right-pad { padding-left:10px; }
.training_survey_table td.top-pad { padding-top:10px; }

table#anchor_table {
	border-collapse:separate;
	border-spacing:10px;
}
table#anchor_table #anchor_table tbody, #anchor_table tr {
	padding:inherit;
}
#anchor_table th, #anchor_table td {
	text-align:center;
}
#anchor_table th {
	border:1px solid #000;
	background-color:#ccc;
	color:#000;
	font-weight:bold;
	padding:3px;
}
#anchor_table td {
	border:1px dotted #333;
}
#anchor_table a {
	display:block;
	padding:3px
}
#anchor_table a:hover {
	background-color:#ccc;
}
#anchor_table td.no_border, #anchor_table th.no_border{
	border:none;	
}

#anchor_table th.no_bg{
	background-color:#fff;
}