﻿	/*-------------------------------------------
		TITLE: TAO Admin
		AUTHOR: Kyle Sollenberger, kyle@iamkyle.com
		UPDATED: 1/16/2008
	-------------------------------------------*/
	/*-------------------------------------------
		CLEAR FIX
	-------------------------------------------*/
	.clear:after, #header:after, #main:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clear, #header, #main {display:inline-block;}
	/* Hide from IE Mac \*/
	.clear, #header, #main {display:block;}
	/* End hide from IE Mac */
	/*-------------------------------------------
		GENERAL SELECTORS
	-------------------------------------------*/
	body {
		color:#252525;
		font:10pt Arial, Helvetica, Sans-serif;
		margin:0;
		padding:0;
	}
	
	/*- LINKS -*/
	a {}
	a:hover {}
	
	/*- TABLES -*/
	table {background:#f5f5f5;width:100%;}
		table caption {
			background:#e0eeff;
			border-right:#FFF 1px solid;
			font-size:10pt;
			font-weight:bold;
			padding:10px;
		}
		/* dataTable */
			.dataTable th {
				background:#dfdfdf;
				border-bottom:#cccaca 1px solid;
				border-right:#FFF 1px solid;
				text-align:left;
				font-size:7pt;
				font-weight:normal;
				padding:5px;
				text-transform:uppercase;
			}
			.dataTable td {
				background:#e6e6e6;
				border-bottom:#e6e6e6 1px solid;
				border-right:#FFF 1px solid;
				font-size:9pt;
				padding:5px;
			}
			.dataTable tr.dataTable_altRow td {background:#f6f6f6;}
			/*.dataTable td a {display:block;text-align:center;}*/
		/* forms */
		.form th {
			font-size:9pt;
			font-weight:normal;
			padding:10px 5px 5px 5px;
			text-align:right;
			vertical-align:top;
			width:125px;
		}
			.form td input, .form td select {
				width:200px;
			}
			.form td textarea {
				height:150px;
				width:300px;
			}
		.form td {
			padding:5px;
		}
		.form tfoot td {
			font-size:10pt;
			font-weight:bold;
			padding:15px 20px;
		}

	/*-------------------------------------------
		LAYOUT
	-------------------------------------------*/
	/*- HEADER -*/
		#header {
			background:#252525;
			height:75px;
			padding:5px 20px 0 20px;
			position:relative;
		}
			#header * {list-style:none;margin:0;padding:0;}
		/* logo */
			#header h1 {
				float:right;
			}
		/* menu */
			#header ul {bottom:0;float:left;left:0;padding:0 0 0 20px;position:absolute;}
				#header ul li {float:left;}	
					#header ul li a {
						background:#3e3e3e;
						color:#FFF;
						display:block;
						margin:7px 1px 0 0;
						padding:10px 15px;
						text-decoration:none;
					}
					#header ul li a:hover {
						background:#4a4a4a;
					}
					#header ul li.selected a {
						background:#FFF;
						color:#252525;
						font-size:12pt;
						font-weight:bold;
						margin:0 5px;
						padding:12px 20px;
					}
	/*- MAIN -*/
		#main {
			padding:25px;
		}
		/* content */
			#content {
				float:left;
				width:74%;
			}
				#content table {
				}
		/* sidebar */
			#sidebar {
				float:right;
				width:24%;
			}
				#sidebar * {list-style:none;margin:0;padding:0;}
				#sidebar li {padding:0 0 5px 0;}
					#sidebar li a {
						display:block;
						padding:10px;
						text-decoration:none;
					}
						#sidebar li strong a {
							display:block;
							background:#EFEFEF;
							border:#CCC 1px solid;
							color:#2E2E2E;
							font-size:12pt;
						}
						#sidebar li strong a:hover {
							background:#0033ff;
							color:#FFF;
						}