/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; word-wrap: break-word; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #009900; color: #fff; text-shadow: none; }
::selection { background: #009900; color: #fff; text-shadow: none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol, li { margin: 0; padding: 0; list-style:none;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
table { border-collapse: collapse; border-spacing: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/*
@font-face { font-family: 'Interstate-Bold'; src: url(InterBol.eot); }
@font-face { font-family: 'Interstate-Bold'; src: url(InterBol.woff) format(woff), url(InterBol.svg) format(svg);}
@font-face { font-family: 'CenturyGothic'; src: url(CenturyGothic.eot); }
@font-face { font-family: 'CenturyGothic'; src: url(CenturyGothic.woff) format(woff), url(CenturyGothic.svg) format(svg); }
@font-face { font-family: 'CenturyGothic-Bold'; src: url(CenturyGothicBold.eot); }
@font-face { font-family: 'CenturyGothic-Bold'; src: url(CenturyGothicBold.woff) format(woff), url(CenturyGothicBold.svg) format(svg); } 

.interbol { font-family: 'Interstate-Bold'; }
.centuryGothic { font-family: 'CenturyGothic'; }
.centuryGothicBold { font-family: 'CenturyGothic-Bold'; }
*/
.mangaYellow { background-color: #fcb040; }

body{background-color:#1b1b1b;color:#444;}
header{margin:0 auto;}
nav{margin:0 auto;}

#container{width:1080px;margin:0 auto;background-color:#1b1b1b;}
#main{background:#FCB040; padding: 20px; }
#main_content { padding: 20px 30px; margin-left: 160px; border-radius: 10px; background: #fff; position: relative; }
#main_content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.contentWide { padding: 40px 30px; background: #fff; border-radius: 10px; }
#main_content.clear-padding { padding: 0; }
#main_content.nobg { background: none; }
/* PROMOTIONS PAGE */
.contentWide.contentPromotion .header-img { display: block; margin: 0 auto; padding-bottom: 15px; }
.contentWide.contentPromotion h1 { }
.contentWide.contentPromotion h2,
.contentWide.contentPromotion h3,
.contentWide.contentPromotion h4,
.contentWide.contentPromotion h5,
.contentWide.contentPromotion h6 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: none;
	border: none;
}
.contentWide.contentPromotion p { width: 86%; padding: 0; margin-bottom: 1.625em; margin-left: auto; margin-right: auto; text-align: justify; }
.contentWide.contentPromotion ul , .contentWide.contentPromotion ol { width: 80%; padding: 0; margin-left: auto; margin-right: auto; margin-bottom: 1.625em; }
.contentWide.contentPromotion ul li , .contentWide.contentPromotion ol li { padding: 4px 0; }
.contentWide.contentPromotion .img-left {
	float: left;
	margin: 5px 15px 10px 0;
	border: 5px solid #FEFEFE;
	box-shadow: 0 0 3px #a9a9a9;
	-webkit-box-shadow: 0 0 5px #a9a9a9;
}
.contentWide.contentPromotion .img-right {
	float: right;
	margin: 5px 0 0 15px;
	border: 5px solid #FEFEFE;
	box-shadow: 0 0 3px #a9a9a9;
	-webkit-box-shadow: 0 0 5px #a9a9a9;
}
.contentWide.contentPromotion .qoute {
	background: #dedede;
	padding: 7px 15px;
	margin: 0 0 15px 0;
	font-style: italic;
	line-height: 24px;
	color: #5e5e5e;
	text-shadow: 0 1px 1px #f7f7f7;
	border-radius: 6px;
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}
.contentWide.contentPromotion .qoute p {
	margin: 0 !important;
}

a{ color:#c97624; text-decoration: none;}
a:hover{ color: #4d4b4c; text-decoration: underline; }

i.loader { display: inline-block; width: 16px; height: 16px; vertical-align: top; background: url(ajax-loader.gif) no-repeat 0 0; }
*+html i.loader { display: inline; }


footer{position:relative; clear:both;margin:0 0 30px; background-color:#f8d7a1;width:100%;height:25px;}
footer > ul{padding-top:4px; margin: 0; text-align: center;}
footer > ul a{color:#333 !important;margin:0 auto;font-size:10px;}
footer > ul a:hover{color:#333;text-decoration:underline;}
footer > ul li{padding: 0 10px; color:#333;margin:0;font-size:10px;border-right:1px solid #333; display: inline; }
footer > ul li:last-child{border-right:none;}

#incompatible {position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;background-color:blue;}

nav#global_top_nav{ color: #ccccce; font-size: 12px; padding: 0 0 3px; background:#fff url(horizontal_dots.png) repeat-x 0 100%; border-bottom: solid 2px #fff; }
nav#global_top_nav>ul { width: 100%; height: 31px; background:#3b3c3d; }
nav#global_top_nav>ul li {float:left; line-height: 31px; padding: 0 10px;  }
nav#global_top_nav>ul li span { display: block; float: left; margin-right: 4px; }
nav#global_top_nav>ul li span.name { max-width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal; margin-right: 0;}
nav#global_top_nav>ul li.right { float: right; }
nav#global_top_nav>ul li a:hover { color: #eee; }

table.gsc-search-box { display: none; }
table.gsc-search-box td.gsc-input { padding-right: 2px !important; }
.search { width: 250px; height: 27px; padding: 4px 10px 0 !important; border-right: solid 3px #6f7072; }
.search .gsc-clear-button { display: none !important; }
.search .gsc-input input { font-size: 12px; line-height: 15px; display: block; padding: 0 0 0 25px !important; width: 190px !important; border: none !important; border-radius: 3px; height: 23px !important; background: #fff url(search_mag.png) no-repeat 2px 3px !important;}
.search .gsc-search-button input { color: #fff !important; display: block; border: none !important; text-shadow: none !important; height: 23px !important; min-width: 0 !important; background: #959595 !important; border-radius: 3px; }

.header_content { position: relative; padding: 0 0 3px; background:#fff url(horizontal_dots.png) repeat-x 0 100%; border-bottom: solid 2px #fff; } 

#main_header .header_content { height: 200px; padding-left: 184px; overflow: hidden; }
#main_header h2 { margin: 0; padding: 0 0 0 3px; position:absolute; top: 0; left: 0; width: 178px; background: url(horizontal_dots.png) repeat-y 100% -1px;  }
#main_header h2 a { display: block;  width: 175px; height: 200px; padding: 0; text-align: center; background: url(main_nav_background.png) no-repeat 0 0;  }
#main_header .image { padding: 0 0 3px; background: url(horizontal_dots.png) repeat-x -2px 100%; }
#main_header .nav { margin: 0; padding: 0; width: 110%; }
#main_header .nav li { float: left; background: url(horizontal_dots.png) repeat-y -2px 0; }
#main_header .nav li:first-child { background: none; }
#main_header .nav li a { font-family: Helvetica; font-size: 15px; font-weight: 400; color: #3B3C3D; line-height: 37px; text-decoration: none; padding: 3px 10px 0; display: block; cursor: pointer; }
#main_header .nav li a:hover { background-color: rgba(0,0,0,0.1); }

.infoMessage { padding: 30px 0;  }
.infoMessage>div { font-size: 14px; color: #444; width: 630px; margin: 0 auto; padding: 15px 30px; background: #fff; border-radius: 15px; }
.infoMessage .infoShare { background: #E1E4E4; width: 690px; margin: 0 -30px -15px; padding: 25px 0 0; border-radius: 0 0 15px 15px; }
.redirect { font-size: 12px; color: #aaa; display: block; padding: 20px 0 0; }
.redirect a { color: ##C97624; text-decoration: underline; }
.redirect a:hover { text-decoration: hover; }

.breadcrumbs { margin: 0; padding: 0 0 10px 190px; }
.breadcrumbs li { display: inline; margin-right: 5px; }
.breadcrumbs li a { color: #3b3c3d; font-size: 12px; }
.breadcrumbs li a:hover  { text-decoration: underline;}
.breadcrumbs li span { color: #3b3c3d; }

.simplePaging { min-height: 20px; padding: 20px 0 0; text-align: center; }
.simplePaging li { display: inline; padding: 0 2px;  }
.simplePaging li.prev a,
.simplePaging li.next a { font-size: 12px; text-transform: lowercase; position: relative; top: -2px;  }
.simplePaging li a { font-size: 15px; text-decoration: none; padding: 2px 3px; }
.simplePaging li a:hover { text-decoration: underline; }
.simplePaging li strong { font-size: 15px; }

.pagination {color:#4c4a4b; font-size:13px; padding: 10px 0; margin:0;}
.pagination span { padding: 0 1px; }
.pagination a{color:#8d4c08; font-size:13px; padding:0 4px; margin:0; text-decoration:underline; outline: none;}
.pagination a:hover{ text-decoration:none;}
.pagination a.active_page { color: #333; text-decoration: none; }

#main_content #shareButtons { position: absolute; right: 5px; top: -33px; }

.shareWidget { margin: 0 auto; width: 660px;}
.shareWidget iframe { width: 660px; height: 1150px; margin: 0 auto; border: 0; }

.articleTitle { font-size:18px;font-weight:700;font-family:Helvetica;text-decoration: none;}
.articleTitle .question { margin-left: 10px; position: relative; top: -2px; padding: 3px; }
.question { cursor: pointer; }

.button { color: #fff; font: 400 11px/15px Arial; letter-spacing: 1px; cursor: pointer; padding: 3px 10px 2px !important; border: 0 !important; background: #4d4b4c url(button-icons.png) no-repeat 100px 100px; border-radius: 3px; text-decoration: none; display: inline-block; height: auto !important; text-transform: uppercase;  }
.button:hover { color: #fff; text-decoration: none;  background-color: #727171; }
.button.disabled { color: #ccc; cursor: default; background-color: #9e9e9e !important; }
.button.grey { background-color: #9e9e9e; }
.button.orange { background-color: #fbb11e; } /* e6a13a - more dark orange */
.button.orange:hover { background-color: #eda71d; }
.button.blue { background-color: #0d69b4; }
.button.approve { font: 15px/21px Helvetica; padding-left: 33px !important; background: #357808 url(approve-reject.png) no-repeat 5px 1px; }
.button.approve:hover { background-color: #235601; }
.button.reject { font: 15px/21px Helvetica;  padding-left: 33px !important; background: #ba1302 url(approve-reject.png) no-repeat 5px -52px; }
.button.reject:hover { background-color: #791107; } 

.button.big { font: 15px/24px Verdana; padding-top: 2px !important; }
.button.huge { font: 24px/35px Verdana; padding-left: 20px !important; padding-right: 20px !important; border-radius: 5px; }

.button.add { padding-left: 20px !important; background-position: 8px 7px;}
.button.remove { padding-left: 20px !important; background-position: 8px -13px;}
.button.edit { padding-left: 20px !important; background-position: 8px -47px;}


.text h1 { color: #4C4C4C; font-size: 18px; font-weight: bold; padding: 7px 30px 5px; margin: 30px -30px 20px; background: #ededed; border: 1px dotted #4D4B4C; border-width: 1px 0; }
.text h1:first-child { margin-top: 0; }
.text h1.error { padding-left: 64px; background: #ededed url(warning.png) no-repeat 30px 5px; }
.text h2 {  }
.text h2 .question { position: relative; top: -2px; }
.text h3 { color: #4C4C4C; font-size: 16px; font-weight: bold; padding: 4px 30px 2px; margin: 20px -30px 10px; background: #ededed; border: 1px dotted #4D4B4C; border-width: 1px 0; }
.text h3 u { text-decoration: none; }
.text p { padding: 7px 0; margin: 0; }
.text ol.subscription-benefit { padding: 10px 0 10px 30px; }
.text ul { padding: 10px 0 10px 30px; }
.text ul>li { list-style-type: disc; padding: 4px 0; }
.text ol { padding: 10px 0 10px 30px; }
.text ol.join-intro { width: 49%; }
.text ol>li { list-style-type: decimal; padding: 3px 0; }
.text>br { display: none; }
.text>p>b>span { color: #444; display: block; font-size: 18px; padding: 20px 0 0; border-top: solid 1px #ccc; }
.text>p>b>span::first-letter { color: #fcb040; font-size: 22px; }
.text .underline {text-decoration: underline;}

.table { border: 0; width: 100%; margin: 10px 0 15px; box-shadow: 0 0 2px 2px #ccc; }
.table tr { background: #fef1dd; background: -webkit-linear-gradient(top, #f8e4cb, #fff2db); background: -moz-linear-gradient(top, #f8e4cb, #fff2db); background: linear-gradient(top, #f8e4cb, #fff2db); }
.table tr:nth-child(even) { background: #fde9cb; background: -webkit-linear-gradient(top, #fdeacc, #f0d8b4); background: -moz-linear-gradient(top, #fdeacc, #f0d8b4); background: linear-gradient(top, #fdeacc, #f0d8b4); }
.table tr th { color: #5e400e; font-size: 14px; padding: 6px 8px 4px; border: solid 1px #c6b292; background: #f2c17b; background: -moz-linear-gradient(top, #fbce8a, #e5b46f); background: -webkit-linear-gradient(top, #fbce8a, #e5b46f); background: linear-gradient(top, #fbce8a, #e5b46f); }
.table tr td { padding: 3px 8px; border: solid 1px #c6b292; border-top: solid 1px #fff; }
.table tr td.row1 { background: #fef1dd; text-align: center; }

.shareThis { padding: 10px 0 10px; }
.shareThis #shareButtons { position: static; }

.feedFilter { padding: 15px 50px 10px; background: #fdc87b; border-radius: 10px; margin-bottom: 15px; }
.feedFilter label.filter { font-weight: 700; width: 75px; display: inline-block; }
.feedFilter label { padding-right: 7px; }
.feedFilter div { padding: 3px 0; }
.feedFilter .feedFilterSubmit { padding: 10px 0 0 85px; }
#leftCol .feedFilter { padding: 5px 15px 10px; background: #eee; border-radius: 0; margin-bottom: 0; }
#leftCol .feedFilter label.filter { width: 70px; }
#leftCol .feedFilter .feedFilterSubmit { padding: 10px 0 0 80px; }

h3.mini-feed-header { color: #4b4c4e; line-height: 43px; font-weight: 700; text-align: center; background: #f6f6f6; margin-top: -4px !important; padding: 0 !important; border-radius: 10px 10px 0 0; } 
div.mini-feed { padding: 0 0 14px; margin-bottom: -10px; background: #f6f6f6; border-top: solid 1px #e9e8e7; border-radius: 0 0 10px 10px; }
.mini-feed > ul { height: 200px; overflow: auto; }
.mini-feed > ul > li { text-align: left; font-size: 11px; min-height: 28px; padding: 4px 5px 2px 36px; position: relative; border-bottom: solid 1px #e9e8e7; background: #fff; }
.mini-feed > ul > li a { color: #4d4b4c; }
.mini-feed > ul > li a:hover { color: #c97624; }
.mini-feed > ul > li img { position: absolute; top: 4px; left: 4px; }
.mini-feed > ul > li span.date { color: #868686; display: block; }
.empty-mini-feed { padding: 12px 10px 0; margin-bottom: -5px; font-size: 12px; line-height: 18px; display: block; }
.mini-feed-load-more { margin: 0 0 -3px; padding: 5px 10px 0; text-align: right; }
.mini-feed-load-more a { font-size: 11px; text-transform: lowercase; font-style: italic; text-decoration: none; }
.mini-feed-load-more a:hover { text-decoration: underline; }
.mini-feed-load-more i.loader { margin-right: 7px; }

.your-feed { padding: 20px 50px 40px; background: #fdc87b; border-radius: 10px; }
.your-feed>li { text-align: left; font-size: 13px; min-height: 58px; padding: 15px 80px 20px 75px; position: relative; border-bottom: solid 1px #fed292; border-top: #fcc068; }
.your-feed>li:first-child { border-top: none; }
.your-feed>li:last-child { border-bottom: none; }
.your-feed li a { color: #251d11; }
.your-feed li a:hover { color: #c97624; }
.your-feed li .feed-profile-image { position: absolute; top: 16px; left: 0; }
.your-feed li .feed-profile-image img { margin: 0 !important; }
.your-feed li .feed-profile { color: #815612; font-size: 13px; font-weight: 700; }
.your-feed li .feed-description { padding: 10px 0 0; font-size: 12px; }
.your-feed li .feed-description-inner { margin-left: 250px; }
.your-feed li .feed-description-fan { padding: 10px 0 0; font-size: 12px; }
.your-feed li .feed-description-fan .feed-description-inner { margin-left: 130px; }
/*TODO: Andriy will fix it.*/
.your-feed li .feed-description-fan.feed-description-blog .feed-description-inner { margin-left: 0 !important; }
.your-feed li .feed-title-manga { color: #815612; font-weight: 700; }
.your-feed li span.feed-title-manga { display: block; padding: 0 0 5px;}
.your-feed li .feed-image { float: left; } 
.your-feed li .feed-image img { border: solid 4px #fed9a2; }
.your-feed li .feed-action { font-style: italic; font-size: 11px; }
.your-feed li .feed-title { color: #815612; font-size: 14px; }
.your-feed li .feed-comment { display: block; padding: 5px 0; }
.your-feed li .feed-comment-reply { margin: 17px 0 0; padding: 10px 10px 10px 85px; min-height: 58px; position: relative; background: #fcd291; }
.your-feed li .feed-comment-reply img { position: absolute; top: 10px; left: 10px; }
.your-feed li .feed-comment-reply .comment-removed { color: #aaaaaa; }
.your-feed li .feed-comment a,
.your-feed li .feed-description-inner a { color: #815612; } 
.your-feed li span.date { color: #444444; font-size: 12px; position: absolute; top: 16px; right: 0; }
.your-feed li.your-feed-empty { padding: 10px 0 15px; text-shadow: 0 1px 0 #ddd; }
.your-feed li.your-feed-empty p { font-size: 13px; }
.your-feed li.your-feed-empty div { font-size: 16px; padding: 30px 0 0; text-align: center; }
.your-feed li.your-feed-empty a{ color:#c97624; }
.your-feed li.your-feed-empty a:hover{ color: #4d4b4c;  }
.your-feed-load-more { margin: -35px 0 0; padding: 0 50px 30px; text-align: right; }
.your-feed-load-more a { font-weight: 700; line-height: 20px; display: block; text-align: center; border-radius: 5px;  }
.your-feed-load-more a:hover { /*color: #9a3c03; text-decoration: underline;*/ }
.your-feed-load-more i.loader { margin-right: 7px; background-image: url(ajax-loader-orange.gif); }
#leftCol .your-feed { max-height: 500px; overflow: auto; background: #fff; border: 1px solid #ededed; border-radius: 0 0 5px 5px; padding: 10px 20px;}
#leftCol .your-feed>li { border-bottom: solid 1px #ededed; }
#leftCol .your-feed>li:first-child { border-top: none;}
#leftCol .your-feed>li:last-child { border-bottom: none; }
#leftCol .your-feed li .feed-comment-reply { background: #f5f5f5; }
#leftCol .your-feed li .feed-image img { border-color: #ededed; max-width: 156px; }
#leftCol .your-feed li .feed-description-inner { margin-left: 180px; }
#leftCol .your-feed-load-more { margin-top: 5px; padding: 0 0 30px }

.blog-list {}
.blog-list>li { font-size: 13px; min-height: 65px; padding: 10px 0 10px 75px; position: relative; }
.blog-list>li h3 { font-size: 16px; margin: 0; padding: 0 0 4px; }
.blog-list>li .blog-info { padding: 0 0 10px; font-size: 12px; }
.blog-list>li .blog-info li { display: inline; padding: 0 7px 0 0; }
.blog-list>li .blog-content { }
.blog-list>li .blog-date { font-size: 11px; color: #909090; }

.blog-library>li img { position: absolute; top: 10px; left: 0; height: 58px; width: 58px; }

.your-blog { padding: 10px 30px 30px; border: 1px solid #ededed; border-radius: 0 0 5px 5px; }
.your-blog>li { text-align: left; padding: 10px 0; border-top: solid 1px #ededed; overflow: auto; }
.your-blog>li:first-child { border-top: none; }
.your-blog>li .popup { top: 5px; right: 0; }

.blog-tab { padding: 10px 25px 10px; margin-bottom: 10px; background: #fdc87b; border-radius: 10px; }
.blog-tab>li { text-align: left; font-size: 13px; min-height: 75px; padding: 10px 0 10px 75px; position: relative; border-top: solid 1px #fdd295; border-bottom: none; }
.blog-tab>li img { position: absolute; top: 10px; left: 0; height: 58px; width: 58px; }
.blog-tab>li:first-child { border-top: none; }
.blog-tab>li .blog-date { font-size: 11px; color: #666; }
.blog-tab>li .blog-info { padding: 0 0 10px; }
.blog-tab>li.more { padding: 10px 0 0; min-height: 0; text-align: right; border-top: none; }
.blog-tab>li.more a { color: #5e4015; text-shadow: 0 1px 0 #fdc777; text-transform: lowercase; font-style: italic; text-decoration: none; }
.blog-tab>li.more a:hover { color: #9a3c03; }

.topranked-tabs { float: left; border: solid 1px #aa6a17; }
.topranked-tabs li { float: left; height: 27px; padding: 0 15px; border-left: solid 1px #aa6a17; background: url(topranked.png) no-repeat 0 0; }
.topranked-tabs li:first-child { border: none; }
.topranked-tabs li.active { background-position: 0 -27px; }
.topranked-tabs li a { color: #5c4118; font-size: 16px; line-height: 27px; font-weight: 700; text-shadow: 0 1px 0 #f1cf9e; }
.topranked-tabs li a:hover { color: #d5851d; }
.topranked-tabs li.active a:hover { cursor: default; color: #5c4118; text-decoration: none; }

.topranked-period { float: right; padding: 6px 0 0; }
.topranked-period li { float: left; color: #87591c; font-size: 11px; padding: 0 6px; border-left: solid 1px #d58f30; }
.topranked-period li:first-child { font-style: italic; border-left: none; }
.topranked-period li:first-child+li { border-left: none; }
.topranked-period li a { color: #87591c; }
.topranked-period li span { font-weight: 700; padding: 0 0 6px; background: url(topranked-sort.png) no-repeat 50% 100%; }

.topranked-table { border: 0; width: 100%; margin: 10px 0 15px; box-shadow: 0 2px 4px 2px #999; }
.topranked-table tr { background: #fcebcd; background: -webkit-linear-gradient(top, #fdf3e0, #fceacd); background: -moz-linear-gradient(top, #fdf3e0, #fceacd); background: linear-gradient(top, #fdf3e0, #fceacd); }
.topranked-table tr td { padding: 7px 13px; border-top: dotted 1px #a97e3e; }
.topranked-table tr:first-child td { border-top: none; }

.topranked-table .place { width: 42px; border-right: solid 1px #d2ae98; }
.topranked-table .place span { color: #aa6a17; font-size: 26px; font-weight: 700; line-height: 33px; display: inline-block; padding: 2px 0 0; width: 42px; text-align: center; background: #fff; border-radius: 5px; }
.topranked-table .image { padding-right: 0; border-left: solid 1px #fef4e3; }
.topranked-table .info { border-right: solid 1px #d2ae98; }
.topranked-table .info a { color: #5c4118; font-size: 16px; font-family: Verdana; }
.topranked-table .info a:hover { color: #ab5d1b; text-decoration: none; }
.topranked-table .info .title { font-weight: 700; margin-right: 25px; }
.topranked-table .info img { float: left; }

.topranked-description { padding: 20px 0 20px; min-height: 50px; }
.topranked-tab { clear: both; }
.tab-feature,
.tab-consideration { display: none; }

div.main-box { margin-bottom:30px; width:155px; margin-left: -10px; padding: 3px;border-radius:10px; background-color:white;box-shadow:0px 0px 5px 2px rgba(1,1,1,.1); }
div.main-box-inner { padding: 5px 0 10px; border-radius:10px; border: solid 1px #e9e8e7; text-align:center; }
div.main-box h3 { margin: 0; padding: 15px 0 0; font-size: 20px; color: #616263; }

div.subscription-box .subscription-row {
	line-height: 1.5;
}

div.subscription-box .subscription-row.btnSubscription {
	text-align: right;
}

div.subscription-box .main-box-inner {
	padding-top: 3px;
	padding-bottom: 0;
}

div.subscription-box .mini-feed-header {
	/* Start: copy from selector ".table tr th" */
	border: solid 1px #c6b292; background: #f2c17b; background: -moz-linear-gradient(top, #fbce8a, #e5b46f); background: -webkit-linear-gradient(top, #fbce8a, #e5b46f); background: linear-gradient(top, #fbce8a, #e5b46f);
	/* End: copy from selector ".table tr th" */
}

div.subscription-box { 
	/* Start: copy from selector "div.main-box" */
	margin-bottom:30px; width:155px; margin-left: -10px; padding: 3px;border-radius:10px; background-color:white;box-shadow:0px 0px 5px 2px rgba(1,1,1,.1);
	/* End: copy from selector "div.main-box" */
	width: 100%;
	margin-left: 0;
}

div.subscription-box .mini-feed.subscription-feed,
.subscribe-input .mini-feed.subscription-confirm {
	clear: both;
	padding: 10px 15px;
	margin-bottom: 0;
	border-radius: 0;
}

div.subscription-box .mini-feed.subscription-feed.last,
div.subscription-box .mini-feed.subscription-feed:last-child {
	border-radius: 0 0 10px 10px;
}

.subscribe-input .mini-feed.subscription-confirm {
	margin: 0;
	border-radius: 10px;
	background: none;
	border: none;
	padding: 10px;
}

div.subscription-box .column-a {
	float: left;
	width: 227px;
	text-align: left;
	padding-left: 15px;
}

div.subscription-box .column-b {
	float: left;
	text-align: left;
	padding-left: 15px;
}

div.subscription-box .cancelled-subscription-reason {
	color: #FC8A40;
}

div.subscription-box .column-header {
	background: #E9E9E9;
	padding: 7px 5px;
}

div.subscription-box .subscription {
	border-style: solid;
	border-width: 1px;
	border-color: #E9E8E7;
	font-size: 13px;
}

div.subscription-box .subscription .subscription-row {
	border-style: solid;
	border-width: 1px 0 0;
	border-color: #fff;
	clear: left;
	background: transparent url(gray-white-bg.png) repeat-y -155px 0;
	line-height: 2;
}

div.subscription-box .subscription .subscription-row:first-child {
	border-width: 0;
}

div.subscription-box .mini-feed.subscription-feed ul,
.subscribe-input .mini-feed.subscription-confirm ul {
	/* clear specified height from selector ".mini-feed ul" */
	height: auto;
	/* clear specified overflow: auto; from selector ".mini-feed ul" */
	overflow: visible;
	padding: 0;
}

div.subscription-box ul.mini-feed > li {
	margin-bottom: 10px;
	/* overide ".mini-feed > ul > li" */
	padding: 4px;
	display: block;
}

div.subscription-box ul.mini-feed > li.referral-subscriptions-note {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: left;
}

div.subscription-box ul.mini-feed > li:first-child {
	margin-top: 0;
	border: none;
}

div.subscription-box ul.mini-feed > li:last-child {
	margin-bottom: 0;
}

div.subscription-box .mini-feed.subscription-feed .referral-label strong,
.subscribe-input .mini-feed.subscription-confirm .referral-label strong {
	margin-left: 6px;
}

div.subscription-box .mini-feed.subscription-feed ul.referal-list li,
.subscribe-input .mini-feed.subscription-confirm ul.referal-list li {
	clear: left;
	margin: 5px 0 5px 15px;
}

div.subscription-box .mini-feed.subscription-feed span.ui-icon,
.subscribe-input .mini-feed.subscription-confirm span.ui-icon {
	float: left;
}

div.subscription-box .mini-feed.subscription-feed ul.referal-list li span,
.subscribe-input .mini-feed.subscription-confirm ul.referal-list li span {
	margin-right: 5px;
}

div.subscription-box .mini-feed.subscription-feed .profile-subscribe a.profile-subscribe-button { color: white; }
.subscribe-input .mini-feed.subscription-confirm .profile-subscribe a.profile-subscribe-button { color: white; }
div.subscription-box .mini-feed.subscription-feed .subscription-bottons { 
	padding-top: 4px;
	float: right;
}
div.subscription-box .mini-feed.subscription-feed .subscription-bottons a { color: white; }

.notificationIcon { display: inline; }
.notifications {  }
.notificationSize { font-weight: bold; }
.notifications .notification:first-child { border: none; }
.notification { font-size: 13px; position: relative; padding: 9px 20px 9px 0; border-top: solid 1px #999; }
.notification .date { font-style: italic; }
.notifications .notification a { color:#c97624; text-decoration: none; font-size: 12px; }
.notifications .notification a:hover{ color: #4d4b4c; text-decoration: underline; }
.notifications .notification a.notifClose { position: absolute; right: 0; top: 5px; font-size: 15px; font-weight: 700; }

/* Styles for user editable description area */
body.details-description { background: #fff; padding: 0 5px; }
.details-description p { padding: 7px 0; margin: 0; }
.details-description ul { padding: 5px 0 5px 32px; }
.details-description ul li { padding: 2px 0; list-style-type: disc; }
.details-description ol { padding: 5px 0 5px 38px; }
.details-description ol li { padding: 2px 0; list-style-type: decimal; }
.details-description blockquote { margin: 10px 20px; border-left: solid 3px #ccc; padding-left: 10px; }
.details-description blockquote br { display: none; }
.details-description blockquote p:before { content: '"'; display: inline; }
.details-description blockquote p:after { content: '"'; display: inline; }
.details-description img { margin: 0 10px 8px !important; border: 0 !important; }
.details-description table { border-style: solid; border-color: #ccc; border-collapse: collapse; margin: 5px 0; }
.details-description table th,
.details-description table td { font-size: 13px; padding: 3px 5px; border: solid 1px #ccc; } 


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { zoom: 1; }

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* qtip*/
.ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:12px;z-index:15000;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:5px 9px;overflow:hidden;border-width:1px;border-style:solid;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border-width:1px 1px 0;border-style:solid;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;font:normal bold 10px/13px Tahoma,sans-serif;color:inherit;background:transparent none no-repeat -100em -100em;}
/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#F1D031;background-color:#FFFFA3;color:#555;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#FFEF93;}.ui-tooltip-default .ui-tooltip-icon{border-color:#CCC;background:#F1F1F1;color:#777;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#AAA;color:#111;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;background:transparent!important;border:0 dashed transparent!important;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0;}#qtip-overlay{position:fixed;left:-10000em;top:-10000em;}#qtip-overlay.blurs{cursor:pointer;}#qtip-overlay div{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
/*!Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar,.ui-tooltip-light .ui-tooltip-content{border-color:#E2E2E2;color:#454545;}.ui-tooltip-light .ui-tooltip-content{background-color:white;}.ui-tooltip-light .ui-tooltip-titlebar{background-color:#f1f1f1;}
/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#303030;color:#f3f3f3;}.ui-tooltip-dark .ui-tooltip-content{background-color:#505050;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#404040;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#444;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#303030;}
/*!Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar,.ui-tooltip-cream .ui-tooltip-content{border-color:#F9E98E;color:#A27D35;}.ui-tooltip-cream .ui-tooltip-content{background-color:#FBF7AA;}.ui-tooltip-cream .ui-tooltip-titlebar{background-color:#F0DE7D;}.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{background-position:-82px 0;}
/*!Add shadows to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE6+,Safari 2+*/ .ui-tooltip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.25);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.25);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.25);}.ui-tooltip-shadow .ui-tooltip-titlebar,.ui-tooltip-shadow .ui-tooltip-content{filter:progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";_margin-bottom:-3px;.margin-bottom:-3px;}
/*!Add rounded corners to your tooltips in:FF3+,Chrome 2+,Opera 10.6+,IE9+,Safari 2+*/ .ui-tooltip-rounded,.ui-tooltip-rounded .ui-tooltip-content,.ui-tooltip-tipsy,.ui-tooltip-tipsy .ui-tooltip-content,.ui-tooltip-youtube,.ui-tooltip-youtube .ui-tooltip-content{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}.ui-tooltip-rounded .ui-tooltip-titlebar,.ui-tooltip-tipsy .ui-tooltip-titlebar,.ui-tooltip-youtube .ui-tooltip-titlebar{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.ui-tooltip-rounded .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-tipsy .ui-tooltip-titlebar+.ui-tooltip-content,.ui-tooltip-youtube .ui-tooltip-titlebar+.ui-tooltip-content{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}

.qtip-wrapper {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .5);
  	/* IE */
  	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}


/* autosuggest */
.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0 !important; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { color: #d38612; position: relative; line-height: 22px; padding: 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 0 #EFF7FD inset; border: 1px solid #FCB040; background: #DEE7F8; cursor: default;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fbe9d0), to(#fece86));
background-image: -moz-linear-gradient(top, #fbe9d0, #fece86);
background-image: linear-gradient(top, #fbe9d0, #fece86);}
.textboxlist-bit-box-deletable { padding-right: 22px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 8px; top: 8px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(close.gif) no-repeat 0 -21px; }
.textboxlist-bit-box-hover { 
background-image: -webkit-gradient(linear, left top, left bottom, from(#fece86), to(#fbe9d0));
background-image: -moz-linear-gradient(top, #fece86, #fbe9d0);
background-image: linear-gradient(top, #fece86, #fbe9d0);}
.textboxlist-bit-box-focus { border-color: #d38612; background: #feb445; color: #fff; box-shadow: none; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: 0 -14px; }

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { background: #fff; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; padding: 0 0 3px; border-radius: 0 0 3px 3px; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 3px 0; }
.textboxlist-autocomplete-result { font-size: 12px; margin: 0; padding: 7px 10px 5px; list-style-type: none; border: solid 1px #fff; border-width: 1px 0; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; border: 1px solid #FCB040; border-width: 1px 0;
background: -moz-linear-gradient(center top , #fbe9d0, #fece86); }
.textboxlist-autocomplete-highlight { font-weight: bold; }

.fb_signin { padding: 3px 0 5px 27px; background: url(fb_badge.png) no-repeat 0 0; }

/* new style for subscription intro page */
.subscribeIntro .intro-1 {
	margin-top: 14px;
}
.submitNext .button {
	margin-left: 2px;
}
.subscriptionPlanLabel .divTxt > p {
	margin-left: 0;
}

/* Maturity Options */
#maturity-terms {
	display:none;
}
#maturity-terms .divCheckCol{
	width: auto;
	clear: both;
}
#maturity-block {
	font-family: sans-serif;
	color: #616263;
	margin: 0 auto;
	width: 380px;
	text-align: center;
	padding: 20px 0;
}
#maturity-block h3 {
	color: #FCB040;
	font-size: 21px;
	font-weight: normal;
}
#maturity-block h3 span {
	color: #616263;
}
#maturity-block p {
	font-size: 18px;	
}
#maturity-block .note {
	font-size: 13px;
	display: block;
}	
#maturity-block .link-button {
	margin-top: 35px;
}
p.error  {
	color: red;
}
.mature-on-off input[type=radio]{
	margin-top: 2px;
}