html {
height : 100%;
margin-bottom : 1px;
}
body {
margin : 0;
background : url(../images/contentwrapperbg.gif) repeat;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10pt;
}
.clear {
float : none;
clear : both;
height : 0;
overflow : hidden;
}
#topwrapper {
height : 58px;
background : url(../images/topwrapperbg.gif) repeat-x;
}
#top {
margin : 0 auto;
height : 43px;
width : 982px;
padding-top : 15px;
}
#top a {
color : #a0aab4;
}
#top a:hover {
color : #86b847;
text-decoration : underline;
}
#login {
float : left;
}
table#login td {
padding : 0 7px 4px 8px;
vertical-align : middle;
}
table#login td.sep {
padding : 0 0 4px 0;
}
table#login td label {
color : #a0aab4;
}
table#login td input {
width : 140px;
height : 18px;
background : url(../images/login_inputbg.gif) no-repeat;
border : 0;
color : #fff;
font-size : 11px;
padding : 3px 0 0 4px;
}
table#login td input.button {
border : 0;
padding : 0;
padding-left : 5px;
cursor : pointer;
background : url(../images/login_btnbg.gif) no-repeat;
width : 57px;
height : 21px;
color : #a0aab4;
font-size : 11px;
text-align : left;
}
#top a.lostpassword {
float : right;
color : #86b847;
margin-top : 7px;
margin-right : 10px;
}
#top img {
float : right;
margin : 10px 5px 0 0;
}
#headerwrapper {
background : url(../images/headerwrapperbg.gif) repeat-x center top;
height : 135px;
text-align : center;
}
#header {
margin : 0 auto;
width : 982px;
height : 106px;
}
#header a.logo {
display : block;
float : left;
width : 192px;
height : 50px;
margin : 32px 0 0 3px;
}
#header a:hover {
text-decoration : none;
}
#searchmenu {
float : right;
width : 725px;
height : 45px;
margin-top : 60px;
}
#searchmenu div.center {
float : left;
background : url(../images/searchmenucenter.gif) repeat-x;
}
#searchmenu div.left {
background : url(../images/searchleft.gif) no-repeat;
float : left;
width : 6px;
height : 45px;
}
#searchmenu div.right {
background : url(../images/searchright.gif) no-repeat;
float : left;
width : 6px;
height : 45px;
}
#search {
float : left;
padding-top : 12px;
color : #000000;
}
#search label {
float : left;
padding : 5px 10px 0 0;
font-weight : bold;
}
#search input {
float : left;
border : 0;
background : url('../images/inputBg.jpg') repeat-x;
height : 18px;
padding-top : 3px;
padding-bottom : 0;
color : #293138;
font-size : 11px;
width : 182px;
}
#inputleft {
float : left;
background : url('../images/inputleft.jpg') no-repeat;
width : 3px;
height : 21px;
margin-left : 10px;
}
#inputright {
float : left;
background : url('../images/inputright.jpg') no-repeat;
width : 3px;
height : 21px;
margin-right : 10px;
}
#search button {
float : left;
background : url('../images/go.jpg') no-repeat;
width : 48px;
height : 21px;
border : 0;
margin : 0 10px 0 5px;
cursor : pointer;
}
#search a:link, #search a:active, #search a:visited {
display : block;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
color : #514e4e;
text-decoration : none;
font-size : 7pt;
width : auto;
margin : 0 15px 0 5px;
height : auto;
float : left;
text-align : right;
}
#search a:hover {
color : #99cc00;
}
img {
border : 0;
}
a:link, a:active, a:visited {
color : #99cc00;
text-decoration : none;
}
a:hover {
color : #293138;
text-decoration : none;
}
a {
outline : none;
}
.user_meta a {
float : none;
font-family : Arial, Helvetica, sans-serif;
color : #514e4e;
text-decoration : none;
font-size : 7pt;
}
#loginsplit {
width : 2px;
height : 25px;
float : left;
background : url('../images/searchsplit.gif') no-repeat;
margin : 0 10px 0 10px;
}
#menu {
float : right;
height : 45px;
}
#header a.rss {
float : left;
margin-top : 15px;
margin-left : 10px;
}
#menu ul {
float : right;
margin : 0 5px 0 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
}
#menu ul li {
float : left;
background : url(../images/contentwrapperbg.gif) repeat;
}
#menu ul li a {
display : block;
float : left;
padding : 14px 10px 0 10px;
height : 31px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #3c3c3c;
text-decoration : none;
background : url('../images/menuBg.jpg') repeat-x;
}
#menu ul li a:hover {
float : left;
background : url('../images/menuBgHover.jpg') repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #99cc00;
text-decoration : none;
}
#menu ul li .split {
float : left;
height : 45px;
width : 2px;
background : url('../images/menuSplit.jpg') no-repeat;
}
#menu ul li .dropdown {
padding : 11px 20px 0 10px;
background : url('../images/menuDown.gif') no-repeat right 15px;
}
#contentwrapper {
width : 100%;
text-align : center;
}
#content {
margin : -30px auto 0 auto;
width : 982px;
}
#contentTop {
background : url(../images/contentTop.jpg) no-repeat;
width : 982px;
height : 9px;
overflow : hidden;
}
#contentMiddle {
border-left : 1px solid #c1d7e4;
border-right : 1px solid #c1d7e4;
width : 980px;
background-color : #fff;
padding-top : 6px;
}
.submit_drop {
position : absolute;
margin-top : 50px;
background : #f2f2f2;
}
#sideleft {
float : left;
width : 204px;
padding-left : 16px;
}
#sideright {
float : left;
width : 204px;
padding-left : 30px;
}
#main {
float : left;
width : 700px;
padding-left : 30px;
text-align : left;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 10pt;
}
.p {
float : left;
padding : 0;
margin : 0;
}
#categories {
width : 700px;
padding : 10px 0 20px 0;
vertical-align : top;
}
.formPage {
float : left;
width : 700px;
padding : 20px 0 20px 0;
vertical-align : top;
border : 1px solid #cccccc;
}
table#categories tr {
padding : 0;
margin : 0;
list-style-type : none;
list-style-position : outside;
}
.catBox {
height : auto;
}
.catBoxa {
height : auto;
}
table#categories tr td h2 {
height : 20px;
padding : 5px 0 0 0;
display : block;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 8pt;
margin-bottom : 1px;
}
table#categories tr td h2 a {
color : #293138;
text-decoration : none;
float : left;
padding-bottom : 5px;
}
table#categories tr td h2 a:hover {
float : left;
color : #99cc00;
text-decoration : none;
}
.subcats {
padding : 0 5px 10px 0;
margin-top : 0;
text-align : left;
}
p.subcats a {
color : #99cc00;
}
p.subcats a:hover {
color : #293138;
}
#categories ul li a span {
color : #696969;
font-weight : bold;
}
#categories ul li a:hover span {
color : #e00000;
font-weight : bold;
}
#row1 {
float : left;
width : 40%;
}
#row2 {
float : left;
width : 60%;
}
#articles {
margin : 20px 0 0 0;
}
#row1articles {
float : left;
width : 210px;
overflow : hidden;
margin : 0;
}
.articlebox {
float : left;
width : 196px;
margin : 0;
padding : 10px 4px 20px 4px;
}
.articletitle a:link, .articletitle a:active, .articletitle a:visited {
color : black;
}
.articletitle a:hover {
color : #e00000;
}
.articletitle {
background : url('../images/articleIcon.jpg') no-repeat;
padding-left : 20px;
font-weight : bold;
}
.articletext {
padding : 5px 0 5px 0;
height : 40px;
}
.articlefull {
text-align : right;
}
.title {
clear : both;
float : left;
}
.titleLeft {
float : left;
width : 0;
}
.titleRight {
width : 0;
}
.titleBgside {
float : left;
width : 184px;
height : 26px;
background : url('../images/leftTitleBg.jpg') no-repeat;
font-weight : bold;
color : #293138;
padding : 14px 0 0 20px;
}
.titleBgmain {
float : left;
width : 700px;
height : 20px;
background : url('../images/contentwrapperbg.gif') repeat;
font-weight : bold;
color : #293138;
padding : 14px 0 0 20px;
}
.titleIcon1 {
float : left;
}
.titleIcon2 {
float : left;
}
.titleIcon3 {
float : left;
}
.sidecateg {
    float: left;
    padding-bottom: 7px;
    width: 204px;
    margin-bottom: 4px;
    background: url(../images/sidecategbottom.gif) no-repeat bottom left;
    color: #4a5a67;
}

.sidecateg ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    line-height: 1.6;
}

.sidecateg ul li {
    padding-left: 0;
}

.sidecateg ul li a:link, .sidecateg ul li a:active, .sidecateg ul li a:visited {
    color: #4a5a67;
    text-decoration: none;
    display: block;
    width: 182px;
    text-align: left;
    background-color: #e7eef5;
    height: 23px;
    padding: 5px 0 1px 20px;
    border-left: 1px solid #c4dbed;
    border-right: 1px solid #c4dbed;
    background: url(../images/leftABg.jpg) repeat-x;
}

.sidecateg ul li a:hover {
    color: #62971f;
    text-decoration: underline;
    background: url(../images/leftABgH.jpg) repeat-x;
}
.sidecateg ul.boxStats {
text-align : left;
color : #293138;
padding-left : 20px;
}
.stat {
float : left;
padding : 15px 0 15px 12px;
line-height : 180%;
}
#footerwrapper {
width : 100%;
text-align : center;
background : url(../images/footerwrapperbg.jpg) repeat-x;
height : 153px;
}
#footer {
width : 982px;
height : 60px;
background : url('../images/footerBg.jpg') no-repeat left top;
margin : 0 auto;
}
#footercontent {
float : left;
width : 978px;
text-align : center;
padding-top : 50px;
}
#footercontent a {
color : #99cc00;
}
#panel {
background : #ffffff;
display : block;
color : #000000;
position : absolute;
z-index : -1;
top : 23px;
width : 978px;
height : 110px;
margin-left : 6px;
border-bottom : 1px solid #cccccc;
}
#panel_table {
width : 200px;
margin : 0 auto;
}
#panel a {
color : #e00000;
}
.slide {
margin : 0;
padding : 0;
background : #e51d25;
text-align : right;
color : #ffffff;
}
.btn-slide {
text-align : right;
display : inline;
font : normal 110%/100% Arial, Helvetica, sans-serif;
color : #fff;
text-decoration : none;
}
.slide a:active, .slide a:link, .slide a:visited {
color : #ffffff;
text-decoration : none;
}
.slide a:hover {
color : #ffffff;
text-decoration : underline;
}
.active {
background-position : right 12px;
}
.header {
background : url("../images/headerBg.gif") repeat-x;
height : 77px;
width : 960px;
margin : 0 auto;
}
.header_panel {
background : #e51d25;
height : auto;
margin : 0 auto;
}
.center_panel {
margin : 0 auto;
width : 960px;
background : #e51d25;
}
#toggleCategTree {
display : block;
cursor : pointer;
color : #6a8ad4;
}
#categtree {
margin : 3px 0;
height : 200px;
width : 300px;
overflow : auto;
border : 1px dotted #9ec2f3;
border-width : 0 1px 1px;
}
#catTitle {
background : #fff;
}
#categtree h2 {
margin : 0 0 5px;
padding : 2px;
text-align : center;
color : #3e81b4;
background : #dde5f3;
vertical-align : middle;
}
#categtree #close_tree {
right : 0;
padding : 1px;
text-align : center;
white-space : nowrap;
cursor : pointer;
}
#categtree .categ-item {
clear : both;
margin : 3px 5px;
padding : 2px 5px;
display : block;
border : 1px dotted #cbe2ec;
border-width : 1px 0;
cursor : pointer;
}
#categtree .categ-item img {
margin-right : 1em;
}
#categtree .odd {
background : #f8f8fc;
}
#categtree .even {
background : #fff;
}
#categtree .categ-item:hover {
background : #eee;
}
span.req {
color : #e00000;
}
.path {
padding-bottom : 11px;
border-bottom : 1px solid #cccccc;
margin-bottom : 20px;
}
.path a, .path span {
background : url('../images/pathArrow.gif') no-repeat 5px 5px;
padding : 0 0 0 24px;
}
#firstPath {
font-weight : bold;
background : none;
padding : 0;
}
div.errForm, span.errForm {
margin : 2px 0 0 0;
padding : 2px 3px 2px 3px;
color : #ffa814;
background : #fffff3;
border : 1px solid #cccccc;
text-align : left;
clear : both;
display : block;
}
div#bar1 {
width : 89px;
position : absolute;
left : auto;
margin : 45px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
border-top : 0;
color : #000;
background : #f2f2f2;
}
#menu ul li div#bar1 a {
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 10px;
height : 15px;
width : 79px;
font-size : 11px;
text-align : left;
}
#menu ul li div#bar1 a:hover {
color : #99cc00;
background-color : #fff;
}
div#bar2 {
width : 138px;
background : #f2f2f2;
font-size : 10px;
position : absolute;
left : auto;
margin : 45px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
border-top : 0;
color : #000;
}
#menu ul li div#bar2 a {
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 20px;
height : 15px;
width : 118px;
font-size : 11px;
text-align : left;
}
#menu ul li div#bar2 a:hover {
color : #99cc00;
background-color : #fff;
}
.link {
font-size : 11px;
font-weight : bold;
}

.bruleoBox {
 clear: both;
 width: 720px;}

.bruleoBox-t, .bruleoBox-b {
 clear: both;
 height: 6px;}

.bruleoBox-tl, .bruleoBox-tr, .bruleoBox-bl, .bruleoBox-br {
 float: left;
 width: 6px;
 height: 6px;}

.bruleoBox-tl {
 background : url('../images/bruleoBox-tl.gif') no-repeat;}

.bruleoBox-tr {
 background : url('../images/bruleoBox-tr.gif') no-repeat;}

.bruleoBox-tc {
 background : url('../images/bruleoBox-tl.gif') no-repeat;}

.bruleoBox-bl {
 background : url('../images/bruleoBox-bl.gif') no-repeat;}

.bruleoBox-br {
 background : url('../images/bruleoBox-br.gif') no-repeat;}

.bruleoBox-tc, .bruleoBox-bc {
 float: left;
 height: 6px;
 width: 708px;}

.bruleoBox-tc {
 background : url('../images/bruleoBox-tc.gif') repeat-x;}

.bruleoBox-bc {
 background : url('../images/bruleoBox-bc.gif') repeat-x;}

.bruleoBox-m {
 clear: both;
 background : url('../images/bruleoBox-m.gif') repeat-y;
 padding: 0 10px 0 10px;
 width: 700px;}

.navig {
font-size : 12px;
border-top : 1px solid #c5c5c5;
margin : 10px 0 0 0;
padding : 5px 0 0 0;
}
#linkDetail {
line-height : 180%;
}
#linkDetail .label {
width : 80px;
}
.link_rating {
font-weight : bold;
color : #444;
}
.pr {
width : 35px;
padding-top : 3px;
}