/* 
v 1.0
Author: Jon Marus
Started v1.0 Jan 10th, 2010
*/

/* Import other CSS files */
@import url('forms.css');
@import url('nav.css');
@import url('tables.css');

/* @group Links */

/* ==[ Link Styles ]================================== */

a {
	text-decoration: none;
	color: #1F68D1;
}

a:hover {
	color: #8CB2F0;
}

.controlLink {
	color: #666;
	font-size: .9em;
}

#dashboard_nav a {
	padding: 2px;
	color: #444;
	font-size: 1.1em;
	text-shadow: 0 1px 1px #ddd;
}

#dashboard_nav a:hover {
	color: #666;
	border: 0;
}

.td_hdr a, .td_hdr_hilite a {
	color: #fff;
}

.completed {
	text-decoration: line-through;
	color: #666;
}

/* @end */
/* @group Document */

/* ==[ Document Settings ]============================ */

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 14px;
	background-color: #fff;
}

img {
	border: 0px;
}

h1, h2, h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #333;
}

h1 {
	font-size: 2em;
}

h2 {
	margin: 0px 0px 10px 0px;
	color: #444;
	font-size: 1em;
}

p {
	margin: 0px 0px 10px 0px;
	line-height: 1.5em;
}

em {
	color: #333;
}

/* @end */
/* @group Layout */

/* ==[ Layout ]====================================== */

#hdr {
	position: relative;
	padding: 0;
	height: 75px;
	color: #e9e9e9;
	/*background-image: url('/img/gradients/hdr_blue.gif');
	background-position: 0% 100%;
	background-repeat: repeat-x;*/
	background-color: #030F1E;
}

#dashboard {
	position: relative;
	margin: 15px;
	min-width: 1000px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-image: url('/img/gradients/dashboard_bg.gif');
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

#left_col {
	float: left;
	margin: 0;
	padding: 0 0 3em 0;
	width: 158px;
}

#right_col {
	position: relative;
	margin-left: 161px;
	padding: 0;
	background-color: #fff;
}

#sub_nav, .sub_nav, #dashboard_title {
	margin: 0;
	padding: 10px 1px 7px 10px;
	height: 19px;
	font-size: .9em;
	color: #999;
	background-color: #FCFCFC;
	background-image: url('/img/gradients/nav_bg_dark.gif');
	background-position: 0% 100%;
	background-repeat: repeat-x;
	border-bottom: 1px solid #999;

}

#dashboard_nav {
	margin: 0;
	padding: 0 0 0 .5em;
}

#dashboard_nav li {
	color: #666;
}

#dashboard_content {
	position: relative;
	padding: 0px;
	padding-bottom: 100px;
	min-height: 45em;
	background-color: #fff;
}

#tab_content {
	position: relative;
	padding: 0px;
}

#login {
	margin: 0px auto;
	margin-top: 80px;
	margin-bottom: 40px;
	padding: 5px 10px 5px 10px;
	width: 35em;
	background-color: #fff;
	border: 3px solid #ddd;
}

#login_requirements {
	margin: 0px auto;
	margin-bottom: 80px;
	padding: 5px 10px 5px 10px;
	width: 500px;
	background-color: #fff;
}

#ftr {
	clear: both;
	padding: .5em .5em .5em 0;
	height: 1.4em;
	color: #333;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	background-color: #F5F5F5;
	background-image: url('/img/gradients/ftr_lightgrey.gif');
	background-position: 0% 100%;
	background-repeat: repeat-x;	
}



/* @end */
/* @group Lists */

/* ==[ Lists ]======================================= */

dt {
	float: left;
	padding: 0px 15px 0px 0px;
	width: 100px;
	line-height: 2.2em;
	text-align: right;
}

dd {
	margin: 0px 0px 5px 110px;
	line-height: 2.2em;
	color: #222;
}

#dashboard_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#dashboard_nav ul li {
	display: inline;
	margin: 0 5px 0 0;
}

#manage_details {
	margin: 10px;
	padding: 10px;
}

#manage_details dt {
	padding: 0px 10px 0px 0px;
	width: 95px;
	line-height: 16px;
	text-align: right;
	border-right: 1px solid #ddd;
}

#manage_details dd {
	margin: 0px 0px 5px 100px;
	padding: 0px 0px 0px 15px;
	line-height: 16px;
	color: #999;
}

.details_list {
	list-style-type: none;
	margin: 10px;
	padding: 0;
}

#details {}

#details_content {
	padding: 2em 2em 20px 4em;
}

#details_hdr {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	width: 75px;
	line-height: 16px;
	text-align: right;
	border-right: 1px solid #ddd;
}

#details_controls {
	float: left;
	display: block;
	margin: 0 0 25px 0px; 
	padding: 0;
	list-style-type: none;
}

#details_controls li {
	display: block;
	margin: 0 10px 0 0;
	line-height: 26px;
}

#details_attr {
	margin: 35px 0 20px 15px;
	padding: 0 0 15px 0;
}

#details_attr dt {
	padding: 0px 10px 0px 0px;
	width: 95px;
	line-height: 16px;
	text-align: right;
	border-right: 1px solid #ddd;
}

#details_attr dd {
	margin: 0px 0px 5px 100px;
	padding: 0px 0px 0px 15px;
	line-height: 16px;
	color: #777;
}

.manage_list {
	list-style-type: none;
	margin: 10px 30px 10px 40px;
}

.manage_list li {
	margin: 0px 0px 1px 10px;
	padding: 0;
	line-height: 22px;
}

.manage_group_list {
	list-style-type: none;
	margin: 0px;
	padding: 20px 5px 20px 10px;
}

.manage_group_list li {
	line-height: 22px;
}

.day_details {
	margin: 0 15px 5px 15px;
	padding: 10px 0 10px 0px;
	line-height: 10px;
}

.day_details dt {
	float: left;
	padding: 0px 15px 0px 0px;
	width: 80px;
	line-height: 1.2em;
	text-align: right;
}

.day_details dd {
	margin: 0px 0px 5px 80px;
	line-height: 1.2em;
	color: #222;
}

.hilite {
	opacity: .0;
	filter: alpha(opacity=0);
	background-color: #FFF6BF;
}

.no_items {
	background-color: #FFF6BF;
}

/* @end */
/* @group DIVs */

/* ==[ DIVs ]========================================== */

#sheet {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 34em;
	height: 20em;
	border-right: 1px solid #dad9da;
	border-bottom: 1px solid #dad9da;
	border-left: 1px solid #D2D1D2;
	background-color: #FCFCFC;
	background-image: url('/img/gradients/nav_bg.gif');
	background-position: 0% 100%;
	background-repeat: repeat-x;
	z-index: 99;
	display: none;
}

#sheet_elements {
	padding: 5px;
	display: none;
}

#tab_calendar {
	margin: 100px 0 0 0; 
	height: 140px; 
	border-top: 1px solid #ddd;
}

#err_box {
	display: none;
	position: absolute;
	margin-top: 10px;
	padding: 15px 25px 15px 25px;
	width: 280px;
	line-height: 1.6em;
	background-color: #fff;
	border: 1px solid #eee;
	z-index: 75;
}

#err_msg {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 1.4em;
	color: #A51A1A;
	background-color: #FFBFBF;
	border: 1px solid #FF2424;
}
	
#success_msg, #list_success_msg {
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	color: #444;
	background-color: #EDF3FE;
}

#success_msg {
	margin: 5px 0px 5px 0px;
	border: 1px solid #B8CCF1;
}

#list_success_msg {
	border-bottom: 1px solid #ddd;
}

#warn_msg {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	color: #666;
	background-color: #FFF6BF;
	border: 1px solid #FFD324;
}

#info_msg {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	color: #333;
	background-color: #fff9d8;
	border: 1px solid #ffe8cd;
}

#search_msg {
	margin: 10px 0px 5px 0px;
	padding: 4px 0 4px 5em;
	line-height: 20px;
	color: #333;
	background-color: #fff9d8;
	border-top: 1px solid #ffe8cd;
	border-bottom: 1px solid #ffe8cd;
}

#desc_msg {
	margin: 5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	line-height: 20px;
	color: #666;
	border-bottom: 1px solid #ddd;
}

#welcome_msg {
	margin: 25px;
	padding: 25px;
	font-size: 1.2em;
	line-height: 22px;
	color: #666;
	border: 2px solid #ddd;
	background-color: #edf4fd;
}

#site_address {
	color: #111;
}

#load_search {
	padding: 10px;
	font-size: .8em;
	text-align: center;
}

#overlay{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 50;
}



/* @end */

/* @group Classes */

/* ==[ Classes ]======================================= */

.tooltip {
	cursor: help;
}

.tooltip_bubble {
	margin: 0;
	padding: .2em 0 .3em 20px;
	width: 20em; 
	height: 26px;
	background-repeat: no-repeat;
	background-image: url('/img/tooltips/input_tooltip_a.gif');
	z-index: 50;
}


/* @end */