/* Globals */
html {background: #003c7b;}
body {background-color: #003c7b;background-image:url(http://static.boxstr.com/bg/main_bg.jpg);background-repeat:repeat-x;}
/* Typography */
body {font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 13px;}
#topbar {color: #C8C8C8; font-family: Arial; font-size: 10px; padding: 4px 0 0 10px;}
#search, #topbar img {color: #C8C8C8;}
#search {font-size: 12px; padding: 1px 10px 0 15px;}
#login2, #topbar img {color: #C8C8C8;}
#login2 {font-size: 12px; padding: 1px 3px 0 3px;}
#login3, #topbar img {color: #C8C8C8;}
#login3 {font-size: 12px; padding: 1px 3px 0 3px;}
#navbar li {font-size: 16px; padding: 0 20px;}
#navbar span {color: #909090; font-size: 10px;}
#footer-main {padding-top: 11px; text-align: center;}
#q {font-size: 11px; padding: 3px 0 0 3px;}
.txtfield {padding: 4px 5px 0 20px;}
#main-content {font-family: arial, sans-serif; font-size: 12px; line-height: 1.25em;}
h2 {font-size: 22px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#FF9433}
.right-box h2 {border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; margin: 0 8px; width: 298px;}
.latest h2 {font-size: 11px; line-height: 14px;}
.latest h2 span {color: #949494; font-weight: bold;}
#latest h3 {font-family: Helvetica; font-size:22px; line-height: 24px; padding-top: 9px;}
#latest p {line-height: 17px; padding: 2px 0 12px;}
.other-news h3 {font-size: 18px; line-height: 21px;}
.other-news h3 span, h4 span {color: #949494; display: block; font-size: 11px; line-height: 13px; text-transform: uppercase;}
h3 {font-size: 16px; font-weight: bold; line-height: 19px; padding-bottom: 4px; }
.boxed h3 {padding: 6px 0 0 12px; height: 31px; position: relative;}
.boxed-content {
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
overflow: hidden;
position: relative;
padding-top: 0;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 12px;
}
.boxed-tail {background: url(../images/subbox-tail.gif) no-repeat; height: 5px;}
h4 {font-weight: bold; font-size: 14px;}
.boxed h4, .boxed p {margin-left: 100px;}
.updated {color: #ff0000; font-size: 11px;}
strong {font-weight: bold;}
.other-news p, .boxed p {color: #222222; font-size: 10px; line-height: 12px;}
.left-box-half a span {color: #000000;}
/* Structure */
#wrapper {background-color: #003c7b;background-image:url(http://static.boxstr.com/bg/main_bg.jpg);background-repeat:repeat-x;}
#content {margin: 0 auto; width: 983px;}
#header {margin-bottom: 30px;}
#topbar {background: url(../images/topbar-bg.gif) repeat-x; height: 21px;}
#topbar span {float: left;}
#toplinks {float: left; margin-left: 5px;}
#search, #topbar img {float: right; display: block;}
#login2, #topbar img {float: right; display: block;}
#login3, #topbar img {float: right; display: block;}
#login4, #topbar form {float: right; display: block;}
#topbar img {margin-right: 18px;}
#search {no-repeat; border: none; height: 17px; width: 102px;}
#login2 {no-repeat; border: none; height: 17px; width: 120px;}
#login3 {no-repeat; border: none; height: 17px; width: 120px;}
#logobar {background: url(../images/logobar-bg.gif) repeat-x; height: 60px; padding: 16px 16px 0;}
#logo a {background: url(../images/logo.jpg) no-repeat; display: block; width: 180px; height: 58px; margin-top: -15px;}
#login-form {float: right; background: url(http://static.boxstr.com/bg/user_box.jpg) no-repeat; display: block; width: 356px; height: 71px; margin-top: -16px;}
#navbar {background: url(../images/navbar-bg.gif) no-repeat;height: 40px;}
#navbar ul {background: url(../images/separator.gif) no-repeat left top; height: 40px; margin-left: 38px;}
#navbar li {background: url(../images/separator.gif) no-repeat right top; float: left; height: 35px; padding-top: 5px;}
#navbar span {display: block;}
#promo {overflow: hidden;}
#main-content {overflow: hidden;}
#left-col {float: left; width: 619px;}
.left-box {background: #ffffff; margin-bottom: 13px; overflow: hidden;}
.left-box-head, .left-box-tail {width: 619px;}
.left-box-tail {background: url(../images/leftbox-tail.gif) no-repeat; clear: both; height: 4px; overflow: hidden;}
.left-box-head {background: url(../images/leftbox-head.gif) no-repeat; height: 6px;}
.left-box h2 {border-bottom: 1px solid #DFDFDF; height: 24px; padding: 3px 18px 9px;}
.latest h2 {height: 12px;}
.latest h2 span {float: left;}
#hp, #more {float: right; font-size: 11px; }
.box-content-left {background: #ffffff; float: left; width: 300px;}
.box-content-right {background: #ffffff; float: right; padding: 18px 17px 14px 17px; width: 282px;}
.box-children, .boxed {padding-bottom: 18px;}
.left-box-half {float: left; padding: 0 18px 15px;}
.left-box-half h3 {padding-top: 10px;}
.sbox {width: 304px;}
.sbox-content {padding-top: 12px;}
.snippet {margin-bottom: 12px; position: relative;}
#right-col {float: right; width: 352x;}
.right-box {background: #ffffff; margin-bottom: 12px; width: 352px;}
#footer {clear: both; margin-top: 17px;}
/* Custom elements, classes */
#toplinks li {float: left; border-left: 1px solid #C8C8C8; padding: 0 5px;}
#footer-top {background: url(../images/footer-top.gif) no-repeat; height: 6px; overflow: hidden;}
#footer-main {background: rgb(235,235,235); height: 115px; overflow: hidden;}
#footer-main div {margin-bottom: 5px;}
#footer-bottom {background: url(../images/footer-bottom.gif) no-repeat; height: 6px;}
#google-search {border-top: 2px solid rgb(132,99,66); margin-top: 20px; padding-top: 17px;}
#google-search-btn {vertical-align: top;}
#q {border-color: #646464 rgb(217, 217, 217) rgb(217, 217, 217) rgb(100, 100, 100); border-style: solid; border-width: 2px; height: 16px; vertical-align: top; width: 435px;}
#latest {background: #F6F6F6; padding: 18px 18px 14px; margin-bottom: 35px;}
#see-top-10 {background: url(../images/btn_topten.gif) no-repeat; display: block; float: right; height: 17px; text-indent: -9999px; width: 62px;}
#popular-news img {margin: 0 10px 10px 0; vertical-align: top;}
#popular-news li {background: none; padding: 0;}
.txtfield {border: none; color: #C8C8C8; display: block; float: left; height: 20px; margin-right: 5px; width: 79px;}
.left, .middle {float: left; margin: 15px 18px 0 0;}
.right {float: right; margin-top: 15px;}
.first {border: none !important;}
.other-news {margin: 13px 18px 0}
.ads {border: 1px solid; height: 60px; margin: 18px 0 0 43px; width: 245px;}
.all {color: #DFDFDF; border-top: 1px solid; border-bottom: 1px solid; display: block; font-size: 10px; line-height: 13px; padding: 3px 0; margin-top: 9px;}
.assoc {background: url(../images/assoc.gif) no-repeat; display: block; float: right; height: 31px; margin-right: 1px; text-indent: -9999px; width: 126px;}
.boxed {background: url(../images/subbox-head.gif) no-repeat; padding: 5px 0 9px; width: 284px;}
.boxed img, .sbox img {
left: 12px;
position: absolute;
top: 0;
}
.sbox img {left: 19px;}
.boxed-head, .right-box-content {border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF;}
.sbox-head, .sbox-tail {height: 5px; overflow: hidden; width: 305px;}
.sbox-head {background: url(../images/sbox-head.gif) no-repeat;}
.snippet h4, .snippet p {margin: 0 19px 0 116px;}
.snippet h4 {padding-bottom: 3px;}
.snippet p {font-size: 10px; line-height: 11px;}
.sbox-tail {background: url(../images/sbox-tail.gif) no-repeat;}
.right-box-head, .right-box-tail {height: 13px; overflow: hidden; width: 352px;}
.right-box-head {background: url(../images/right-box-head.gif) no-repeat;}
.right-box-content {border-top: 1px solid #DFDFDF; margin: 0 auto; padding: 12px 12px 9px; width: 310px;}
.l-box-content {
width: 260px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 9px;
padding-left: 12px;
}
.little-content {
width: 97%;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 9px;
padding-left: 12px;
}
.graybg img {position: absolute; left: 12px;}
.graybg {background: #F2F2F2; font-size: 10px; line-height: 12px; position: relative; padding: 12px 0 15px; width: 334px;}
.graybg p, .graybg h4 {margin: 0 10px 0 149px;}
.graybg h4 {padding-bottom: 3px;}
.right-box-tail {background: url(../images/right-box-tail.gif) no-repeat;}
.f-left {float: left;}
.f-right {float: right;}
/** Home Features and SignUp form **/
#signup {
min-height: 302px;
background: url(../images/home_signup.gif) repeat-x center bottom;
width: 100%;
height: 304px;
}
#signup .left_bar {
width: 405px;
padding: 25px 0 0 0;
float: left;
}
#signup .left_bar .get5gb {
width: 401px;
height: 199px;
display: block;
margin: 0 auto;
}
#signup .left_bar p {
font-size: 0.8em;
font-weight: bold;
padding: 15px 0 0 0;
}
#signup .right_bar {
float: right;
padding: 25px 0 0 0;
}
#signup .right_bar #signup_form {
background: url(../images/signup_bg.jpg) no-repeat left top;
padding: 50px 0 0 0;
width: 360px;
}
#signup_form fieldset {
border: none;
}
#signup_form legend {
display: none;
}
#signup_form label {
float: left;
display: inline;
width: 160px;
margin: 3px 0;
text-align: left;
font-size: 1.1em;
font-weight: bold;
}
#signup_form input.form-input {
width: 180px;
height: 15px;
margin: 0;
font-size: 1.0em;
font-weight: bold;
}
#signup_form .form-item .small {
width: 86px;
}
#signup_form .form-item {
padding: 0 0 5px 0;
}
#signup_form .form-submit {
font-size: 1em;
padding: 3px 0;
width: 110px;
margin: 4px 0 4px 160px;
}
#signup_form .form-item p.signin {
font-size: 0.7em;
color: #526C86;
font-weight: bold;
margin: 0 0 0 160px;
}
/** header login form **/
#header #user_box {
width: 356px;
position: block;
margin-top: 0px;
right: 250px;
font-size: 0.8em;
color: #fff;
}
#header #user_box ul#user_menu {
float: left;
padding: 3px 0 0 0;
}
#header #user_box ul#user_menu li {
padding: 3px 0;
}
#header #user_box a {
color: #fff;
text-decoration: underline;
}
#header #user_box a:hover {
text-decoration: none;
border: none;
}
#header #user_box .box {
width: 356px;
float: right;
position: relative;
}
#header #user_box .box .user_data {
position: absolute;
width: 356px;
top: 0;
left: 0;
padding: 10px 12px 5px 12px;
overflow: hidden;
}
#header #user_box .box .user_data .user_pic {
width: 55px;
height: 55px;
float: left;
padding: 0 10px 0 5px;
}
#header #user_box .box .user_data .user_conf {
float: left;
}
#header #user_box .box .user_data .user_conf .user_name {
font-weight: bold;
font-size: 1.2em;
padding: 0 0 3px 0;
}
#signin_form {
margin: -10px 0 0 0;
position: relative;
}
#signin_form .form-input {
width: 110px;
height: 13px;
}
#signin_form .form-submit {
position: block;
top: 36px;
left: 130px;
right: 0;
width: 62px;
}
#signin_form legend {
font-weight: bold;
font-size: 1.2em;
padding: 0 0 3px 3px;
}
#signin_form fieldset {
border: none;
}
/* Links */
a, a:active, a:visited {text-decoration: none; color: #0066CC; outline: none;}
a:hover {text-decoration: underline;}
#navbar li a {color: #505050;}
#navbar li a:hover {text-decoration: none; color: rgb(170,20,40);}
#footer a {color: #0066CC; font-size: 10px; font-family: helvetica, arial, sans-serif;}
#footer a:hover {color: #0066CC; text-decoration: none;}
#active a {color: rgb(170,20,40) !important;}
#main-content a {color: #0066CC; font-weight: bold;}
#main-content a:hover {color: #CA0002; text-decoration: none;}
#rss {float: right;}
.download_link {
border: 2px #ffc000 solid;
text-align: center;
background: #fcfde5 url(http://boxstr.com/templates/default2/images/bigdownload.gif) left no-repeat;
padding: 10px 0 10px 20px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
color: #505050;
margin: 10px 10px;
}