/* css specific to localgems website */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;	
}

hr {
	visibility: hidden;
}

h1 {
	font-size: 1.5em;
	color: #6699CC;
	margin: 20px;
}

.heading h2 {
	margin-top: 5px;
	color: #6699cc;
	font-size: 1.3em;
}

.heading p {
	line-height: 1.6em;
	font-size: 1.1em;
}

.heading li {
	color: #6699cc;
}

.question {
	color: #6699FF;
	margin-left: 20px;
}

.answer {
	color: #CC6600;
	margin-left: 40px;
}

.bannericons {
	margin-left:-10px;
	margin-right:-10px;
}

div.middle {
	min-height: 300px;
}
/* ---------- Greenslate nav ------------ */
.green #slatenav {
	position:relative;
	display:block;
	/*height:42px;*/
	height:34px;
	font-size:11px;
	font-weight:bold;
	/*background:transparent url(../../images/greenslate_background.gif) repeat-x top left;*/
	background:transparent url(../../images/greenslate_background-1.jpg) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	margin-top: 10px;
	margin-left: 3px;
}

#leftControl {
  top:115px;
  left:0;
  background:transparent url(../../img/control_left.jpg) no-repeat 0 0;
  background:transparent url(../../img/arrow_prev.png) no-repeat 0 0;
}
#rightControl {
  top:115px;
  right:0;
  background:transparent url(../../img/control_right.jpg) no-repeat 0 0;
  background:transparent url(../../img/arrow_next.png) no-repeat 0 0;
}

.green #slatenav ul {
	margin:0px;padding:0;list-style-type:none;width:auto;
}
.green #slatenav ul li {
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.green #slatenav ul li a {
	display:block;
	float:left;
	color:#EEFFDF;
	text-decoration:none;
	padding:14px 22px 0 22px;
	padding-top: 10px;
	height:28px;
}
/*
.green #slatenav ul li a:hover,.green #slatenav ul li a.current {
	color:#fff;
	background:transparent url(../../images/greenslate_backgroundOVER.gif) no-repeat top center;
}
*/

/* ----------- tablesorterPager ---------- */

h3 {
	font-size: 16px;
	color: #3D3D3D;
}
th {
	background:#f4f9fe;
	text-align:center;
	color:#66a3d3;
	font-variant: small-caps;
}
td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	/*padding:.3em 1em;
	/*text-align:center;*/
}
table {
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	border-left:1px solid #e3f1fe;
	margin:1em auto;
	border-collapse:collapse;
}
table a {
	color: #669900;
}
.even {
	background-color: #3D3D3D;
	background-color: #F4FBFB;
}
.odd {
	background-color: #6E6E6E;
	background-color:#F9F2F2;
}
.highlight {
	background-color: #3D3D3D;
	font-weight: bold;
}
.header {
	background-image: url(header-bg.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}
.headerSortUp {
	background-image: url(header-asc.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}
.headerSortDown {
	background-image: url(header-desc.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	height: auto;
}

/* ---------- forms ------------- */

form.contactform {
	/*background-image:url(../../images/postman.gif);
	background-repeat: no-repeat;
	background-position: 520px 110px;*/
}

form.contactform label {
	display: block;
	padding-top: 3px;
}

form.contactform input.txt {
	width: 250px;
	padding: 3px;
}

form#adsearchform {
	padding: 0;
	width: 874px;
	margin-left: 35px;
}

form#adsearchform fieldset {
	background-color: #E8F8FF;
    border: 1px solid #D5EAFF;
	padding-bottom: 0;
}


form#loginform {
	width: 100%;
	margin: -10px;
}

form#loginform a {
	color: #CC6666;
}

form#loginform label {
	margin-right: 10px;
}

form#gemsearchform {
	margin-top: 5px;
	margin-right: 20px;
}

form#gemsearchform label {
	color: #FFFFFF;
	margin-right: 5px;
}

label {
	color:#669999;
}

form#adsearchform label {
	margin-right: 20px;
}
/* Form Sections ======================================================================== */

/* Fieldset  */
fieldset {
	margin: 20px 0 10px 0;
	padding-left: 50px;
	background-color: #F0F8FF;
}
legend {
	padding: 2px 5px;
	color: #6699CC;
	font-weight: normal;
	font-size: 1.3em;
}

select {
	margin-right:30px;
	border:1px solid #bbb;	
	padding:.3em;
	
}

/* treeview (sidenav) ======================================================================== */

.treeview ul{ /*CSS for Simple Tree Menu*/
}


.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
/* background: white url(list.gif) no-repeat left center; */

list-style-type: none;
/*padding-left: 22px; */
color: #336699;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
/*background: white url(closed.gif) no-repeat left 1px; */
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	margin-left: -10px;
	margin-top: 10px;
	font-size:.9em;
	font-weight:bold;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	margin-left: 10px;
}
.treeview li.submenu ul li a{
	color: #669966;
	font-weight:bold;
	margin-left: 10px;
}
/* ----------- template subview stuff ----------- */
.sidenav {
	margin-top: 5px;	
}

.sidenav li img {
	margin-bottom: -10px;
	margin-top: 10px;
}

.navimages {
	margin-right: 15px;
}

div.articles, div.narrowarticles, div.extad {
	min-height: 300px;
}

.articles img, .narrowarticles img, .extad img {
	margin: 5px 10px 0 0;
	border: double #CCCCCC;
}

.pagearticle {
	min-height: 200px;
}

.articles h2, .narrowarticles h2, .extad h2 {
	margin: 0 0 5px 35px;
	padding-bottom: 3px;
	font-size: 1.3em;
	border-bottom: 1px solid #6699CC;
	color: #6699CC;
}

.advertise h2 {
	margin-top: 15px;
}

.narrowarticles h2, .extad h2 {
	margin: 10px 0 5px 0;
}

.articles p{
	text-align: justify;
	margin-left: 35px;
	line-height: 1.6em;
	font-size: 1.1em;
}

div.ext p{
	margin-left: 0;
	text-align: justify;
	line-height: 1.6em;
	font-size: 1.1em;
}

div.ext h2{
	margin: 10px 0 0 0;
}

.articles h1 {
	margin-left: 35px;
}

.narrowarticles p, .extad p {
	text-align: justify;
	line-height: 1.6em;
	font-size: 1.1em;
}

.articles p.author, .narrowarticles p.author, .extad p.author {
	float: right;
	font-size: .8em;
	color: #3399FF;
}

.sponsoredad {
	margin-top: 5px;
}

.localsponsoredad {
	margin-top: 20px;
}

.sponsoredad img, .localsponsoredad img {
	margin: 0 0 5px 30px;
	border: double #CCCCCC;
}

.bottom p {
	margin-top: 6px;
	color: #FFFFFF;
	text-align: center;
}

.bottom p a {
	color: #FFFFFF;
}

/* --------- ads ---------- */

.GemAdvert{
	position:relative;
	float:left;
	width:200px;
	height:218px;
	background-image: url(../../images/postitnote.jpg);
	background-repeat:no-repeat;
	margin-right:0px;
	padding:35px 0 0 0;
	margin-left: 20px;
	margin-top: 10px;
}

.placead a {
	padding: 20px;
}

.disp_gem_no{
	font-size:9px;
	font-style:italic;
	margin-top: -3px;
	padding-left: 20px;
	color: #333333;
}

.service_name{
	width:150px;
	font-weight:bold;
	color:#6699CC;
	font-size:10px;
	/*margin-top: -5px;*/
	padding-left: 20px;
	margin-bottom: 15px;
	line-height: 1em;
}

.placead {
	padding-top: 15px;
	font-size:15px;
	line-height: 1.5em;
	text-align: center;
}

.placead a{
	text-decoration: none;
	color: #CC3300;
	padding-top: 0; 
}

.ad_content{
	font-size:9px;
	width:150px;
	margin-top: -13px;
	padding-left: 20px;
	line-height: 1.5em;
}

.tel_number{
	position:absolute;
	top:175px;
	left:50px;
	font-size:11px;
	font-style:italic;
}

.extlink {
	color: #3366CC;
	font-size: 10px;
	font-weight: bold;
}

/* --------- other stuff ------------ */

#rightpanel h3{
	margin-top: 10px;
	margin-left: 5px;
	color: #6699CC;
}

.logout {
	position: absolute;
	right: 10px;
}

.right {
	float: right;
}

.success, .error {
	margin-left: 3px;
	margin-top: 10px;
}

.red {
	color:#990000;
	background-color:#CCFF66;
}

.backlink {
	color: #3366CC;
	margin: 25px;
	text-decoration: none;
	font-weight: bold;
}

.tabs {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:93%;
      line-height:normal;
      }
    .tabs ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    .tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs .navigation  a {
      float:left;
      background:url("../../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    .tabs .navigation a span {
      float:left;
      display:block;
      background:url("../../images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs a span {float:none;}
    /* End IE5-Mac hack */
    .tabs a:hover span {
      color:#FF9834;
      }
    .tabs a:hover {
      background-position:0% -42px;
      }
   .tabs a:hover span {
      background-position:100% -42px;
      }