/*-----------------------------------------------------------------------------
VT Core Style Sheet

version:   1.0
author:    MediaSpark, http://www.mediaspark.com.au

/*----------------------------------------------------------------------------
COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY
-----------------------------------------------------------------------------*/

/* = General
--------------------------------------------------------*/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#container {padding-bottom: 20px;}  /* must be same height as the footer */

body {
	font-family: "Century Gothic", Arial, Helvetica, Sans-serif;
	font-size: 76%;
	color: #333;
	background: #DBF4FD url(../i/bodybg.jpg) top left repeat-x;
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 150%;
	text-align: center;
}
a {
	color: #09C
}
a img {border: none}
#foot a {color:#333 }
.cntr {text-align:center}
.float {float: left}
.floatRight {float:right}

/* = Typography
--------------------------------------------------------*/
h1 {font-weight: normal; color: #069; font-size: 2.5em; }
#header h1 {text-indent: -9000px; background:transparent url(../i/logo-home.jpg) left top no-repeat; width:268px; height:68px; display:block; margin: 0 auto; padding-bottom:10px}
h2 {font-weight: normal;font-size: 2em; color: #069}
#results h2, #search h2 {margin: 0 2em 0.5em 0;color:#fff; float: left; margin-right: 20px; font-size: 2.2em; line-height:1.2em}
#results p.info {font-size: 1.1em; margin-top: 0.5em}
#header h2 {text-align:center}
h3 {font-size: 1em; color:#069}
#results h3 {font-size: 1.4em; color: #ff0; font-weight: normal; margin-bottom: 0.5em}
#results-col-1 h3 {font-size: 1.1em; font-weight:normal; margin-bottom: 0.25em}
#results-col-1 p {font-size: 0.9em}
p {font-size: 1.4em}
p.resultsFeedback {font-size: 1.4em; text-align:center}
.hlight {font-weight: bold; color:#069}
.big {font-size:1.7em}
.small {font-size: 0.7em}
.charCounter {color:#FF0; font-size: 0.9em; display:block; clear:both}
#fpass {clear:both; font-size: 1em; padding-top: 5px}
#fpass a {color:#fff}




/* = Containers
----------------------------------------------*/
#header {
	position: relative;
	text-align:center
}

#searchPanel {
	position:relative;
	width: 604px;
	margin: 40px auto 0;
	background: transparent url(../i/search-panel-top.png) left top no-repeat;
	padding-top: 13px
}

#search {
	padding: 1px 30px;
	background: transparent url(../i/search-panel-bg.png) left top no-repeat
}

#searchBot {
	position:relative;
	background: transparent url(../i/search-panel-bot.png) left top no-repeat; height: 20px
}

#search-col-1, #search-col-2 {
	float:left;
	width: 45%;
}
#search-col-1 {clear:left}

#or {float: left; margin: 50px 10px 0 0; font-weight: bold; font-size: 2em; color: #fff}
#go {text-align:center; margin:30px 0 5px; clear:both}

/*RESULTS PANEL*/

#resultsPanel {
	position:relative;
	width: 968px;
	margin: 20px auto 0;
	background: transparent url(../i/results-panel-top.png) left top no-repeat;
	padding-top: 17px
}

#results {
	padding: 1px 20px;
	background: transparent url(../i/results-panel-bg.png) left top no-repeat
}


#resultsBot {
	position:relative;
	background: transparent url(../i/results-panel-bot.png) left top no-repeat; height: 23px
}

#results-col-1, #results-col-2 {
	float:left;
	width: 25%;
}
#results-col-2 {width: 70%; margin-top: 5px}

#results-col-1 {
	width: 240px;
	background:#fff;
	padding: 5px;
	margin: 5px 5px 0 0;
	height: 400px;
	overflow:auto;
	clear:left;
	position:relative
}

#seoPanel {
	position:relative;
	width: 760px;
	margin: 20px auto 0;
	font-size: 0.7em;
	line-height: 3em
}
#CTA {position: absolute; right: 0; top: 50px; width:250px; background: #D7F2FF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding: 10px; text-align:center; line-height:2.25em;-moz-box-shadow: 3px 3px 3px #666;-webkit-box-shadow: 3px 3px 3px #666;box-shadow: 3px 3px 3px #666;}
.searchResult {padding: 5px 0 5px 20px; position:relative}

.alt {background:#FFC}

.pMarker {position:absolute; left: 0; top: 5px}

#searchAgain {position: absolute; top: 10px; right: 20px}

.formCol {float:left; margin: 20px 10px 0 0; width: 290px}

#formCol1, #formCol2 {border-right:1px solid #39C; min-height: 760px; height: auto !important; height: 760px}
/*END*/

#footer {
	position:relative;
	margin:-40px auto 0 auto; 
	height:20px;
	width: 960px;
	font-size: 0.9em;
	color:#333;
	padding: 0 10px;
	clear:both
}
	
#fl, #fr {float: left; width: 60%; top: 0; }
#fr {float: right; width: 39%; text-align:right}

/* = Forms
----------------------------------------------*/

#search label {display:block; font-size: 1.7em; color: #fff; margin: 20px 0 10px}

#search input#searchFor, #search select {color:#333; border: 1px solid #069; width: 230px; padding: 5px}

#contactform br {clear: both}
.err, .req {font-weight:bold; color:#ff0; font-size: 1.2em; padding-left: 0.1em}
.err {margin-right: 5px}
.hide {display:none}
textarea {font-family: Arial, helvetica, sans-serif; color:#333; font-size: 1em}
#sendForm {float: right}

#results label {display:block; color:#fff; font-size: 1.1em; margin-bottom: 0.25em; clear:both}
#results input.txt, #results textarea, #results select {float: left; margin-right: 5px; width: 220px}
#results input.txtex {width: 50px; float: left; margin-right: 5px}
#results .cbLabel {display:inline-block}
#results input[type="checkbox"] {margin: 0; padding: 0}
#tooltip {
 position: absolute;
 z-index: 3000;
 border: 1px solid #111;
 background-color: #fff;
 padding: 5px;
 opacity: 0.9;
 width: 200px;
}
input:focus, textarea:focus, select:focus {background: #CFF}
#tooltip h3, #tooltip div { margin: 0; } 
.tooltip {display:inline-block;margin-top: 5px}
#secretAnswer {width:200px}
.errDiv {padding: 5px; border: 1px dashed #f00; background: #900}

/*EDIT FIELDS*/
.profileField {font-size: 1.1em; color: #fff; float: left; margin-right: 5px; color:#ff0; padding: 5px; background:#39C; width: 200px}
#formCol3 div.Exp {width:50px !important; float: left}
.edit {margin-left: 15px; display:block}

/* = Tables
----------------------------------------------*/
#adminTable {clear:both; color:#fff; margin-top: 10px}
#adminTable th {font-size: 1.2em; font-weight: normal; color: #ff0}
#adminTable td {padding: 5px 0}
#adminTable a {color:#fff}
#adminTable .alt {background:#39C}
.active {color:#0F0}
.suspended {color:#f00}
.edit {background: transparent url(../i/pencil.png) left center no-repeat; padding-left: 20px; display:inline-block}
.suspend {background: transparent url(../i/exclamation.png) left center no-repeat; padding-left: 20px; display:inline-block}
.restore {background: transparent url(../i/accept.png) left center no-repeat; padding-left: 20px; display:inline-block}
.delete {background: transparent url(../i/cancel.png) left center no-repeat; padding-left: 20px; display:inline-block}
/* = Easy Clearing
----------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */