* { padding: 0; margin: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans;
	color: #464646;	
	line-height: 18px;
	background: url('../img/body_bg.jpg') repeat top;
}
div#page_wrap {
	background: url('../img/backgrounds/logo.jpg') no-repeat -24px -10px;
	width: 1000px;
	/* height: 245px; */
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
	div#user_details 	{
		position: absolute;
		right: 200px;
		top: 25px;
		font-size: 11px;
		color: #fff;
	}
		div#user_details a { color: #ccc;}
div#page_body {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 87px;
}
div#navigation {
	background: url('../img/backgrounds/nav.jpg') repeat-x center;
	height: 37px;
	border: 1px solid #3b3b3b;
}
	div#navigation ul{
		list-style:none;
		padding-top: 10px;
		text-align: center;
	}
	div#navigation ul li{
		display: inline;
		margin-left: 5px;
		margin-right: 5px;
	}
		div#navigation ul li a{
			padding: 2px 5px 2px 5px;
			color: #959595;
			text-decoration: none;
		}
		div#navigation ul li a:hover{
			color: #fff;
			background: none;
		}
		div#navigation ul li.active a{
			background: url('../img/backgrounds/nav_active.jpg') repeat-x;
			color: #fff;
		}
div#page_content {
	background: #fff;
	border: 1px solid #4f6a72;
	margin-top: 20px;
}
	div#page_content div.padding{
		padding: 15px;
	}
.clear {clear:both;}
hr {
	border: none;
	height: 1px;
	background: #ccc;
}
div.link_box {
	background: #fffcd3;
	padding: 15px;
	border: 1px solid #eee;
}
div.link_box ul{
	list-style:none;
	padding-left: 0px;
}
	div.link_box ul li{
		padding-left: 24px;
		margin-bottom: 10px;
	}
		div.link_box ul li a{ color: #4e4e4e; }
		div.link_box ul li#account{ background: url('../img/icons/account.png') no-repeat left; }
		div.link_box ul li#todo{ background: url('../img/icons/todo.png') no-repeat left; }		
		div.link_box ul li#system{ background: url('../img/icons/system.png') no-repeat left; }				
		div.link_box ul li#users{ background: url('../img/icons/users.png') no-repeat left; }						
/*--------------------------------------------
Typography
---------------------------------------------*/
h1#page_title {
	background: url('../img/backgrounds/title_teal.jpg') repeat-x top center;
	height: 25px;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}
h2 {
	font-size: 13px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
}
h1 {
	font-size: 17px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
}
h3 {
	font-size: 12px;
	font-weight: normal;
	color: #222;
	margin-bottom: 10px;
	color: #666;
}
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #222;
	margin-bottom: 10px;
}
.gray {
	color: #777;
	font-style: italic;
}
.grey { color: #999; }
a {color: #55676c;text-decoration: none; outline: none;}
a.linkbutton { padding: 4px; font-size: 15px; color:#fff; background-color: #4f6a72; border: 1px solid #eaeaea; }
a:hover {text-decoration: underline;}
p {
	line-height: 18px;
	margin-top: 5px;
	color: #555;
}
div#controls { 
               
                        
}
		div#controls span{
			float: left;
			margin-right: 10px;
			padding-top: 2px;
		}
	div#controls div{
		margin-right: 10px;
		border: 3px solid #eaeaea;
	} 

/*--------------------------------------------
Tables
---------------------------------------------*/
table.data {
	border-collapse: collapse;
	width: 100%;
	border: 2px solid #eaeaea;
}
table.data tr th {
	background: url('../img/backgrounds/title_teal.jpg') repeat-x top center;
	border-bottom: 1px solid #eaeaea;	
	padding: 6px;
	text-align: left;
	color: #fff;
	padding-left: 8px;
}
table.data tr td {
	padding: 8px;
	padding-bottom: 10px;
	padding-top: 12px;
	border-bottom: 1px solid #eaeaea;
}
table.data td.actions {
	background: #f7f7f7;
	width: 110px;
	border-left: 1px solid #eaeaea;
}
	td.actions img{
		margin-right: 10px;
		margin-left: 10px;
	}
table tr.highlight {
	background: #f7f7f7;
}
table.actions {
	border-collapse: collapse;
	//width: 100%;
	border: 1px solid #eaeaea;
}
table.actions tr td {
	padding: 0px;
	background-color: #4f6a72;
	text-align: center;
}
table.actions tr td a {
	display: block;
    text-decoration: none;
    line-height: 15px;
    padding: 10px 10px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
table.actions tr td:hover { background-color: #56808d; }
div.pagination {padding: 20px 0}
div.pagination a {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:10px}
div.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
div.pagination a.selected { color: #ffffff; background: #516E76; border: 1px solid #5e5552 }
/*--------------------------------------------
Form Elements
---------------------------------------------*/
div.box {
	background: #f7f7f7;
	padding: 10px;
	border: 1px solid #eaeaea;
	line-height: 17px;
}
.textField {
	border: 1px solid #dedede;
	font-size: 13px;
	padding: 5px;
	background: #fefefe;
	color: #222;
}
	.textField:focus {
		background: #fff;
		border-color: #ccc;
	}
	.small {width: 200px;}
	.medium {width: 270px;}
	.large {width: 330px;}
.date_input,
.date_input:focus {
	background: url('../img/icons/calender.png') no-repeat 4px 4px;
	padding-left: 25px;
}	
div#copyright {
	text-align: center;
	font-size: 11px;
	color: #ccc;
	margin-top: 10px;
	font-weight: bold;
}
.button {
	float: left;
	background: url(../img/backgrounds/box-right.gif) top right no-repeat;
	margin-right: 10px;
}
.btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(../img/backgrounds/box-left.gif) top left no-repeat;
}	
.btn-inner a {
	display: block;
	margin: 0;
	padding: 0 0 0 17px;
	font: bold 1.2em Arial, sans-serif;
	color: #039;
	text-decoration: none;
	background: url(../img/backgrounds/box-left.gif) bottom left no-repeat;
}	
.btn-inner input {border: 0; background: transparent; cursor: pointer;}
.btn-inner input:hover {color: #4D686F;}
.btn-inner em {
	display: block;
	margin: 0;
	padding: 0 20px 5px 0;
	font-style: normal;
	background: url(../img/backgrounds/box-right.gif) bottom right no-repeat;
}
.btn-inner img {
	margin-right: 5px;
	vertical-align: middle;
}
/*--------------------------------------------
Notification Dialogs
---------------------------------------------*/
div.notification {
		padding: 18px;
		border: 1px solid #ddd;
		color: #1f1f1f;
		margin-top: 5px;
		margin-bottom: 10px
}
	div.notification img{
		position: relative;
		top: 3px;
		margin-right: 5px;
	}
	div.notification em{ font-style: normal; }
	div#error {background: #F8E3E0;}
	div#confirmation { background: #DFE9B8; }
	div#information { background: #DAE6F1; }
	div#error a,
	div#confirmation a,
	div#information a{
	  float: right;
		margin-top: -35px;
		* margin-top: -55px;
		font-size: 11px;
		margin-right: -10px;
		* margin-right: 0px;		
		* padding-right: 10px;
		padding-left: 15px;
		background: url('../img/icons/close.png') no-repeat left 3px;
		* background: none;
	}
div.half {
	width: 50%;
}
/*--------------------------------------------
Text Styles
---------------------------------------------*/
ul.points{
	list-style:none;
	padding-left: 0px;
	margin-top: 5px;
}
	ul.points li{
		padding-left: 24px;
		background: url('../img/icons/arrow.png') no-repeat left;
		margin-bottom: 8px;
	}
img {border: 0;}


.innerNav { border:none; }
.innerNav td{ border:none; }
/*--------------------------------------------
Form Styles
---------------------------------------------*/
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	padding-right: 20px;
}
input, select, textarea { padding: 3px; border: 1px solid #4f6a72; }
select[multiple=multiple] {
	width: 100%;
}
select option { padding: 0 3px; }
input[type=submit], input[type=button] { padding: 3px; color:#fff; background-color: #4f6a72; border: 1px solid #eaeaea; }
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}