/*------------------*\
|* global interface *|
\*------------------*/



body {
  margin: 0px;
  padding: 0px;
  color: #444444;
  background: url("/blog/wp-content/themes/freshnews/images/bgr.jpg") repeat-x scroll center top #EBE9E1;
  /* background: #092437; */
  font: normal 11px verdana, tahoma, geneva, sans-serif;
  text-align: left;
}

img {
  border: 0px;
}

/* forms */
form {
  margin: 0px;
  
}
fieldset {
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #D98C00;
}
legend {
  color: #D98C00;
  background: #fff;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

input, textarea {
  font: normal 13px verdana, tahoma, geneva, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a {
  color: #212126;
}
a:visited {
  color: #212126;
}
a:hover {
  color: #8e8d9a;
  text-decoration: none;
}

/* tag links */
.tags a {
  text-decoration: none;
}
.tags a:hover {
  text-decoration: underline;
}


/* headings */
/* headings */

h1 {
  font-size: 22px;
  color: #D98C00;
  font-weight: bold;
  line-height: 100%;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #D8D8D8;
}

h2 {
  font-size: 17px;
  color: #D98C00;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

h3 {
  color:#D98C00;
  margin-top:3px;
  margin-bottom:11px;
  font-size: 14px;
}
h4 {
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 5px 0px;
  font-weight: bold;
  font-size: 12px;
  color: #D98C00;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}

h1 a,h2 a,h3 a {
  color: #D98C00;
  text-decoration:none;
}

h4 a,h5 a {
  color: #D98C00;
}

h1 a:visited,h2 a:visited,h3 a:visited {
  color: #D98C00;
  text-decoration:none;
}

h4 a:visited,h5 a:visited {
  color: #D98C00;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover {
  color: #D98C00;
  text-decoration: none;
}

/* use this with text in headings you wish to make small */
.hnormal {
  font: normal 11px verdana, tahoma, geneva, sans-serif;
  color: #212126;
}

.hsmall {
  color: #212126;
  font-weight: normal;
  font-size: 9px;
}

.info {
  margin-top: 5px;
  font: normal 9px verdana, tahoma, geneva, sans-serif;
  color: #212126;
}

.titleline{
background:#EFEFF1 none repeat scroll 0 0;
height:1px;
}


#wrapper {
  width: auto;
  min-width: 990px;
  min-height: 880px;
  margin: 0px auto;
  text-align: left;
  /* background: transparent url(/images/global/background.jpg) repeat-x; */
  /* IE Dynamic Expression to set the width */
  width:expression(document.body.clientWidth < 991 ? "990px" : "100%" );
}

/*--------*\
|* header *|
\*--------*/
#logo {
  width: 990px;
  height: 108px;
  background: transparent url(/images/header.jpg) top left no-repeat;
  text-indent: -9999px;
  margin-left: auto;
  margin-right: auto;
  position:relative;
}

#header {
  position:relative;
  background: #7893ae;
  color: #cccccc;
}

#login {
  padding: 5px 20px 5px 0px;
  text-align: right;
}
#login a {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #cccccc;
}
#login a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}

#loginbar {
  float: left;
  text-align: left;
  width: 100%;
}

#loginbar a {
  margin-top: 5px;
  padding: 0px 20px 0px 0px;
  color: #435569;
  font-weight: bold;
  display: block;
  
  text-decoration: none;
  font-size: 11px;
  float: left;
  position:relative;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}
#loginbar a.in {
  background: none;
}
#loginbar a.out {
  background: none;
}

/*------------*\
|* navigation *|
\*------------*/
#navbar {
  width: 100%;
  height: 0px;
  
}
/*TODO: Confirm!!!!!!! */
.navbar {
  margin-bottom: 1px;
}

ul.globalnav, ul.primarynav, ul.secondarynav  {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  border-bottom: 0px solid #ffffff;
  float: left;
  position: relative;
  list-style: none;
}
ul.globalnav {
  padding: 0px;
  background: #000F6A;
  border: 0px solid #ff66cc;
}
ul.globalnav li, ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.globalnav li {
  border-top: 1px solid #000F6A;
}
ul.globalnav a {
  margin-right: 0px;
  padding: 9px 12px 9px 12px;
  float: left;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
ul.globalnav a:visited {
  color: #cccccc;
}
ul.globalnav a:visited.live {
  color: #141414;
}
ul.globalnav a:hover {
  color: #141414;
  background: #DADADA;
}
ul.globalnav li.home {
  border-right: 0px solid #ffffff;
}
ul.globalnav li.home a {
  margin-right: 0px;
}
ul.globalnav li.live a {
  color: #141414;
  background: #DADADA;
}

ul.primarynav {
  padding: 7px 5px 10px 10px;
  background: transparent;
  width: auto;
}

ul.primarynav li {
  float: left;
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}
ul.primarynav a {
  margin-right: 0px;
  padding: 0px 7px 0px 7px;
  float: left;
  color: #141414;
  font-size: 11px;
  text-decoration: underline;
  background: transparent;
}
ul.primarynav a:visited {
  color: #141414;
}
ul.primarynav a:hover {
  color: #8e8d9a;
  background: transparent;
  text-decoration: none;
}
ul.primarynav li.home {
  border-right: 1px solid #DADADA;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav {
  background: #fff;
  width: auto;
  border-left: 1px solid #C9CFD5;
  margin-left: 10px;
  margin-bottom: -5px;
}
ul.secondarynav li.first {
  padding-left: 0px;
}
ul.secondarynav a {
  margin-right: 0px;
  padding: 2px 5px;
  float: left;
  color: #141414;
  font-size: 11px;
  text-decoration: none;
  border-top: 1px solid #C9CFD5;
  border-right: 1px solid #C9CFD5;
}
ul.secondarynav a:visited {
  color: #141414;
}
ul.secondarynav a:hover {
  color: #141414;
  background: #C9CFD5;
}
ul.secondarynav li.live a {
  color: #141414;
  background: #C9CFD5;
}


/*--- localnav ---*/

.localnav {
  font-size: 11px;
  padding: 5px;
  line-height: 80%;
}

ul.localnav {
  margin-left: 0px;
  padding-left: 0px;
  float: left;
  position: relative;
  list-style: none;
}
li.localnav a {
    background: transparent url(/images/global/icons/arrow_small_gray_single_r.gif) 0px 0px no-repeat;
    padding-left: 12px; 
}

/*--- Sidecontent ---*/

#sidecontent {
  border: 0px;
  background: #fff;
  margin-bottom: 10px;
}

.sidecontent {
  margin-bottom: 10px;
  line-height: 130%;
  font-size: 11px;
}

.bodycontent {
  margin-bottom: 10px;
}


/*--- Colors ---*/
.primarydark {
  background: #C9CFD5;
}
.primarymedium {
  background: #E2E2E2;
  border: 0px;
}
.primarylight {
  background: #EEEDED;
}
.secondarydark {
  background: #CCD2DE;
}
.secondarymedium {
  background: #E8E8E8;
}
.secondarylight {
  background: #fafafd;
}


/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #sidecontent, #sidecontent.user, #sidecontentbody.user, #sidecontentbody.user, .primarydark, .primarymedium, .primarylight, .secondarydark, .secondarylight  {
  height: 1%;
}
/* end non ie/mac css */


/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 0px;
  padding: 3px 3px;
  border-bottom: 0px solid #57594b;
  text-align: left;
  background: #C9CFD5;
  float: left;
  position: relative;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10px;
}
.searchbar a:hover {
  color: #141414;
}

/*------------------*\
|* global searchbar *|
\*------------------*/

#searchwrapper {

  position: relative;
  width: 100%;
  height: 30px;

}

.globalsearchbar {
  width: 990px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0px 3px 0px;
  position: relative;
  width: 100%;
}
.globalsearchbar input.text, .globalsearchbar input.submit {
  margin-right: 5px;


}
/* setting this in mozilla causes rendering issues */
* html .globalsearchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.globalsearchbar a {
  color: #212126;
  font-size: 10px;
}
.globalsearchbar a:hover {
  color: #141414;
}


/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background: none;
}

#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #CCCCCC;
  font-size: 9px;
}
#footer .copyright {
  padding: 7px 5px 10px 0px;
  background: none;
  float: right;
  position: relative;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  background: none;
  padding: 10px 0px 5px 0px;
}

#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
  padding: 2px;
  border: 1px solid #ffffff;
  color: #141414;
  font-size: 12px;
  text-align: left;
}
#contentheader .error {
  background: #ffc;
  border: 1px solid #fc0;
  color: #c60000;
  padding: 5px 5px 5px 20px;
}
#contentheader .message {
  background: #E1E1E1;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}
.alert {
  background: #ffc;
  border: 1px solid #fc0;
  color: #c60000;
  padding: 5px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: none;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
/* background colour of left sidebar */
/* background colour of right sidebar */
  border-right: 340px solid transparent;
  background: none;
  border-left: 0px solid #e2e1eb;
  z-index:9999;
}

#ocwrapper .home {
  width: 1000px;
}

#icwrapper {
  margin: 0px;
  background: none;
}

#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 180px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;
  background: #E1E1E1;
}

#leftsidebarforum {
  width: 180px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: block;
}

#rightsidebar {
  margin-right: -340px;
  margin-top: -8px;
  padding: 8px 0px 10px 10px;
  width: 320px;
  float: left;
  position: relative;
  background: none;
  z-index:9;
}

#titlebar {
  float: left;
  vertical-align: text-center;
  background: transparent url(/images/hanging_climber_1px.jpg) right repeat;
}

#titleimage {
  width: 200px;
  height: 120px;
  float: right;
  background: url(/images/hanging_climber.jpg) right no-repeat;
  position: relative;
  text-indent: -9999px;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
  background: none;
  z-index:10;
}

#content {
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  padding: 0px 0px 0px 0px;
  line-height: 130%;
  /*  margin: 0px 10px;*/
  /*background: #ffffff;*/
}

#catwrapper {
  background: #C9CFD5;
  padding: 0px;
  line-height: 150%;
  margin-left: 0px;
 
}

#graphwrapper {
  float: left;
  position: relative;
  padding: 15px 15px 15px 15px;
  margin: 25px 0px 0px 15px;
}

#halfblock {
  position: relative;
  width: 48%;
  padding: 2px;
}

/* Replacement for #halfblock*/
.halfblock {
  position: relative;
  width: 48%;
  padding: 2px;
}


#quarterblock {
  position: relative;
  width: 30%;
  padding: 2px;
  border: 0px solid #000000;
}
#threequarterblock {
  position: relative;
  width: 68%;
  padding: 2px;
}

.block40 {
  position: relative;
  width: 39%;
  padding: 2px;
}

.block60 {
  position: relative;
  width: 59%;
  padding: 2px;
}

#padright {
  padding-right: 10px;
}
#padleft {
  padding-left: 10px;
}
#padsides {
  padding-left: 10px;
  padding-right: 10px;
}
#padleftbottom {
  padding-left: 10px;
  padding-bottom: 10px;
}
#padall {
  padding: 10px;
}
.padall {
  padding: 10px;
}
.padcontent {
  padding: 0px 10px 0px 10px;

}

/*Replacement for pads*/
.padsides {
  padding-left: 10px;
  padding-right: 10px;
}



#catlisting {
  line-height: 160%;
}

/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */


/*-----------------*\
|* global elements *|
\*-----------------*/

/* links */
.linklisting {
  margin: 0px 0px 10px 0px;
  padding: 4px;
  border: 1px solid #C9CFD5;
  background: #fafafd;
  width: 98%;
  float: left;
}
.linklisting.user {
  border: 1px solid #CCD2DE;
  background: #E8E8E8;
}
.linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
}

.linklisting p.linkurl a {
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 9px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 5px;
  border: 0px solid #939B8C;
  background: #fafafd;
  overflow: hidden;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 0px;
}
.linklisting p.linkactions a, #detailed p.actions a, #category.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #939B8C;
  font-size: 9px;
  text-decoration: none;
  background: #E1E1E1;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #category.actions a:hover, #jump_frame .actions a:hover {
  background: #fafafd;
}

#imagewrapper {
  width: 120px;
  height: 120px;
  position: relative;
  background: #91998B;
  padding: 15px 15px 15px 15px;
}

#linkimage {
  background: url(/images/route_thumb.jpg) center no-repeat;
  text-indent: -9999px;
}

.floatleft {
float: left;
}
.floatright {
float: right;
}
.floatcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.smallthumb {
  width: 50px;
}

/* reviews */
.review {
  margin: 0px 0px 10px 0px;
  padding: 5px;
  border: 1px solid #C9CFD5;
  width: 98%;
  background: #fff;
  float: left;
  position: relative;
}

.review.user {
  border: 1px solid #CCD2DE;
  background: #E8E8E8;
}


.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewcontent {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border-top: 0px dotted #939B8C;
  float: left;
  position: relative;
}
.reviewratings {
  margin: 0px 5px 0px 0px;
  border: 1px solid #C9CFD5;
  background: #ffffff;
  float: right;
  position: relative;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
  clear: left;
}
.review .reviewhelpful form span {
  float: left;
  clear: left;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #939B8C;
  background: #ffffff;
  font-size: 9px;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .review .reviewcontent {
  width: auto;
}

/* comments */
.comment {
  width: 100%;
  background: #E2E2E2;
  float: left;
  position: relative;
}

.commentheader {
  margin: 15px 0px 0px 0px;
  border-bottom: 0px dotted #939B8C;
  background: #fff;
}

.comment .commentcontent {
  padding: 5px;
  z-index: -1;
}

/* overflow: hidden doesn't work in ie unless the width is set */
* html .comment .commentcontent {
  width: auto;
}


/* add link */
.addform {
  border: 1px solid #C9CFD5;
  background: #fafafd;
}


/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(/images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #ffffff;
  vertical-align: text-top;
}
.new-item {
  background-color: #8c3030;
}
.updated-item {
  background-color: #c5a600;

}
.popular-item {
  background-color: #314fb1;
}
.unpaid-item {
  background-color: #555555;
}
.expired-item {
  background-color: #92589c;
}
.free-item {
  background-color: #a7a87c;
}
.bookmark-public {
  background-color: #cc6613;
}
.bookmark-default {
  background-color: #7fb131;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(/images/button-right.gif) top right no-repeat;
}

/* paging */
.paging {
  text-align: right;
  margin: 3px 0px 3px 0px;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
	font-size: 11px;
	padding: 5px 0px 15px 0px;
	border-bottom: 1px solid #D8D8D8;
}

/* tables */
.ftable, .ptable, .pctable, .galleryTable, .pltable {
  margin-top: 0px;
  margin-bottom: 0px;
  border-left: 1px solid #C9CFD5;
  border-top: 1px solid #C9CFD5;
  border-collapse: collapse;
  border-bottom: 1px solid #bbbfa1;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
  width: 100%;
}

.dtable {
  width: 100%;
  background: #fafafd;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
}

.dtable td {
  border: 1px solid #CCCCCC;
  padding: 3px;
}

.dtable td.noborder {
  border: 0px solid #CCCCCC;
  padding: 3px;
}

.galleryTable {
  width: 640px;
  border-right: 1px solid #C9CFD5;
}
.galleryTable td {
  background: #fafafd;
  width: 20%;
  border-bottom: 1px solid #C9CFD5;
  border-right: 1px solid #C9CFD5;
}
.galleryTable td.photothumb {
  padding: 8px;
}

.listingTable {
  margin-bottom: 15px;
  border-left: 1px solid #C9CFD5;
  border-top: 1px solid #C9CFD5;
  border-right: 1px solid #C9CFD5;
  border-collapse: collapse;
  width: 100%;

/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}

.listingTable th {
  background: #C9CFD5;
  text-align: left;
  width: 85px;
  padding: 8px;
}
.listingTable td {
  padding: 8px;
  border-bottom: 1px solid #C9CFD5;
}

.ftable.user {
  border-left: 1px solid #CCD2DE;
  border-top: 1px solid #CCD2DE;
  border-bottom: 1px solid #CCD2DE;
}

.ftable {
  border-bottom: 1px solid #C9CFD5;
}

.ftable, .ptable, .pltable {
  width: 100%;
}
.ftable th, .ptable th {
  background: #C9CFD5;
  text-align: left;
}
.ftable th.user {
  background: #CCD2DE;
  text-align: left;
}

.ftable th, .ftable td {
  padding: 0px 0px 3px 5px;
}
.ptable th, .ptable td {
  padding: 3px 5px;
}

.ptable td {
  background: #C9CFD5;
  width: 20%;
  text-align: center;
  border-bottom: 1px solid #C9CFD5;
}
.ftablecol, .ptablecol {
  border-right: 1px solid #C9CFD5;
  background: #fafafd;
}
.ftablecol.user {
  border-right: 1px solid #CCD2DE;
}
.ftablecol.photothumb {
  border-right: 1px solid #CCD2DE;
  width: 24%;
}
.ptablefooter {
  font-size: 9px;
  text-align: left;
  width: 100%;
  /* display: block; */
  line-height: 12px;
  padding: 0px 0px 4px 0px;
}

/* Main tables */
.mainTable {
  padding: 2px;
  text-align: left;

/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}

/* photo comment tables */
.pctable {
  width: 100%;
}
.pctable th, .pltable th {
  padding: 8px;
  background: #C9CFD5;
  width: 10%;
  border-bottom: 1px solid #CCCCCC;
}

.pctable td, .pltable td {
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

.pctablecol, .pltablecol {
  border-right: 1px solid #CCCCCC;
}

/* route ratings tables */
.ratingtable {
  width: 180px;
  margin: 5px;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  float: right;
  position: relative; 
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ratingtable th {
  background: #C9CFD5;
  text-align: left;
}
.ratingtable th.user {
  background: #CCD2DE;
}
.ratingtable td {
  padding: 2px;
  background: #ffffff;
}


/* sub headings */







/*
  margin: 0px 0px 3px 0px;
  font-weight: bold;
  font-size: 12px;
  color: #D98C00;*/
  




/* lists */
#content ul {
  margin: 10px 0px 0px 25px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
}

#content ul.categories {
  margin: 0px;
}

#content li {
  font-size: 12px;
  list-style: disc;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 2px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value {
  z-index: -1;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.mediumtext {
  width: 300px;
}
.row.required {
  background: #fafafd;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}

.formsubmit {
  margin-top: 10px;
  text-align: right;
}

.form {
	background-color: #fafafd;
	color: #212126;
	font: 11px verdana, tahoma, geneva, sans-serif;
 	border: 1px solid #939B8C; 
 	margin-right: 0px; 
}

#searchbox {
	background-color: #fafafd;
	color: #212126;
	font: 11px verdana, tahoma, geneva, sans-serif;
 	border: 1px solid #939B8C; 
 	margin-right: 0px; 
}
/*replacement for #searchbox*/
.searchbox {
	background-color: #fafafd;
	color: #212126;
	font: 11px verdana, tahoma, geneva, sans-serif;
 	border: 1px solid #939B8C; 
 	margin-right: 0px; 
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

/* treecats */
#content .treecats-selection-summary ul, #content .treecats-selection ul {
  margin: 0px;
}
.treecats-selection-summary li a, .treecats-selection li a {
  margin-top: 2px;
  margin-left: 5px;
}
.treecats-selection-summary a, .treecats-selection a {
  font-size: 9px;
}
.treecats-selection-summary a:visited, .treecats-selection a:visited {
  color: #212126;
}
.treecats-selection-current {
  font-weight: bold;
}
.treecats-category-info img {
  border: 0px;
  padding: 2px;
  vertical-align: middle;
}
.treecats-children {
  padding-left: 15px;
}
.treecats-selected span, li.treecats-selected {
  font-weight: bold;
}
.treecats-category a:link, .treecats-category a:visited {
  color: #212126;
  text-decoration: none;
}
.treecats-category a:hover {
  text-decoration: underline;
}
#content ul.treecats-links {
  padding-left: 15px;
  margin: 0px;
}
.treecats-links li {
  line-height: 1.25em;
  list-style: circle;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #ffff80;
}
.searchhl-2 {
  background: #aaaaff;
}
.searchhl-3 {
  background: #aaffaa;
}
.searchhl-4 {
  background: #ffaaaa;
}
.searchhl-5 {
  background: #aaffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}

.clear:right
{
clear: right;
}


/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 49%;
  float: left;
  line-height: 180%;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
  color: #D98C00;
}

#home dt a {
  font-weight: bold;
  font-size: 13px;
  color: #D98C00;
}

#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */




/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
  height: 40px;
  background: transparent url(/images/swirls.gif) bottom right no-repeat;
}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}

/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #939B8C;
}



/*---------------*\
|*  Star Rater   *|
\*---------------*/
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 50px;
	height: 10px;
	position: relative;
	background: url(/images/global/icons/stars_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:10px;
	height: 10px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 10;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(/images/global/icons/stars_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:10px;
}
.star-rating a.two-stars{
	left:10px;
}
.star-rating a.two-stars:hover{
	width: 20px;
}
.star-rating a.three-stars:hover{
	width: 30px;
}
.star-rating a.three-stars{
	left: 20px;
}
.star-rating a.four-stars{
	left: 30px;
}	
.star-rating a.four-stars:hover{
	width: 40px;
}
.star-rating a.five-stars{
	left: 40px;
}
.star-rating a.five-stars:hover{
	width: 50px;
}

/*---------------*\
|*  Thumbnails   *|
\*---------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 150;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
display:none;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display:block;
width: 200px;
top: 50px;
left: 80px; /*position where enlarged image should offset horizontally */
}

/*---------------*\
|*   Shadows    *|
\*---------------*/

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
  font-size: 1px;
}

/*---------------*\
|*   Buttons     *|
\*---------------*/

.button80
{
  width:85px;
  height:22px;
  text-align:center;
  background:url(/images/global/button80.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button80 
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button80_orange
{
  width:85px;
  height:22px;
  text-align:center;
  background:url(/images/global/button80_orange.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button80_orange
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button100
{
  width:105px;
  height:22px;
  text-align:center;
  background:url(/images/global/button100.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button100 
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button100_orange
{
  width:105px;
  height:22px;
  text-align:center;
  background:url(/images/global/button100_orange.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button100_orange
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button120
{
  width:125px;
  height:22px;
  text-align:center;
  background:url(/images/global/button120.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button120 
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button28
{
  width:33px;
  height:22px;
  text-align:center;
  background:url(/images/global/button28.gif) no-repeat;
  background-position:center;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button28 
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.button40
{
  width:45px;
  height:22px;
  text-align:center;
  background:url(/images/global/button40.gif) no-repeat;
  background-position:left;
  font-family:Verdana;
  font-size:10px;
  font-weight:normal;
  color:#486e90;
  display: inline-block;
  border:0 solid #FFFFFF;
}

a.button40 
{
  padding: 3px 0px 0px 0px;
  text-decoration:none;
}

.playbutton
{
position:absolute;
botton:0;
right:154;
height:16;/*or whatever*/
width:18;/*or whatever*/
z-level: 100;
}

/*--- bullets ---*/

.arrowbullet {
  padding: 1px;
}

ul.arrowbullet {
  margin-left: 0px;
  padding-left: 0px;
  float: left;
  position: relative;
  list-style: none;
}
li.arrowbullet a {
    background: transparent url(/images/global/icons/arrow_small_gray_single_r.gif) 0px 0px no-repeat;
    padding-left: 12px; 
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}



/*--- Rounded Corners CSS ---*/

.whiteBox {
	background:#ffffff;
}

.whiteBox .whiteHeader {
	background:#ffffff url(/images/RoundedCorners/white_blue_TR.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
}

.whiteBox .whiteHeader div {
	background:#ffffff url(/images/RoundedCorners/white_blue_TL.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
	width:8px;
}

.whiteBox .whiteFooter {
	background:#ffffff url(/images/RoundedCorners/white_blue_BR.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
	text-align:left;
}

.whiteBox .whiteFooter div {
	background:#ffffff url(/images/RoundedCorners/white_blue_BL.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
	width:8px;
}

.blueBox {
	background:#E2E2E2;
}

.blueBox .blueHeader {
	background:url(/images/RoundedCorners/blue_white_TR.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
}

.blueBox .blueHeader div {
	background:url(/images/RoundedCorners/blue_white_TL.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
	width:8px;
}

.blueBox .blueFooter {
	background: url(/images/RoundedCorners/blue_white_BR.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
}

.blueBox .blueFooter div {
	background:url(/images/RoundedCorners/blue_white_BL.png) no-repeat scroll 100% 0pt;
	height:8px;
	overflow:hidden;
	width:8px;
}

.lightblueBox {
    background:url(/images/RoundedCorners/lightblue_white_T.png) repeat-x top right;
}

.lightblueBox .lightblueHeader {
	background:url(/images/RoundedCorners/lightblue_white_TL.png) no-repeat top left;
	height:8px;
}

.lightblueBox .lightblueHeader div {
	background:url(/images/RoundedCorners/lightblue_white_TR.png) no-repeat top right;
	height:8px;
}

.lightblueBox .lightblueFooter {
	background: url(/images/RoundedCorners/lightblue_white_B.png) repeat-x bottom left;
	height:8px;
}

.lightblueBox .lightblueFooter div {
	background:url(/images/RoundedCorners/lightblue_white_BL.png) no-repeat bottom left;
	height:8px;
}
.lightblueBox .lightblueFooter div div{
	background:url(/images/RoundedCorners/lightblue_white_BR.png) no-repeat bottom right;
 }

.lightblueBox .boxContent {
	background:#EEEEFF;
    border-left: 1px solid #DDDDFF;
    border-right:1px solid #DDDDFF;
}

.mediumblueBox {
    background:url(/images/RoundedCorners/mediumblue_white_T.png) repeat-x top right;
}

.mediumblueBox .mediumblueHeader {
	background:url(/images/RoundedCorners/mediumblue_white_TL.png) no-repeat top left;
	height:8px;
}

.mediumblueBox .mediumblueHeader div {
	background:url(/images/RoundedCorners/mediumblue_white_TR.png) no-repeat top right;
	height:8px;
}

.mediumblueBox .mediumblueFooter {
	background: url(/images/RoundedCorners/mediumblue_white_B.png) repeat-x bottom left;
	height:8px;
}

.mediumblueBox .mediumblueFooter div {
	background:url(/images/RoundedCorners/mediumblue_white_BL.png) no-repeat bottom left;
	height:8px;
}
.mediumblueBox .mediumblueFooter div div{
	background:url(/images/RoundedCorners/mediumblue_white_BR.png) no-repeat bottom right;
 }

.mediumblueBox .boxContent {
	background:#FFFFFF;
    border-left: 1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
}

.mediumblueBox .boxHeader {
	background:#FFFFFF;
    border-left: 1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
}

.boxContent {
	padding: 2px 10px 2px 10px;
}

.boxHeader {
	
}


/*--- End of Rounded Corner CSS ---*/

#bookmark {
	text-align: center;
}

/*--- Begin include_css_dropdown --*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{

width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#003d88;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #003d88;
	color:#dadada ;
}

/*--- End include_css_dropdown --*/

/* Tool Tip Styles */
.ToolText {
  position:relative; 
  z-index: 124 
} 
.ToolTextHover {
  position:relative; 
  z-index: 125
} 
.ToolText span {
  display: none
} 
.ToolTextHover span { 
  display:block;
  padding: 5px;
  position:absolute;
  top:2em; left:2em; width:20em;
  border:1px solid #fc0;
  background-color:#ffc; 
  color:#c60000;
  font-size: 11px;
  font-weight: normal;
  text-decoration:none;
  text-align: left
  white-space: normal;
}
.ToolTextHover.left span {
  left:-22em
 }

/* Forum user profile tab styles*/
.mtabcontainer {
    width:744px;
    float:left;
}

.mtab {
    float: left;
}

.mtab .unselected{
    border-bottom:1px solid #ccd2de;
}

.mtab .selected{
    background : none;
    border-bottom:0px solid #ccd2de;
}

.mcontent {
    width:742px;
    border-bottom: 1px solid #ccd2de;
    border-left: 1px solid #ccd2de;
    border-right: 1px solid #ccd2de;
    float: left;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;
}

.mtab a {
    height:22px;
    border-left: 1px solid #ccd2de;
    border-top: 1px solid #ccd2de;
    font-family:Verdana;
    font-size:10px;
    font-weight:700;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    float: left;
}


.mtab .tabfiller {
    height:23px;
    float: left;
    width:397px;
    border-left:1px solid #ccd2de;
    border-bottom:1px solid #ccd2de;
    
}    

ul.localnav {
    float:none;
}

.thumbs {
	background: #fff;
    border: 1px solid #C9CFD5;
    padding: 3px;
}

.thumbsdetail {
	background: #fff;
    border: 1px solid #C9CFD5;
    padding: 1px;
}

/*tree browser*/

.backcanvas{
        position: absolute;
        top:0;
        left:0;
        background:#000F6A;
        filter:alpha(opacity=25);
        -moz-opacity:.25;
        opacity:.25;
        z-index:9998;
        width:0px;
        height:0px;
}
.windowwrapper {
       position: absolute;
        z-index:9999;
        padding:10px;
        text-align:left;
}

/*Replacement for align="absmiddle"*/
.absmiddle{
    vertical-align:middle;
}

/*Additional classes required by the hidden SEO content on category pages

/*Community Tables*/
.col_header{
    
    background:#ccd2de;
    
}

.button_register {
background:transparent url(/images/global/register_red.gif) no-repeat scroll left center;
border:0 solid #FFFFFF;
color:#486E90;
display:inline-block;
font-family:Verdana;
font-size:10px;
font-weight:normal;
height:21px;
text-align:center;
width:99px;
}

.button_login {
background:transparent url(/images/global/login_red.jpg) no-repeat scroll left center;
border:0 solid #FFFFFF;
color:#486E90;
display:inline-block;
font-family:Verdana;
font-size:10px;
font-weight:normal;
height:21px;
text-align:center;
width:99px;
}

.dropdown {

padding: 0px;

}

.ul orangearrow {
  list-style-image: url(/images/global/icons/orange_bullet_arrow.gif);
}



/*This is the styles for the new photo galary. 
the current thumbnails arent quite working ask they should.
The HTML of the galary is quite simple, and it may be implementable on the rest of 
site site in the future*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

/*a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}*/

/* slides styling */

.photo {width:635px; text-align:left; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; text-decoration:none;font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{}

.photo ul.topic li.active ul
{display:block; list-style:none; padding:0; margin:0; width:638px; padding:0px 0px;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; list-style:none; padding:0; margin:0; width:638px; padding:0px 0px;}

.photo ul.topic li ul li
{display:inline; width:123px; height:98px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:121px; height:96px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #C9CFD5;}

.photo ul.topic li ul li a img
{display:block; width:111px; height:86px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}


/*---------------------------------------------*/

#topmenu li {

                float:left;
                line-height:33px;
                height:32px
                
}

#topmenu ul {
               list-style-type:none;
               margin:0px;
}

#topmenu li a {
                color:#333333;
                display:block;
                margin:0 1px 0 0;
                padding:0 5px;
               text-decoration:none;
               font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
               padding-top:9px;
               
}

#nav li a:hover{

            background:none repeat scroll 0 0 transparent;
}

#topmenu li a:hover, #topmenu .active a{
            color: #FF7800;
            text-decoration:none;
}

#navbar {
        width:1080px;
        margin-left:auto;
        margin-right:auto;
        height:32px;
        
}