/* CSS Document */
A {color:#00aaff}
.brown {color:#8c6e58}
.green {color:#99ba00}
.orange {color:#ff4d1c}
.gray {color:#ada9b7}

.content454 {width:454px; margin:0 auto; padding-top:11px}
.content475 {width:475px; margin:0 auto}
.content588 {width:588px; margin:0 auto; padding-left:112px}
.content1010 {width:1010px; margin:0 auto} 

.searchbox {float:right; width:333px; height:32px; background:url(img/bg_searchbox.png) no-repeat 0 0; margin-top:40px}
.serchsmall {width:221px; height:32px; background:url(img/bg_searchsmall.png) no-repeat 0 0}
.searchbox .fl {padding:4px 0 0 18px}
.alltags {width:76px; height:25px; background:url(img/all_tags.gif) no-repeat 0 0}
.alltagswhite {background:url(img/all_tags_white.png) no-repeat 0 0}
.alltags A {display:block; width:76px; margin:0 auto; padding:3px 0; color:#fff; font:bold 14px "arial narrow"; text-transform:uppercase; text-align:center}
.searchbox .fr {padding:8px 23px 0 0}
.searchbox .text139 {width:139px; height:16px; border:0; background:url(img/bg_search.png) no-repeat 0 0}
.button50black {width:50px; height:16px; background:url(img/button50_black.png) no-repeat 0 0}
.submitbox {width:156px; height:56px; background:url(img/bg_submitbox.png) no-repeat 0 0; margin:30px 0 40px 0}
.submitred {width:156px; height:51px; background:url(img/submit_red.gif) no-repeat 18px 13px; padding-top:5px}
.submitbox A {display:block; width:117px; margin:0 auto;  padding:10px 0; color:#fff; font:bold 17px "arial narrow"; text-transform:uppercase; text-align:center}
.submitboxsmall {margin:30px 0 17px 0}
.smallmargin {margin:30px 220px 17px 0}
.submitbox IMG {margin:13px 0 0 18px}
.content475 .submitbox {margin:30px 0 0 0}
.content475 .searchbox {float:left; width:450px; height:32px; background:url(img/bg_searchbox2.png) no-repeat 0 0; margin:20px 0 0 0}
.content475 .searchbox .fr {padding:8px 23px 0 0}
.serchsmall .fr {padding:8px 15px 0 0}
.searchbox .button {position:static}

.loadbox {background:#dfe3e5 url(img/bg_loadbox.gif) repeat-y 0 0; margin-bottom:50px}
.loadbox2 {background:url(img/bg_loadbox2.gif) no-repeat 0 100%}
.loadbox3 {height:auto !important; height:65px; min-height:65px; position:relative; background:url(img/bg_loadbox3.png) no-repeat 0 0; padding:18px 0 18px 60px; text-align:left}
.submit {position:absolute; width:157px; height:54px; background:url(img/bg_submit.png) no-repeat 0 0; right:6px; bottom:-29px !important; bottom:-30px}
.submitgray {width:157px; height:49px; padding-top:5px; background:url(img/submit_gray.gif) no-repeat 18px 13px}
.submit A {display:block; width:117px; margin:0 auto; padding:10px 0; color:#fff; font:bold 17px "arial narrow"; text-transform:uppercase; text-align:center}
.submit INPUT {display:block; width:117px; margin:0 auto; padding-top:10px !important; padding-top:7px; color:#fff; font:bold 17px "arial narrow"; text-transform:uppercase; text-align:center; border:0; background:none; cursor:pointer}

.submit IMG {margin:13px 0 0 19px}
.frog {position:absolute; width:213px; height:55px; background:url(img/bg_frog.png) no-repeat 0 0; left:7px; bottom:-4px !important; bottom:-5px}

.filebox {width:267px; height:25px; margin:0 auto; background:url(img/bg_filebox_green.png) no-repeat 0 0; position:relative}
.fileboxred {background:url(img/bg_filebox_red2.png) no-repeat 0 0}
.fileboxgray {background:url(img/bg_filebox_gray.png) no-repeat 0 0}
.filepath {width:210px; background:none; border:none; position:absolute; z-index:3; left:0; top:0; text-align:center; color:#fff}
.file {width:267px; height:18px; border:0; position:absolute; left:0; top:0; z-index:2; filter:alpha(opacity=0); opacity:0}
.onemore {position:absolute; left:-20px; top:2px}
.underfilebox {padding-left:60px}
.comm {width:210px; font-size:10px; color:#86858a; text-align:center; position:relative; margin-top:-5px}
.warning {width:210px; text-align:center; color:#ff4d1c; padding-top:8px}
.scale {width:210px; text-align:center; padding-top:15px}

.title {lfloat:left; clear:both; width:465px; padding:0 0 8px 10px; font:bold 17px "arial narrow"; text-transform:uppercase}
.text20 {font-size:20px}
.resulttitle {padding:15px 0 30px 20px; font:bold 14px "arial narrow"; text-transform:uppercase}
.resulttitle .green {margin-left:16px}
.fresh {position:absolute; width:91px; height:80px; top:0; left:-91px; background:url(img/fresh.png) no-repeat 0 0}
.screenboxbig {padding-bottom:0}
.sort {float:right; padding-top:8px; font:bold 14px "arial narrow"; text-transform:uppercase; color:#ada9b7}
.sort SPAN {margin-left:10px}
.return {float:left; width:100%; lpadding-bottom:25px}
.returnlink {display:block; position:relative; left:-15px; background:url(img/return2.png) no-repeat 0 0; font:bold 14px "arial narrow"; text-transform:uppercase; padding:9px 0 9px 32px}
.content588 .return {padding-bottom:0}
.content588 .return .fr {padding-top:10px}
.related {width:83px; float:right; color:#815f87; font:bold 1.3em "arial narrow"; text-transform:uppercase; text-align:center; padding-top:9px; padding-right:10px}

.alphabet {width:370px; height:25px; background:url(img/bg_alphabet.png) no-repeat 0 0; margin:20px auto 10px auto; text-align:center}
.alphabet DIV {padding-top:4px}
.alphabet A {color:#00aaff; text-decoration:none; font:bold 14px "arial narrow"; margin:0 1px}

.letter {float:left; width:100%; text-align:center; color:#99ba00; font:bold 28px "arial narrow"; text-transform:uppercase}
.tagbox {float:left; width:100%; overflow:hidden; font-weight:bold; font-family:"arial narrow"; text-align:center; padding-bottom:15px}
.tagboxbig {padding-top:30px}
.tagbox A {margin:0 3px}
.font20 {font-size:20px}
.font18 {font-size:18px}
.font16 {font-size:16px}
.font14 {font-size:14px}
.font12 {font-size:12px}
.font10 {font-size:10px}

.pageslist {float:left; width:100%}
.pagesbox {width:370px; height:45px; background:url(img/bg_pageslist.png) no-repeat 0 13px; text-align:center; margin:0 auto; color:#99ba00}
.pagesbox A {color:#00aaff}
.pagesbox DIV {padding-top:18px}
.pagesbox A, .pagesbox SPAN {margin:0 3px; font:bold 12px arial}
.pageslist .prev {float:left; width:49px; height:53px; background:url(img/previous.png) no-repeat 0 0}
.pageslist .next {float:right; width:49px; height:53px; background:url(img/next.png) no-repeat 0 0}
.pageslist .prev SPAN, .pageslist .next SPAN {display:none}
.pageslist .prev A {display:block; width:33px; height:28px; margin:13px 8px 0 8px}
.pageslist .next A {display:block; width:33px; height:28px; margin:13px 8px 0 8px}

.leftcol {float:left; width:355px}
.centercol {float:left; width:150px; padding-top:6px}
.rightcol {float:left; width:83px; padding:5px 0 0 30px}
.rightcol DIV {margin-bottom:3px}

.graybox {width:137px; background:url(img/bg_graybox.gif) repeat-y 0 0; margin-bottom:5px}
.graybox2 {background:url(img/bg_graybox2.gif) no-repeat 0 100%}
.graybox3 {background:url(img/bg_graybox3.gif) no-repeat 0 0}

.loadinginfo {float:left; width:70px; padding:8px 0 8px 5px; margin:0 auto; overflow:hidden}
.loadinginfo .username {display:block; float:left; background:url(img/bg_username_green.gif) no-repeat 12px 0; padding:17px 0 8px 0}
.loadinginfo .username A {display:block; float:left; height:16px; background:#99ba00 url(img/bg_username_r_green.gif) no-repeat 100% 0; color:#fff}
.loadinginfo .username SPAN {display:block; background:url(img/bg_username_l_green.gif) no-repeat 0 0; padding:1px 10px 2px 10px; white-space:nowrap}


.tagssmall {width:117px; padding:8px 0; margin:0 auto; overflow:hidden}
.tagssmall A {font-weight:bold}
.tagssmall A:hover {text-decoration:underline}

.code {width:137px; height:46px; background:url(img/bg_code_gray.png) no-repeat 0 0; margin-bottom:5px}
.codeinner {padding:0 5px}
.code textarea {width:127px; height:38px; background:none; border:0; overflow:hidden; text-align:center}
.button48gray {width:48px; height:16px; background:url(img/button48_gray.png) no-repeat 0 0; color:#00aaff}



.screenbox {float:left; width:475px; position:relative; padding-bottom:20px}
.screenbox .screen {float:left; width:83px; height:83px; padding:0 6px 12px 6px}
.screenbox .screen .img {width:83px; height:83px; position:relative; overflow:hidden}
.rightcol .screen {width:83px; height:83px; position:relative; overflow:hidden; margin-bottom:12px}
.cover {position:absolute; top:0; left:0; width:83px; height:83px; background:url(img/screencover.png) no-repeat 0 0}
.cover A {display:block; width:83px; height:83px; background:url(img/transparent.gif)}



.bigscreenbox {width:348px; height:282px; position:relative; background:#c8a5ce; text-align:center; margin:6px 0 5px 0}
.bigcover {position:absolute; top:0; left:0; width:348px; height:282px; background:url(img/bigscreen.png) no-repeat 0 0}
.screen1 {width:348px; height:282px; display: table;  position: static; margin:0 auto; overflow:hidden}
.screen2 {display: table-cell; vertical-align: middle; position: static; text-align:center}
.screen3 {display:block; top:auto; left:auto;  margin:0 auto; cursor:pointer}
*html .screen1 {display:block; position:relative}
*html .screen2 {display:block; position:absolute; left:0; top:50%}
*html .screen3 {display:block; top: -50%; left: 0; position:relative; width:348px; text-align:center}
*+html .screen1 {display:block; position:relative}
*+html .screen2 {display:block; position:absolute; left:0; top:50%}
*+html .screen3 {display:block; top: -50%; left: 0; position:relative; width:348px; text-align:center}





.underscreen {float:left; width:320px; padding:3px 0 30px 16px}
.underscreen .fr {padding-top:2px}
.visit {display:inline-block; background:url(img/bg_visit.gif) no-repeat 0 0; padding:3px 0 4px 22px; margin-right:10px; vertical-align:middle}
.commnumber {background:url(img/bg_comm.gif) no-repeat 0 0; padding:3px 0 4px 22px; margin-right:10px; vertical-align:middle}
.underscreen INPUT {vertical-align:middle}
.button90pink {width:90px; height:16px; background:url(img/button90_pink.png) no-repeat 0 0; color:#fff}
.button90green {width:90px; height:16px; background:url(img/button90_green.png) no-repeat 0 0; color:#fff}

.greentitle {padding:0 0 0 5px; font:bold 17px "arial narrow"; color:#99ba00}

.commentslibrary {width:340px; padding-bottom:10px; padding-top:0 !important; margin-top:20px} 
.commentslibrary .commentline {width:310px; padding:10px 0 0 30px}
.commentslibrary .info {width:257px; margin-left:50px}
.commentslibrary .date {color:#6a7484}
.commentslibrary .username A {display:block; float:left; height:16px; background:#a6afbc url(img/bg_username_r_gray.gif) no-repeat 100% 0; color:#fff}
.commentslibrary .username SPAN {display:block; background:url(img/bg_username_l_gray.gif) no-repeat 0 0; padding:1px 10px 2px 10px; white-space:nowrap}

.addcomment {float:left; width:337px; padding-top:20px}
.addcomment .text147 {width:147px; height:19px; position:relative; background:url(img/bg_addcomment_text.png) no-repeat 100% 0; margin:0 3px 5px 0}
.addcomment LABEL {position:absolute; width:147px; height:19px; text-align:center; padding-top:1px; top:0; left:0; cursor:text}
.addcommentbox {width:337px; height:36px; background:url(img/bg_addcomment.png) no-repeat 0 0; margin-bottom:5px}
.addcommentbox TEXTAREA {background:none; width:329px; height:30px; overflow:hidden; margin-left:4px}
.button62green {width:62px; height:16px; background:url(img/button62_green.gif) no-repeat 0 0; color:#fff}

.ruleslist LI {background:url(img/bg_greenlist.gif) no-repeat 0 5px}
.rulesbox A {color:#96c400}
.whattodo A {background-image:url(img/down_green.gif)}
.whattodo A:hover {background-image:url(img/down_green_dark.gif)}
.whattodo A.open {background-image:url(img/up_green.gif)}
.whattodo A.open:hover {background-image:url(img/up_green_dark.gif)}