/**** Basic Elements ****/
body { font-family: Trebuchet MS, Verdana; margin: 0px; padding: 0px; color: #444; /*font-size:62.5%;*/ font-size: 12px; word-wrap: break-word; word-break: break-word; }

p { margin: 0px; padding: 0px; }

table { border-collapse: collapse; }

img { border: 0 none; }

pre { font-family: Trebuchet MS, Verdana; white-space: pre-wrap; white-space: -moz-pre-wrap; }

blockquote { background: #f5f5f5; padding: 15px 20px; margin: 10px 30px 12px; }

/******** Links ********/
a:link, a:visited { color: #44a7bd; text-decoration: none; border: 0px; }

a:hover { color: #000; text-decoration: underline; border: 0px; }

/******** Fonts ********/
.white, a.white:link, a.white:visited, a.white:hover { color: #ffffff; }

.black, a.black:link, a.black:visited, a.black:hover { color: #000000; }

.gray, a.gray:link, a.gray:visited, a.gray:hover { color: #888888; }

a.more { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }

/**** Body ****/
#background { position: relative; background: #ffffff url(../images/header-bar-noborder.gif) repeat-x left top; }
@media only screen and (max-width: 40em) { #background { background: #fff; } }

#container { position: relative; margin: auto; padding: 0px 10px; word-wrap: break-word; width: auto; max-width: 1024px; }
@media only screen and (max-width: 40em) { #container { padding: 0px; } }

/**** Header ****/
#header { background: #222; height: 35px; margin-bottom: 40px; }
@media only screen and (max-width: 40em) { #header { margin-bottom: 0px; } }

#header-inner { width: auto; max-width: 1024px; margin: 0px auto; position: relative; }

#logo { position: absolute; top: 0px; left: 0px; width: 180px; height: 35px; background: url(../images/logos/logo-bar.png) no-repeat; }

#user { position: absolute; top: 0px; right: 0px; width: 300px; height: 35px; }

#user #user-icons { float: right; border-right: 1px solid #555; }

@media only screen and (max-width: 40em) { #user { right: auto; left: 0px; top: 35px; background: #222; width: 210px; border-top: 1px solid #555; border-bottom: 1px solid #555; margin-left: -210px; z-index: 88; }
  #user #user-guest .nav { top: 0px; }
  #user #user-guest .nav li { float: left; width: 50%; }
  #user #user-guest .nav li a { padding: 10px; text-align: center; }
  #user #user-icons { float: none; display: inline-block; } }
#user .i-container, .nav-button { border-left: 1px solid #555; float: left; display: block; padding: 5px 5px; height: 35px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

#user .i-container:hover { background: #7ec9d0; }

#user .i-container:hover i { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#user .i { margin: 0px; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#header_ad, #header_pay { height: 125px !important; width: auto !important; margin: auto; padding: 0px 10px 30px; border-bottom: 1px solid #d8d8d8 !important; display: block !important; position: relative !important; visibility: visible !important; opacity: 1 !important; }
@media only screen and (max-width: 40em) { #header_ad, #header_pay { padding: 10px; height: auto !important; border: none !important; } }

/**** Menu ****/
.nav-button { display: none; }

.nav, .nav ul, .nav li { list-style: none; margin: 0; padding: 0; }

.nav { position: absolute; top: 0px; left: 180px; border-left: 1px solid #555; z-index: 80; float: left; }

.nav li { border-right: 1px solid #555; height: 35px; float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }

/* Not sure if needed, test without */
.nav li:hover, .nav li:hover { position: relative; z-index: 82; cursor: default; }

.nav a { font-size: 13px; color: #ffffff; display: block; padding: 10px 8px; text-align: center; text-decoration: none; text-shadow: 0px 0px 2px #222222; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.nav li.selected > a, .nav li:hover a { color: #ffffff; background: #7ec9d0; text-shadow: 0px 0px 2px #022c35; }

.nav .nav-tab-subs-container { width: 500px; position: absolute; display: none; }

.nav li.selected .nav-tab-subs-container, .nav li:hover .nav-tab-subs-container { display: block; }

.nav ul { font-size: 12px; background: none; padding: 0px; margin: 0px 0px 0px -75px; letter-spacing: -.1pt; position: absolute; /* Might need to be 'relative*/ top: 100%; left: 0; z-index: 81; float: left; clear: both; }

.nav ul li { border: 0px; height: 30px; }

.nav ul a, .nav li:hover ul a, .nav ul li:hover a { color: #333; text-align: left; text-shadow: 0px 0px 2px #fff; padding: 7px; background: none; }

@media only screen and (max-width: 40em) { .nav-button { position: absolute; top: 0px; right: 0px; display: block; }
  .nav { left: 0px; margin-left: -210px; top: 70px; width: 210px; background: #222; }
  .nav li { height: auto; float: none; display: block; border-bottom: 1px solid #555; }
  .nav li .nav-tab-subs-container { position: static; width: auto; display: none; }
  .nav li .nav-tab-subs-container ul { position: static; float: none; margin: 0px; }
  .nav li .nav-tab-subs-container ul li { height: auto; }
  .nav li .nav-tab-subs-container ul a { text-shadow: none; color: #fff; border-bottom: 1px solid #555; padding-left: 25px; }
  .nav li.nav-tab-children:hover .nav-tab-subs-container { display: block; }
  .nav li a { display: block; text-align: left; padding: 5px 10px; } }
/* Guest */
#nav-guest a { color: #7ec9d0; font-weight: bold; }

#nav-guest a:hover { color: #fff; }

/**** Content ****/
#content { position: relative; min-height: 400px; padding: 20px 0px; background: #ffffff; word-wrap: break-word; }
@media only screen and (max-width: 40em) { #content { padding-top: 0px; } }

.left { float: left; width: 780px; overflow: hidden; }

.right { float: left; margin: 0px; width: 160px; overflow: hidden; }

.column > .right { width: 100%; }

.col_left { float: left; width: 340px; padding: 10px; margin-right: 5px; }

.col_right { float: left; width: 340px; padding: 10px; margin-left: 5px; }

.search-left { float: left; width: 170px; }

.search-right { float: left; width: 740px; margin-left: 20px; }

@media only screen and (max-width: 40em) { .search-left, .search-right { float: none; width: 100%; }
  .search-right { margin: 10px 0px; } }
#footer { position: relative; background: #000; }

#footer-inner { padding: 30px; margin: 0px auto; color: #ddd; background: url(../images/footer-tree.png) no-repeat right bottom; max-width: 1024px; }
@media only screen and (max-width: 40em) { #footer-inner { background: none; height: auto; }
  #footer-inner .footer-column { width: 100%; height: auto; } }

#footer a { color: #ddd; }

.footer-column { float: left; width: 200px; height: 190px; }

.footer-menu { margin-bottom: 20px; }
.footer-menu .h3 { color: #fff; margin-bottom: 2px; }
.footer-menu ul, .footer-menu li { margin: 0px; padding: 0px; list-style: none; }
.footer-menu a { float: none; margin: 2px 0; }

#footer-copyright { color: #888; font-size: 11px; }

/********* Forms *********/
form { margin: 0; padding: 0; }

input[type=text], input[type=password], textarea { padding: 2px 3px; font-size: 12px; font-family: Trebuchet MS, Verdana; border: 1px solid #bbbbbb; width: 100%; max-width: 300px; }

textarea.textarea-full, textarea.texteditor { max-width: 100%; }

input[type=file] { width: 100%; max-width: 300px; }

select { font-size: 12px; font-family: Trebuchet MS, Verdana; border: 1px solid #bbbbbb; }

textarea { height: 80px; }

.default { color: #999999; }

.submit { cursor: pointer; }

input.big { height: 34px; font-size: 18px; }

.button { background: #7ec9d0; border: none; color: #fff; font-size: 16px; padding: 5px 12px; text-align: center; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

a.button, a.button:link, a.button:active, a.button:visited, a.button:hover { color: #fff; text-decoration: none; }

a.button:hover { background: #222; }

.button-big { font-size: 22px; padding: 10px 20px; }

/******** Headings ********/
h1, h2.h1, h3.h1, h4.h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; font-weight: normal; font-style: italic; letter-spacing: -.8pt; line-height: 23px; color: #111; padding: 0px 15px; margin: 0px; border-bottom: 2px dotted #d8d8d8; display: block; background: none; }

h1:first-letter, h2.h1:first-letter, h3.h1:first-letter, h4.h1:first-letter { font-size: 31px; font-weight: normal; }

h1 a, h1 a:link, h1 a:hover, h1 a:visited { color: #111; text-decoration: none; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 21px; font-weight: normal; font-style: italic; letter-spacing: 0px; color: #fff; background: #000; padding: 3px 17px; margin: 0px; border-bottom: 2px groove #ddd; display: block; position: relative; border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }

h2.red { background: #e1212a; border-bottom: 2px groove #e1212a; text-shadow: 0px 0px 3px #5a0408; }

h2.square { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

h2 a, h2 a:link, h2 a:hover, h2 a:visited { color: #fff; text-decoration: none; }

h3, .h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; font-style: italic; color: #222; padding: 0px; margin: 0px; display: block; border: none; letter-spacing: 0px; }

h4, .h4, .tiny { display: inline; font-size: 10px; font-weight: normal; padding: 0px; margin: 0px; color: #888888; border: none; letter-spacing: 0px; }

h5 { font-size: 13px; font-weight: bold; padding: 0px; margin: 0px; color: #222; letter-spacing: 0px; }

h6, .h6 { color: #222; font-size: 21px; padding: 0px; margin: 0px; font-weight: normal; display: block; border: none; letter-spacing: -.5pt; line-height: 24px; }

hr { color: #dddddd; }

.hr, .hr-full { border-bottom: 1px solid #dfdfdf; height: 2px; margin: 12px auto; width: 95%; }

.hr-full { width: 100%; margin-bottom: 20px; }

/******** Lists ********/
ul { margin: 0px; padding: 0px 0px 0px 15px; }

li { margin: 0px; padding: 0px; }

ul.thumbs { list-style: none; margin: 0px; padding: 0px; }

ul.thumbs li { float: left; text-align: center; position: relative; }

.hover-button:hover .hover-buttons { display: block; }
.hover-button:hover .box { border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }

div.hover-button { position: relative; }

.hover-buttons { position: absolute; display: none; padding: 4px; z-index: 2; top: 2px; right: 2px; text-align: right; }

li .hover-buttons, .li .hover-buttons { top: auto; right: auto; background: #ffffff; border: 1px solid #d8d8d8; border-left: none; width: 16px; height: 38px; padding-left: 0px; text-align: center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; box-shadow: #d8d8d8 3px 3px 4px; -moz-box-shadow: #d8d8d8 3px 3px 4px; -webkit-box-shadow: 3px 3px 4px #d8d8d8; }

.hover-buttons img { padding: 1px 0px 2px; }

.s, .t { text-align: center; }

img.t { width: 50px; height: 38px; }

img.s { width: 100px; height: 75px; }

.li.t .hover-buttons { margin-left: 60px; }

.li.s .hover-buttons { margin-left: 112px; }

#content li .t .hover-buttons { margin-left: 69px; }

#content li .s.hover-button { width: 120px; }

#content li .s .hover-buttons { top: 0px; right: -9px; }

li.s .corner { position: absolute; margin-left: -70px; margin-top: -10px; }

/********* Misc ********/
.clear { clear: both; }

.absmiddle { vertical-align: middle; }

div.red { margin: 6px; padding: 10px; color: #e1212a; border: 1px solid #e1212a; background-color: #f8f0f0; }

span.red { color: #e1212a; }

div.green { margin: 6px; padding: 10px; color: #608112; border: 1px solid #8DA820; background-color: #eff4e5; /*border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/ }

span.green { color: #608112; }

div.blue { margin: 6px; padding: 10px; color: #3c85bd; border: 1px solid #3c85bd; background-color: #f0f6fb; /*border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;*/ }

div.blue h5 { font-size: 14px; color: #3c85bd; }

span.blue { color: #3c85bd; }

div.block { background: #f5f5f5; padding: 15px 20px; }

div#message { margin-bottom: 8px; }

div.center { margin: auto; text-align: center; width: 485px; }

div.none, #container td.none { text-align: center; padding: 30px 10px; }

div.none-short, #container td.none-short { text-align: center; padding: 15px 10px; }

.fade { opacity: .35; filter: alpha(opacity=35); -moz-opacity: 0.35; }

.hover { opacity: .70; filter: alpha(opacity=70); -moz-opacity: 0.7; }

.hover:hover { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.clickable { cursor: pointer; }

.p { display: inline-block; padding: 2px 3px 3px; margin: 0px 1px 10px; font-weight: bold; background: #FFFFFF; border: 1px solid #d8d8d8; }

.p.selected { background: #f3f3f3; }

/* Rows */
.row, table.rows > tbody > tr { border-bottom: 1px solid #e3e3e3; }

/*.row, table.rows > thead > tr, table.rows > tbody > tr {
	border-top:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
}*/
.even, table.rows > tbody > tr:nth-child(even) { background-color: #ffffff; }

.odd, table.rows > tbody > tr:nth-child(odd) { background-color: #f8f8f8; }

.rows .norow, .row.norow, .odd.norow, .even.norow, table.rows > tbody > tr.norow { background: none; border: none; }

.box { padding: 8px 0px; background: #ffffff; border: 1px solid #d8d8d8; border-radius: 8px; overflow: hidden; word-wrap: break-word; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: #e6e6e6 2px 3px 5px; -moz-box-shadow: #e6e6e6 2px 3px 5px; -webkit-box-shadow: 2px 3px 5px #e6e6e6; }

.box h2 { margin-top: -8px; }

.box .pad h2, .box.pad h2 { margin: 0px -15px; }

.box .pad-link a { margin-bottom: -8px; }

.box .pad .pad-link a, .box.pad .pad-link a { margin: 5px -15px -23px; }

.box .thumbs { margin: 4px 0px; }

.box-search a { color: #333; }

.sbox { padding: 5px 15px 0px; line-height: 105%; color: #888888; }

div.pad { padding: 15px 15px; word-wrap: break-word; }

@media only screen and (max-width: 40em) { .column > div.pad { padding: 15px 0px; } }
div.pad-link a { display: block; padding: 6px 17px 7px; background: #ebebeb; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; text-shadow: 0px 0px 2px #fff; text-transform: lowercase; border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; }

div.pad-link a:hover { color: #fff; text-decoration: none; text-shadow: 0px 0px 3px #5a0408; background: #e1212a; }

table.pad { width: 100%; }

table.pad td, table.pad th { padding: 4px 12px; }

table.pad th { padding-bottom: 1px; }

img.box { padding: 4px; margin-bottom: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-sizing: content-box; }

.actions { width: 230px; margin: 8px auto; }

.action { color: #333; float: left; width: 110px; margin-left: 5px; text-align: left; height: 20px; letter-spacing: -.1pt; }

.actions-narrow .action { width: 98px; margin-left: 17px; }

.action a, .action a:hover { color: #333; text-decoration: none; }

a.tag-1 { color: #222222; }

a.tag-2 { color: #3b3b3b; }

a.tag-3 { color: #555555; }

.thumbs { list-style: none; padding: 8px 10px; margin: 0px; }

.thumbs li { float: left; list-style: none; text-align: center; }

.thumbs li.t { height: 90px; line-height: 11px; }

.thumbs li.s { height: 130px; }

ul.thumbs li.m { height: 300px; }

@media only screen and (max-width: 40em) { .thumbs img { height: auto; } }

div.tag { color: #0084bc; border: 1px solid #33ccff; background: #f9fdff; padding: 3px; float: left; margin: 2px; }

div.tag_green { color: #608112; border: 1px solid #8DA820; background-color: #eff4e5; padding: 3px; float: left; margin: 2px; }

.overflow { max-height: 150px; overflow: auto; }

* html .overflow { height: 150px; max-height: 150px; overflow: auto; }

#quicksearch, #quicksearch li { margin: 0px; padding: 0px; list-style: none; }

.quote { padding: 6px; border: 1px solid #33ccff; background: #f9fdff; }

.quote .quote { background: #fbfcfe; }

.quote .quote .quote { background: #ffffff; }

.quote div { padding: 4px 6px; }

.description { line-height: 105%; color: #999999; display: block; padding: 0px 3px; }

#tags { max-height: 100px; overflow: auto; }

.checkbox { position: absolute; margin-left: 33px; margin-top: 3px; width: 18px; height: 17px; padding: 4px; background: #ffffff; }

table .td-image, .table .td-image { padding: 8px 5px 5px 15px; vertical-align: top; }

table .td-image-t, .table .td-image-t { width: 80px; }

table .td-image-s, .table .td-image-s { width: 130px; padding-right: 6px; }

table .td-details, .table .td-details { vertical-align: top; padding: 8px 15px 8px 5px; }

table .td-details a b, .table .td-details a b, table .td-details h3 a, .table .td-details h3 a { color: #000; }

table .td-details .description, .table .td-details .description { padding: 1px 0px; }

.icons { float: right; padding: 0px 0px 3px 5px; position: relative; z-index: 2; }

.points-icon { background-image: url(../images/points.png); padding: 2px 24px 2px 6px; width: 75px; text-align: left; display: inline; margin: -1px -6px; }

/*** Review REply ****/
.review_reply { margin-top: 8px; padding: 0px; }

.review_reply_form { margin: 8px; }

.review_reply_form textarea { width: 98%; height: 35px; margin-bottom: 4px; }

.review_reply_form input { margin: 0px; }

a.review_reply-more { font-size: 11px; font-weight: normal; }

/********** Sidebar *********/
.sidebar a { color: #333; display: block; padding: 5px 15px 5px 22px; border-bottom: 1px solid #ebebeb; font-size: 13px; font-weight: bold; }

.sidebar a.secondary { display: none; }

.sidebar div.account a.account, .sidebar div.full a.secondary { display: block; }

.sidebar img { vertical-align: middle; padding-right: 4px; }

.sidebar a:hover { background: #f3f3f3; text-decoration: none; }

.sidebar a.selected { display: block; background: #f9f9f9; color: #555555; }

.count { position: absolute; margin-top: -4px; margin-left: -24px; width: 28px; text-align: center; border: 1px solid #ffffff; }

.count span { background: #aaaaaa; color: #ffffff; font-size: 9px; padding: 0px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 10px; position: absolute; right: 0px; }

td .count { margin-left: -16px; }

.action .count { margin-top: -6px; margin-left: -25px; }

.st-custom-button { cursor: pointer; }

/**** Buttons ****/
div.h1, div.h2 { position: relative; }

div.h1 ul, div.h1 > span, div.h2 ul, div.h2 > span { font-size: 12px; color: #FFFFFF; text-align: right; margin-left: auto; list-style: none; position: absolute; margin-top: -1px; right: 6px; z-index: 10; }

div.h1 > span, div.h2 > span { color: #333333; right: 5px; }

div.h1 li, div.h2 li { list-style: none; float: left; margin: 0px 2px; }

div.h1 a, div.h2 a { padding: 1px 6px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-decoration: none; background: #f1f1f1; color: #333333; font-weight: bold; line-height: 12px; }

/* H1 */
div.h1 > span { /* unsure */ }

div.h1 ul { margin-top: -40px; }

div.h1 li.selected a { color: #fff; background: #44a7bd; text-shadow: 0px 0px 3px #022c35; }

div.h1 li:hover a { background: #555555; color: #ffffff; }

/* H2 */
div.h2 > span { margin-top: -30px; }

div.h2 ul { margin-top: -27px; }

div.h2-padded ul { margin: -41px -10px 0px 0px; }

div.h2 a { background: #ccc; }

div.h2 li.selected a { color: #fff; background: #44a7bd; text-shadow: 0px 0px 3px #022c35; }

div.h2 a:hover { background: #fff; }

div.h2-red li.selected a { color: #fff; background: #000; text-shadow: 0px 0px 3px #000; }

@media only screen and (max-width: 40em) { div.h1, div.h2 { margin: 0px 0px 10px; }
  div.h1:after, div.h2:after { content: ' '; display: table; clear: both; }
  div.h1 ul, div.h2 ul { margin: 0px; position: static; padding: 0px; } }
/**** Tabs ****/
.tabs { list-style: none; padding: 0px 5px; margin: 0px; height: 23px; border-bottom: 1px solid #d8d8d8; }

.tabs li { float: left; margin: 0px 2px; border: 1px solid #d8d8d8; background: #f5f5f5; border-top-left-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }

.tabs li.selected, .tabs li:hover { border-bottom: none; background: #ffffff; height: 24px; }

.tabs li a { float: left; padding: 3px 10px 4px; height: 22px; text-align: center; color: #666666; text-decoration: none; letter-spacing: -.1px; }

.tabs li.selected a, .tabs li.selected a:link, .tabs li.selected a:active, .tabs li.selected a:hover, .tabs li.selected a:visited { color: #666666; text-decoration: none; }

.tabs li.author { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 4px; width: 60px; height: 48px; margin-top: -8px; background: #ffffff; text-align: center; z-index: 2; }

.tabs li.author a, .tabs li.author a:link, .tabs li.author a:active, .tabs li.author a:visited { padding: 0px; float: none; font-size: 11px; }

.tabs li.author:hover { border: 1px solid #d8d8d8; }

#top_tabs { position: absolute; left: 7px; margin-top: -24px; z-index: 79; border-bottom: none; }

#top_tabs li { margin: 0px 1px 0px 2px; }

#top_tabs li.author { margin-right: 3px; margin-top: -8px; }

#top_tabs li.author a { padding: 0px; margin: 0px; }

#top_tabs li a { padding: 3px 8px 4px; }

#right_tabs { position: absolute; right: 12px; margin-top: -24px; z-index: 79; border-bottom: none; }

@media only screen and (max-width: 40em) { #top_tabs, #right_tabs { display: none; } }
@media only screen and (max-width: 40em) { #container .tabs-mobile { display: block; height: auto; position: relative; margin: 0px 13px 20px 0px; padding: 0px; border-bottom: 1px solid #d8d8d8; }
  #container .tabs-mobile:after { content: ' '; display: table; clear: both; }
  #container .tabs-mobile li { display: block; border-radius: 0px; margin: 0px; width: 50%; height: auto; border-bottom: none; }
  #container .tabs-mobile li.selected { height: auto; }
  #container .tabs-mobile a { display: block; float: none; height: auto; } }
#search { border-bottom: none; background: #ffffff; padding: 5px 7px 2px; margin-top: -6px; height: 29px; }
@media only screen and (max-width: 40em) { #search { display: none; } }

#search #search_input { width: auto; height: 19px; padding: 1px 2px; }

/********* Ads ***********/
.ad, .pay { max-width: 100%; overflow: hidden; position: relative; }

.box.ad { padding: 8px; }

/*.ad_title,
.pay_title {
	font-size:14px;
	font-weight:bold;
}

.ad_text,
.pay_text {
	font-size:12px;
	color:#666666;
}

.ad-right,
.pay-right {
	width:160px;
	margin:auto;
}*/
div.ad_728, div.pay_728 { padding: 4px; text-align: left; height: 72px; cursor: pointer; line-height: 14px; }
div.ad_728 span, div.pay_728 span { line-height: 16px; }

.pay-content_writing div.pay_728 { height: auto; }

.ad-left center, .pay-left center { text-align: left; }

/*.ad-size-link-728,
.ad-size-link-468,
.pay-size-link-728,
.pay-size-link-468 {
	padding:15px 0px;
}*/
.ad-size-728, .pay-size-728 { max-width: 728px; margin: 0px auto; }

.ad-size-468, .pay-size-468 { max-width: 468px; margin: 0px auto; }

div.row .ad, div.row .pay { padding: 8px 0px; }

/*.pay-provider-clicksor {
	margin:-4px;
}*/
.ad-here, .pay-here { position: absolute; text-align: right; bottom: 10px; right: 10px; }

/****** Scribbles ********/
#container .scribble_arrow { background: url(../images/scribble_arrow_top_left.gif) no-repeat 1px -3px; }
@media only screen and (max-width: 40em) { #container .scribble_arrow { background: none; } }

/****** Draggable ********/
.handle { cursor: move; }

.drag li { position: relative; display: block; float: left; list-style-type: none; height: 120px; width: 140px; text-align: center; }

.helper { border: 2px dashed #bbbbbb; background: #f3f3f3; width: 100%; height: 34px; }

ul .helper { width: 100px; height: 75px; margin: auto; /*border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;*/ }

ul.t .helper { margin: 0px 14px 35px 15px; width: 50px; height: 38px; }

table.drag .handle-column { width: 30px; background: none; }

table.drag tr:hover td.handle { background: url(../images/arrange.gif) no-repeat right center; }

/****** Inline Edit *******/
.inline { padding: 2px 4px; position: relative; background: none; height: 13px; }

.inline:hover { background: #f3f3f3; border: 1px dashed #d8d8d8; padding: 1px 3px; cursor: text; }

/***** Validation *****/
label.error { margin-left: 5px; width: auto; display: inline; color: #B80A0A; display: none; }

/***** Tooltips *****/
h2 .help { position: absolute; top: 3px; right: 5px; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #999; background-color: #fbfbfb; padding: 12px; opacity: 0.95; filter: alpha(opacity=95); font-size: 12px; max-width: 250px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 15px; box-shadow: #888888 2px 2px 6px; -moz-box-shadow: #888888 2px 2px 6px; -webkit-box-shadow: 2px 2px 6px #888888; }

#tooltip h3, #tooltip div { margin: 0; font-size: 12px; font-weight: normal; font-family: Trebuchet MS, Verdana; }

/***** Tables *****/
.table { width: 100%; }

.table > tbody > tr > td, .table > tr > td { padding: 4px; }

table.table.f-row > tbody > tr > td.column, table.table.f-row > thead > tr > th.column { padding: 3px 4px; }

.f-row table.table.f-row { margin: 0px; }

.table-nopadding > tbody > tr > td, .table-nopadding > tr > td { padding: 0px; }

table.border td, table.border th { border: 1px solid #E0E0E0; }

thead tr { border-bottom: 2px dotted #d8d8d8; font-weight: bold; color: #222222; background: #e4e4e4; }
thead tr th { padding: 4px 4px 2px; text-align: left; }
thead tr th.text-center { text-align: center; }

.even { background-color: #ffffff; }

.odd { background-color: #f7f7f7; }

.unread { background-color: #f2f9ff; }

.unread.odd { background-color: #edf6fe; }

/*th {
	text-align:left;
	font-weight:normal;
	color:#333333;
	padding:5px 8px 6px 8px;
	background:#d8d8d8;
}*/
table.forum td { padding: 12px 4px; }

/****** Icons *****/
.i { display: block; width: 16px; height: 16px; padding: 0px; border: 0px; background: none; background-image: url(../images/icons.png?2); background-repeat: no-repeat; text-align: left; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.i:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.i-24 { background-image: url(../images/icons-24.png?1); width: 24px; height: 24px; }

.i-white { background-image: url(../images/icons-white.png?1); }

.i-24.i-white { background-image: url(../images/icons-24-white.png?1); }

img.i { display: inline; }

.i-separator { width: 6px; }

.i-inline { float: left; margin: 2px 1px 0px; }

.i-text { display: block; float: left; margin: 0px 5px; padding: 2px 0px 0px 20px; width: auto; height: 16px; }

.i-button, .i-button:link, .i-button:active, .i-button:visited, .i-button:hover { display: block; float: left; padding: 2px 4px 2px 4px; margin: 2px 0px; height: 16px; border: 1px solid #e6e6e6; text-decoration: none; overflow: hidden; background: #fff; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.i-button:hover { text-decoration: none; background: #fbfbfb; box-shadow: #d2d2d2 0px 0px 4px; -moz-box-shadow: #d2d2d2 0px 0px 4px; -webkit-box-shadow: 0px 0px 4px #d2d2d2; }

.i-button .i-text { float: none; margin: 0px; padding: 2px 0px 0px 21px; text-decoration: none; font-weight: normal; color: #555555; }

.i-block { display: block; padding: 1px 0px 1px 20px; height: 16px; width: auto; }

.i-count { display: block; position: absolute; margin-top: -3px; margin-left: 8px; background: #44a7bd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; color: #FFFFFF; text-shadow: 0px 0px 1px #022c35; font-size: 9px; line-height: 8px; padding: 1px 2px; min-width: 6px; box-shadow: 0px 0px 7px #888; }

a:hover .i-count { color: #FFFFFF; }

.i-button .i-count { margin-top: -23px; margin-left: 22px; }

.i-24 .i-count { margin-left: 16px; }

/*.i-white .i-count {
	background:#fff;
	color:#333;
}
a.i-white:hover .i-count,
a:hover .i-white .i-count {
	color:#333;
}*/
.i-blank, .i-empty { background-position: 0px 0px; }

.i-add { background-position: 0px -16px; }

.i-edit { background-position: 0px -32px; }

.i-delete { background-position: 0px -48px; }

.i-search { background-position: 0px -64px; }

.i-enable { background-position: 0px -80px; }

.i-disable { background-position: 0px -96px; }

.i-block { background-position: 0px -112px; }

.i-arrange { background-position: 0px -128px; }

.i-arrow-up { background-position: 0px -144px; }

.i-arrow-right { background-position: 0px -160px; }

.i-arrow-down { background-position: 0px -176px; }

.i-arrow-left { background-position: 0px -192px; }

.i-restore { background-position: 0px -208px; }

.i-flag { background-position: 0px -224px; }

.i-flag-delete { background-position: 0px -240px; }

.i-warn { background-position: 0px -256px; }

.i-quote { background-position: 0px -272px; }

.i-mail { background-position: 0px -288px; }

.i-mail-new { background-position: 0px -304px; }

.i-mail-reply { background-position: 0px -320px; }

.i-comment { background-position: 0px -336px; }

.i-comment-reply { background-position: 0px -352px; }

.i-review { background-position: 0px -368px; }

.i-review-reply { background-position: 0px -384px; }

.i-like { background-position: 0px -400px; }

.i-dislike { background-position: 0px -416px; }

.i-subscription { background-position: 0px -432px; }

.i-subscription-add { background-position: 0px -448px; }

.i-subscription-delete { background-position: 0px -464px; }

.i-rss { background-position: 0px -480px; }

.i-page { background-position: 0px -496px; }

.i-link { background-position: 0px -512px; }

.i-stats { background-position: 0px -528px; }

.i-settings { background-position: 0px -544px; }

.i-help { background-position: 0px -560px; }

.i-print { background-position: 0px -576px; }

.i-user { background-position: 0px -592px; }

.i-user-offline { background-position: 0px -608px; }

.i-profile { background-position: 0px -624px; }

.i-logout { background-position: 0px -640px; }

.i-friend { background-position: 0px -656px; }

.i-friend-delete { background-position: 0px -672px; }

.i-news { background-position: 0px -688px; }

.i-writing { background-position: 0px -704px; }

.i-group { background-position: 0px -720px; }

.i-group-add { background-position: 0px -736px; }

.i-group-delete { background-position: 0px -752px; }

.i-contest { background-position: 0px -768px; }

.i-course { background-position: 0px -784px; }

.i-photo { background-position: 0px -800px; }

.i-blog { background-position: 0px -800px; }

.i-library { background-position: 0px -816px; }

.i-24.i-mail { background-position: 0px -24px; }

.i-24.i-comment { background-position: 0px -48px; }

.i-24.i-review { background-position: 0px -72px; }

.i-24.i-review-reply { background-position: 0px -96px; }

.i-24.i-link { background-position: 0px -120px; }

.i-24.i-help { background-position: 0px -144px; }

.i-24.i-logout { background-position: 0px -168px; }

.i-24.i-friend { background-position: 0px -192px; }

.i-24.i-group { background-position: 0px -216px; }

.i-24.i-menu { background-position: 0px -240px; }

/*.i-add { background-position: 0px 0px}
.i-edit { background-position: 0px -16px}
.i-delete { background-position: 0px -32px}
.i-enable { background-position: 0px -64px}
.i-enable:hover { background-position: 0px -48px}
.i-disable { background-position: 0px -48px}
.i-disable:hover { background-position: 0px -64px}
.i-help { background-position: 0px -80px}
.i-arrange { background-position: 0px -96px}
.i-comment { background-position: 0px -112px}
.i-mail { background-position: 0px -128px}
.i-user { background-position: 0px -144px}
.i-friend { background-position: 0px -160px}
.i-group { background-position: 0px -176px}
.i-photo { background-position: 0px -192px}
.i-album { background-position: 0px -208px}
.i-video { background-position: 0px -224px}
.i-event { background-position: 0px -240px}
.i-blog { background-position: 0px -256px}
.i-page { background-position: 0px -272px}
.i-calendar { background-position: 0px -288px}
.i-stats { background-position: 0px -304px}
.i-download { background-position: 0px -320px}
.i-layout { background-position: 0px -336px}
.i-items { background-position: 0px -352px}
.i-flag { background-position: 0px -368px}
.i-rss { background-position: 0px -384px}
.i-audio { background-position: 0px -400px}
.i-system { background-position: 0px -416px}
.i-info { background-position: 0px -432px}
.i-plugin { background-position: 0px -448px}
.i-subscribe { background-position: 0px -464px}
.i-unsubscribe { background-position: 0px -480px}
/*.i-facebook { background-position: 0px -496px}
.i-twitter { background-position: 0px -512px}
.i-myspace { background-position: 0px -528px}*/
/*.i-world { background-position: 0px -544px}
.i-link { background-position: 0px -560px}
.i-share { background-position: 0px -576px}
.i-star { background-position: 0px -592px}
.i-star-red { background-position: 0px -608px}
.i-star-gray { background-position: 0px -624px}
.i-page-delete { background-position: 0px -640px}
.i-flag-delete { background-position: 0px -656px}
.i-copy { background-position: 0px -672px}
.i-refresh { background-position: 0px -688px}
.i-ship { background-position: 0px -704px}
.i-unship { background-position: 0px -720px}
.i-up { background-position: 0px -736px}
.i-right { background-position: 0px -752px}
.i-down { background-position: 0px -768px}
.i-left { background-position: 0px -784px}
.i-print { background-position: 0px -800px}

/***** Datepicker *****/
.datepicker { border-collapse: collapse; border: 1px solid #999; position: absolute; z-index: 25; width: 200px; }

.datepicker tr.controls th { height: 22px; font-size: 11px; }

.datepicker select { font-size: 11px; margin: 0px 1px; }

.datepicker tr.days th { height: 18px; }

.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }

.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; text-align: center; }

.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }

.datepicker tbody td.date { cursor: pointer; }

.datepicker tbody td.date.over { background-color: #99ffff; }

.datepicker tbody td.date.chosen { font-weight: bold; background-color: #ccffcc; }

.datepicker_button { vertical-align: middle; cursor: pointer; }

/***** Thickbox *****/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }

#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }

#TB_window a:link { color: #666666; }

#TB_window a:visited { color: #666666; }

#TB_window a:hover { color: #000; }

#TB_window a:active { color: #666666; }

#TB_window a:focus { color: #666666; }

#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }

.TB_overlayMacFFBGHack { background: url(../images/overlay.png) repeat; }

.TB_overlayBG { background-color: #000; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }

#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #000000; display: none; border: 8px solid #888888; text-align: left; top: 50%; left: 50%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#TB_window img#TB_Image { display: block; margin: 20px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption { padding: 7px 30px 10px 25px; }

#TB_closeWindow { height: 20px; position: absolute; top: 0px; right: 3px; }

#TB_closeWindow a, #TB_closeAjaxWindow a, #TB_ajaxWindowTitle a { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

#TB_closeWindow a:hover, #TB_closeAjaxWindow a:hover, #TB_ajaxWindowTitle a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

#TB_closeAjaxWindow { padding: 3px 5px 5px 10px; margin-bottom: 1px; text-align: right; float: right; }

#TB_ajaxWindowTitle { float: left; padding: 3px 0 5px 10px; margin-bottom: 1px; }

#TB_title { background: #888888; height: 27px; color: #ffffff; font-weight: bold; font-size: 13px; /*border-top-left-radius:2px;
border-top-right-radius:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;*/ }

#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }

#TB_ajaxContent.TB_modal { padding: 15px; }

#TB_ajaxContent p { padding: 5px 0px 5px 0px; }

#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }

#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }

#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

/***** Auto Complete *****/
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }

.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }

.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* 
if width will be 100% horizontal scrollbar will apear 
when scroll mode will be used
*/ /*width: 100%;*/ font: menu; font-size: 12px; /* 
it is very important, if line-height not setted or setted 
in relative units scroll will be broken in firefox
*/ line-height: 16px; overflow: hidden; }

.ac_loading { background: white url("indicator.gif") right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over { background-color: #0A246A; color: white; }

/***** Rating ******/
div.rating { width: 100px; height: 16px; border: 1px solid #CFCFCF; background: url(../images/rating_bg.png) no-repeat; text-align: right; }

div.rg { width: 10px; background: #CFCFCF; border-left: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9; border-top: 1px solid #A9A9A9; }

div.rgn { width: 10px; background: #CFCFCF; border-left: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9; }

.stars { clear: both; display: block; }

.stars:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; }

.cancel, .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; }

.star-left, .star-right { width: 8px; }

.cancel, .cancel a { background: url(../images/delete.png) no-repeat 0 -16px; }

.star, .star a { background: url(../images/star.gif) no-repeat 0 0px; }

.star-left, .star-left a { background: url(../images/star-left.gif) no-repeat 0 0px; }

.star-right, .star-right a { background: url(../images/star-right.gif) no-repeat 0 0px; }

.cancel a, .star a { display: block; width: 100%; height: 100%; background-position: 0 0px; cursor: pointer; }

.stars .on a { background-position: 0 -16px; }

.stars .hover a, .stars div a:hover { background-position: 0 -32px; }

.cancel { display: none; }

/***** RTE ****/
.rte-zone { margin: 0; padding: 0; border: 1px #bbbbbb solid; clear: both; font: 10px Tahoma,Verdana,Arial,Helvetica,sans-serif; }

.rte-zone textarea { padding: 0; margin: 0; border: 0; position: relative; left: 0; clear: both; }

.rte-resizer { width: 100%; height: 20px; margin: 0; padding: 0; display: block; border-top: 1px solid #999; background-color: #fdfdfd; }

.rte-resizer a { background: url(../images/rte_icons.gif) no-repeat 0 0; background-position: 0 -688px; width: 16px; height: 16px; display: block; float: right; cursor: se-resize; margin-top: 4px; }

.rte-toolbar { width: 100%; margin: 0; padding: 0; display: block; border-bottom: 1px dashed #999; background-color: #fdfdfd; font: 10px Tahoma,Verdana,Arial,Helvetica,sans-serif; }

.rte-toolbar p { margin: 1px 0px; padding: 0; clear: both; }

.rte-toolbar select { font: 10px Tahoma,Verdana,Arial,Helvetica,sans-serif; height: 16px; padding: 0; margin: 0; }

.rte-panel { position: fixed; top: 50%; left: 50%; margin-left: -160px; margin-top: -50px; /*position:absolute;left:0;top:0;*/ border: 1px solid #999; display: block; clear: both; padding: 5px 5px 0 5px; background: #f0f0f0; font: 10px Tahoma,Verdana,Arial,Helvetica,sans-serif; z-index: 50; }

* html .rte-panel { position: absolute; left: 0; top: 0; margin-left: -350px; margin-top: -300px; }

.rte-panel div.rte-panel-title { font-weight: bold; margin: -5px -5px 5px -5px; padding: 5px; height: 16px; line-height: 16px; background: #e0e0e0; border-bottom: 1px solid #ccc; display: block; clear: both; /*cursor:move;*/ }

.rte-panel div.rte-panel-title .close { position: absolute; top: 5px; right: 5px; display: block; float: right; text-decoration: none; font-size: 14px; font-weight: bold; color: #f00; }

.rte-panel label { display: block; float: left; width: 50px; margin: 0 5px 0 2px; font-weight: bold; font-size: 10px; text-align: right; line-height: 20px; font-size: 100%; }

.rte-panel input, .rte-panel select { margin: 0 5px 0 2px; padding: 0; height: 20px; font-size: 10px; /*border:1px solid #ccc;*/ float: left; vertical-align: middle; line-height: 20px; }

.rte-panel input[type=text] { width: 204px; }

.rte-panel button { margin: 0 5px 0 2px; padding: 3px 5px; height: 22px; font-size: 10px; border: 1px solid #ccc; float: left; vertical-align: middle; background: #fbfbfb; cursor: pointer; }

.rte-panel p.submit { margin: 5px -5px 0 -5px; padding: 5px; height: 20px; line-height: 20px; background: #e0e0e0; border-top: 1px solid #ccc; display: block; clear: both; }

.rte-panel p.submit button { width: 60px; padding: 2px 5px; margin-left: 10px; font-weight: bold; }

.rte-panel .colorpicker1, .rte-panel .colorpicker2 { margin: 0 5px 0 0; padding: 0; float: left; border: 1px solid #000; }

.rte-panel .colorpicker2 { margin: 0; border: 0; }

.rte-panel .colorpicker1 .rgb { background: url(../images/rte_colorpicker_rgb.jpg) no-repeat 0 0; width: 300px; height: 150px; cursor: crosshair; }

.rte-panel .colorpicker1 .gray { background: url(../images/rte_colorpicker_gray.jpg) no-repeat 0 0; width: 15px; height: 150px; cursor: crosshair; }

.rte-panel .colorpicker2 .preview { margin: 3px 0; padding: 0; width: 50px; height: 50px; border: 1px solid #000; clear: both; background: #000; }

.rte-panel .colorpicker2 .color { margin: 3px 0; padding: 0; clear: both; }

.rte-panel .colorpicker2 .palette { margin: 0; padding: 0; width: 50px; height: 50px; border: 1px solid #000; cursor: crosshair; clear: both; font-size: 1px; }

.rte-panel .symbols { margin: 0; padding: 0; clear: both; }

.rte-panel .symbols a { font-size: 14px; line-height: 14px; vertical-align: middle; text-align: center; width: 18px; height: 18px; float: left; color: #000; text-decoration: none; }

.rte-panel .symbols a:hover { background: #ccc; }

.rte-panel .colorpicker2 .palette .item { width: 10px; height: 10px; margin: 0; padding: 0; float: left; cursor: crosshair; border: 0; }

.rte-panel img { padding: 0; margin: 0; border: 0; }

.rte-toolbar div.clear { display: block; clear: both; border: 0; padding: 0; padding: 2px 0 0 0; margin: 0; }

.rte-toolbar ul { display: block; margin: 0; padding: 0; width: 100%; }

.rte-toolbar ul li { list-style-type: none; float: left; padding: 0; margin: 5px 2px; height: 16px; }

.rte-toolbar ul li.separator { height: 16px; margin: 5px; border-left: 1px solid #ccc; }

.rte-toolbar ul li a { border: 1px solid #fdfdfd; display: block; width: 16px; height: 16px; background: url(../images/rte_icons.gif) no-repeat 0 0; cursor: pointer; margin: 0; padding: 0; opacity: .9; -moz-opacity: .9; filter: alpha(opacity=90); }

.rte-toolbar ul li a:hover, .rte-toolbar ul li a.active { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); }

.rte-toolbar ul li a.active { background-color: #f9f9f9; border: 1px solid #ccc; }

.rte-toolbar ul li a.empty { background-position: 0 0; }

.rte-toolbar ul li a.bold { background-position: 0 -112px; }

.rte-toolbar ul li a.italic { background-position: 0 -128px; }

.rte-toolbar ul li a.strikeThrough { background-position: 0 -144px; }

.rte-toolbar ul li a.underline { background-position: 0 -160px; }

.rte-toolbar ul li a.subscript { background-position: 0 -176px; }

.rte-toolbar ul li a.superscript { background-position: 0 -192px; }

.rte-toolbar ul li a.disable { background-position: 0 -480px; display: none; }

.rte-toolbar ul li a.enable { background-position: 0 -592px; }

.rte-toolbar ul li a.unorderedList { background-position: 0 -320px; }

.rte-toolbar ul li a.orderedList { background-position: 0 -336px; }

.rte-toolbar ul li a.justifyLeft { background-position: 0 -16px; }

.rte-toolbar ul li a.justifyCenter { background-position: 0 -32px; }

.rte-toolbar ul li a.justifyRight { background-position: 0 -48px; }

.rte-toolbar ul li a.justifyFull { background-position: 0 -64px; }

.rte-toolbar ul li a.indent { background-position: 0 -80px; }

.rte-toolbar ul li a.outdent { background-position: 0 -96px; }

.rte-toolbar ul li a.removeFormat { background-position: 0 -352px; }

.rte-toolbar ul li a.h1 { background-position: 0 -208px; }

.rte-toolbar ul li a.h2 { background-position: 0 -224px; }

.rte-toolbar ul li a.h3 { background-position: 0 -240px; }

.rte-toolbar ul li a.h4 { background-position: 0 -256px; }

.rte-toolbar ul li a.h5 { background-position: 0 -272px; }

.rte-toolbar ul li a.h6 { background-position: 0 -288px; }

.rte-toolbar ul li a.increaseFontSize { background-position: 0 -512px; }

.rte-toolbar ul li a.decreaseFontSize { background-position: 0 -528px; }

.rte-toolbar ul li a.image { background-position: 0 -560px; }

.rte-toolbar ul li a.word { background-position: 0 -576px; }

.rte-toolbar ul li a.clear { background-position: 0 -608px; }

.rte-toolbar ul li a.link { background-position: 0 -384px; }

.rte-toolbar ul li a.color { background-position: 0 -624px; }

.rte-toolbar ul li a.unlink { background-position: 0 -640px; }

/**** Share This ****/
#body .stButton .chicklets { font-family: Trebuchet MS, Verdana; color: #777777; font-size: 12px; }

#body .stButton .chicklets:hover { color: #222222; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

/**** Notices ****/
.notice { text-align: center; font-size: 14px; line-height: 14px; font-weight: normal; padding: 7px 10px 8px; opacity: .90; filter: alpha(opacity=90); -moz-opacity: 0.9; border-bottom: 1px solid #000; }

.notice .tiny { color: #fff; }

.notice a, .notice a:hover { color: #fff; text-decoration: none; }

.notice-message { /*color:#608112;
border-bottom:1px solid #8DA820;
background-color:#eff4e5;*/ color: #fff; text-shadow: 0px 0px 2px #2E3803; background: #bbea64; /* Old browsers */ background: -moz-linear-gradient(top, #bbea64 0%, #7d9e2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbea64), color-stop(100%, #7d9e2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bbea64 0%, #7d9e2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bbea64 0%, #7d9e2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bbea64 0%, #7d9e2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #bbea64 0%, #7d9e2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbea64', endColorstr='#7d9e2c',GradientType=0 ); /* IE6-9 */ }

.notice-error { /*color:#b00000;
border-bottom:1px solid #f2c2c2;
background-color:#ffefef;*/ color: #fff; /* Red */ background: #f47c7e; /* Old browsers */ background: -moz-linear-gradient(top, #f47c7e 1%, #cc1818 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f47c7e), color-stop(100%, #cc1818)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f47c7e 1%, #cc1818 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f47c7e 1%, #cc1818 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f47c7e 1%, #cc1818 100%); /* IE10+ */ background: linear-gradient(to bottom, #f47c7e 1%, #cc1818 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47c7e', endColorstr='#cc1818',GradientType=0 ); /* IE6-9 */ /* Orange */ /*text-shadow:0px 0px 2px #441A00;
background: #f79571;
background: -moz-linear-gradient(top,  #f79571 1%, #b74e12 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f79571), color-stop(100%,#b74e12));
background: -webkit-linear-gradient(top,  #f79571 1%,#b74e12 100%);
background: -o-linear-gradient(top,  #f79571 1%,#b74e12 100%);
background: -ms-linear-gradient(top,  #f79571 1%,#b74e12 100%);
background: linear-gradient(to bottom,  #f79571 1%,#b74e12 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79571', endColorstr='#b74e12',GradientType=0 );*/ }

.notice-info { /*color:#0084bc;
border-bottom:1px solid #9fd3ed;
background-color:#f9fdff;*/ color: #fff; text-shadow: 0px 0px 2px #002331; background: #31a1c4; /* Old browsers */ background: -moz-linear-gradient(top, #31a1c4 0%, #057aa8 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #31a1c4), color-stop(99%, #057aa8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #31a1c4 0%, #057aa8 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #31a1c4 0%, #057aa8 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #31a1c4 0%, #057aa8 99%); /* IE10+ */ background: linear-gradient(top, #31a1c4 0%, #057aa8 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31a1c4', endColorstr='#057aa8',GradientType=0 ); /* IE6-9 */ }

.notice-points { color: #fff; text-shadow: 0px 0px 2px #270231; background: #882fbf; /* Old browsers */ background: -moz-linear-gradient(top, #882fbf 1%, #660382 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #882fbf), color-stop(98%, #660382)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #882fbf 1%, #660382 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #882fbf 1%, #660382 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #882fbf 1%, #660382 98%); /* IE10+ */ background: linear-gradient(to bottom, #882fbf 1%, #660382 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#882fbf', endColorstr='#660382',GradientType=0 ); /* IE6-9 */ }

.notice-close { position: absolute; top: 7px; right: 7px; width: 16px; height: 16px; background-image: url(../images/notices/close.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; }

.notice-message .notice-close { background-image: url(../images/notices/close-message.png); }

.notice-error .notice-close { background-image: url(../images/notices/close-error.png); }

.notice-info .notice-close { background-image: url(../images/notices/close-info.png); }

/**** Newsfeed ****/
.newsfeed-item a { color: #000; }

.newsfeed-item a.newsfeed-user { font-weight: bold; }

.newsfeed-item a.newsfeed-title { color: #44a7bd; font-weight: bold; }

.newsfeed-item a.newsfeed-more { font-size: 11px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }

.newsfeed-item .sbox { padding: 10px 10px 0px; }

table.pad .newsfeed-item td { padding: 8px 15px; }

/**** Profile ****/
.profile-right { width: 500px; overflow: hidden; }

.profile-right div.box { max-width: 500px; overflow: hidden; }

/* Community */
/**** Writing ****/
.writing-item-left { max-width: 736px; }

.writing-item-writing { overflow: hidden; }

.writing-item-writing-text { padding: 0px 20px 10px; }
@media only screen and (max-width: 40em) { .writing-item-writing-text { padding: 20px 0px 0px; } }

.writing-item-reviews div.box { max-width: 585px; overflow: hidden; }

/**** Table to foundation stuff ****/
table.f-row { display: block; }
table.f-row > tbody, table.f-row > thead { display: block; }
table.f-row > tbody > tr, table.f-row > thead > tr { display: block; }
table.f-row > tbody > tr > td.column, table.f-row > tbody > tr > th.column, table.f-row > thead > tr > td.column, table.f-row > thead > tr > th.column { display: block; padding: 0px .5rem; }
table.f-row > tbody > tr > td.column.small-0, table.f-row > tbody > tr > th.column.small-0, table.f-row > thead > tr > td.column.small-0, table.f-row > thead > tr > th.column.small-0 { display: none; }
table.f-row > tbody > tr:after, table.f-row > thead > tr:after { content: ' '; display: table; clear: both; }

/**** Misc ****/
@media only screen and (max-width: 40em) { .user-status { display: block; } }

/**** Writing Form *****/
#writing select { width: 100%; max-width: 200px; }
#writing .texteditor { height: 400px; }
@media only screen and (max-width: 40em) { #writing .texteditor { height: 300px; } }
#writing input[type=text], #writing input[type=password], #writing textarea { max-width: 500px; }

/*##end##*/