/*  CSS Document 
	AUTHOR: Lisa Catalano
            lisa@lcatdesigns.com
*/

/* Reset */
* { margin: 0; padding: 0; outline: none; }
html { overflow-y: scroll; }

body { 
	font: 90% Helvetica, "Trebuchet MS", Arial, sans-serif; 
	color: #4e4083; 
	list-style-position: inside;
	min-width: 1000px; 
} 

.right { float: right; } 
.clear { clear: both; } 

/* MAIN LAYOUT CSS */
#header {
	height: 107px;
	background: url(../images/header.jpg) no-repeat #9797c6; 
}
/* 2 Column layout.  Wrapper contains both.  Properties used for variable length sidebar */
#wrapper { 	
	background: url(../images/background.gif) repeat-y right; 
	overflow: hidden;
	height: 1%; 					/* fix for IE 6 */
	min-height: 600px;
} 
#mainContent {	
	background: url(../images/tagline.gif) no-repeat;
	margin: 0.5em 0.5em 0.5em 5em; 
	padding-top: 20px; 
	width: 75%;
	float: left; 
	display: inline;
	position: relative; 
} 
#sidebar {
	background: #666699;
	width: 160px;
	float: right;
	font-weight: bold;
	font-size: small;
	height: 600px; 
}	
/* Want to use this, but causing problems when browser window is too small. 
div#sidebar { position: fixed; right: 0; } 
*/

#mainContent a#collage img { 
	position: absolute; top: 40px; right: 0; 
	height: 65px; 
	width: 130px; 
} 

#sidebar img { margin: 1em; }
a img { border: none; } 

#footer {
	padding: .5em 0 .5em 0;
	clear: both;
	text-align: center;
	background-color: #9797c6;
	color: #FFF;
	line-height: 1.5em; 
}
#footer a { 
	color: #FFF; 
	text-decoration: underline; 
	font-weight: bold; 
} 

/* 3 Column layout within the Main column*/
#col1, #col2, #col3 {
	float: left;
	width: 33%;
	line-height: 1.5em;
}

/* 5 columns within the Main column*/
#cardio, #strength, #flex, #equip, #spec {
	width: 19%;
	float: left;
	line-height: 1.5em;
}

/* for pages without 2 columns */
#content { 
	width: 600px; 
	margin: 2em auto; 
} 

h1, h2, h3 { margin: .8em 0 .5em 0; }
h4, h5, h6 { margin: .3em 0; }

h1 { font-size: 1.5em; } 

p { 
	margin-bottom: .8em; 
	line-height:1.4em;	
}

/* Alternate font for areas with long text */
.review, .plain, .help, #help { 
	font: 13px Verdana, Geneva, sans-serif;
	list-style: disc; 
	list-style-position: inside; 		
} 


li a img { padding-left: .5em; }

ol { margin-left: 2em; } 

hr { 
	height: 4px; 
	background-color: #669;
}

/* For layout with more indentation.  There may be a better way! */
.indent 	{ margin-left: 5em; } 
.tinyind 	{ margin-left: .2em; } 

/* Make counts not as prominent */
.cnt {
	font-size: 85%;
	color: #306; 
} 

a {	
	color: #6633cc;
	text-decoration: none;
}
a:hover { text-decoration: underline; } 

div#col1 a:visited, div#col2 a:visited, div#col3 a:visited, li a:visited { color: #306;  } 

/* Make some links stand out more */
h4 a 	{ text-decoration: underline; } 
p a 	{ font-weight: bold; text-decoration: none; } 	

li		{ line-height: 1.5em; } 
.help li, #help li  { margin-bottom: .5em; } 

label { font-weight: bold; }

/* FORMS */
form { padding: 0.5em; }

/* Some forms are smaller and don't need much padding or margins */
form.small { padding: 0 0 .5em 0; margin: 0; } 

fieldset {
	width: 700px;
	margin: 0 auto; 
	padding: 1em;
	border: 3px solid #669;
} 
fieldset.narrow { 
	width: 60%; 
	margin: auto; 
} 
legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #4e4083; 
	padding: 0 .3em;
	margin: 0 .5em; 
	text-align: left;
}
fieldset hr { margin: 1em 0 0 0; } 

form fieldset input { 
	margin-bottom: .5em; 
} 
form#fix fieldset input, form#merge fieldset input { 
	float: left; 
} 
form fieldset label {
	display: block;
	float: left;
	clear: left; 
	width: 150px;
	text-align: right;
	padding-right: .5em;
	margin-bottom: .5em; 	
}
form fieldset label.left {
	text-align: left; 
	width: 170px; 
}

fieldset #cardio, fieldset #strength, fieldset #flex, fieldset #equip, fieldset #spec {
	line-height: 1.2em;
}
#category { clear: both; }

.error { 
	font: .8em Verdana, Geneva, sans-serif; 
	color: #C00; 
	width: 100px; 
	display: inline; 
	vertical-align: middle;  	
}  

fieldset div.info { 
	float: left; 
	padding-left: 10px; 
} 
fieldset div#review { 
	clear: both; 
	text-align: left; 
}

textarea { overflow: scroll-y; float: left;} 
textarea#instruct { clear: right; margin-right: 7em;} 

textarea:focus, input:focus {
	border: 2px solid #4e4083;
}
div.terms { 
	display: block; 
	font-style: italic; 
	margin: 10px 40px; 
	font-size: 85%; 
} 
div.lines { margin: 0; } 
form#review div.lines { margin: 1em 0 .5em 0; } 


#category a { 
	font-size: .85em;;
	padding-left: 2px;
	vertical-align: text-top;
} 
.label { 
	display: block; 
	padding-right: .5em; 
	float: left; 
	font-weight: bold; 
	width: 100px; 
	text-align: right; 
} 
.data { 
	float: left; 
	font-style: italic; 
}
/* for some jQuery hiding and displaying */
#help { display: none; } 
a.reveal { margin-top: 1em; } 

/* BUTTONS */
input.btn { 
	margin: 0 1em;
	padding: .25em .5em; 
	background-color: #669;
	font-size: 1em;
	font-weight: bold; 
	color: #FFF; 
	border-right: 2px double #666; 
	border-bottom: 2px double #666; 
	border-left: 2px double #9797c6; 
	border-top: 2px double #9797c6; 
	
	background-image: -moz-linear-gradient(top, #666699, #330066);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666699), to(#330066)); 	
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;

} 
form#review input.btn { margin-top: 1em; } 

input.normal { 
	width: 204px; 
	height: 76px; 
} 

div#revwarn { 
	border: 2px solid red; 
	width: 700px; 
	height: 50px; 
	background-color: #ffcccc; 
	margin: 0 auto; 
	padding: 0 15px; 
	color: #333; 
	font-size: 11px; 
} 


/* Keepking centered button styling same as regular button.  Working around IE 6 problem */
input.btncenter { 
	margin: .5em 40%; 
	padding: .25em .5em; 
	background-color: #669;
	font-size: 1em;
	font-weight: bold; 
	color: #FFF; 
	border-right: 2px double #666; 
	border-bottom: 2px double #666; 
	border-left: 2px double #9797c6; 
	border-top: 2px double #9797c6; 
	
	background-image: -moz-linear-gradient(top, #666699, #330066);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#666699), to(#330066)); 	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

input.add {
	float: left; 
}

/* NAVIGATION */
ul.vert-one {
	list-style-type:none;
	list-style-position: outside; 	
	display:block;
	font:bold 15px Helvetica, Verdana, Arial, sans-serif;
	width:100%;
}
ul.vert-one li {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	margin-top: 0; 	
	font: bold 15px Helvetica, Verdana, Arial, sans-serif;
	line-height:150%;	
}
ul.vert-one li a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding-left: 5%;
/*	width: 95%;*/
	background-color: #666699;
}
ul.vert-one li a:hover{
	background-color: #9797c6;
}
ul.vert-one li a.current,ul.vert-one li a.current:hover{
	background-color: #4e4083;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.clear { clear: both; } 

input#rev_name[disabled] {
	border: none;
	background-color: #FFF;
	color: #000;
}

#loglinks { 
	width: 150px; 
	margin: 0 auto; 
	font-size: smaller;
	font-weight: bold; 
} 

.warning {
  color:#FF0000;
  font-weight:bold;
}
.permission { 
	font-size: 75%; 
} 

object  { margin: 2em;} 

/* Table Formatting */
table#users 	{ width: 600px; } 
#users th 		{ padding-left: 3px; font-size: 110%; text-align: left; border-bottom: 3px solid #4e4083;} 
#users th.id	{ width: 80px; } 
#users tr.odd {	background-color: #b6b6c6; }
#users tr.even { background-color: white; }
#users tr:hover { background-color: #dcdcef; } 
#users td 		{ padding-left: 5px; }
#users td img { padding-left: 8px; }

#users a:hover { text-decoration: none; }
#users thead tr:hover { background-color: #FFF; } 
#users thead th a { display: block; }
#users thead th a:hover { background-color: #dcdcef; }