/*  General page setup
---------------------------------------------*/

body { background: #fff url("/images/top-bg.jpg") repeat-x; font-family: Verdana, Arial, sans-serif; padding:0; margin: 0 0 0 0; font-size: 11px; }
table { font-size: 10px; }
img { border: 0; }

a:link, a:active, a:visited { font-weight: bold; text-decoration: none; color: #4C6179; }
a:hover { color: #4C6179; }
a { text-decoration: none }

textarea, select, button, input, submit { color: #000000; border: 1px solid #000000; background-color: #EFEFEF; font-size: 10px; font-family: Verdana, Arial, Courier; }
input:focus,textarea:focus { border: 1px dotted #000000; background-color: #FFFFFF; }

#wrapper { width:800px; }

/*  General style modifiers
---------------------------------------------*/

.left { float:left }
.right { float:right }
.red,#column.left #blue #links a.red,#column.left #brown #links a.red { color:#c6867b }
.red,#column.left #blue #links2 a.red,#column.left #brown #links2 a.red { color:#c6867b }
.clear { clear:both }

/*  Header
---------------------------------------------*/

#logo { position:relative; left: 45px; }
#nav { padding: 0 30px 0 52px; }
#nav a { font-size: 14px; color: #8689a0; display:block; float:left; padding: 3px 8px 5px 8px; border-left: 1px solid #dddfe9; font-weight: normal; }
#nav a { _position:relative; _bottom:2px; } /*  IE Fix  */

#nav a#selected { color:#ebe492; background: #140d4c url("/images/nav-bg-left.jpg") no-repeat; border-left-color: #fff; }
#nav a:HOVER { color:#ebe492; background: #140d4c url("/images/nav-bg-left.jpg") no-repeat; border-left-color: #fff; }

form#search { float:right; padding:10px 19px; }
form#search #text { background: #fff url("/images/form-bg.jpg"); border: 1px solid #0e0f0f; border-right: 0; width: 108px; padding:1px 2px 3px 3px; font-size:12px; position:relative; bottom:26px; left:4px; color: #233543; }
form#search #text { _bottom:23px; _height: 21px; _padding: 3px; } /*  IE Fix  */ 
#go { BORDER: 0px; }

/*  Content
---------------------------------------------*/

#body { clear:both }
#column { padding: 15px 0 15px 0; }
#column a { FONT-WEIGHT: normal; }
#column.left { width:175px; margin-left: 30px; }
#column.right { margin-left: 20px; }

#title { color: #cec1d0; font-size:20px; border-bottom: 1px solid #e5e5e5; padding-top: 15px; }
#title a { color: #cec1d0; }

#title2 { color: #cec1d0; font-size:20px; border-bottom: 1px solid #e5e5e5; padding-top: 15px; }
#title2 a { color: #cec1d0; }

#column.left #title { font-size: 16px; border:0; padding-bottom: 3px; padding-top:0;}
#column.left #blue { position:relative; bottom:15px; }
#column.left #blue #title { color: #4870a0; position:relative; right: 15px; }
#column.left #blue #title img { position:relative; top: 25px; right: 2px;}

#column.left #green { position:relative; bottom:15px; }
#column.left #green #title { color: #5d8d4e; position:relative; right:23px; }
#column.left #green #title img { position:relative; top: 32px; left:4px; }

#column.left #brown { position:relative; bottom:15px; }
#column.left #brown #title { color: #a0a048;  position:relative; right:22px; }
#column.left #brown #title img { position:relative; top: 29px; left:3px; }

#column.left #links { border:1px solid #dfdfdf; padding: 3px; }
#column.left #links a { display:block; padding: 2px 0 3px 25px ; border-top: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; overflow: hidden}

#column.left #blue #links a#adjust { padding-left: -5px; }
#column.left #blue #links a { background: #e8f2f5 url("/images/links-blue1.gif") no-repeat; color: #7b9cc5; }
#column.left #blue #links a:HOVER { background: #f5fdff url("/images/links-blue2.gif") no-repeat; color: #d44; }
#column.left #green #links a { background: #ebf7ed url("/images/links-green1.gif") no-repeat; color: #86b366; }

#column.left #green #links a:HOVER { background: #f2fef4 url("/images/links-green2.gif") no-repeat; color: #d44; }
#column.left #brown #links a { background: #f8f8e0 url("/images/links-brown1.gif") no-repeat; color: #b0b044; }
#column.left #brown #links a:HOVER { background: #ffffef url("/images/links-brown2.gif") no-repeat; color: #d44; }


#column.left #links2 { border:1px solid #dfdfdf; padding: 3px; }
#column.left #links2 a { display:block; padding: 2px 0 3px 25px ; border-top: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; overflow: hidden}

#column.left #blue #links2 a#adjust { padding-left: -5px; }
#column.left #blue #links2 a { background: #e8f2f5 url("/images/links-blue1.gif") no-repeat; color: #7b9cc5; }
#column.left #blue #links2 a:HOVER { background: #f5fdff url("/images/links-blue2.gif") no-repeat; color: #d44; }
#column.left #green #links2 a { background: #ebf7ed url("/images/links-green1.gif") no-repeat; color: #86b366; }

#column.left #green #links2 a:HOVER { background: #f2fef4 url("/images/links-green2.gif") no-repeat; color: #d44; }
#column.left #brown #links2 a { background: #f8f8e0 url("/images/links-brown1.gif") no-repeat; color: #b0b044; }
#column.left #brown #links2 a:HOVER { background: #ffffef url("/images/links-brown2.gif") no-repeat; color: #d44; }


#column.left #links { border:1px solid #dfdfdf; padding: 3px; }
#column.left #links a { display:block; padding: 2px 0 3px 25px ; border-top: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; overflow: hidden}

#column.center #content { border-bottom: 1px dotted #d9d9d9; padding: 10px 0; color: #54546b; }
#column.center #content #title { font-size: 15px; border:0; padding: 2px 0 5px 0; }
#column.center #content #title a { color: #7db671; text-decoration: none; }
#column.center #content #bottom { padding: 10px 0 5px 0;}
#column.center #content #bottom div,

#column.center #content #bottom a { border-right: 1px dotted #c5cfb8; display:block; float:left; margin-right: 15px; padding: 5px 15px 5px 20px;}
#column.center #content #bottom a {  background: url("/images/icon-man.png") no-repeat; color: #9a3a3a; text-decoration: underline; }
#column.center #content #bottom a:HOVER { color: #f00; text-decoration:none; }
#column.center #content #bottom #cal { padding: 5px 10px 5px 20px; background: url("/images/icon-cal.png") no-repeat; color: #66755f; }
#column.center #content #bottom a#count { background: url("/images/icon-window.png") no-repeat; border:0; }

#column.right table { margin-top: 7px; }
#column.right table img { margin-bottom: 3px; }
#column.right table a { font-weight: normal; color: #60708f; }
#column.right table a:HOVER { color: #F00; }

/* Reminents
---------------------------------------------*/

.title { font-size: 11px; padding: 3px; text-align: center; background-color: #E8F2F7; background-image: url("/design/include/images/title.gif"); border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; font-weight: bold; }
.titlez { font-size: 14px; padding: 1px 1px 4px 1px; text-align: center; background-color: #E8F2F7; font-weight: bold; }
.titley { font-size: 11px; padding: 1px 1px 4px 1px; text-align: center; background-color: #E8F2F7; font-weight: bold; }
.dvd { border: 1px solid #bbb; }
.titlex { font-size: 24px; padding: 33px 7px 27px 7px; text-align: center; font-weight: bold; color: #fff }
.title2 { padding: 3px; margin-bottom: 15px; background-color: #E8F2F7; border: 1px solid #000000; }
.title3 { padding: 3px; margin-bottom: 15px; background-color: #FFFFFF; border: 1px solid #000000; }
.titleaa { font-size: 11px; vertical-align: top; border: 1px solid #6B72B4; padding: 5px; background-color: #FFFFFF; background-image: url("/forum/Themes/main/images/catbg.jpg"); }

/* Scary red border for errors. */
.error { border: 1px dashed #E92121; padding: 10px; margin: 10px; text-align: center; background-color: #ECD4D4; color: #000000; }
.menu { padding: 3px; margin: 0; text-align: left; vertical-align: top; color: #000000; font-size: 10px; }
.navigation { font-size: 10px; padding: 2px; padding-left: 5px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #E8F2F7; }
.navigation2 { padding: 2px; padding-right: 2px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #E8F2F7; }
.navigation:hover { background-image: none; background-color: #FFFFFF; }
.tutorials { background-color: #EFEFEF; border: 1px solid #999; padding: 2px; overflow: none; }
.tutorials2 { background-color: #FFFFFF; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 2px; overflow: none; }
.rollover table:hover { background-color: #CDD7EE; }
.code { color: #000000; background-color: #EFEFEF; border: 1px solid #000000; font-size: 11px; padding: 2px; width: 97%; white-space: nowrap; overflow: auto; max-height: 60em; max-width: 55em; margin: 12px auto 12px auto; }
 
/* styles for the star rater */
.star-rating { list-style:none; margin: 0; padding:0px; width: 100px; height: 20px; position: relative; background: url(/include/images/star_rating.gif) top left repeat-x; }
.star-rating li { padding:0px; margin:0px; float: left; }
.star-rating li a { display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0; }
.star-rating li a:hover { background: url(/include/images/star_rating.gif) left bottom; z-index: 1; left: 0; }
.star-rating a.one-star { left: 0; }
.star-rating a.one-star:hover { width:20px; }
.star-rating a.two-stars { left:20px; }
.star-rating a.two-stars:hover { width: 40px; }
.star-rating a.three-stars:hover { width: 60px; }
.star-rating a.three-stars { left: 40px; }
.star-rating a.four-stars { left: 60px; }
.star-rating a.four-stars:hover { width: 80px; }
.star-rating a.five-stars { left: 80px; }
.star-rating a.five-stars:hover { width: 100px; }