@CHARSET "UTF-8";
/*---- reset.css ----*/
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}table{font-size:inherit;font:100%;}ul{list-style:none;}img{border:0;}p{margin: 0;}
/*---- default.css ----*/
html { min-height: 100%;}body { background: #4d687b url(../images/bd-btm.png) left bottom repeat-x; color: #2f2f2f; font: normal 10pt "MS Sans", Arial, tahoma, verdana; margin: 0px; padding: 0px; text-align: center;}body * { zoom: 1;}strong, b { font-weight: bold;}a, a:link { color: #4d687b; text-decoration: underline; cursor: pointer;}a:hover, a:active { color: #1E7EC8;}h1, h2, h3, h4 { font-family: tahoma;}h1 { color: #f93; font-size: 22pt; font-family: Lucida Sans, tahoma, arial; letter-spacing: -2px; margin-bottom: 5px; line-height: 24pt;}h2 { font-size: 16pt; margin-bottom: 3px;}h3 { font-size: 13pt; line-height: 15pt; margin-bottom: 5px; }h4 { font-size: 10pt; line-height: 11pt; font-weight: bold;}p { margin-bottom: 10px;}.wrap { text-align: left; clear: both; width: 974px; margin: 0 auto; padding-top: 10px;}.area-55 { background: url(../images/bd-top.png) left top repeat-x;}.siteintro { position: absolute; top: -10000px;}.hd { background: transparent url(../images/hd.png) left top no-repeat; color: #fff; height: 52px;} .hd a { color: #fff; } .hd a:hover, .hd a:active { color: #9da8bb; } .hd span { margin: 0 10px; } .hd .ct { padding: 10px 30px 0px 30px; } .hd .ct .topnav { float: right; padding-top: 15px; font-size: 9pt; } .nav { background: #415966; padding: 0px 20px; } .nav a { display: block; padding: 3px 10px; float: left; background: #415966; color: #fff; font-weight: bold; } .nav a:hover { background: #1E7EC8; } .hd .ct .logo-wrap { float: left; margin-left: 2px; top: -3px; position: relative; } .hd .ct .logo-wrap h2 span { position: absolute; top: -100px; }.bt { background: transparent url(../images/shd.png) right top no-repeat; height: 12px;}.bd { background: transparent url(../images/bd.png) center top repeat-y;} .bd .ct-wrap { background: #fff; margin: 0 12px; } .bd .ct-wrap .ct { padding: 10px 20px; } .back-to-top { font-size: 8pt; text-align: right; clear: both; padding-top: 10px;}.last { color: #fff; font-size: 7pt; line-height: 10pt; margin: 0px 30px; text-align: center;} .last p { margin: 0px; padding: 0px; } .last p.copy { margin-top: 20px; }.toastcrumbs { margin-bottom: 14px; font-size: 8pt; padding-bottom: 5px; border-bottom: 1px solid #eee; } .toastcrumbs em { margin: 0 5px; } .toastcrumbs span { font-weight: bold; margin: 0; } .msg { background:#FFFFDD none repeat scroll 0 0; border:1px solid #FFFFAA; padding: 5px 10px;}.msg .icon.locked { background: url(../images/topic-locked.png) no-repeat right center; padding: 5px 0;} .clear { clear: both; float: none; font-size: 0px; line-height: 0px;}.offset { display: none;}.content ul { list-style-position: outside; list-style-type: disc; margin-left: 20px;}.content ul li { padding: 4px 0;}
/*---- content.css ----*/
h1.locked { background: url(../images/topic-locked.png) no-repeat left center; padding-left: 30px;}h2.title { border-bottom: 1px solid #ccc; padding: 5px 0;}a { position: relative; outline: 0px none;} a span.tooltip,a span.tooltip.left { font-size: 8pt; display: none; position: absolute; bottom:15px; right:6px; padding-bottom:4px; z-index:20; background:transparent url(../images/tip-arrow.gif) no-repeat scroll right bottom; text-decoration: none !important;}a:hover span.tooltip,a:hover span.tooltip.left { display: block;}a span.tooltip.left { left:6px; right: auto; z-index:20; background:transparent url(../images/tip-arrow.gif) no-repeat scroll left bottom;} a span.tooltip em { display: block; white-space:nowrap; background: #282828; color: #fff; padding:4px 8px 5px 8px; font-weight:normal; text-decoration: none !important; }a span.tooltip.mail { display: block; background:transparent url(../images/tip-arrow.gif) no-repeat scroll left 21px;} a span.tooltip.mail em { display: block; white-space:nowrap; background: #a00; border: 1px solid #c00; border-width: 1px 0px 0px 1px; color: #fff; padding:4px 8px 5px 8px; font-weight:normal; } .intro { margin-bottom: 20px;}.intro .meta { color: #7d7d7d; font-size: 8pt; margin-top: 10px;}.news-external { text-align: center; margin-bottom: 20px;} .news-external .inner-wrap { } .news-external span { display: none; } .news-external .item { float: left; width: 25%; margin: 4px 0; } .news-external .item h3 { font-size: 10pt; font-weight: bold; margin: 0 4px; line-height: 12pt; } .news-external .item h3 a.link { } .news-external .item p { display: block; margin: 0 4px; padding: 0px; font-size: 8pt; } .news-external .item p.meta { font-size: 8pt; } .news-external .provider { color: #7d7d7d; font-size: 8pt; text-align: right; margin-top: 4px; clear: both; } .news-external .provider a { display: inline; float: none; }.section { margin-bottom: 20px;} .list { clear: both;}.list .head { clear: both; margin-top: 10px; font-size: 9pt; font-weight: bold; color: #7d7d7d; height: 16px;}.list .row { clear: both; padding: 8px 0; border-bottom: 1px dotted #ccc;}.list .row.alt { background: #ecf0f0;} .list .head .col, .list .row .col { float: left; } .list .row .col h2 { font-size: 11pt; font-weight: bold; } .list .row .col p { line-height: 12pt; font-size: 9pt; } .actions { float: left;} .actions a { outline: 0px none; }.paging { float: right;}.paging.top { }.paging.bottom { }.paging.top { } .paging a, .paging span { display: block; float: left; text-align: center; font-size: 8pt; color: #222; text-decoration: none; margin: 0 1px; padding: 3px 4px; } .paging a:hover { color: #1E7EC8; } .paging span.f, .paging span.p, .paging span.n, .paging span.l { color: #aaa; border: 0px none !important; font-weight: normal !important; cursor: default; } .paging.top span.c { cursor: default; font-weight: bold; border-bottom: 3px solid #4D687B; padding-bottom: 0px; } .paging.bottom span.c { font-weight: bold; border-top: 3px solid #4D687B; cursor: default; padding-top: 0px; } .forum .site-meta { color: #7d7d7d; padding-top: 40px;} .forum .actions .new-topic { background: url(../images/topic-create.gif) left center no-repeat; padding-left: 16px; } .list.cat .head .col.meta, .list.cat .row .col.meta { text-align: center; width: 7%; } .list.cat .head .col.desc, .list.cat .row .col.desc { width: 92.9%; } .list.cat .col.desc .wrap p { margin: 0; width: auto; } .list.cat .row .col.desc { background: url(../images/icons.png) 5px top no-repeat; } .list.cat .row .col.meta { color: #7d7d7d; float: left; } .list.cat .row .col.desc .wrap { width: auto; padding-top: 0; margin-left: 44px; width: 59.9%; } .list.cat .row .col.desc .wrap .meta { font-size: 8pt; color: #7d7d7d; text-align: left; width: auto; } .list.topic .row { padding: 4px 0;} .list.topic .head .col.meta, .list.topic .row .col.meta { text-align: center; width: 10%; } .list.topic .row .col.meta { color: #7d7d7d; } .list.topic .head .col.desc, .list.topic .row .col.desc { width: 79.9%; } .list.topic .row .col.desc { background: url(../images/topic-norm.png) 5px top no-repeat; } .list.topic .row .col.desc .wrap { width: auto; padding-top: 0; margin-left: 44px; } .list.topic .row .col.desc .wrap h2 { font-weight: normal; } .list.topic .row .col.desc .wrap p { margin-bottom: 0px; } .list.topic .row .col.desc .wrap .meta { width: 70%; float: left; font-size: 8pt;color: #7d7d7d; text-align: left; } .list.topic .row .col.desc .wrap .page span, .list.topic .row .col.desc .wrap .page a { margin: 0 2px; } .list.topic .row.notice { background: #ffeabf; border: 1px solid #ebbc58; margin-bottom: 2px; } .list.topic .row.pinned { background: #deeff7; border: 1px solid #94c6e7; margin-bottom: 2px; } .list.topic .row.pinned .col.desc { background: url(../images/topic-pinned.png) 5px top no-repeat; } .list.topic .row.newposts .col.desc .wrap h2 { font-weight: bold; } .list.topic .row.newposts .col.desc { background: url(../images/topic-newposts.png) 5px top no-repeat; } .list.topic .row.popular { background: #ffd; border: 1px solid #ffa; margin-bottom: 2px; } .list.topic .row.popular .col.desc { background: url(../images/topic-popular.png) 5px top no-repeat; } .list.topic .row.locked .col.desc { background: url(../images/topic-locked.png) 5px top no-repeat; } .list.post .row { border: 0px none; } .list.post .row .col.meta { width: 20%; text-align: center; font-size: 8pt; } .list.post .head .col.desc, .list.post .row .col.desc { width: 80%; } .list.post .row .col.desc .wrap { width: auto; padding-top: 0; border: 3px solid #ecf0f0; padding: 20px; } .list.post .row .col.desc .wrap p { margin-bottom: 10px; } .list.post .row .col.desc .wrap .meta { font-size: 8pt; color: #7d7d7d; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; height: 25px; clear: both; width: auto; } .list.post .row .col.desc .wrap .meta p { font-size: 8pt; color: #7d7d7d; float: left; } .list.post .row .col.desc .wrap .meta a { font-size: 9pt; } .list.post .row .col.desc .wrap .meta .actions { float: right; } .list.post .row .col.desc .wrap .meta .actions a { display: block; float: left; background: #deeff7; border: 1px solid #94c6e7; text-align: center; font-size: 8pt; color: #222; text-decoration: none; margin: 0 1px; padding: 2px 10px; position: relative; } .list.post .row .col.desc .wrap .meta .actions a:hover { background: #fff; } .list.post .row .col.desc .wrap .meta .actions a span.tooltip { bottom:22px; right:6px; } .list.post .row .col.desc .wrap .content { line-height: 12pt; } .list.post .row .col.desc .wrap .content h2 { font-size: 16pt; margin-bottom: 3px; font-weight: normal; } .list.post .row .col.desc .wrap .content h3 { font-size: 13pt; line-height: 15pt; margin-bottom: 5px; } .list.post .row .col.desc .wrap .signature { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eaeaea; margin-bottom: 0px; } .list.post .row .col.desc .wrap .signature p { font-size: 8pt; color: #7d7d7d; } .list.post .row .col.desc .wrap .edits { margin-top: 10px; font-size: 8pt; color: #7d7d7d; } .list.post .row .col.desc .wrap .karma { margin-top: 10px; padding-top: 5px; border-top: 1px solid #eaeaea; text-align: right; } .list.post .row .content form.app-form { width: auto; } .list.mail .row { background: #ecf0f0;}.list.mail .row.alt { background: #fff;}.list.mail .col { font-size: 9pt; line-height: 11pt;} .list.mail .col.select { width: 3%; } .list.mail .col.from { width: 12%; } .list.mail .row.alt .col.from, .list.mail .row.alt .col.received { font-weight: bold; } .list.mail .col.message { width: 65%; } .list.mail .col.message a { text-decoration: none; color: #333; } .list.mail .row.alt .col.message a { font-weight: bold; } .list.mail .col.message span { font-weight: normal; color: #aaa; } .list.mail .col.received { text-align: right; width: 20%; font-size: 8pt; }.profile .gender { padding: 2px 0 2px 20px;} .profile .gender.male { background: url(../images/gender-male.gif) left center no-repeat;}.profile .gender.female { background: url(../images/gender-female.gif) left center no-repeat;}.page ul { list-style-type: disc; margin-left: 20px;}.page ul li { padding: 0; margin: 10px 0;}.page ol li { padding: 0; margin: 10px 0;}.taglist { margin: 10px 0;}.taglist li { float: left; padding: 5px;}.tag1 { font-size: 20pt;}.tag2 { font-size: 17pt;}.tag3 { font-size: 14pt;}.tag4 { font-size: 11pt;}.tag5 { font-size: 8pt;}.tag6 { font-size: 6pt;}
/*---- form.css ----*/
form { width: 500px;}form button,form label { white-space: nowrap;}form.fullsize { width: auto;}form .misplace { position: absolute; top : -10000px;}form div.error { color: #a00; font-weight: bold; font-size: 8pt;}form fieldset { border: 0px none; display: block; clear: both; padding: 0px; margin: 0px 0px 5px 0;}form fieldset legend { display: none;}form fieldset div { float: left; clear: left; margin-bottom: 5px;}form fieldset div.col { clear: none; float: left; width: 50%; margin-bottom: 0px;}form fieldset div label { display: block; float: left; clear: both;}form fieldset div.required label { padding-right: 75px; background: url(../images/required.gif) right center no-repeat;}form fieldset div input,form fieldset div textarea { background: #fff; border: 1px solid #ccc; border-color: #2f2f2f #ccc #ccc #2f2f2f; font-family: "MS Sans",Arial,tahoma,verdana; font-size: 9pt; clear: both; display: block; width: 100%; min-width: 170px;}form fieldset div label { position: relative;}form fieldset div label input { min-width: 0; display: inline; width: auto; border: 0px none; vertical-align: text-bottom; position: relative; top: 2px;}form small { color: #7d7d7d; clear: both; display: block; font-size: 8pt; min-width: 230px;}form .submit { }form .submit .lft { float: left; }form .submit .rgt { float: right; } form .submit small { margin-top: 5px; min-width: 0px; }.sign-up-form { float: left; padding: 0 20px;}.sign-up-form #facebook-connect { margin-top: 30px; border-top: 1px dotted #ccc; padding-top: 30px;}.sign-up-reasons {} .sign-up-reasons ul { } .sign-up-reasons ul li { margin-bottom: 20px; float: left; width: 33%; } .sign-up-reasons ul li div { margin: 5px; padding: 10px; height: 90px; } .sign-up-reasons ul li p { font-size: 10pt; line-height: 12pt; } .sign-up-reasons ul li h3 { display: none; font-family: arial; font-size: 14pt; margin-bottom: 10px; } .sign-up-reasons ul li#find-friends { } .sign-up-reasons ul li#find-friends h3 { color: #CC662E; } .sign-up-reasons ul li#experience { } .sign-up-reasons ul li#experience h3 { color: #4B911C; } .sign-up-reasons ul li#free-account { } .sign-up-reasons ul li#free-account h3 { color: #0265BD; }
/*---- window.css ----*/
.app-overlay { z-index: 100000; position: absolute; top: 0px; left: 0px; background: #0a263c; right: 0px; height: 100%; opacity: .6;}.ext-ie .app-overlay { width: 100%; filter:alpha(opacity=60);}.app-win { display: none; padding: 0 8px; position: absolute; z-index: 100001; color: #2f2f2f;}.app-win .t { height: 8px; background: url(../images/default/popup_border_background.png); font-size: 0pt;}.app-win .o { background: url('../images/default/popup_border_background.png'); margin: 0px -8px; padding: 0px 8px; position: relative;}.app-win .tl { background: url('../images/default/popup_border_top_left.png'); height: 8px; width: 8px; position: absolute; top: -8px; left: 0px; font-size: 0pt;}.app-win .tr { background: url('../images/default/popup_border_top_right.png'); height: 8px; width: 8px; position: absolute; top: -8px; right: 0px; font-size: 0pt;}.app-win .bl { background: url('../images/default/popup_border_bottom_left.png'); height: 8px; width: 8px; position: absolute; bottom: -8px; left: 0px; font-size: 0pt;}.app-win .br { background: url('../images/default/popup_border_bottom_right.png'); height: 8px; width: 8px; position: absolute; bottom: -8px; right: 0px; font-size: 0pt;}.app-win .close { background: url(../images/default/btn-close.png) left top; height: 24px; width: 24px; position: absolute; top: -3px; left: 5px; font-size: 0pt;}.app-win .close:hover { background: url(../images/default/btn-close.png) left bottom; }.app-win .bd { }.app-win.w-hd .bd {}.app-win.w-hd .bd-wrap { padding: 10px 20px; background-color: white; border: 1px solid #4d687b; border-top: 0px none;}.app-win .hd { background: #fff; border: 1px solid #4d687b; height: auto; padding: 10px 20px; font-size: 18pt; font-family: Lucida Sans, tahoma; border-bottom: 0px none; display: none; color: #2f2f2f; text-align: left;}.app-win.w-hd .hd { display: block;}.app-win .b { height: 8px; background: url('../images/default/popup_border_background.png'); font-size: 0pt;}.app-win form { width: auto;}
/*---- tabs.css ----*/
.app-tabs .app-tab-nav { border-bottom: 1px solid #ccc; height: 23px; padding-left: 20px;}.app-tabs .app-tab-nav li { float: left; display: block; margin-top: 2px; border: 1px solid #ccc;}.app-tabs .app-tab-nav li a { display: block; background: #eee; padding: 3px 15px 4px 15px; text-decoration: none; color: #2f2f2f; float: left;}.app-tabs .app-tab-nav li a:hover { background: #ddd;}.app-tabs .app-tab-nav li.active { margin-top: 0px; border-bottom: 0px none;}.app-tabs .app-tab-nav li.active a { padding: 5px 15px 5px 15px; background: #fff; outline: 0px none;}.app-tabs .app-tabpane { display: none; margin-top: 20px;}.app-tabs .app-tabpane.active { display: block;}