/* Grid Controlled */
/* #header {background: url(/assets/images/header-background.png) repeat-x rgb(240, 240, 240);border-bottom: 1px solid rgb(221, 221, 221);} */

#header {background: url(/assets/images/header_bg_slice_blue_thin.jpg) repeat-x #000; padding-bottom: 35px;}

#loginbox { color: #454547; text-align: right; }
#loginbox a { color: #3A6375; }
#menu { }
#supplemental { }
#page { padding: 9px 0 9px 0; }
#mainbody{ background-color: #FFFFFF; }
/* .footer { background-color: rgb(240,240,240); border-top: solid 1px #3A6375;} */
.footer { background-color: #666; color: #FFF; border-top: solid 5px #222;}
.footer * {color: #FFF;}
.topmenu { background-color: #3A6375; color: #000; padding: 5px; }
.bottommenu { background-color: #e6e6e6; color: #454547; }


.outerfeatures { background-color: #3A6375; color: #000; }
.outerfeatures p { margin: 0; }
.outerfeatures * { color: #FFF; }

/* .content { color: #454547;} */
/* .content */
ul{ list-style-image: url(/op_assets/client/images/icons/bullet_blue_small.png); }
.content table{ margin-left: auto; margin-right: auto; }

#footer a + a{ margin-left: 18px; }

.toolbox{ color: #3A6375 }
.toolbox + .toolbox{  }

.toolbox h3 { background-color: #666; color: #FFFFFF; text-transform:uppercase; 
font-size: 1em; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px;
padding: 0.75em 0.75em 1.5em 0.75em;}

.toolbox ul { color: #3A6375 }
.toolbox ul li {color: #3A6375 }


/* Navigation Tabs
------------------------------------------------------------------
#navigationTabs {height: 40px; padding-top: 8px}
#navigationTabs div.tab, #navigationTabs div.active{ display:inline;}
#navigationTabs div.active a{ color: rgb(52,159,210) }
#navigationTabs * a { background:url(http://bluetrip.org/sites/bluetrip.org/themes/starkish/images/nav_separator.gif) no-repeat transparent center right; text-decoration: none; color: rgb(170,170,170);  padding: 10px 11px 10px 9px; font-size: 13px; text-transform: uppercase; margin: auto 0; margin-left: -2px; font-weight: bold;}
#navigationTabs * a:hover { color: rgb(52,159,210) } */

#navigationTabs {height: 40px; padding-top: 8px}
#navigationTabs div.tab, #navigationTabs div.active{ display:inline; padding: 7px 10px;}
#navigationTabs div.active { opacity:0.6;filter:alpha(opacity=60); background-color: #000;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
#navigationTabs div.active a{ color: rgb(52,159,210); }

#navigationTabs * a { text-decoration: none; color: #000;  font-size: 13px; text-transform: uppercase; margin: auto 0;  font-weight: bold;}
#navigationTabs * a:hover { text-decoration: underline; } 



/* Forum Styles
------------------------------------------------------------------*/
.forumpost { table-layout:fixed; margin-top:10px; }
.username { font-size: 13px; }
.username a { text-decoration: none }
.forumtopicrow { border-top: #e6e6e6 1px solid; }
.forumTableHeading { background-color: #666; color: #FFFFFF; font-size: 1em; font-weight: bold;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 0.75em 0.75em 1.5em 0.75em }
.forumTableHeadingName { text-transform:uppercase;  }


/* PAGINATION STYLES */

.paginateParent { text-align: right; margin: 5px 0px 2px 0px; }
.paginateText { display:inline; }
.paginate { display:inline; }
.paginate a { padding: 3px 6px; color: #3A6375; border: solid 1px #E6E6E6; text-decoration: none;
 margin-right: 2px; }
.paginate a:hover { border: solid 1px #3A6375; }
.paginateCur { padding: 3px 6px; color: #454547; font-weight: bold; margin-right: 2px; display:inline; }


/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/  
#crumbs { padding:0; margin:0; height:2.3em; border:1px solid #dedede;
 list-style-type:none; list-style: none; font-size: 10px; }
#crumbs li { padding:0; margin:0; padding-left:.75em; float:left; line-height:2.3em;
 color:#777; list-style-type:none; }
#crumbs li a { background:url(images/crumbs.gif) no-repeat right center;
 display:block; padding:0 15px 0 0; }
#crumbs li a:link,
#crumbs li a:visited { color:#777; text-decoration:none; }
#crumbs * a:link, #crumbs * a:visited, #crumbs li a:hover, #crumbs li a:focus
{ color:#dd2c0d; }