/*  Default styles for screen - Site: www.workoutranch.com  */

/*	
	CONTENTS:
	- Set default font size
	- HTML element defaults
	- Global divisions
	- Homepage divisions
	- Search results page divisions
	- Profile divisions
	- Misc
	
	NOTES:
	- Global elements are set in the "Global divisions" section
	- Global divs are then customized for the Homepage, Results page and Profile page
/*

/*  Set default font size
----------------------------------*/
	body {
		margin:0;
	/* Cheat padding bottom to prevent content area's background from continuing in footer in WinIE */
		padding: 0 0 25px 0;
		border:0;
		color:#000;
		font:x-small "Trebuchet MS";
		line-height:1.6;
		background:#fff url(images/bg_topgradient.jpg) repeat-x top;
		voice-family: "\"}\"";
		voice-family:inherit;	
		font-size:small;
		/* For old versions of IE */
		}

/*  HTML element defaults
----------------------------------*/
/* Fix Mozilla bug that crops content when fans resize browser window */
	html { min-width: 800px;}

	a:link, a:active {color:#06c;}
	a:hover {color:#009; background:#e4f2ff;}
	
	p {margin:0 0 1em 0;}
	hr {
		clear:both;
		height:1px; 
		margin:0 0 .5em 0; 
		color:#fff;
		background:none; 
		border:0;
		border-top:1px dotted #ccc;
		}
	form hr {margin: 0 0 0 0;}
	
	h1 {  /* box heading */
		margin:0 0 10px 0;
		font-size:150%;
		font-weight:normal;
		color:#06407B;
		}
	h2 {  /* trainer name */
		margin: 0;
		font-size:180%;
		color:#064586;
		}   
	h3 {  /* subheading within body copy */
		margin:0 0 5px 0; padding:0;
		font-size:134%;
		line-height:1.8;
		color:#064586;
		border-bottom:1px solid #64B2FF;
		}
	h4 {  /* supplemental content heading */
		margin:1.5em 0 1em 0;
		font-size:100%;
		color:#000;
		text-transform:uppercase;
		}
	
	table th {text-align:left;}
	table.data {
		margin:0 0 1em 0;
		border:1px solid #ccc;
		border-collapse:collapse;
		}
	table.data caption {
		padding-bottom:.5em;
		font-weight:bold;
		text-align:left;
		}
	table.data th { 
		padding:5px;
		font-weight:bold;
		text-align:left;
		color:#fff;
		background:#999;
		border-right:1px solid #d7d7d7;
		border-collapse:collapse;
		}
	table.data td {
		padding:.5em;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ddd;
		border-collapse:collapse;
		}
	
	table.form {
		margin:0 0 1em 0;
		border:1px solid #ccc;
		border-collapse:collapse;
		}
	table.form caption {
		padding-bottom:.5em;
		font-weight:bold;
		text-align:left;
		}
	table.form th { 
		padding:.5em;
		text-align:left;
		background:#ddd !important;
		border-bottom:1px solid #ccc !important;
		}
	table.form td {
		padding:.5em;
		border-collapse:collapse;
		}
		
	ul {margin:0 0 1em 0; margin-left:1.5em; padding-left:1.5em;}
	ol {margin:0 0 1em 0; margin-left:1.5em; padding-left:1.5em;}
	li {margin:.5em 0 .5em 0}
	dl {margin:0 0 1em 0;}
	dt {margin:0; font-weight:bold;}
	dd {margin:0 0 1em 1em}
		
	form {margin:0;padding:0;}
	fieldset {padding:4px;}
	legend {font-weight:bold;}
	
	
/*  Global divisions
----------------------------------*/
	div#header {
		margin:0; padding:0;
		text-align:center;
		}
	div#headernav {
		text-align:right;
		padding:7px;
		}
	div#wrapper	{
		margin:0px auto 20px; padding:0px 25px 25px;
		width:750px;  
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:750px;
		text-align:left;
		background:#CED8E1 url(images/header.jpg) no-repeat top; 
		}	
	div#wrapperheader	{
		margin:0px auto 15px; padding:35px 20px 25px;
		}	
	div#sidebar {		
		float:left;
		width:275px;
		}
	div#search { /* homepage search box is different -- see "Homepage divisions" */
		margin-bottom:25px; padding:5px;
		background:#fff url(images/arrowheader.jpg) no-repeat top left;;
		border:1px solid #6492BB;
		border-top:1px solid #16518E;
		}
		div#search h1 {
			margin:0;
			font-size:16px;
			font-weight:bold;
			display:inline;
			text-transform:none;
			color:#000;
			}
		div#search h2 {
			font-size:14px;
			color:#044587;
			}
		div#searchcallout {
			margin:0 0 0 235px; padding:10px; /* margin is different on Homepage */
			background:#D2E4FF;
			border:1px solid #B2C7DE;
			}
			 
			div#sidecontent {
			  margin:5px 0 0 0; padding:0px;
				FLOAT: left;
				WIDTH: 240px;
			}
			
		div#searchcallout label {
			display:inline;
			margin:0; padding:0 0 5px 0;
			white-space:nowrap;
			}
	div#searchheader { /* homepage search box is different -- see "Homepage divisions" */
		margin-bottom:25px; padding:5px;
		background:#fff;
		border:1px solid #6492BB;
		border-top:1px solid #16518E;
		}
		div#searchheader h1 {
			margin:0;
			font-size:16px;
			font-weight:bold;
			display:inline;
			text-transform:none;
			color:#000;
			}
		div#searchheader h2 {
			font-size:14px;
			color:#044587;
			}
		div#searchcalloutheader {
			margin:0 0 0 235px; padding:10px; /* margin is different on Homepage */
			background:#D2E4FF;
			border:1px solid #B2C7DE;
			}
			 
			div#sidecontentheader {
			  margin:1px 0 0 0; padding:0px;
				FLOAT: left;
				WIDTH: 223px;
			}
			
		div#searchcalloutheader label {
			display:inline;
			margin:0; padding:0 0 5px 0;
			white-space:nowrap;
			}
			
     /* for the new header */			
		 div#headercolumnleft {
		    float:left;
				background:#FFFFFF;
				text-align:left;
				width: 145px;
		 } 
		 div#headercolumnleft h1 {
			font-size:15px;
			font-weight:bold;
			color:#000000;
			font-family: Arial; 
		 }
		   	 
		 div#headercolumncenter {
		    float:inherit;
				margin:0 150px; padding:5px; /* margin is different on Homepage */
				background:#D2E4FF;
				border:1px solid #B2C7DE;
				text-align:center;
		 } 

		 div#headercolumncenter h1 {
			font-size:13px;
			font-weight:bold;
			color:#000000;
			font-family: Verdana; 
		 }
		 div#headercolumncenter h2 {
			font-size:13px;
			font-weight:normal;
			color:#000000;
			font-family: Verdana; 
		 }
		 
		div#headercolumncenter a:link{
			text-decoration: none;
			color: #000000;
		}
		div#headercolumncenter a:visited{
			text-decoration: none;
			color: #000000;			
		}
		div#headercolumncenter a:active{
			text-decoration: none;
			color: #000000;			
		}
		div#headercolumncenter a:hover{
			text-decoration: underline;	
			color: #000000;			
		}
		 

		 div#headercolumnright {
		    float:right;
				background:#FFFFFF;
				text-align:center;
				width: 145px;
		 } 
		 div#headercolumnright h1 {
			font-size:13px;
			font-weight:normal;
			color:#000000;
			font-family: Verdana; 
		 }
			
	div#footer {
		clear:both;
		margin:0 0 0 0;
		background:#fff;
		text-align:center;
		}
/* Inbox */		
  div#inbox {
	  float:left;
		margin-top: 0;
		margin-right: 0;
		margin-bottom:25px; 
		padding:5px; padding-left: 25px; padding-top: 25px; padding-bottom: 25px;
		background:#fff;
		background:#D2E4FF;
		border:1px solid #B2C7DE;
		background:#D2E4FF;
		border:1px solid #B2C7DE;
		width: 120px;
    }
	div#inbox h1 {
		font-size:140%;
		font-weight:normal;
		color:#1354BC;
	}

		div#readinbox {
		float:float;
		background:#fff;
		padding-left: 5px; padding-top: 0px; padding-bottom: 5px; padding-right: 5px;
		width: 530px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 170px;
    }

	span {
		font-size:100%;
		font-weight:bold;
		color:#1354BC;
	}

	.inbox {
		border:1px solid #1F1F1F;
	}
	
	.inbox#link1 a:link{
		text-decoration: none;
		color: #000000;
	}
	.inbox#link1 a:visited{
		text-decoration: none;
		color: #000000;			
	}
	.inbox#link1 a:active{
		text-decoration: none;
		color: #000000;			
	}
	.inbox#link1 a:hover{
		text-decoration: underline;	
		color: #000000;			
	}
	
	
	.inbox th {
	padding: 1px;
	padding-left: 2px;
	background: #D2E4FF;
	border-right:1px solid #1F1F1F;
	border-bottom:1px solid #1F1F1F;
	}
	.inbox td {
	padding: 1px;
	padding-left: 2px;
	border-right:1px solid #1F1F1F;
	border-bottom:1px solid #00378A;	
	}
	
	.inboxbutton {
	font:x-small "Trebuchet MS";
	cursor:pointer;
	font-size:100%;
	font-weight:bold;
	color:#1354BC;
	background: #FFFFFF;
	border: none;
	}

/*  Homepage divisions
----------------------------------*/
	body#homepage div#search {
		padding:10px;
		background:#fff url(images/bg_searchheading.gif) no-repeat top;
		}
		body#homepage div#searchcallout {
			margin:50px 0 0 0;
				}
		body#homepage div#searchcriteria {
			margin:0; padding:0;
			display:block;
			}
		body#homepage div#searchcallout label {
			display:block;
			}
	body#homepage div#featuredtrainers {
		float:right;
		padding:15px;
		width:450px;		
		voice-family: "\"}\"";
		voice-family:inherit;
		width:420px;
		background:#fff;
		border:1px solid #9FAEBB;
		border-top:1px solid #16518E;
		}
		body#homepage div#featuredtrainers td{
			padding:0 10px 25px 10px;
			}
		body#homepage div#featuredtrainers h2 { /* city name */
			margin:0; padding:0;
			line-height:1;
			font-size:86%;
			/* font-weight:700;
			text-transform:uppercase; */
			}
		body#homepage div#featuredtrainers h3 {	/* trainer name */
			margin:0;
			display:block;
			font-size:135%;
			font-weight:normal;
			line-height:1.5em;
			border:none;
			}
		body#homepage div#featuredtrainers img.trainerthumb {
			display:block;
			margin:0 0 5px 0;
			border:1px solid #000;
			}
	body#homepage div#sidecontent {
		margin:0 0 25px 0;
		padding:15px;
		background:#fff;
		border:1px solid #9FAEBB;
		}
		
/*  Search results page divisions
----------------------------------*/
	body#searchresults #maincontainer {
		margin:0; padding:15px 0 15px 15px;
		background:#fff;
		border:1px solid #9FAEBB;
		border-top:1px solid #16518E;
		}
	div.trainercard {
		float:left;
		margin:0 15px 20px 0; padding:10px;
		width:340px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:320px;
		line-height:1.3;
		border:1px solid #9FAEBB;
		}
		div.trainercard h2 { /* trainer name */
			margin:0 auto 5px 0;
			font-size:140%;
			font-weight:normal;
			color:#000;
			}
		div.trainercard img.trainerthumb {
			float:left;
			margin:0 15px 10px 0; padding:0;	
			border:1px solid #000;
			}
		div.trainercard ul {
			width:160px;
			float:left;
			margin:0 0 10px 0; padding:0;
			background:#FFFADC;
			border-top:1px solid #E1DDC2;
			border-right:1px solid #E1DDC2;
			border-left:1px solid #E1DDC2;
			list-style-type:none;
			}
		div.trainercard li {
			display:block;
			margin:0; padding:2px 5px;
			border-bottom:1px solid #E1DDC2;
			}
			
/*  Profile divisions
----------------------------------*/
	body#profile div#maincontainer {
		padding:15px 0 15px 15px;
		background:#fff;
		border:1px solid #9FAEBB;
		border-top:1px solid #16518E;
		}
	body#profile div#sidebar {
		width:215px;
		}
	body#profile div#profilecontent {
		float:right;
		margin:-10px 0 0 0; padding:0 15px 15px 0;
		width:500px;		
		voice-family: "\"}\"";
		voice-family:inherit;
		width:470px;
		background:#fff;
		}
	ul#credentials {
		margin:0 0 1em 0;padding:0;
		list-style-type:none;
		}
	ul#credentials li {
		display:inline;
		margin:0;padding:0 10px 0 15px;
		background:url(images/bullet_check.gif) no-repeat left;
		}
	body#profile dd {
		margin:.5em 0 1em 10px; padding:0 0 0 10px;
		border-left:4px solid #D8EDD1;
		}
	body#profile img.trainerthumb {
		float:left;
		margin:0 15px 15px 0; padding:0;	
		border:1px solid #000;
		}

	
	
/*  Misc
----------------------------------*/
	.spacer {clear:both; margin:0; padding:0; height:0;}
	.fineprint {font-size:11px; font-weight:bold;}