C@HARSET "UTF-8";

html {height:100%; background-color:#e5f2fe; color:#000;}
body {font-family:"Trebuchet MS","MS Sans Serif","Segoe UI",Geneva,sans-serif; font-size:9pt; margin:0; padding:0; background-color:#e5f2fe;}

*:focus {outline-style:none;}
button::-moz-focus-inner {padding:0; border:0;}

a {text-decoration:none; color:#006c00;}
a:hover {/*color:#f72d7f; */text-decoration:underline;}
h3 a {color:#d70003;}
img {border:0; font-size:xx-small; color:#999;}
.hr hr {display:none;}
input{vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
th, td {padding:.2em .6em;}

#wrap {margin:0 auto; width:923px; background:url("bg/content.jpg") repeat-y; padding:0 20px; position:relative;}
#header {position:relative; background:#e5f2fe url("bg/menu.jpg") no-repeat center 80px; margin:0 -20px;}
#header h2 {background:url("bg/logo.jpg") no-repeat 5px 0;}
#header h2 a {width:224px; height:85px; display:inline-block; position:relative; margin-left:20px; z-index:10;}
#header h2 a:hover {height:83px; border-bottom:2px solid #f72d7f;}
#header h2 a em {display:none;}

#section {margin:0; padding:0 15px 10px 5px; width:636px; /*padding-top:68px;*/}
#section h1 {border-bottom:5px solid #c7f394; font-size:16px; margin-bottom:10px; padding-right:60px; padding-top:0;}
#section h2 {/*border-bottom:1px solid #C7F394; */font-size:13px; display:block;}
#section h2 a, #section #subnav dt a, #contest dt strong a {color:#d33c79; font-weight:bold; margin:0; padding:0;}
#section h1 a, #section h2 a {padding-bottom:1px; display:block; }
#section h1 a:hover, #section h2 a:hover {text-decoration:none; border-bottom:1px solid green; padding-bottom:0;}
/*#section h2 a:hover {text-decoration:none;}*/
#section h1, h2, h3 {color:#d33c79; font-weight:bold; margin:0; padding:0; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; }
#section h3 {color:#d33c79; font-size:120%; border-bottom:5px solid #c7f394; padding-top:1em;}
#section #max h3 {border-color:#d33c79; padding-top:35px;}
#section p, #section .prx {width:auto; margin:5px 0px 8px 0px; line-height:normal; color:#3c3c3c;}
#section p strong {color:black;}
#section p a:hover strong {color:#d80e2b;}
#section ol li, #section ul li  {padding-bottom:8px;}

#subnav {float:right; width:330px;}
#subnav h2 {width:auto;}
#subnav h2 a {display:block;}
#subnav dl {margin:3px 0 1em 0; float:right; width:240px; list-style:none;}
#subnav dt {border-bottom:1px solid #C7F394; font-size:13px; clear:both;}
#subnav dl dd.decor {background:url("menu/sublist_li.gif") no-repeat 0 9px; margin:0;}
#subnav dl dd.decor a {padding:5px 0 0 16px; margin:0; display:block;}
#subnav dl dd.image img {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block; position:absolute; margin:-15px 0 0 -140px;}


#max {position:relative; margin-top:10px;}
#max h1 {font-size:18px;}
#max img {padding:0;}
#max .logo img {float:right; margin:12px 0 12px 12px;}
#max .artBody img {margin:0; padding:0; position:relative;}
#max .category, #max .info {color:#3c3c3c;}
#max .category {margin:1em 0; font-size:90%;}
#max .category .datum {font-size:125%; left:-60px; top:0;}
#max .info {border-top:2px solid #c7f394; padding-top:3px; margin-top:12px;}

ul#articles {padding:0 0 5px 0;}
body.hp ul#articles h2 {border-bottom:5px solid #c7f394; font-size:16px; margin-bottom:10px; padding-top:0;}
ul#articles h2 {border-bottom:2px solid #C7F394; display:block; font-size:13px;}
ul#articles li.art, ul#articles li#quickmenu {width:100%; margin:10px 0; padding:0;}
ul#articles li#quickmenu {}
ul#articles li.art img {float:right; margin:0 0 10px 10px; /*padding:2px; border:1px solid #c7f394;*/}
ul#articles li.art.first img {float:left; margin:0 0 10px 0; border-right:10px solid #fff;}

#section .datum {position:absolute; left:-60px; filter:alpha(opacity=50); opacity:.5; padding:5px; width:35px; background-color:#fff; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; text-align:center;}
#section .errorMessage {padding:5px; background-color:#a00; color:#eee; margin-bottom:1em;}

#footer {background:url("bg/footer.jpg") no-repeat; width:889px; padding:15px 37px 10px 37px; margin:0 -20px; vertical-align:middle; background-color:#e5f2fe;}
#footer p { margin:0; padding:0;}
#footer .title {float:left; width:250px; height:67px; overflow:hidden;}
#footer .info {float:left;}
#footer .copy {clear:both; text-align:center;}
#footer .copy a {display:inline-block; padding-right:55px; background:url("../forcom-logo.png") no-repeat right 50%; color:#000;}
#footer .copy img {display:none;}

#inside {width:919px; margin:0 auto; display:block; text-align:left; background:url("bg/main.png") repeat-y;}

#nav {font-weight:bold; position:relative; margin:0; list-style:none; line-height:25px; padding:16px 0 10px 40px; font-size:1em; width:652px; position:relative; z-index:10;}
#nav li {background:url("menu/vmenu_li.gif") no-repeat 0 center;  width:163px;}
#nav li a {padding:0 5px 0 17px; color:#006c00; height:25px; line-height:25px; display:block; font-size:13px;}
#nav li a, #find strong {text-shadow:0 0 10px #c3f296,0 0 8px #c3f296,0 0 5px #c3f296;}

#external {position:absolute; top:0; right:15px; font-family:Verdana,sans-serif; font-size:10px;}
#external .sites {line-height:30px; text-align:right; margin-top:55px; color:#d33c79;}
#external .sites a {padding:8px 3px;}
#external .trick {height:60px; margin:105px 195px 0 0; width:740px; text-align:center; position:relative; z-index:15; background:url("bg/trick.jpg") no-repeat 0 bottom;}

#find {position:absolute; z-index:10; right:30px; top:135px;}
input.txt {padding:2px; background-color:#fff; /*filter:alpha(opacity=75); opacity:.75; */-moz-box-shadow:0 0 5px rgba(0,0,0,.3) inset; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3) inset; box-shadow:0 0 5px rgba(0,0,0,.3) inset; border:1px solid #94e391;}
input.txt:focus {border:1px solid #f72d7f; /*filter:alpha(opacity=88); opacity:.88;*/}
#find button {background:url("bt_search.gif") no-repeat 50% 50%; -moz-box-shadow:0 0 0 #fff; -webkit-box-shadow:0 0 0px #fff; box-shadow:0 0 0px #fff; width:18px; height:20px; border:0; padding:0; display:inline-block; vertical-align:middle;}
#find button span {display:none;}

#aside {width:264px; position:relative; z-index:11; padding-bottom:10px; margin-right:-3px;}

#leftbox {width:273px;}
#leftbox .footer {background:url("bg/poll.png") no-repeat -546px bottom; padding:3px 10px 5px; margin:0 -10px; clear:left; text-align:right;}
#poll, #tip_of_day {background:url("bg/poll.png") repeat-y -273px 0; padding:0 10px;}
#poll h4, #tip_of_day h2 {background:url("bg/poll.png") no-repeat 0 top; padding:3px 10px 2px; margin:0 -10px 2px -10px; font-size:10pt; display:block;}
#poll h4, .register h4 {font-weight:normal; color:#d33c79;}
#tip_of_day {padding:0 10px; color:#444;}
#tip_of_day a img {margin:5px 10px 5px 0; float:left;}
#poll .theme {padding:1px 10px; margin:0 -8px 2px -10px; background-color:#c7f394; font-size:100%; color:#006c00;}
#tip_of_day .footer {padding:0; height:12px; margin-top:0; margin-bottom:1em; height:9px;}
#tip_of_day .content {font-size:8pt; color:#666; padding-top:3px;}
#poll span {font-family:Verdana,sans-serif; width:32px; float:right; text-align:right; color:#aaa; font-size:85%; height:1.5em; overflow:hidden; }
#poll div {font-size:90%; padding:4px 0 0 0; clear:left; width:100%;}
#poll div a, #leftbox #poll div strong {width:110px; float:left; line-height:1.1em; margin-right:5px;}
#poll div strong {color:#006c00;}

.register, #userEditor form, #section #userBox form, #contest {background:url("bg/register.png") repeat-y -264px 0; padding:0 10px;}
.register h4, #contest dt strong {margin:0 -10px; padding:8px 10px 3px; font-size:115%; display:block; border-bottom:1px solid #c7f394;}
.register h4 {background:url("bg/register.png") no-repeat 0 0;}
#contest dt strong {font-size:140%; background-color:rgba(255,192,203,.4);}
#contest dt a:hover {text-decoration:none;}
.register p {font-size:90%; margin:.25em 0;}
.register form p, .register #ubSubmit {text-align:right;}
.register form p {line-height:2em; color:#d33c79; width:164px !important; position:relative; z-index:15;}
.register form p input {width:100px;}
.register p.close, #contest dd.footer {margin:0 -10px !important; background:url("bg/register.png") no-repeat -528px bottom; padding:0px 10px 0px;}
.register p.close {border-top:1px solid #c7f394; padding-bottom:6px; margin-top:6px; line-height:1.6 !important;}
.register form {margin:0;}
#section .register {width:244px; margin:10px auto 0 auto;}
#contest dd.footer {height:10px;}
/*.register p button {margin-top:-25px;}*/

#contest {margin-top:0; margin-bottom:1em;}
#contest dd {background:url("menu/sublist_li.gif") no-repeat 0 9px; margin:0;}
#contest dd a {padding:5px 0 0 16px; margin:0; display:block; }
#contest dd a:hover {text-decoration:underline; position:relative;}
#section #userBox {margin-bottom:3em;}
#userBox .info {line-height:1.8em; color:#555;}
#userBox .name {padding-bottom:12px; background:url("bg/register.png") no-repeat -528px bottom; margin:0 -10px; padding:0 10px 6px; color:#d33c79; z-index:15; position:relative;}
.register #ubSubmit #unlogin {margin-top:-30px;}
#userEditor form, #section #userBox form {clear:right; width:300px; text-align:right; padding-top:10px; padding-bottom:5px; background-image:none; margin:10px auto; background-color:#f6f2f1; color:#d33c79; border:1px solid #eee;}
#userEditor form span {margin-right:3px;}
#userEditor form input, #section #userBox form input {margin:2px 0;}
#userEditor .formBar {margin-top:5px; border-top:1px solid #c7f394;}
#userEditor form input { width:150px;}
#userEditor form .formButton input { width:auto;}

.pager {line-height:20px; height:20px; padding:3px; margin:0; clear:both; text-align:center;}
.pager i, .pager b span {display:none;}
.pager a, .pager b {color:#003d7c; padding:2px 5px; height:20px; line-height:20px;}
.pager a, .pager b {display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pager a:hover {background-color:#eee; color:#003d7c;}
.pager strong {margin:0 4px; color:#d80e2b;}
.pager strong span {display:none;}
.pager.bottom {margin-bottom:-7px; margin-top:0;}

.big #external .banner {height:100px;}
.big #section {padding-top:108px;}

#screamList {border-top:2px solid #c7f394;}
#screamList h4 {margin:0; padding-top:15px; padding-bottom:0;}
#screamList h6 {margin:0;}
#screamList p.add a {padding:5px; float:right; background-color:#c7f394;}
#screamList .inner {padding:4px 8px; margin:2px 0; background-color:#ffe6f2;}
#screamList .respond {padding:2px 0 3px 0;}
.in0, .in1, .in2, .in3, .in4, .in5, .in6, .in7, .in8, .in9 {padding-left:10px; padding-right:5px; margin-left:5px; border:1px solid #ebdae2; border-left:2px solid #da418c; margin-top:10px;}
.in0 {margin-left:5px;}
.in1 {margin-left:25px;}
.in2 {margin-left:45px;}
.in3 {margin-left:65px;}
.in4 {margin-left:85px;}
.in5 {margin-left:105px;}
.in6 {margin-left:125px;}
.in7 {margin-left:145px;}
.in8 {margin-left:165px;}
#gadblock {width:600px;clear:both;}
.gad {float:left;width:300px;}
.guma input{width:100%}

.testText {background-color:silver; padding:5px; font-size:14px;}
.testText span {display:block; font-weight:bold;}

#testform span.star {float:left;margin-right:5px}
#testform .submitBar {margin-top:15px;}

.testname {font-size:15px;margin-bottom:10px;}
.answer div {clear:left}

span.vyzva {font-size:80%;font-style:italic;color:gray}
#section .salesmanBox {clear:left;margin:10px 0;}
#section .salesmanBox .callToA{margin-right:110px;}
#section .salesmanBox .clr{clear:left}
#section .salesmanBox a.imgRef{float:left;margin-right:10px}

input.txt, textarea {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

#nav li, #aside, #section, ul#articles li.art, #max, ul#articles li#quickmenu {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline !important;}
#aside, #section, ul#articles li.art, #max {vertical-align:top; position:relative;}

#vipad {margin-top:10px;}

#modom {margin-bottom:10px; background:#f5f1fe; text-align:center; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:-1px 1px 0 #ddd; -webkit-box-shadow:-1px 1px 0 #ddd; box-shadow:-1px 1px 0 #ddd;}
#modom a {display:block; padding:5px 10px;}
#modom img {width:210px; height:auto;}

a.cmd, button {cursor:pointer; background-color:pink; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  overflow:visible; padding:3px 6px; color:#000; text-decoration:none; border:1px solid rgba(0,0,0,.12); -moz-box-shadow:0 0 8px #fff inset, 0 0 10px #fff inset; -webkit-box-shadow:0 0 8px #fff inset, 0 0 10px #fff inset; box-shadow:0 0 8px #fff inset, 0 0 10px #fff inset; line-height:normal;}
a.cmd b, button b {font-weight:normal;}
a.cmd:hover, button:hover {background-color:#c7f394;}
a.cmd b, #btn b a {font-size:11px !important; font-family:Arial,sans-serif;}

#sendToFriend {border:1px solid rgba(0,0,0,.1); background-color:#c7f394; margin-top:26px; text-align:center; padding:3px 3px 8px 3px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
#sendToFriend div {background-color:#d33c79; padding:.3em .5em; font-size:10pt; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#sendToFriend table {margin:0 auto;}
#sendToFriend span.closeX {float:right; cursor:pointer; padding:0 4px;}
#sendToFriend span.closeX:hover {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color:rgba(0,0,0,.2);}
#sendToFriend input.txt.name {width:120px;}
#sendToFriend input.txt.mail {width:70px;}
#sendToFriend input.txt.mails {width:400px;}

body.hp #section h1 {font-size:1.6em;}