/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */
body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #888;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul
{list-style:none;}
/* Table Styling for no border */
.noborder, .noborder td
{
border:0px;
}
/* Form Styling */
.input,.checkbox 
{
clear:both;
display:block;
}
.checkbox 
{
margin:5px;
}
.input label
{
width: 175px;
padding-right:10px;
float:left;
display: block;
color:#666;
}
.checkbox label
{
width: 800px;
padding-left:10px;
}
.input input,.input select, textarea
{
float:left;
border: 1px solid #134e78;
}

.error-message
{
color:#ae0404;
padding-left:10px;
font-size:11px;
float:left;
}
/* Form Styling*/
 .submit input{
	background-color:#cfdffe;	
	border-width:1px;
	border-style:solid;
	border-color:#74a1cb;
	
	font-weight:bold;
	

}
fieldset{
	background-color:#cfdffe;
	
	border-width:2px;
	border-style:solid;
	border-color:#74a1cb;
		
	margin:20px 0px 20px 0px;	
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}
fieldset[class="plain"]
{
	background-color:#ffffff;	
}

fieldset legend{	
	background-color:#74a1cb;
	
	border-width:1px;
	border-style:solid;
	border-color:#74a1cb;
	
	color:#ffffff;	
	
	font-size:110%;
		
	padding:2px 5px;
	margin:0px 0px 10px 0px;
	position:relative;
	top: -12px;
	
}


/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('../img/css_images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('../img/css_images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
	margin: 0 30px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(../img/css_images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(../img/css_images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; }

#wrapper-header {
height:192px;
	background: transparent url('../img/css_images/bg.png') top center repeat-x;
}

#header {
	/*background: #eee url('../img/css_images/banner_mountains.jpg') no-repeat center top;*/
	background: #eee url('../img/css_images/banner_vssec.jpg') no-repeat center top;
	height:192px;
}

#wrapper-header2 {
height:192px;
	background: transparent url('../img/css_images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
height:192px;
	background: transparent url('../img/css_images/bg02-blue-right.png') top right no-repeat;
}

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

#wrapper-content {
	background: white url('../img/css_images/bg02-white-left.png') no-repeat left top;
	

}
.clear{
	clear:both;
}
* html #wrapper-content { height: 1%; }

#content {
float:left;
	background: transparent url('../img/css_images/bg02-white-right.png') no-repeat right top;
	padding: 20px 40px 20px 40px;
	width:944px;
}

#wrapper-menu-page {
	float: left;
	width:180px;
	margin: 20px 10px 10px 20px;
	background: transparent url('../img/css_images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

/* tables 

table {  
  width: 100%;   
  border: 1px solid #003d4c; 
  color:#333; 
  background-color: #fff;
  clear:both;    
  padding: 0;
  margin: 0 0 2em 0;
  white-space: normal;
}
th {  
  color:#74a1cb;
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding:1px;
}
table tr td {
  border-right: 1px solid #ccc;
  padding:4px 4px;
  vertical-align:middle;
  text-align: center;
}
table tr.altRow td {
  background: #f4f4f4;
}*/

/* gradient styles table */
#gradient-style
{
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
	 width: 100%;  
	 margin: 0 0 2em 0;	
	border-collapse: collapse;
	  vertical-align:middle;
  text-align: center;
}
#gradient-style th
{
	
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../img/css_images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;

}
#gradient-style tr
{
	background-color: #e8edff;
}
#gradient-style tr.altRow
{
background-color: #dde4ff;
	
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover
{
	background: #d0dafd url('../img/css_images/gradhover.png') repeat-x;
	color: #339;
}

/*Paging */
.paging
{
	margin:0 auto;	
	text-align:center;
}
.paging .disabled
{
display:inline; 
padding:0 10px;
}
.cake-sql-log
{
width:1024px;margin:0 auto;
}
/* Messages*/
.info, .success, .warning, .error,.errorbox, .validation , .winner{
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/css_images/info.png');
}
.success {color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/css_images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/css_images/warning.png');
}
.winner {
    color: #df8a04;
    background-color: #fbf394;
    background-image: url('../img/css_images/trophy.png');
}
.error {
 padding:15px 10px 15px 0px;
    color: #D8000C;    
    background:#FFBABA url('../img/css_images/error.png') right no-repeat;
	overflow:auto;
}
.errorbox {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/css_images/error.png');
}

/* Menu */
 #menu-top a span[class ="active"]
{
font-weight:bold;	

	background-position:100% -42px;
}
.sliderBox
{
height:30px;
overflow:auto;
}
/* charts */
.charts 
{
margin:0 auto;
}


.outerwin{
	background-color:transparent !important;
	border-color:#df8a04;
}

.winlegend {
	border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #df8a04;
    background-color: #fbf394;
    background-image: url('../img/css_images/trophy.png');
}


.files_list {
	margin: 0 25px;
	padding: 5px 10px;
	border: 2px solid #74a1cb;
	clear:both;
	display:block;
}

.files_list input[type="button"]{
	background-color:#d0d6e1;	
	border-width:1px;
	border-style:solid;
	border-color:#74a1cb;
	margin-left:25px;
}

.file {
	padding:0px 10px 0px 32px;
    background-repeat: no-repeat;
    background-position: 0 center;
	background-image: url('../img/css_images/attach.png');
}
/* archive */
.winnerDiv
{
display:none;
}
/* Help */
dt 
{
font-weight:bold;
}