/*------ COMMON BODY STYLES ------*/
div, h1, h2, h3, h4, h5, pre, body, html, blockquote { margin:0px; padding:0px; }
a img, :link img, :visited img { border:none; }

p {	margin:0px; padding:0px 0px 10px 0px; }

h1 { font: bold 20px arial, helvetica, sans-serif; margin-bottom:4px; line-height:1.5em;}
h2 { font: bold 18px arial, helvetica, sans-serif; margin-bottom:4px; line-height:1.5em;}
h3 { font: bold 16px arial helvetica, sans-serif; margin-bottom:4px; line-height:1.5em;}
h4 { font: bold 12px arial helvetica, sans-serif; margin-bottom:4px; line-height:1.5em;}
h5 { font: bold 10px arial helvetica, sans-serif; }

img { border:none; padding:0;margin:0; text-decoration:none; }
strong { font-weight: bold; }

body { font: 12px arial, helvetica, sans-serif; color:#666666; margin-top:10px; background:url("images/page_bg.gif"); } 

/* OTHERS */
.clearfix {	clear:both;	 }
#clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/*------ FONTS ------*/
.text-xsmall { font-size: 10px; }
.text-small { font-size: 11px; }
.text-med { font-size: 12px; }
.text-large { font-size: 16px; }
.text-xlarge { font-size: 18px; }

/*------ BACKGROUNDS ------*/
.bg-white { background-color:#FFFFFF; }
.bg-light-yellow { background-color:#FFFFBB; }
.bg-light-green { background-color:#ABBC78; }
.bg-light-red { background-color:#EFCAC7; }

/*------ FORMS ------*/
form { padding: 0px; margin: 0px; }
select.dropdown { font-size:11px; border:1px solid #FF8000; }
input { vertical-align:middle; }
input.text { vertical-align:middle; font-size:11px;	border:1px solid #FF8000; }

.field-block { width:600px; margin-bottom:0px; padding:0px 0px 8px 0px; }
.field-label { background:#F7F7F7; font-weight:bold; padding:4px; font-size:12px; }
.field-label-required {	color:#B90000; font-size:12px; font-weight:normal; margin-left:0px; }
.field-label-dim { color:#FF8000; font-weight: normal;	font-size:0.9em; margin-top:3px; padding-left:3px; padding-right:3px; }

.left-float { float:left; width:auto; margin:0px; padding:5px; }
.right-float { float:right; width:auto; margin:0px; padding:5px; }

/*------ LINKS ------*/
/*------ Default Gray links ------*/
a { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #FF8000; text-decoration: none; }

/*------  COLOR VALUES  ------*/
/*------ Text ------*/ 
.text-orange { color:#FF8000; }
.text-gray { color:#666666; }
.text-red { color:#D70000; }
.text-black { color:#000000; }

/*------ CONTAINER ------*/
#container { position:relative; width:925px; margin:0px auto; background-color:#FFFFFF; }

/*------ HEADER ------*/
#header { clear:both; width:auto; margin:2px 10px 2px 10px; padding:0px; height:90px }
#logo { float:left; width:200px; margin:0px; padding:5px 0px 5px 0px; }
#header-right { float:right; width:auto; margin:0px; padding:0px; }
#header-links { margin:0px; padding:0px; text-align:right; }
#header-links ul { list-style:none; margin:0px; padding:0px; font-size:11px; color:#FF8000; }
#header-links ul li { display:inline; margin:0; padding:0px; }
#header-links ul li a { margin:0px; padding:0px 6px 0px 6px; font-size:11px; text-decoration:none; }
#login { width:auto; margin:0px; padding:4px 0px 4px 0px; text-align:right; }

/*------ TOP NAVIGATION ------*/
#top-navigation { clear:both; width:auto; margin:0px 10px 0px 10px; padding:0px; border-top:3px solid #8C8C8C; }
#top-navigation-links { margin:0px; padding:0px; text-align:right; }
#top-navigation-links ul { list-style:none; margin:0px; padding:0px; }
#top-navigation-links ul li { display:inline; margin:0px 0px 0px -3px; padding:3px 2px 4px 2px; background:url("images/topnav_gray_mid.gif"); color:#FFFFFF; }
#top-navigation-links ul li a { margin:0px; padding:0px 10px 0px 10px; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; }
#top-navigation-links ul li.support-phone { padding:4px 10px 4px 10px; font-size:11px; font-weight:bold; color:#FFFFFF;  }
#top-navigation-links ul li.curve { background:url("images/topnav_gray_left.gif") no-repeat left; }

/*------ MIDDLE ------*/
#middle { clear:both; position:relative; width:905px; height:auto; margin:15px 10px 15px 10px; padding:0px; }

/*------ MIDDLE HOME PAGE ------*/
#home-middle {  width:auto; height:auto; margin:0px; padding:0px; }
#home-middle-left { float:left; width:250px; margin:0px; padding:0px; text-align:center; }
#home-middle-left ul { margin:0px; padding:5px 5px 5px 30px; }
#home-middle-left ul li { margin:0px; padding:0px 0px 5px 15px; background:url("images/symbol_bytehive.gif") no-repeat left; text-align:left; font-weight:bold; }

#home-middle-right { float:right; width:auto; margin:0px; padding:0px; }

#home-bottom { width:auto; height:55px; margin:10px 0px 0px 0px; padding:0px; background:url("images/home_bot_mid.gif"); }
#home-bottom-links { float:left; width:225px; margin:0px; padding:0px; text-align:center; font-weight:bold; }
#home-bottom-links a { margin:0px; padding:0px 0px 0px 25px; }

/*------ MIDDLE INNER PAGES ------*/
/*------ LEFT NAVIGATION ------*/
#left-navigation { float:left; width:180px; margin:0px 10px 0px 10px; padding:0px; }

ul.left-menu { margin:0; padding:0; list-style-type:none; display:block; line-height:185%; width:170px; border-top:1px #FF8000 solid; }
ul.left-menu li { margin:0; padding:1px; border-bottom:1px #FF8000 solid; border-right:1px #FF8000 solid; }
ul.left-menu li.first-link { margin:0; padding:1px; border-bottom:1px #FF8000 solid; border-right:1px #FF8000 dashed; border-top:1px #FF8000 solid; }
ul.left-menu li a { display:block; text-decoration:none; padding:0px 0px 0px 20px; width:148px; font-weight:bold; }
ul.left-menu li a:hover { background:#FF8000 url("images/vert-one_arrow.gif") no-repeat 0 9px; color:#FFFFFF; }
ul.left-menu li a.current,ul.left-menu li a.current:hover { background:#FF8000 url("images/vert-one_arrow.gif") no-repeat 0 9px; color:#FFFFFF; }

/*------ MIDDLE INNER CONTENT ------*/
#content { float:left; width:705px; padding:0px; margin:0px; }
#padding { margin:0; padding:10px 0px 10px 0px; }
#bread-crumb { width:auto; padding:0px 0px 10px 20px; margin:0px; background:url("images/symbol_bytehive_large.gif") no-repeat left; background-position:top left; font-size:14px; font-weight:bold; } 
#inner-hr { clear:both; width:905px; height:10px; background:url("images/inner_bot_line.gif") repeat-x center; margin:0px 10px 0px 10px; padding:10px 0px 10px 0px; }

ul.faq-question { margin:0px 0px 10px 0px; padding:0px; }
ul.faq-question li { margin:0px; padding:0px 0px 4px 0px;  }
ul.faq-question li a { color:#FF8000; }

ul.faq-answer { margin:0px 0px 10px 0px; padding:0px; }
ul.faq-answer li.q { margin:0px; padding:0px 0px 5px 0px; color:#FF8000; }
ul.faq-answer li.a { margin:0px; padding:0px; }
ul.faq-answer li.u { margin:0px; padding:2px 0px 2px 675px; }

#content-img-block {  clear:left; width:705px; margin:0px; padding:10px 0px 10px 0px; border-bottom:1px #CCCCCC solid; }
#content-img-block .floatbox { float:left; width:110px; margin:0px; }
#content-img-block p {  margin:0px 0px 0px 110px; }

#content-img-block2 {  clear:left; width:705px; margin:0px; padding:10px 0px 10px 0px; border-bottom:1px #CCCCCC solid; }
#content-img-block2 .floatbox { float:left; width:35px; margin:0px; }
#content-img-block2 p {  margin:0px 0px 0px 35px; }

#myaccount-box  { clear:both; width:auto; height:auto; margin:0px; padding:0px; background:url("images/myaccount_bg.gif") repeat-y right; border:1px #CCCCCC solid; }
#myaccount-box .header { width:auto; margin:0px; padding:4px; background-color:#E8E8E8; font-weight:bold; }
#myaccount-box .header-img { width:auto; margin:0px; padding:1px 1px 1px 4px; background-color:#E8E8E8; font-weight:bold; }
#myaccount-box .content { width:auto; margin:0px; padding:8px;  }

#myaccount-box .quick-links { width:auto; height:200px; margin:0px; padding:8px;  }
#myaccount-box .leftcol {  float:left; width:320px; margin:8px 0px 8px 0px; padding:0px; }
#myaccount-box .rightcol { float:right; width:320px; margin:8px 0px 8px 0px; padding:0px; }
#myaccount-box .img { float:left; width:50px; margin:0px; }
#myaccount-box .quick-links p {  margin:0px 0px 0px 60px; font-size:11px; }

TABLE.activity { width:98%; border-collapse:collapse; margin:0px; }
TABLE.activity TH { vertical-align:top; padding:4px; border:1px #CCCCCC solid;  background-color:#FF8000; color:#FFFFFF; font-size:12px; }
TABLE.activity TD { vertical-align:top; padding:4px; border:1px #CCCCCC solid; }

#activity-status { float:left; width:250px; padding:4px; }
#activity-status ul { list-style:none; margin:0; padding:0px; font-size:11px; }
#activity-status ul li { margin:0; padding:0px 0px 6px 0px; }

TABLE.downloads { width:100%; border-collapse:collapse; margin:0px; }
TABLE.downloads TH { vertical-align:top; padding:4px; border:1px #CCCCCC solid;  background-color:#F7F7F7; font-size:12px; }
TABLE.downloads TD { vertical-align:top; padding:4px; border:1px #CCCCCC solid; font-size:12px; text-align:center; }
TABLE.downloads TH.align-right { vertical-align:top; padding:4px; border:1px #CCCCCC solid;  background-color:#F7F7F7; font-size:12px; text-align:right; }
TABLE.downloads TD.align-right { vertical-align:top; padding:4px; border:1px #CCCCCC solid; font-size:12px; text-align:right; }

/*------ FOOTER ------*/
#footer { clear:both; width:auto; height:30px; margin:2px 10px 2px 10px; padding:0px; }
#footer-left { float:left; width:auto; margin:0px; padding:4px 0px 4px 0px; font-size:11px; }
#footer-links { float:right; width:auto; margin:0px; padding:0px; }
#footer-links ul { list-style:none; margin:0; padding:4px 0px 4px 0px; font-size:11px; color:#FF8000; }
#footer-links ul li { display:inline; margin:0; padding:0px; }
#footer-links ul li a { text-decoration:none; margin:0px; padding:0px 4px 0px 4px; font-size:11px; }

/*------ GENERAL ------*/
#error-box { width:95%; padding:5px; border:1px solid #FC3; background-color:#FFC; color:#960; font-size: 12px; text-align:left; }
#message-box { width:95%; padding:5px; font-size: 12px; text-align:left; }