body,form,input,a,select,textarea {font-family:Tahoma;font-size:12px;color:#000}
* {margin:0;padding:0;}
html, body{margin:0;padding:6px 0;background:url(bg.gif)}
a:active{outline:none}
input.button {overflow:visible}
html>/**/body input.button{overflow:auto}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {padding: 0;border: none}
.clearfix:after, #content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.center {margin-left:auto;margin-right:auto;}
.red {color:red}
.error {float:left;clear:both;display:block;color:red;font-size:10px;padding:5px 0 0 15px;background:0 5px no-repeat url(error.gif)}
.cleft {clear:left}
.cright {clear:right}
.fleft {float:left}
.fright {float:right}
.tleft {text-align:left}
.tright {text-align:right}

input {border:0}
input.blur {font-weight:bold;color:#cac8c8}
input.focus {background-color:#fcf4f4}
input.text,
textarea {border:solid 1px #b4b4b4;border-bottom:solid 1px #ece5b6;border-right:solid 1px #f7f2d4;float:left;padding:4px;clear:both;margin-top:2px}
input.button {color:#838282;text-transform:uppercase;cursor:pointer;background-image:url(btn-bg.png);padding:1px 6px 0px 10px;border:0;font-size:10px;font-weight:bold;float:left;height:27px}
select {border:solid 1px #b4b4b4;border-bottom:solid 1px #ece5b6;float:left;border-right:solid 1px #f7f2d4;height:22px;margin-top:2px}
label {float:left;text-align:left;font-weight:bold}
label.normal {font-weight:normal}
em.btn {display:block;height:27px;float:left}
em.left {background-image:url(btn-left.png);width:4px}
em.right {background-image:url(btn-right.png);width:15px}

div.cmf-skinned-select {background: url('select.png') top right no-repeat;height:22px !important;border:solid 1px #b4b4b4;border-bottom:solid 1px #ece5b6;border-right:solid 1px #f7f2d4;float:left;}
div.cmf-skinned-text {padding: 3px;background-color:#fff}


#content {background-color:#fff;width:982px;margin-left:auto;margin-right:auto;padding-bottom:12px}
#search-form {margin:12px;margin-top:0;float:left;clear:both}
#lc, #cc, #rc{margin-left:12px;float:left;display:inline}
#cc, #rc{margin-left:15px}
#content, #footer,#header {border-style:solid;border-color:#e6e7e1}
#content {border-width:0 1px}
#footer {border-width:0 1px 1px 1px}
#header {border-width:1px 1px 0 1px}

/** header section */
#header{width:958px;height:133px;background-color:#fff;background-image:url(header-bg.png);background-position: 12px 12px;background-repeat: no-repeat;padding:12px}
#header h1{float:left;margin:0;padding:35px 0 0px 35px;font-size:1em;text-indent:-9999px}
#header h1 a {display:block;width:228px;height:63px;background:url(logotype.png) no-repeat;overflow:hidden}

#header form,
#header #logged {display:block;border:solid 1px #000;background-color:#fff;width:445px;height:51px;border:2px solid #ede7e7;float:right;margin:34px 34px 0 0;padding:10px 0 0 12px;text-align:left;}
#header form input.text {width:157px;clear:none;margin-right:10px}
#header form a {display:block;height:14px;font-size:10px;font-weight:bold;color:#fff;text-decoration:none;
background-image:url(link-bg.gif);padding-left:12px;background-repeat:no-repeat;float:left;margin-top:4px}
#header form a.password {background-color:#8fa352;width:110px}
#header form a.register {background-color:#aa211f;width:63px;margin-left:56px;margin-right:16px}
#header form label {font-weight:normal;font-size:10px}
#header #logged {padding:0;width:457px;height:61px;}
#header #logged li {float:left}
#header #logged li.info {border:solid 3px #fff;width:197px;height:35px;background-color:#f5f5f5;padding-top:20px;text-align:center;font-weight:bold;}
#header #logged li.info span {color:#838282}
#header #logged li.points {padding-top:8px;text-align:center;width:67px;height:47px;background-color:#af2624;border:solid 3px #fff;border-left:0;font-weight:bold;color:#fff}
#header #logged li.points span{font-size:18px}
#header #logged li.buttons {padding-top:10px}
#header #logged li.buttons .left {margin-left:6px}

/** search form */
#search-form {width:958px;display:block;background-color:#f4f4f4;border:solid 1px #d3d1d1;border-width:1px 0;float:left;margin-left:12px;display:inline;padding:8px 0}
#search-form input.text {clear:none;margin-left:13px;width:368px;margin-left:33px;margin-right:15px}
#search-form em.left {margin-left:15px}
#search-form div.cmf-skinned-select {margin-top:2px;}
#search-form select {margin-left:-1px;}
#search-form select.category {width:152px;}
#search-form select.type {width:132px}
#search-form label {font-weight:normal;font-size:11px;margin-top:6px}
#search-form .jquery-checkbox {display: block;float:left;margin:3px 5px 0 10px}

#upload-form {clear:both;width:100%;}
#upload-form img {float:left;}
#upload-form div {float:left;width:360px;margin-left:15px;}
#upload-form input {display:none;border:1px #efefef;font-size:13px;}

/** menu */
#menu {display:block;float:left;width:230px;clear:left}
#menu li {line-height:25px;padding:0;border-bottom:dotted 1px #d5d5d5;background-image:url(menu-list.png);background-repeat:no-repeat}
#menu li.selected {background-image:url(menu-list-on.png)}
#menu li.selected a, #menu li.selected li a.selected {color:#9d1614}
#menu li.selected li a {color:#828282}
#menu li.header {text-indent:-9999px;background:url(headers/categories.png) no-repeat;height:30px;border-bottom:solid 1px #fff;padding:0}
#menu li.level {border:0;padding:0;line-height:1em;width:190px;height:20px;color:#5f5f5f;font-weight:bold;border-bottom:solid 2px #d6d6d6;text-transform:uppercase;background-color:#f0f0f0;background-image:url(menu-level.png);background-repeat:no-repeat;padding:8px 0 0 40px}
#menu li a {color:#828282;text-decoration:none;font-weight:bold;padding-left:40px;font-size:11px}
#menu ul {border-top:dotted 1px #d5d5d5;border-bottom:0}
#menu ul li {padding-left:10px;background:none}
#menu span.count {color:#b5b5a8;font-weight:normal}
#menu ul li a {font-size:11px;color:#514f4a;font-weight:normal}
#menu ul li a:hover {text-decoration:underline}
#menu ul li.selected {background:url(menu-selected.png)}
#menu ul li.last {border-bottom:0}

/** newsbox **/
#infobox {float:left;clear:right;width:714px;height:253px;background:url(infobox.png) no-repeat;margin:0 0 12px 15px;overflow:hidden;}
#infobox a {display:block;float:left;height:52px;margin-top:180px;text-indent:-9999px}
#infobox a.register {width:260px;margin-left:48px}
#infobox a.demo {width:237px;margin-left:130px}

/** tabs & complex menu */
#menu-tabs {display:block;float:left;width:230px;clear:left;background:url(tabs.gif);height:30px}
#menu-tabs.hover {background:transparent url(tabs.gif) 0 -30px no-repeat}
#menu-tabs.profile {background:transparent url(tabs.gif) 0 -60px no-repeat}
#menu-tabs.hover2 {background:transparent url(tabs.gif) 0 -90px no-repeat}

#menu-tabs li {float:left}
#menu-tabs li a{display:block;height:25px;text-indent:-9999px}
#menu-tabs #tab1 {left:0px;width:114px}
#menu-tabs #tab2 {left:115px;width:115px}
#tab1-c,#tab2-c {width:230px;float:left;clear:left}
#tab1-c {padding-top:1px;display:none}

#shortlist {margin-top:4px}
#shortlist li {border-bottom:dotted 1px #d6d6d6;padding:7px 12px}
#shortlist li.active {border:solid 2px #b35351}
#shortlist li,#shortlist li a {font-size:10px;color:#7d7b7b}
#shortlist li h4 {margin-bottom:10px}
#shortlist li h4 a {font-size:11px;font-weight:normal;color:#000}

.pager a {border-bottom:0 !important}
#lc .pager,#cc .pager {margin-top:15px;float:left;clear:both}
#lc .pager li,#cc .pager li {float:left}
#lc .pager,#lc .pager a {font-size:10px;color:#8c8c8c;text-decoration:none}
#lc .pager .active, #cc .pager .active {font-weight:bold}
#lc .pager .prev,
#lc .pager .next {display:block;background-image:url(pager-small.gif);background-repeat:no-repeat;text-indent:-9999px;width:11px;height:11px;float:left;margin:2px 10px}
#lc .pager a.prev {background-position:0 0}
#lc .pager span.prev {background-position:-11px 0}
#lc .pager a.next {background-position:0 -11px}
#lc .pager span.next {background-position:-11px -11px}

#cc .pager,#cc .pager a {font-size:12px;color:#8c8c8c;text-decoration:none}
#cc .pager .prev,
#cc .pager .next {display:block;background-image:url(pager.gif);background-repeat:no-repeat;text-indent:-9999px;width:14px;height:11px;float:left;margin:2px 10px}
#cc .pager a.prev {background-position:0 0}
#cc .pager span.prev {background-position:-14px 0}
#cc .pager a.next {background-position:0 -11px}
#cc .pager span.next {background-position:-14px -11px}

/** top10 */
#top10 {width:220px;clear:both;font-size:11px}
#top10 h2{width:220px;height:30px;background:url(headers/top10.png);text-indent:-9999px}
#top10 table{width:220px;border-bottom:solid 2px #87a331;background-color:#edf5d4}
#top10 td{border-top:dotted 1px #dc9b9c;padding:8px 5px 8px 10px;color:#514f4a}
#top10 tr.even td {background-color:#fffffa}
#top10 td.points{color:#aa211f;padding:0 10px}
#top10 td.bleft {border-left:solid 1px #e5dfb8}
#top10 td.arrow {background-image:url(menu-list-on.png);background-position:-2px 1px}
#top10 a {font-size:11px}

/** content */
#cc{width:478px;font-size:12px}
#cc .container {padding:20px 10px 55px 10px}
#cc.long, #cc.long h2 {width:713px}
#cc a, #rc a {color:#6f9201;border-bottom:dotted 1px #6f9201;text-decoration:none}
#cc h2 {width:478px;height:30px;text-indent:-9999px;background-repeat:no-repeat}
#cc.latest h2 {background-image:url(headers/latest.png)}
#cc.entrylist h2 {background-image:url(headers/entrylist.png)}
#cc.regulations h2 {background-image:url(headers/regulations.png)}
#cc.faq h2 {background-image:url(headers/faq.png)}
#cc.howto h2 {background-image:url(headers/howto.png)}
#cc.emailus h2 {background-image:url(headers/emailus.png)}
#cc.register h2 {background-image:url(headers/register.png)}
#cc.forgetpass h2 {background-image:url(headers/forgetpass.png)}
#cc.search h2 {background-image:url(headers/search.png)}
#cc.login h2 {background-image:url(headers/login.png)}
#cc.details h2 {background-image:url(headers/details.png)}
#cc.addcomment h2 {background-image:url(headers/addcomment.png)}
#cc.addsolution h2 {background-image:url(headers/addsolution.png)}
#cc.addentry h2 {background-image:url(headers/addentry.png)}
#cc.profile h2 {background-image:url(headers/profile.png)}
#cc.error404 h2 {background-image:url(headers/404.png)}
#cc.error500 h2 {background-image:url(headers/500.png)}

#cc.error404 li {background:url(arrow.gif) 0 3px no-repeat;padding-left:15px}
#cc h3 {font-size:12px;color:#aa211f;margin-bottom:10px;clear:both;}
#cc p {padding-bottom:15px}
#cc ol{margin:10px 20px 20px 20px;list-style:decimal}
#cc ol li {margin:5px 0px}
#cc a.action {background-color:#faf7f7;border:solid 1px #c7c7c7;font-size:10px;text-decoration:none;padding:2px 4px;font-weight:bold}
#cc span.info {background-color:#ca7b7a;border:solid 1px #aa211f;font-size:10px;color:#ffffff;padding:2px 4px;font-weight:bold}

/** main page */
#cc.latest h3 {margin-bottom:5px}

#cc ul.rates {width:100%;margin-bottom:20px;color:#8e8e8e;float:left;clear:both}
#cc ul.rates li h3 {margin-bottom:0}
#cc ul.rates li h3 a {color:#aa211f;font-size:12px}
#cc ul.rates li h3 a.action {color:#aa211f;font-size:10px}
#cc ul.rates li {font-size:11px;padding-bottom:4px;color:#8e8e8e;float:left}
#cc ul.rates li.subject {width:370px}
#cc ul.rates li.added {text-align:right;padding-top:2px}
#cc ul.rates li em {color:#6f9201;font-style: normal}
#cc ul.rates li a {font-size:11px;color:#6f9201}

#cc div.rating-bar{background:url(rate.gif) no-repeat;width:71px;height:12px;margin:1px 5px}
#cc div.rating-bar .rate {background:url(rate.gif);background-position:0 -12px;height:12px}
#cc ul.short {margin:0;padding-left:6px;}

#cc p.info, #cc p.exception {background-image:url(warning.gif);background-repeat:no-repeat;background-position:15px 50%;
background-color:#f6f6f6;padding:15px !important;padding-left:45px !important;clear:both}
#cc p.exception {background-image:url(exception.gif);}
/** forms */
#cc form {display:block;float:left;clear:both;}
#cc form .desc{display:block;float:left;clear:both;font-size:10px;color:#949494;padding-top:4px}
#cc form .captcha{float:left;clear:both;}
#cc form .captcha img{margin-left:10px;}
#cc label {margin:25px 0 5px 0}
#cc label, #cc input.text, #cc textarea {clear:left}
#cc .buttons {float:left;clear:both;padding-top:23px;width:100%}
#cc.register input.text, #cc.profile input.text {width:240px}
#cc.register .regulations {clear:both;padding-top:20px;font-size:12px}
#cc.login form {width:216px}
#cc.login form input.text {width:160px}
#cc.login #loginbox {width:200px;height:140px; background:#f6f6f6;float:left;padding:20px;color:#3b3b3b}

#cc.details li, #cc.details li a {font-size:11px;color:#7e7a7a}
#cc.details li {margin-bottom:5px}
#cc.details ul.left {width:64%;float:left;clear:left}
#cc.details ul.left .user {color:#6f9201;}
#cc.details ul.left a {color:#6f9201;}
#cc.details ul.left .subject {}
#cc.details ul.left li em {color:#6f9201;font-style: normal}
#cc.details ul.right {width:36%;float:right;clear:right}
#cc.details ul.right li {float:right}
#cc.details ul.right li form {margin:0}
#cc.details .formRate label {color:#7e7a7a;float:right;font-weight:normal;margin:0 5px 0 0;font-size:11px}
#cc.details .formRate span {margin:0;float:right;padding:0}
#cc.details input.disabled {background:#fff;text-align:right;color:#6f9201;width:160px;float:right;margin-bottom:5px;font-size:11px}
#cc.details input.trash, 
#cc.details input.track {background:url(trash.gif);width:10px;height:11px;cursor:pointer;float:right}
#cc.details input.track {background:url(tracking.gif)}
#cc.details h3 {display:inline-block;font-size:18px;clear:both;float:left;width:100%}
#cc.details div.h4 {font-size:11px;color:#fff;clear:both;height:18px;padding:3px 10px;background:#8fa352;border-bottom:solid 1px #596d1a;margin-bottom:20px}
#cc.details div.h4 h4 {height:22px;float:left;width:130px;margin-top:3px}
#cc.details div.h4 input.button-simple {cursor:pointer;float:right;border:solid 1px #fff;background:#98ab5f;font-size:10px;font-weight:bold;color:#fff;padding:2px 12px 2px 8px}
#cc.details p {padding:10px 0;font-size:13px;line-height:1.5em}
#cc.details p img {vertical-align:middle}
#cc.details div.comment {font-size:13px;line-height:1.5em;clear:both;border-bottom:solid 1px #e1e1e1;padding:0px 0 10px 0;}
#cc.details div.comment img {vertical-align:middle}
#cc.details div.spacer {clear:both;height:10px;margin-bottom:20px;border-bottom:solid 1px #e1e1e1}
#cc.details div.solution {clear:both;line-height:1.5em;padding:15px 0px;margin:0;}
#cc.details div.solution img {vertical-align:middle}
#cc.details ul.comments {width:100%;margin:10px 0;padding:0;}
#cc.details ul.comments li {border-bottom:solid 1px #FFF;}
#cc.details a.toggle {border:0;padding-left:10px;width:14px;height:14px;background:url(toggle.gif) 0 0 no-repeat;margin-right:4px;text-indent:-9999px;cursor:pointer}
#cc.details a.off {background-position:0 -14px}

#cc.addentry select {clear:none}
#cc.profile .filter {margin-bottom:20px;border-bottom:solid 1px #efefef;padding-bottom:10px}
#cc.profile .filter a{font-weight:normal}
#cc.profile form.notifications {margin-top:20px}
#cc.profile form.notifications input.checkbox {float:left;margin-top:4px}
#cc.profile form.notifications label {clear:none;margin:4px 0 0 10px}

#cc table {border:solid 2px #fff}
#cc table thead td {border-bottom:solid 1px #aa211f;border-right:solid 1px #d2b65c;padding:10px 9px 4px 9px;font-weight:bold}
#cc table thead .separator td {border-bottom:solid 1px #f3ebce;border-right:solid 1px #d2b65c;padding:0;height:2px}
#cc table tbody td {border-bottom:solid 1px #f3ebce;border-right:solid 1px #d2b65c;padding:8px;background-color:#faf7f7}
#cc table tbody td.center {text-align:center}
#cc table tbody .even td {background-color:#fff}
#cc table tbody .points {color:#cb0000;font-weight:bold}
#cc table tfoot .separator td {border-bottom:solid 1px #aa211f;border-right:solid 1px #d2b65c;padding:0;height:2px}
#cc table tfoot td {border-top:solid 1px #f3ebce;border-right:solid 1px #d2b65c;padding:8px;font-size:1px}

/* jQuery.Rating */
div.rating{cursor:pointer;margin:2em;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.star{float:left;width:12px;height:11px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star,div.star a{background:url('star.gif') no-repeat 0 0px}
div.star a{display:block;width:18px;height:11px}
div.star_on a{background-position:0 -11px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -22px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating */

/* Overlay */
#confirmModalOverlay {background-color:#eee; cursor:wait;}

/* Container */
#confirmModalContainer {padding:1px;height:140px; width:420px; left:50%; top:15%; margin-left:-210px; font-size:16px; text-align:left; background:#fff; border:3px solid #aa211f;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:22px 4px; font-size:16px}
#confirmModalContainer .header {width:100%;height:25px;background:#c23533}
#confirmModalContainer form {float:left;clear:both;position:absolute;top:100px; left:165px;}
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#fff;}
#confirmModalContainer a.modalCloseX:hover {color:#ddd;}

* html #confirmModalContainer {
top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#message em.right {margin-right:15px;}

.jquery-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}
.jquery-checkbox img {vertical-align: middle; width: 16px; height: 16px; background: transparent url(checkboxes.png) no-repeat; background-position: 0px 0px;}
.jquery-checkbox-hover img{background-position: -16px 0px;}
.jquery-checkbox-checked img{background-position: 0px -16px;}
.jquery-checkbox-checked .jquery-checkbox-hover img {background-position: -16px -16px;}
.jquery-checkbox-disabled img{background-position: 0px -32px;}
.jquery-checkbox-checked .jquery-checkbox-disabled img{background-position: 0px -48px;}

/** footer section */
#footer {width:982px;height:61px}
#footer ul {float:left;background-image:url(ft-bg.png);background-color:#fff;display:block;width:958px;height:37px;clear:both;border:12px solid #fff}
#footer ul li.copy {width:702px;text-align:left}
#footer ul li {float:left}

#generator {text-align:center;display:block;padding:4px;width:300px;border:solid 1px #f5bd13;color:#000;background-color:yellow;margin-top:10px}