/* SIO - Main Stylesheet
=============================================================================================*/

/*	useful functions
----------------------------------- */

.hide { display: none; }
.show { display: block;	}

.h { float: left; list-style: none; margin: 0; padding: 0; }
.h li { float: left; list-style: none; margin: 0; padding: 0; }

.v { list-style: none; margin: 0; padding: 0; }
.v li { list-style: none; margin: 0; padding: 0; }

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

.transparent-85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }

.holder { width: 890px; margin: auto; text-align: left; position: relative; }

.tl { position: absolute; top: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.tr { position: absolute; top: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }
.bl { position: absolute; bottom: 0; left: 0; overflow: hidden; width: 5px; height: 5px; }
.br { position: absolute; bottom: 0; right: 0; overflow: hidden; width: 5px; height: 5px; }

.mb { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }

.mt { margin-top:15px; }

.ml { margin-left:15px; }
.mr { margin-right:15px; }

.underline { text-decoration: underline; }
.nounderline { text-decoration:none; }
a.nounderline { text-decoration:none; }

.center { text-align:center; }


/*	clear fix 
----------------------------------- */

.c { clear: both; height: 0; overflow: hidden; visibility: hidden; display: block; }
.clear { display: inline-block; } 
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 


/*	form elements
----------------------------------- */

.fieldset { margin-bottom: 10px; display: block; }

.textarea { color:#AC3900; padding: 5px; border: 1px solid #d98447; border-top: 1px solid #ffd496; border-left: 1px solid #ffd496; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.field2 { color:#AC3900; padding: 5px; border: 1px solid #d98447; border-top: 1px solid #ffd496; border-left: 1px solid #ffd496; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.field { float: left; background: transparent url('../images/backgrounds/field_bg.gif') no-repeat 0 0; width: 206px; height: 25px; display: block; overflow: hidden; }
.field input {border: none; color: #ac3900; font-size: 12px; margin: 4px 5px; width: 194px; font-family: Arial, Helvetica, sans-serif; }

.select { float: left; margin-right: 5px; background: #fff; border: 1px solid #d98447; border-top: 1px solid #ffd496; border-left: 1px solid #ffd496; padding: 3px 5px; color: #ac3900; font-size: 11px; display: block; }
.submit { float: left; margin-right: 10px; background: #ff6519; color: #fff; border: 1px solid #ae3900; text-align: center; text-decoration: none; display: block; cursor: pointer; padding: 4px 5px; font-size: 11px; font-weight: bold; }
.submit:hover { background-color: #ff8f58; border: 1px solid #ae3900;  }
.checkbox { display: inline; width: 15px; height: 15px; overflow: hidden; margin: 0; padding: 0; float: left; margin-right: 5px; }
.label { font-weight: bold; display: block; margin-bottom: 3px; }

form .item { margin-bottom: 10px; display: block; float: left; }

.success { background: #c9ffc6; border: 1px solid #73d269; color: #003300; padding: 10px; display: block; margin-bottom: 10px; }
.fail { float: left; background: transparent url('../images/backgrounds/field_bg_fail.gif') no-repeat 0 0; width: 206px; height: 25px; display: block; overflow: hidden; }
.fail input { background-color: transparent; border: none; color: #fff; font-size: 12px; margin: 4px 5px; width: 194px; font-family: Arial, Helvetica, sans-serif; }
.select-fail { color: #950000; background: #ffc8c8; border: 1px solid #ff8888; }
.terms-fail { padding: 2px 10px 3px 10px; background: #600101; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.errors { height: 35px; overflow: auto; }
.errors li { font-weight: normal; }

.errortxt { float: left; margin-left: 10px; display: inline; padding-top: 4px; }

/*	tables
----------------------------------- */

.tablepadding td, 
.tablepadding th { padding: 2px 15px; }

.settings-table { margin-bottom: 15px; }
.settings-table td, 
.settings-table th { padding: 2px 15px; }
.settings-table tbody th { background: #999999; color: #fff; }
.settings-table td { background: #f3f3f3; }
.settings-table .spacer { height: 20px; background: #f3f3f3; }
.settings-table .altbg { background: #e7e8e9; text-align: center; }

.data-table {  margin-bottom: 25px; }
.data-table td, 
.data-table th { padding: 10px; }
.data-table thead th { background: #999999; color: #fff; }
.data-table tbody th { background: #f3f3f3; }

.data-table td { border: 1px solid #d1ae85; }

.data-table .field { width: 95%; }


/*	dropdown
----------------------------------- */

.dropdown { position: relative; z-index: 9999; }
.dropdown .current { cursor: pointer; font-weight: bold; border: 1px solid #e77b05; background: #ffffcd url('../images/icons/dropdown_arrow.gif') scroll no-repeat 97% 50%; color: #dc5e04; padding: 4px 30px 4px 6px; min-width: 112px; }
.dropdown .current:hover { background-color: #fff; }
.dropdown .options { border: 1px solid #e77b05; background: #ffffcd; position: absolute; top: 25px; left: 0; z-index: 99999; min-width: 148px; }
.dropdown .options a { display: block; padding: 4px 33px 4px 12px; color: #dc5e04; white-space: nowrap; }
.dropdown .options a:hover { background-color: #fff; }

.dropdown .options .title { font-weight:bold; padding:0 6px; color:#DC5E04; }

.selectdropdown { position:relative; z-index:9999; background: #ffffcd; }
.selectdropdown .current { cursor: pointer; font-weight: bold; border: 1px solid #e77b05; background: #ffffcd; color: #dc5e04; padding: 0px 6px 0px 6px; }
.selectdropdown option { cursor:pointer; background: #ffffcd; display: block; padding: 0px 6px 0px 12px; color: #dc5e04; }
.selectdropdown optgroup { color:#dc5e04; font-weight:bold; padding:4px 0px 4px 0px; }


/*	overlay
----------------------------------- */

#overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
#overlay-bg { position: absolute; z-index: 9999; background: #000; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; }
#overlay-box { position: fixed; top: 50%; left: 50%; z-index: 99999; display: inline; }
#overlay-box .holder { position: relative; width: 267px; }
#overlay-box .close { color: #fff; padding: 1px 7px 3px 7px; position: absolute; top: 15px; right: 15px; text-decoration: none; font-weight: bold; background: transparent url('../images/pager/pager_num_bg.gif') no-repeat 50% 50%; }
#overlay-box .inside { padding: 10px 15px;}
#overlay-box .bottombtn { font-weight: bold; text-decoration: none; display: block; padding: 10px 20px; background: #e7e8e9; border-top: 1px solid #a7a9ac; }
#overlay-box .bottombtn:hover { background: #a7a9ac; }

.whitelink { color: #660000; font-weight: bold; padding: 5px 10px; background: #ff9933; display: block; border: 2px solid #ffb65e; }
.whitelink:hover { background: #ffb65e; text-decoration: none; }
.whitelink .title { display: block; font-weight: bold; }
.whitelink .description { font-weight: normal; }

#overlay-box .item { width: 206px; }
#overlay-box .dividerimg { margin-bottom: 10px; }

/*	login form
----------------------------------- */

#loginbox .lrememberme { display: block; padding-top: 5px; width: 120px; }
#loginbox .lrememberme .label { float: left; display: inline; }

#registerbox .holder { width: 683px }
#registerbox .radiobtn { display: inline; margin-right: 10px; }
#registerbox .radiobtn label { display: inline; }
#registerbox .loadingbtn, #registerbox .submit { float: right; margin: 0; }
#registerbox .label a { color: #fff; text-decoration: underline; }

#registerbox .cleanboxbg { background: #ffffcc url('../images/backgrounds/cleanbox_shadow.gif') no-repeat 51% 50%; }

#registerbox .regform { float: left; width: 475px; margin-right: 10px; }
#registerbox .reginfo { float: left; width: 168px; }

#buyitembox .holder { width: 574px; }

#rewardbox a { color: #43403d; text-decoration: underline; }
#rewardbox a:hover { color: #000; }

#rewardbox { font-family: Georgia, "Times New Roman", Times, serif; background: #fff url('../images/rewards/background.jpg') repeat 0 0; color: #43403d; }
#rewardbox .holder { width: 740px; text-align: center; }
#rewardbox .inside { padding: 10px 10px 20px 10px; }
#rewardbox .dividerimg { height: 3px; }
#rewardbox .close { background: none; font-size: 24px; color: #8f8d88; }

#rewardbox .logo {}
#rewardbox .date { font-size: 14px; margin-bottom: 5px; }
#rewardbox .article { font-size: 28px; font-weight: bold; margin-bottom: 10px;  }
#rewardbox .subtext { font-size: 14px; margin-bottom: 10px; font-weight: bold; padding: 0 10px; text-align: left; }
#rewardbox .rewardflash { margin-bottom: 10px; width: 720px; height: 380px; background-color: #000; }
#rewardbox .sendtoafriend-btn { margin-right: 10px; font-weight: bold; text-decoration: none; font-size: 15px; float: right; background: transparent url('../images/rewards/arrow.gif') no-repeat 100% 50%; padding-right: 17px; display: inline;  }

.sendtoafriend .label { text-align: left; }
.sendtoafriend .item { float: left; margin-right: 10px; }



/*	feedback
----------------------------------- */

#feedback { width: 100%; height: 68px; position: fixed; bottom: 0; left: 0; background: #012f67 url('../images/backgrounds/feedback_repeat_bg.gif') repeat-x 0 0; z-index: 9999; border-top: 1px solid #037ca7;  }
#feedback .padding { display: block; padding: 12px 0; background: transparent url('../images/backgrounds/feedback_bg.jpg') no-repeat 50% 0; }
#feedback .text { color: #fff; font-size: 16px; font-weight: bold; text-align: center; }
#feedback .close { position: absolute; top: 10px; right: 10px; }
#feedback a { color: #fff; text-decoration: underline; }
#feedback .cleanbutton { color: #fc270f; text-decoration: none; }
#feedback .cleanbutton:hover { color: #fff; }


/*	tooltip
----------------------------------- */

#tooltip { position: absolute; z-index: 99999; background: #e64e01 url('../images/backgrounds/tooltip_bg.gif') repeat-x 0 0; padding: 5px; color: #ffffcc; border-bottom: 1px solid #ac3900; border-right: 1px solid #ac3900;}
#tooltip h3, #tooltip div { margin: 0; }


/*	buttons
----------------------------------- */

a.cleanbutton { padding: 4px 15px; }
.cleanbox .cleanbutton  { text-decoration: none; }
.cleanbutton { background: #d2d2d2 url('../images/backgrounds/cleanbutton_bg.gif') scroll repeat-x 0 0; border: 1px solid #fff; color: #fc270f; font-weight: bold; padding: 2px 15px; text-align: center;  }
.cleanbutton:hover { background: #242424; color: #fff; border: 1px solid #6d0202; cursor: pointer; }

.cleanbutton-flat { background: #fff; border: 1px solid #fff; color: #fc270f; font-weight: bold; padding: 5px 15px; float: right; text-align: center; }

.loadingbtn { cursor: default; padding: 4px 10px 3px 10px; text-align: center; }

.sharelink { padding: 5px 10px 5px 30px; }
.share-facebook { background: transparent url('../images/icons/facebook.png') scroll no-repeat 0 0; }
.share-twitter { background: transparent url('../images/icons/twitter.png') scroll no-repeat 0 0; }
.share-myspace { background: transparent url('../images/icons/myspace.png') scroll no-repeat 0 0; }

a.sortbutton { padding:5px 15px; text-decoration:none; }
.sortbutton { background:#ffffff; color:#e64c00; border:1px solid #e64c00; cursor:pointer; font-weight:bold; text-align:center; }
.sortbutton:hover { background:#e64c00; color:#ffffff; border:1px solid #ffffff; }