/* This css file contains luna_core.css, luna.css, tabcontent.css */

/*****************************************
 * Luna Core 
 *****************************************/
 /*
 * =================================================================
 * Gossamer Links - enhanced directory management system
 *
 *   Website  : http://gossamer-threads.com/
 *   Support  : http://gossamer-threads.com/scripts/support/
 *   Revision : $Id: luna_core.css,v 1.38 2006/08/11 04:30:25 brewt Exp $
 *
 * Copyright (c) 2005 Gossamer Threads Inc.  All Rights Reserved.
 * Redistribution in part or in whole strictly prohibited. Please
 * see LICENSE file for full details.
 * =================================================================
 */

/*
Do not make changes to this file.  Any changes will be overwritten the next
time you upgrade Gossamer Links.  You can override any css in this file by
defining overriding styles in luna.css.
*/

/*
There are a few CSS filters/hacks used in this file to fix bugs in various
browsers.  Here is a list of them:

- Star html selector bug (css rule only applies to ie)
    http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
    eg. * html <selector> {}
- Simplified box model hack (hide css from ie5-5.5/win)
    http://www.doxdesk.com/personal/posts/css/20020212-bmh.html
    eg. w\idth: 100px;
- Commented backslash (hide css from ie5/mac)
    http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
*/

/*------------------*\
|* global interface *|
\*------------------*/
body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #ffffff;
  font: normal 11px tahoma, geneva, verdana, sans-serif;
  text-align: center;
}
img {
  border: 0px;
}

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

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

/* headings */
h1 {
  font-size: 16px;
}
h2 {
  font-size: 15px;
}
h3 {
  font-size: 13px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-weight: normal;
  font-size: 11px;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 9px;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  width: 750px;
  text-align: left;
}

/*--------*\
|* header *|
\*--------*/
#logo {
  width: 250px;
  height: 80px;
/*  background: transparent url(images/logo.gif) top left no-repeat;*/
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
/*  background: transparent url(images/swirls.gif) top right no-repeat;*/
}
#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 25px;
  padding: 10px 30px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
/*  background: transparent url(images/login.gif) center right no-repeat;*/
}
#loginbar a.out {
/*  background: transparent url(images/logout.gif) center right no-repeat;*/
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}
ul.primarynav {
  width: 100%;
  background: #5c5b66;
}
ul.secondarynav {
  width: 100%;
  background: #777c8d;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.primarynav li {
/*  background: transparent url(images/betweennav.gif) bottom right no-repeat;*/
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #737180;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #383741;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  margin-bottom: 3px;
  padding: 5px 10px;
  border-bottom: 1px solid #57594b;
  background: #edf2cb;
}
.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: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 3px;
  padding: 5px;
  border-top: 1px solid #57594b;
  background: #edf2cb;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 10px 0px;
  color: #8a8d77;
  font-size: 9px;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 2px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #8c3030;
}
#contentheader .message {
  background: #3a5841;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

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

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 200px solid #e2e1eb;
  background: #e2e1eb;
}
#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: right;
  position: relative;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
#content {
  margin: 0px 10px;
  padding: 10px;
  background: #ffffff;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*-----------------*\
|* global elements *|
\*-----------------*/
.shadowtop, .shadowbottom {
  height: 10px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 15px;
  height: 10px;
  font-size: 1px;
}
.shadowtop {
  background: none;
}
.shadowbottom {
  background: none;
}
.shadowleft {
  background: none;
}
.shadowright {
  background: none;
}
.shadowtopleft {
  float: left;
  background: none;
}
.shadowtopright {
  float: right;
  background: none;
}
.shadowbottomleft {
  float: left;
}
.shadowbottomright {
  float: right;
  background: none;
}

/* links */
.linklisting {
  margin: 15px 15px 20px 20px;
}
.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 2px 0px;
}
.linklisting h4.linktitle a {
  padding-bottom: 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: 1px solid #bbbfa1;
  background: #f8faed;
  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, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* reviews */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* 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;
}
.paging img, .paging select, .paging input {
  vertical-align: middle;
}

.crumb {
  font-size: 9px;
}

/* tables */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}

/* sub headings */
#content h3 {
  margin: 25px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
}
#content h3.noseparator {
  border-bottom: none;
}

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

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.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 {
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}

/* 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;
}
/* 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;
}
#category dt a {
  font-weight: bold;
  font-size: 12px;
}
#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 dt a {
  font-weight: bold;
  font-size: 13px;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}
/* #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 h4 {
  margin: 0px;
  padding: 3px 0px;
}
/* #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 #bbbfa1;
}


/***************** End Luna Core *********************/

/*****************************************************
 * luna.css 
 *****************************************************/


/********************************************
 *
 * GLOBAL INTERFACE
 *
 *******************************************/
body {
  color: #000000;
  font: normal 13px verdana;
}
.bold {
  font-weight: bold;
}
.center {
  text-align: center;
}
.row label.name {
  font-weight: bold;
}
label.names {
  padding-right: 5px;
  width: 30%;
  float: left;
}
.values {
  width: 400px;
}
.float_left {
  float: left;
}
.right {
  text-align: right;
}
#aleft {
  float: left;
}
#aright {
  float: right;
  width: 280px;
}
#content h3 {
  border: 0;
  margin: 0;
  font-size: 11pt;
}
.crumb {
  font-size: 11px;
  color: #9F9F9F;
  margin: 0 0 2px 10px;
}
#span {
  color: red;
}
.regheading {
  font-size: 13pt;
  color: #3a3a3a/*#145191*/;
  text-align: center;
}
/********************************************
 *
 * HEADER
 *
 *******************************************/

#logo {
  width: 250px;
  height: 80px;
  background: transparent url(images/logo.gif) top left no-repeat;
  text-indent: -9999px;
}


/*******************************************
 * Navigation
 *******************************************/
.navbar {
  margin-bottom: 1px;
}
ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #ffffff;
  float: left;
  list-style: none;
}

ul.secondarynav {
  background: #ffffff;
}
ul.secondarynav li {
  float: left;
  list-style: none;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #145B9E;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #145B9E;
}
ul.secondarynav a:hover {
  color: #145B9E;
}


/********************************************
 * Content Header
 *******************************************/
 #contentheader {
  padding: 10px 10px 0px 10px;
  background: #FFFFFF;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 0 0 5px 0;
  border: 0;
  color: #bd1e30;
  font-size: 12px;
  text-align: left;
}
#contentheader .error {
  background: #FFFFFF;
}
#contentheader .message {
  background: #FFFFFF;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
} 
#contentheader .message {
  color: #3a3a3a;
  float: left;
  padding: 0 0 10px 0;
} 
 
 
 
 /********************************************
 * SEARCHBAR
 *********************************************/
 
 
/************************
 * Link Listing
 ************************/
.linklisting {
  padding: 5px 5px 0px 10px;
  margin: 15px 5px;
  position: relative;
  left: 0;
  width: 96%;
  border: 1px solid #ffca00;
  background: #ffffff;
}
 
.linktitle {
  padding-bottom: 4px;
}

.linklisting div.linktitle {
  font-size: 14px;
  font-weight: bold;
}
.detailed_left {
  float: left; 
  width: 200px; 
  margin-right: 10px;
  padding-top: 10px;
}
.detailed_right {
  padding-top: 10px;
  float: right; 
  width: 200px; 
}
.detailed_middle {
  padding-top: 10px;
  float: left; 
  width: 200px; 
}

.detailed_images {
  margin: 5px 0;
  text-align: center;
}

.free_title {
  font: 14px Verdana;
}
#specialty {
  line-height: 3px;
}

div.listing_profile {
  width: 100%;
}
div.image {
  float: left;
  width: 125px;
}
div.details {
  width: 77%;
  float: left;
  padding-left: 0px;
  margin-left: 0px; 
}

div.buttons {
  text-align: center;
}
h1.pagehead a {
  text-decoration: none;
  color: #3A3A3A;
}
 /************************
 * Misc
 *************************/
 
div.checkboxes {
  margin-left: 50px;
}

.two_column ul {
  width: 40em;
}
/* float & allow room for the widest item */
.two_column ul li {
  float: left;
  width: 19em;
}
/* separate the list from subsequent markup */
div.two_column {
  margin-bottom: 1em;
}
.selectfield {
  width: 194px;
}
.cityinput {
  width: 189px;
  height: 16px;
}
.categories {
  padding-left: 25px;
}



/************ End Of Luna ********************/


/***********************************************
 *           tabcontent.css
 ***********************************************/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #0000ff;/* #2d2b2b;*/
background: #ffca00;/* url(shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited {
color: #0000ff;/* #2d2b2b;*/
}

.shadetabs li a:hover {
text-decoration: underline;
color: #0000ff;/* #2d2b2b;*/
}

.shadetabs li.selected {
}

.shadetabs li.selected a{ /*selected main tab style */
  border-bottom-color: white;
  border-bottom: 1px solid #ffffff;
}

.tabcontentstyle { /*style of tab content container*/
position: relative;
/*top: 3px; */
border: 1px solid gray;
width: 95%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


/********** End Tabcontent ******************/

html, body {
  background-image: url(../images/topbg.png);
  background-repeat: repeat-x;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #575757;
}

input, textarea {
  font-family: verdana, sans-serif;
}

a {
  color: #2E7DC6;
  text-decoration: underline;
}
a:visited {
  color: #1A5694;
}
a:hover {
  color: #145B9E;
}

p {
  line-height: 16px;
}

h1, h4 {
  font-family: arial, sans-serif;
  color: #3A3A3A;
}
  h1 {
    font-size: 15pt;
  }
  
  h1.pagehead {
    background-image: url(../images/h1bg.gif);
    background-repeat: no-repeat;
    height: 36px/*40px*/;
    margin: 0 0 10px 0px;
    padding: 13px 0 0 20px;
  }
#outwrapper {
  background-image: url(../images/footerbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 0px;
}
#wrapper {
  background-color: #FFF;
  width: 950px; /* Layout Width */
}

#header {
  background-image: url(../images/topbg.png);
  background-repeat: repeat-x;
  height: 106px;
  padding-top: 18px;
}
  #headertop {
    background-image: url(../images/headertop.gif);
    background-repeat: no-repeat;
    height: 45px;
  }
#topsearch {
  float: right;
  position: relative;
  top: -79px;
  right: 15px;
/*  width: 260px;*/
  text-align: right;
  color: #9C9C9C;
}
  #topsearch a {
    text-decoration: none;
    font-size: 14pt;
  }
  #topsearch form {
    margin-top: 5px;
  }
  #mainnav {
    height: 53px;
  }
  #header a.mainnav {
    height: 43px;
    width: 164px;
    text-align: center;
    margin: 0;
    padding: 14px 0 0 0;
    display: block;
    float: left;
    color: #FFF;
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
    font-family: arial, sans-serif;
    background-image: url(../images/maintab.png);
    background-repeat: no-repeat;
  }
  #header a.mainnav.selected {
    background-image: url(../images/maintabselected.png);
  }
#ocwrapper {
  border-right: 270px solid #FFF; /* Rightsidebar Width (1/3) */
  /* Rightsidebar Background Colour */
  background-color: #FFF;
  margin-bottom: -10px;
}

#content {
  margin-right: 12px;
  overflow: overflow;
  padding: 0 15px 0 0;
 /* min-height: 400px;*/
}

#rightsidebar {
  margin-right: -270px; /* Rightsidebar Width (2/3)*/
  width: 260px; /* Rightsidebar Width (3/3)*/
}

#footer {
  background-image: url(../images/footerblock.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
  height: 88px;
  border: 0;
  padding: 0;
  margin: 20px 0 0 0;
  color: #B7B7B7;
  font-size: 11px;
  text-align: center;
  padding-top: 15px;
  line-height: 18px;
}
  #footer a {
    color: #8ABEEE;
    font-weight: normal;
  }

.cat-minus, .cat-plus {
  margin-left: 5px;
  float: left;
  padding-right: 5px;
}

#subcat h2 {
  font-size: 14px;
  margin: 12px 0 5px 5px;
}
  #subcat h2 a {
    text-decoration: none;
  }
  #subcat h2 a:hover, .member_menu a:hover, #about-us-menu a:hover {
    color: #3a3a3a;
  }
  .desc-line .desc {
    margin-left: 50px;
  }

.module-head {
  height: 26px;
  background-image: url(../images/module-head.gif);
  color: #FFF;
  font-size: 17px;
  font-weight: bold;
  font-family: arial, sans-serif;
  padding: 7px 0 0 35px;
}
.module-body {
  background-image: url(../images/module-body.gif);
  background-repeat: repeat-y;
  padding: 5px 5px 1px 5px;
  text-align: center;
}
.module-bottom {
  background-image: url(../images/module-bottom.gif);
  height: 5px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
}

div.tabcontenttop {
  background-image: url(../images/tabpanel-top.gif);
  width: 608px;
  height: 11px;
  margin: 0;
  clear: both;
  position: relative;
  z-index: 0 !important;
}
div.tabcontentstyle {
  width: 558px;
  background-image: url(../images/tabpanel-bg.gif);
  background-repeat: repeat-y;
  border: 0;
  padding: 8px 25px 0 25px;
  margin: -5px 0 0 0;
  color: #444;
}
div.tabcontentbottom {
  background-image: url(../images/tabpanel-bottom.gif);
  background-repeat: no-repeat;
  height: 21px;
  margin-top: -12px;
}
  div.tabcontentbottom p {
    margin-bottom: 10px;
  }
ul.shadetabs {
  position: relative;
  top: 1px;
  left: 5px;
  z-index: 999 !important;
}
ul.shadetabs li {
  background-image: url(../images/tabpanel-non.gif);
  width: 105px;
  height: 38px;
  display: block;
  float: left;
  z-index: 1000 !important;
  margin-right: 7px;
}
  ul.shadetabs li.selected {
    background-image: url(../images/tabpanel-selected.gif);
  }
  ul.shadetabs li a {
    z-index: 1002 !important;
    background: none;
    border: 0 !important; 
    display: block;
    text-align: center;
    padding: 8px 0 0 0;
    font-family: arial, sans-serif;
    font-size: 17px;
    color: #4D5155 !important;
  }
    ul.shadetabs li a:hover {
      text-decoration: none;
    }
  ul.shadetabs li.selected a {
    color: #FFF !important;
    z-index: 1002 !important;
  }

td.label {
  font-weight: bold;
  padding-right: 5px;
}
.name {
  font-weight: bold;
/*  padding-right: 5px;*/
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

div.tab_search {
  margin: -5px auto;
  width: 450px;
}

table.listing_profile {
  width: 90%;
}
  table.listing_profile td.image {
    width: 30%;
    padding-right: 15px;
  }
  table.listing_profile td.details {
    width: 70%
  }
  
table.detail_page_top {

}
  table.detail_page_top td.image {
    padding-right: 25px;
  }
  table.detail_page_top td.details {
    padding-right: 25px;
  }
  table.detail_page_top td.buttons {
    text-align: center;
  }
span.h3 {
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 16px;
}

#newfooter {
  background-image: url(../images/footerbg.png);
  background-repeat: repeat-x;
  height: 119px;
  position: fixed;
  top: 190px;
}

a.listing_title {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  font-family: arial, sans-serif;
}
table.listing_profile div.buttons {
  text-align: right;
  margin-top: 10px;
}

img.sep {
  margin: 5px auto;
}
div.pager {
  margin: 15px 0 15px 0px;
}
div.pager.top {
  background-image: url(../images/pager-top-bg.gif);
  background-repeat: no-repeat;
  height: 43px;
  margin-top: -10px;
}
  div.pager.bottom {
  }
  div.pager.top .showing {
    float: left;
    margin: 16px 5px 0 25px;
  }
  div.pager.bottom .showing {
    float: left;
    margin: 9px 5px 0 25px;
  }
  div.pager img.refine {
    margin-top: 2px;
    float: left;
  }
  div.pager.top div.page_select {
    float: right;
    margin: 15px 25px 0 0;
  }
  div.pager.bottom div.page_select {
    float: right;
    margin: 9px 25px 0 0;
    //margin-top: 6px;
  }
    div.pager div.page_select select {
      top: -3px;
      //top: 0px;
      position: relative;
    }
div.pager.bottom {
  background-image: url(../images/pager-bottom-bg.gif);
  background-repeat: no-repeat;
  height: 31px;
}

div.listing_free {
  font-size: 11px;
  margin: 5px 10px 10px 10px;/*180px*/
  line-height: 15px;
}

div.shadowtop, div.shadowbottom, div.shadowleft, div.shadowright {
  background-image: none;
}
div.shadowtop, div.shadowtopleft, div.shadowtopright, div.shadowbottom, div.shadowbottomleft, div.shadowbottomright {
  width: 0;
  height: 0;
}
div.navbar {
  display: none;
}

div.crumb, span.lasttitle, .crumb {
  color: #3A3A3A;
  font-weight: bold;
}

.formheading {
  color: #3A3A3A;
  font-family: arial,sans-serif;
  font-size: 14pt;
}
#logname {
  color: #2666ae;
}
div.member_menu, div#about-us-menu {
  font-family:arial,sans-serif;
  font-size: 14px;
  color: #3a3a3a;
  text-align: left;
  /*width: 200px;*/
  clear: both;
}
.member_menu ul li, #about-us-menu ul li {
  list-style-type: none;
  margin-left: -20px;
}
div.member_menu a, div#about-us-menu a {
  text-decoration: none;
}

#welcome {
  color: #3a3a3a;
}
#loginmenu {
  padding: -2px 0 0 20px;
  margin: -10px 0 0 20px;
  font-size: 12pt;
}
#subheading {
  color: #3a3a3a;
  font-size: 14pt;
}
#faqs {
  padding: 0 0 40px 0;
  font-size: 14px;
}
 #faqs a {
   padding-bottom: 10px;
 }
.miniheading {
  color: #145B9E;
  font-size: 13px;
  font-weight: bold;
}
#map {
  margin-left: -16px;
}
#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 0px;
}
div.secondarynav {
  padding: 0 -10px 0 -10px;
  width: 150px;
}
div#reviews h3 {
  margin-top: -5px;
  padding-bottom: 10px;
}
.new-item, .updated-item, .popular-item, .featured-item, .bookmark-public, .bookmark-default {
  background: transparent url(../images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 10px;
  color: #ffffff;
  vertical-align: middle;
}
.featured-item, .new-item, .updated-item, .popular-item, .bookmark-public, .bookmark-default {
  background-color: #ce6d6d /*#2666ae #76a4d0 #405486 #8c3030*/;
}
.new-item span, .updated-item span, .featured-item span, .popular-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(../images/button-right.gif) top right no-repeat;
}
.google-ads {
  margin-left: 80px; 
}
.req {
  text-align: left;
  font-size: 12px;
}
.req label {
  font-weight: bold;
}
#filter {
  font-size: medium; 
  font-weight: bold; 
  text-align: center; 
  margin-bottom: 10px
}
.action_button1 img {
  padding: 0px 20px 5px 0;
  float: right;
  margin-top: -10px;
}

#results {
/*  width: 599px;*/
  height: 45px;
  background-image: url(../images/pager-top-bg.gif);
  background-repeat: no-repeat;
  /*margin-top: 10px;
  padding: 11px 0px 0px 20px;
  margin: 0px 0px 15px 0px;*/
}
/* paging */
.paging {
  text-align: right;
  float: right;
  margin: 10px 10px 0 0;
}

.paging img, .paging select, .paging input {
  vertical-align: middle;
}
.refinedropdown {
  margin-bottom: -4px;
}
.refinebutton {
  margin: 0 0 -8px 20px;
}
.refinebox a {
  text-decoration: none;
}
#search_submit {
  width: 137px;
  height: 40px;
  background: url(/school/static/images/search-white.gif) bottom left no-repeat;
  cursor: pointer;
  border: 0;
}
span.match_count {
  font-size: 16pt;
  color: #3a3a3a;
}
#tell-friend {
  width: 120px
  height: 30px;
  /*background: url(/school/static/images/tell-button.jpg) top left no-repeat;*/
  margin: 5px 0 5px 0;
}
.modify-select {
  margin: 20px 0 0 30px;
}
form {
  clear: both;
}
.add-school {
  border: 1px;
  border-style: outset thin;
  border-color: #000000; 
  border-top: 0px; 
  border-right: 1px; 
  border-bottom: 1px; 
  border-left: 0px;
}
.payment-button {
  padding: 0px 10px 0 0;
  float: right;
  margin-top: -34px;
}
/* For Packages page */
div.tabcontenttop-package {
  background-image: url(../images/tabpanel-package-top.gif);
  width: 625px;
  height: 12px;
  margin: 0;
  clear: both;
  position: relative;
  z-index: 0 !important;
}
div.tabcontentstyle-package {
  width: 625px;
  background-image: url(../images/tabpanel-package-bg.gif);
  background-repeat: repeat-y;
  border: 0;
  padding: 8px 25px 0 25px;
  margin: -5px 0 0 0;
  color: #444;
}
div.tabcontentbottom-package {
  width: 625px;
  background-image: url(../images/tabpanel-package-bottom.gif);
  background-repeat: no-repeat;
  height: 21px;
  margin-top: -20px;
}
div.tabcontentstyle-package p {
   width: 610px;
    margin: 0px 14px 20px -18px;
}
.package {
  border: 1px;
  border-color: #4a4a4a;
}
.free_listing {
  font-size: 10px;
  margin-bottom: 0px;
  width: 600px;
}
.paid_listing {
  font-size: 12px;
}
.textleft {
  text-align: left;
}
.textleft li {
  margin-left: 20px;
}
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 20%;
  float: left;
}

.row .value {
  margin-left: 25%;
  padding-left: 5px;
}
.catheader p {
  
}
#category dt a {
  font-size: 11pt;
  font-weight: normal;
}

/**********************************************
 * facebox.css at the top one
 **********************************************/
/*#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { 
  position: absolute;
}
*/
/******** End Of Top facebox.css ******************/

/************* Second facebox.css *****************/
#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
}


/************** End Of Second facebox.css ******************/