@charset "utf-8";
/* CSS Document */

html {
height : 100%;
margin-bottom : 1px;
}
body {
margin : 0;
background : #8b8b8b url('../images/bobyBg.jpg') repeat-x;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 8pt;
}
img {
border : 0;
}
a:link, a:active, a:visited {
color : #e00000;
text-decoration : none;
}
a:hover {
color : #e00000;
text-decoration : underline;
}
a {
outline : none;
}
#wrapperall {
width : 990px;
margin : 0 auto;
}
#wrapperBg {
float : left;
width : 990px;
background : url('../images/wrapperBg.jpg') repeat-y;
margin-bottom : 25px;
}
#wrapperLeft {
float : left;
width : 990px;
background : url('../images/wrapperBgLeft.jpg') no-repeat left top;
}
#wrapperRight {
float : left;
width : 978px;
background : url('../images/wrapperBgRight.jpg') no-repeat right top;
padding : 23px 6px 0 6px;
}
#wrapperTop {
float : left;
width : 990px;
background : url('../images/wrapperTop.jpg') repeat-x top;
}
#wrapperBottom {
float : left;
width : 990px;
background : url('../images/footerBottom.jpg') repeat-x bottom;
}
#slide {
float : left;
background : url('../images/headerTopBg.jpg') repeat-x;
width : 978px;
height : 48px;
}
#search {
float : right;
width : 600px;
padding-top : 10px;
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 : 21px;
padding-top : 3px;
}
#inputleft {
float : left;
background : url('../images/inputleft.jpg') no-repeat;
width : 3px;
height : 24px;
margin-left : 3px;
}
#inputright {
float : left;
background : url('../images/inputright.jpg') no-repeat;
width : 3px;
height : 24px;
margin-right : 10px;
}
#search button {
float : left;
background : url('../images/go.jpg') no-repeat;
width : 55px;
height : 24px;
border : 0;
margin : 0 5px 0 5px;
cursor : pointer;
}
#search a:link, #search a:active, #search a:visited {
float : left;
display : block;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
color : #514e4e;
text-decoration : none;
font-size : 7pt;
margin : 0 5px 0 5px;
}
#search a:hover {
color : #e00000;
}
.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.jpg') no-repeat;
margin : 0 10px 0 10px;
}
#header {
float : left;
background : url('../images/headerBg.jpg') no-repeat right;
width : 978px;
height : 101px;
}
#menu {
float : left;
width : 978px;
height : 34px;
background : url('../images/menuBg.jpg') repeat-x;
}
#menu ul {
float : right;
margin : 0 30px 0 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
}
#menu ul li {
float : left;
background : transparent;
}
#menu ul li a {
float : left;
padding : 11px 10px 0 10px;
height : 23px;
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;
padding : 11px 10px 0 10px;
height : 23px;
background : url('../images/menuBgHover.jpg') repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
color : #3c3c3c;
text-decoration : none;
}
#menu ul li .split {
float : left;
height : 34px;
width : 1px;
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;
}
#content {
float : left;
width : 978px;
padding-top : 30px;
z-index : -1;
}
.submit_drop {
position : absolute;
margin-top : 50px;
background : #f2f2f2;
}
#sideleft {
float : left;
width : 205px;
padding-left : 25px;
}
#sideright {
float : left;
width : 205px;
padding-left : 35px;
}
#main {
float : left;
width : 450px;
padding-left : 35px;
}
.p {
float : left;
padding : 0;
margin : 0;
}
#categories {
width : 450px;
padding : 20px 0 20px 0;
vertical-align : top;
}
.formPage {
float : left;
width : 450px;
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 {
background : url('../images/categBullet.jpg') no-repeat 2px 0%;
height : 20px;
padding : 5px 0 0 35px;
display : block;
font-size : 8pt;
font-weight : normal;
}
table#categories tr td h2 a {
background : url('../images/underline.gif') repeat-x bottom;
color : #000000;
text-decoration : none;
float : left;
padding-bottom : 5px;
}
table#categories tr td h2 a:hover {
background : url('../images/underline.gif') repeat-x bottom;
float : left;
color : #e00000;
text-decoration : none;
padding-bottom : 5px;
}
.subcats {
padding : 0 5px 10px 30px;
}
#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;
}
.titleLeft {
float : left;
width : 3px;
height : 24px;
background : url('../images/contentTitleLeft.jpg') no-repeat;
}
.titleRight {
float : left;
width : 3px;
height : 24px;
background : url('../images/contentTitleRight.jpg') no-repeat;
}
.titleBgside {
float : left;
width : 188px;
height : 21px;
background : url('../images/contentTitleBg.jpg') repeat-x;
font-weight : bold;
color : #242424;
padding : 3px 0 0 10px;
}
.titleBgmain {
float : left;
width : 434px;
height : 21px;
background : url('../images/contentTitleBg.jpg') repeat-x;
font-weight : bold;
color : #242424;
padding : 3px 0 0 10px;
}
.titleIcon1 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon1.jpg') no-repeat;
padding : 2px 0 0 50px;
}
.titleIcon2 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon2.jpg') no-repeat;
padding : 2px 0 0 50px;
}
.titleIcon3 {
float : left;
width : 138px;
height : 16px;
background : url('../images/contentTitleIcon3.jpg') no-repeat;
padding : 2px 0 0 50px;
}
.sidecateg {
float : left;
padding : 15px 0 15px 10px;
}
.sidecateg ul {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
line-height : 1.6;
}
.sidecateg ul li {
background : url('../images/sidebullet.jpg') no-repeat 0 5px;
padding-left : 15px;
}
.sidecateg ul li a:link, .sidecateg ul li a:active, .sidecateg ul li a:visited {
color : #000000;
text-decoration : none;
}
.sidecateg ul li a:hover {
color : #e00000;
text-decoration : underline;
}
.stat {
float : left;
padding : 15px 0 15px 12px;
line-height : 180%;
}
#footer {
float : left;
width : 978px;
height : 60px;
background : url('../images/footerBg.jpg') repeat-x;
margin-bottom : 8px;
}
#footercontent {
float : left;
width : 978px;
text-align : center;
padding-top : 25px;
}
#footercontent a {
color : #000000;
}
#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 {
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 : 98px;
background : #f2f2f2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
color : #000;
}
#menu ul li div#bar1 a {
background : #f2f2f2;
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 20px;
height : 15px;
width : 78px;
font-size : 11px;
}
#menu ul li div#bar1 a:hover {
color : #636363;
background-color : #f0eeee;
}
div#bar2 {
width : 138px;
background : #f2f2f2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
color : #000;
}
#menu ul li div#bar2 a {
background : #f2f2f2;
color : #3c3c3c;
display : block;
font-weight : bold;
margin : 0;
text-decoration : none;
padding : 10px 0 10px 20px;
height : 15px;
width : 118px;
font-size : 11px;
}
#menu ul li div#bar2 a:hover {
color : #636363;
background-color : #f0eeee;
}
.link {
font-size : 14px;
font-weight : bold;
}
.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;
}
div#bar1 {
width : auto;
background : #f2f2f2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
padding-top : 10px;
padding-bottom : 10px;
}
div#bar1 a {
float : left;
clear : both;
}
div#bar2 {
width : auto;
background : #f2f2f2;
font-weight : bold;
font-size : 10px;
position : absolute;
left : auto;
margin : 34px 0 0 0;
padding : 0;
z-index : 500;
border : 1px solid #d1d1d1;
padding-top : 10px;
padding-bottom : 10px;
}
div#bar2 a {
float : left;
clear : both;
}
#pageranks_chart_div {
padding-top : 6px;
margin-left : 7px;
margin-right : 5px;
font-size : 16px;
}