/*  
Theme Name: Country Roads Partner
Theme URL: http://www.countryroads.co.za/
Description: Country Roads theme designed by <a href="http://handshake.co.za/">handshake systems</a>.
Version: 0.7b
Last Edited: 31st October 2007
Author: Grant Day
Author URL: http://handshake.co.za/
*/

body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 14px;
	padding : 0;
	z-index : 0;
	margin : 0 5px 10px 5px;
}
body,form * { font-family: Verdana, Arial, Helvetica, sans-serif; }

form { margin : 0; }
img { border : 0; margin : 0; }

h1,h2,h3,h4,h5,h6,p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : transparent;
}

h1{
	text-align : center;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #999;
	margin : 10px 0px 5px 0px;
	padding : 5px 0px 10px 0px;
	font-size : 20px;
	line-height : 24px;
	font-weight : bold;
	color : #000000;
	background-color : #ffffff;
}

h2{
	color : #ccc;
	background-color : #666;	
	text-align : center;
	padding : 2px 0 5px 0;
	font-size : 15px;
	font-weight : bold;
	margin-top : 10px;
	margin-bottom : 0;
}

h3{
	font-size: 12px;
	font-weight: bolder;
	padding : 5px 0 0 0;
	color: #006600;
	margin: 2px;
}

h4 {
	font-size: 14px;
	font-weight:900;
	color:#FF9900;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 5px 10px;
}

h5 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	text-align: center;
	background-color: #000;
	padding: 5px;
}

h6 {
	font-size: 14px;
	font-weight:900;
	color:#009900;
	text-align: left;
	text-transform: uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	margin: 15px 0px 10px 0px;
	padding-left: 15px;
}

h8 {
	font-size:8px;
	font-weight:500;
	color:#009900;
	text-align: center;
	clear:both;
	padding: 5px 0px 10px 0px;
}

p {
	font-size:13px;
	margin:0px;
	padding:0px;
	}
	
/*Default link colors for content area*/
a {
	color:#0000CC;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:500;
	text-decoration:none;
	line-height:15px;
	padding: 0px 0px 0px 2px;
}
a:link {color: #0000CC;}
a:visited {color: #990000;}
a:hover {
	color:#0099FF;
	clear: right;
}

ul {
	list-style-type:none;
}


#find {
	position:absolute;
	width: auto;
	z-index: 50;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	margin: 0px;
	color: #EEEEEE;
	text-align: right;
	padding:0px;
	height: 20px;
	top: 5px;
	right: 20px;
}

#admincontent {
	position : absolute;
	top : 5px;
	left : 220px;
	width :65%;
	padding : 5px;
	border : 1px solid #000000;
	right : 5px;
	z-index : 2;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 15px;
	background-color : #eee;
}
#admincontent>p {margin : 0px;}
#admincontent>p+p {text-indent : 5px; margin : 5px 0px 0px 0px;}

#content {
	position : relative;
	top : 5px;
	width : auto;
	min-width : 250px;
	margin : 0 0 0 210px;
	border : 1px solid #000000;
	padding : 5px;
	z-index : 2;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height : 15px;
	background-color : #eee;
}
#content>p {margin:0px; font-size:12px; line-height: 15px;}
#content>p+p {text-indent:5px; margin:15px 0px 0px 0px;}

#preview {
	position : absolute;
	clear : both;
	width : 100%;
	top : 1800px;
	margin : 0;
	border : 1px solid #FF0000;
	padding : 0;
	z-index : 100;
	color : #000000;
	background-color : #ddd;
}	

#control {
	position : absolute;
	top : 5px;
	left : 5px;
	padding: 3px;
	width : 195px;
	*width : 200px;
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	line-height : 1.2;
	background-color : #eee;
	border: 1px solid #000000;
	color: #000000;
	z-index: 6;
}
body>#control {width:200px;}
#control>p {margin:0px; font-size:10px; line-height: 20px;}

#control a{
	text-decoration : none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color : #666666;
	background-color : #eee;
}
#control a:hover {
	text-decoration : none;
	padding : 5px 10px;
	font : bold 14px/100% Verdana, Arial, Helvetica, sans-serif;
	display : block;
	color: #666666;
	background-color: #ddd;
}
#control a:visited {
	text-decoration: none;
	color: #888888;
}
#control ul {
	margin: 0;
	padding: 0;
}
#control ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	padding-left : 0px;
	border-bottom: 1px solid #ccc;
}
#help {
	position:absolute;
	top:118px;
	right:5px;
	border:1px solid #009900;
	background-color:#eee;
	padding:3px;
	z-index:2;
	width:128px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8px;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:120px;
	}
body>#help {width:120px;}

#help>p {margin:0px; font-size:8px; line-height: 11px;}
#help>p+p {text-indent:3px; margin:10px 0px 0px 0px;}

#status {
	float: right;
	height: auto;
	width: 440px;
	position: relative;
	margin: 0px;
	z-index: 5;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: center;
}

#helpmenu {
	position: relative;
	float: right;
	font-size:8px;
	height: auto;
	width: 118px;
	margin: 0px 5px 20px 0px;
	z-index: 5;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: left;
	padding:3px;
}
#helpmenu>p {margin:0px; font-size:8px;}
	
div.container {
	position:relative;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
	z-index:200;
}

.box {
	position : relative;
	float : left;
	margin : 0;
	width : 95%;
	padding : 5px;
	border : 1px dotted #000000;
	background-color : #ffffff;
	text-align : left;
	z-index : 50;
}

.box2 {
	position:relative;
	padding: 5px;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: left;
	width: 440px;
	z-index:50;
	margin: 5px;
	float: left;
}

.box3 {
	clear: both;
	position:relative;
	padding: 5px;
	border: 1px dotted #006600;
	background-color: #FFFFCC;
	text-align: center;
	width: 100%;
	z-index:50;
	margin: 5px;
	float: left;
}

#navigation {
	position:absolute;
	top:118px;
	left:5px;
	width:148px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	background-color: #eee;
	border: 1px solid #009900;
	color: #000000;
	padding: 3px;
	z-index: 2;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:140px;
	}
body>#navigation {width:140px;}

#navigation>p {margin:0px; font-size:10px; line-height: 14px;}

#navigation a {
	font-size:11px;
	font-weight:500;
	text-decoration:none;
	line-height:18px;
	padding: 0px 0px 0px 2px;
}

#navigation a:link {
	color: #0000CC;
	text-decoration: none;
}
#navigation a:visited {
	color: #000099;
	text-decoration: none;
}
#navigation a:hover {
	color: #009900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
}
/* New test navigation class */
.newnav {
	position:relative;
	width:148px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	background-color: #eee;
	border: 1px solid #009900;
	color: #000000;
	padding: 3px;
	margin:5px -3px 5px -3px;
	z-index: 3;
	clear:both;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:140px;
	}
body>.newnav {width:140px;}

.newnav>p {margin:0px; font-size:10px; line-height: 20px;}

.newnav a:link {
	color: #0000CC;
	text-decoration: none;
}
.newnav A:visited {
	color: #000099;
	text-decoration: none;
}
.newnav A:hover {
	color: #009900;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
}

#rightcontent {
	position:absolute;
	z-index:6;
	top:118px;
	right:5px;
	border:1px solid #009900;
	background-color:#eee;
	padding:3px;
	width:178px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	margin:0px;

	voice-family: "\"}\"";
	voice-family:inherit;
	wid\th:170px;
}
body>#rightcontent {width:170px;}

#rightcontent>p {margin:0px; font-size:10px;}

#footer {
	clear: both;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #FFFFFF;
	padding: 5px;
	margin:10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006600;
}

#powered {
	position:relative;
	float:right;
	border:2px solid #009900;
	height:19px;
}

input.submit {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 2px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

input.submit:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

strong, b {font-weight:900;}/*NN 4.xx needs that...*/ 
big {font-size:14px;}/*to emphasize words, use it inline with a <span> class*/ 
small {font-size:10px;}/*not really necessary, but one never knows...use it inline with a <span> class*/

/*This removes the need to add border=0 to linked images*/
a img {border:0px;} 

ul, ol, dl, li{
font-size:12px;
border: none;
}

em, i{ /*sets italics to bold to stand out better*/
font-weight: bold;
font-style: italic;
}

div.spacer {
clear: both;
}
 
div.row {
clear: both;
padding-top: 3px;
}

div.row span.label {
	float : left;
	width : 28%;
	text-align : right;
	color : #000000;
	padding : 5px 0 5px 0;
	font-size : 11px;
	font-weight : bold;
}

div.row span.formw {
	float : right;
	width : 70%;
	padding : 0 0 5px 0;
	text-align : left;
} 


/************************************************************
 *  Data Tables and Cascading Style Sheets Gallery			*
 *  http://icant.co.uk/csstablegallery/						*
 *  --------------------------------------------------		*
 * Author: DvD Franco > http://www.dpartamentos.com.br/		*
 * Please send-me your opinion! dvdcontas@terra.com.br		*
 * And please access and consider: http://www.thekristo.com	*
 ************************************************************/

table, tr, th{
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	color: #ffcc00;
	background-color: #ffcc00;
	font: 12px/20px Verdana;
	border: 1px #ffcc00;
	border-collapse: collapse;
	margin-left: 1px;
}



td, th {
	padding: 1px;
	font-family: Verdana;
	font-size: 12px;
}

caption {
	background-color: #009900;
	border-top: 1px #215503 solid;
	border-right: 1px #215503 solid;
	border-left: 1px #215503 solid;
	border-bottom: none;

	font-size: 20px;
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	text-align: center;
	color: #ffffff;
}

/*\*/ * html caption { 
	height: 28px;
	padding-bottom: 10px;
} /**/ 

/*
 HEADER */

thead tr th {
	padding: 5px;
	text-align: center;
	color: #ffcc00;
	margin: 0px;
	background-color: #006600;
	text-transform: uppercase;
}

tr, tr td a {
	background-color: #FFFFCC;
	color: #000000;
}

tr td, tr th {
	border: 1px #CBCB31 solid;
}

tr th, tfoot tr td {
	background-color: #006600;
	color: #000000;
	border-bottom: 1px #CBCB31 solid;
	border-top: none;
	text-align: center;
}

tr.odd, tr.odd td a, tr.odd th a {
	background-color: #E8FFEC;
	color: #000000;
}


tr.odd td {
	border-bottom: 1px #B6CCBA solid;
}

/*tr td a:link, tr th a:link { 
	color: #1E631A;
}*/

a:hover { text-decoration: none; }

tr.odd th a:link, tr th a:link {
	background-color: #1C8D12;
	color: #FFFFFF;
font-size:14px;
}

tr th a:visited, tr.odd th a:visited {
	background-color: #006600;
	color: #FFFFFF;
font-size:14px;
}

tr th a:hover, tr.odd th a:hover{
	background-color: #006600;
	color: #FFcc00;
	text-decoration: none;
}

tr th a:active, tr.odd th a:active {
	background-color: #1C8D12;
	color: #FFFF00;
}

tfoot tr th, tfoot tr td {
	background-color: #1C8D12 !important;
	color: #FFFFFF !important;
font-size:14px;
	font-weight: bold;
	text-align: left;
}

tr:hover td, tr:hover td a {
	background-color: #E8F4FF;
	color: #000000;
}

tr:hover td a {
	color: #1E631A;
}

tr:hover td {
	border-top: 1px #98CDFF solid;
	border-bottom: 1px #98CDFF solid;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color:   #E5E5E5;
    text-align:         left;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color:   #D5D5D5;
    text-align:         left;
}

/* Gallery Image enlargement */
/* Removing the list bullets and indentation */
ul#gallery {
	position:relative;
	background:#eee;
	float:right;
	padding:0px; 
	margin:0px; 
	width:170px; 
	height:auto; 
	z-index:50; 
	list-style-type:none;
}

#gallery a {
	position:relative;
	background:#eee;
	width:170px; 
	height:auto; 
	display:block; 
	float:right; 
	z-index:100; 
	cursor:default;
}

#gallery li {
	position:relative; 
	background:#eee; 
	width:170px; 
	height:auto;
	float:right; 
	z-index:10;
	font-size: 10px;
	font-weight:900;
	color:#006600;
	text-align: center;
	padding: 5px 0px 6px 0px;
  }

#gallery li a img {
	width:166px;
	height:auto;
	border:2px solid #FFFFFF; 
  }

#gallery li a:hover {
	position:relative; 
	background:#eee; 
	width:340px;
	z-index:20;
  }
  
#gallery li a:hover img {
	position:relative; 
	width:340px;
	right:5px;
	padding:10px 30px 0px 0p;
	z-index:20;
  }
 
  /* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:340px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
	position:relative; 
	background:#888; 
	width:340px; 
	height:auto; 
	padding:0px 80px; 
	right:0; 
	top:0; 
	z-index:200;
  }
#gallery a:hover img {
	background:#aaa; 
	position:relative; 
	width:340px; 
	height:auto; 
	border:0; 
	z-index:999;
  }
}

input, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #006600;
	padding:2px;
	margin:2px;
}