/*
	Name: TheNewLead (thenewlead.com)
	Date: March 15, 2011
	Description: Layout for HTML5 and CSS3 goodness.
	Version: 2.0
	Author: Czarnie Salazar
	Autor URI: http://www.iczalazar.net / http://www.sliceyweb.com
*/

/* DATEPICKER */
 /* hide widget */
.ui-widget 				{ display:none; }
/* Corner radius */
.ui-corner-tl 			{ border-top-left-radius:6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius:6px;
						  behavior:url('../misc/PIE.htc');}
.ui-corner-tr 			{ border-top-right-radius:6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius:6px;
     					  behavior:url('../misc/PIE.htc');}
.ui-corner-bl 			{ border-bottom-left-radius:6px;  -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius:6px;
						   behavior:url('../misc/PIE.htc'); }
.ui-corner-br 			{ border-bottom-right-radius:6px; -moz-border-radius-bottomright: 6px; 
						 -webkit-border-bottom-right-radius:6px; behavior:url('../misc/PIE.htc');}
.ui-corner-top 			{ border-top-left-radius:6px; border-top-right-radius:6px; 
						  -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;
						  -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px;
				          behavior:url('../misc/PIE.htc');}
.ui-corner-bottom 		{ border-bottom-left-radius:6px; border-bottom-right-radius:6px;
						 -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;
						 -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;
						  behavior:url('../misc/PIE.htc'); }
.ui-corner-right 		{ border-top-right-radius:6px; border-bottom-right-radius:6px;
						  -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px;
						  -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px;
						  behavior:url('../misc/PIE.htc');}
.ui-corner-left 		{ border-top-left-radius:6px; border-bottom-left-radius:6px;
						  -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px;
						  -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px;
						  behavior:url('../misc/PIE.htc');}
.ui-corner-all 			{ border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius:6px;
						  behavior:url('../misc/PIE.htc'); }
/* Datepicker */
.initDatePicker 			{ background: #FFF; border: 1px solid #a5acb2 !important; padding:2px;}
.ui-datepicker 			{ width: 16em; padding: .333em /*.2em .2em 0*/; background: #043667; font-size: 11px; 
							 		  border: 1px solid #01051a;z-index:2000 }
.ui-datepicker .ui-datepicker-header 
									{ position:relative; padding:.2em 0;color: #eee; width:100%; float: left; clear: both }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next 
									{ position:absolute; top: 2px; width: 10px; height: 16px; text-indent: -9000px;cursor:pointer }
.ui-datepicker .ui-datepicker-prev { left:2px; background: url('../images/caret-left.png') center center no-repeat}
.ui-datepicker .ui-datepicker-next { right:2px; background: url('../images/caret-right.png') center center no-repeat}
.ui-datepicker .ui-datepicker-title { margin: 0; text-align: center; padding-bottom:.2em}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; border-collapse: collapse; margin: 0; float: left; clear:both}
.ui-datepicker th {padding:0; text-align: center; font-weight: bold; border-top: 1px solid #040F19; border-bottom: 1px solid #0F4F8E; color: #eee;}
.ui-datepicker th span {padding:.25em 0; border-top: 1px solid #304183; border-bottom: 1px solid #000;display:block;width:100%; height:100% }
.ui-datepicker td {padding:0 }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding:.25em .25em .25em 0; text-align: right; text-decoration: none; color: #eee}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-trigger { vertical-align: middle; display: inline; cursor: pointer; }
img.ui-datepicker-trigger 		{ margin:4px 0 0 2px }
/* Interaction states */
.ui-datepicker .ui-state-hover {color: #FFF;font-weight:bold; text-decoration: underline}
.ui-datepicker .ui-state-active {background: #1a5086; color: #FFF; text-decoration: none; font-weight: bold; cursor:default}
/* END: DATEPICKER */

/* BEGIN: TABLE STYLES */
form { color:#666666; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px; }
form h3 { font-size:14px; padding-top:16px; }
form input { margin:2px 0; }
#page .row, form.modal .row {
	display: table;
	width: 100%;
	margin: 10px 0 0 0;
}
#page .content .row:last-child, form.modal .content .row:last-child   {
	margin-bottom: 10px;
}
#page .column .row:first-child, form.modal .column .row:first-child {
	margin-top: 0;
}
#page .column, form.modal .column {
	display: table-cell;
	padding: 0 8px;
	vertical-align: top;
	*float:left;
}
#page .column h6, form.modal .column h6 {
	font-size:11px;
	color: #a4adb3;
}
#page .row .column:first-child, form.modal .row .column:first-child {
	padding: 0 5px 0 10px;
}
#page .row .column:last-child, form.modal .row .column:last-child {
	padding-right: 10px;
}
#page .column .column:first-child, form.modal .column .column:first-child {
	padding-left: 0;
}
#page .column .column:last-child, form.modal .column .column:last-child {
	padding-right: 0;
}
#page .fieldset .row, form.modal .fieldset .row {
	margin: 0 !important;
}
.standard_table			 	{ border-collapse: separate; font-size: .9em; }
.standard_table caption 		{ background: -moz-linear-gradient(top, rgb(228, 232, 235), rgb(240, 241, 243)); color: #4d4d4d;
								  font-weight: bold; padding: 4px; border-top: 1px solid #fff; border-bottom: 2px solid;
								  -moz-border-bottom-colors: #ddd #fff; }
.standard_table th {
	color:#fff;
	background:#2d3b4e;
  	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d3b4e', endColorstr='#41556e');
  	-pie-background: linear-gradient(#2d3b4e, #41556e 20%);
	background: -webkit-gradient(linear, left top, left bottom, from(#2d3b4e), to(#41556e)); 
  	background: -moz-linear-gradient(top,  #2d3b4e,  #41556e);
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #fff;
	padding: 4px 4px 4px 10px;
	font-weight: bold;
	vertical-align: top;
	behavior:url('../misc/PIE.htc');
}
caption, th {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
.standard_table th:first-child {
	border-left: 0;
}
.standard_table th:last-child {
	border-right: 0;
}
th div {
	display: block;
	margin-top: 3px;
}
th div:hover {
	cursor: move;
}
th div:first-child {
	margin-top: 0;
}
th .ascending {
	background: url(../images/icon_sort_asc.gif) no-repeat right 5px;
	padding-right: 15px;
}
th .descending {
	background: url(../images/icon_sort_desc.gif) no-repeat right 5px;
	padding-right: 15px;
}
th a {
	color:#fff;
}
th a:hover {
	color: #44bbef !important;
	text-decoration: none !important;
}
.standard_table tr:nth-child(odd) {
	background-color: #fff;
}
.standard_table tr:nth-child(even) {
	background-color: #f1f6f9;
}
.standard_table tr.even, * html .standard_table tr.even, *+html .standard_table tr.even {
	background-color: #f1f6f9; background-color/*\**/: #f1f6f9\9;
}
.standard_table tr:last-child  td {
	border-bottom: 1px solid #ddd;	
}
.standard_table tr.hover {
	background:#ecf8ff;
}
.standard_table td {
	color: #333333;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 4px 6px 10px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #fff;
	vertical-align: top;
}
.standard_table td:first-child {
	border-left: 0;
}
.standard_table td:last-child {
	border-right: 0;
}
td div {
	display: block;
	margin-top: 3px;
	border-top: 1px dotted #eee;
}
td div:first-child {
	margin-top: 0;
	border-top: 0;
}
.select_cell, #page .action_cell {
	width: 1%;
	white-space: nowrap;
	text-align: center;
	padding-left: 4px !important;
}
.action_cell a {
	display: inline-block;
	margin-top: 6px;
}
.action_cell a + a {
	margin-left: 5px;
}
.red {
	color: #e00201 !important;
}
.green {
	color: #7bc100 !important;
}
.digits {
	text-align: right !important;
}
#page td a:hover {
	text-decoration: underline;
}
.grid_pages {
	padding: 7px 0 5px 0 !important;
	margin: 0;
	font-size:11px;
	border-bottom: 2px solid;
	-moz-border-bottom-colors: #ddd #fff;
}
.grid_pages select {
	font-size: .9em;
	margin: -2px 0 0 0;
	padding:2px 3px;
}
.standard_table tfoot th {
	padding-top:7px !important;
	margin: 0;
	font-size:11px;
	border-bottom: 2px solid;
	-moz-border-bottom-colors: #ddd #fff;
}
.standard_table tfoot th select {
	font-size: .9em;
	margin: -2px 0 0 0;
	padding:2px 3px;
}
.grid_pages .column {
	padding: 0 5px !important;
}
.page_numbers {
	margin: 0 10px;
}
.page_numbers a {
	padding: 2px 4px;
	margin: 0 1px
}
.grid_pages a:hover {
	text-decoration: underline;
}
.current_page {
	color: #fff;
	background: #0098DB;
	-moz-border-radius: 3px;
}
/* END: TABLE STYLES */


/* BEGIN: BUTTONS */
#page .button, form.modal .button {
	display: inline-block;
	line-height: 1.2em;
	margin: 10px 5px 0 0;
	padding: 4px 10px 4px 10px;
	text-transform:capitalize;
	font-size:12px !important;
	color:#fff;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow:1px 1px 1px #14415f;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#587e96', startColorstr='#14415f', endColorstr='#14415f');
	-pie-background: linear-gradient(#587e96, #14415f, #14415f 20%);
	background: -moz-linear-gradient(top, #587e96, #14415f, #14415f);
	background: -webkit-linear-gradient(top, #587e96, #14415f, #14415f); 
	border-top: 1px solid rgb(58, 102, 128);
	border-right: 1px solid rgb(53, 87, 106);
	border-bottom: 1px solid rgb(61, 84, 97);
	border-left: 1px solid rgb(53, 87, 106);
	border-radius:6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	behavior:url('../misc/PIE.htc');
}
.btn_inline						{  margin:2px 5px 0 0  !important }
#page a.button:hover, #page a.button:focus, 
form.modal a.button:hover, form.modal a.button:focus {
	color:#4d4d4d;
	text-shadow: 1px 1px 1px #ffffff;
	-moz-text-shadow: 1px 1px 1px #14415f;
	-webkit-text-shadow: 1px 1px 1px #14415f;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0d3ef', startColorstr='#cceafa', endColorstr='#5bafde');
	-pie-background: linear-gradient(#a0d3ef, #cceafa, #5bafde 20%);
	background: -moz-linear-gradient(top, #a0d3ef, #cceafa, #5bafde);
	background: -webkit-linear-gradient(top, #a0d3ef, #cceafa, #5bafde); 
	border-top: 1px solid rgb(184, 205, 222);
	border-right: 1px solid rgb(158, 181, 195);
	border-bottom: 1px solid rgb(136, 156, 167);
	border-left: 1px solid rgb(158, 181, 195);
	text-decoration: none;
	behavior:url('../misc/PIE.htc');
}
/*
#page a.button:active, #page a.button.clicked {
	background: -moz-linear-gradient( top,  rgb(17, 64, 95), rgb(34, 77, 107), rgb(86, 124, 148) );
	border-bottom: 1px solid rgb(58, 102, 128);
	border-top: 1px solid rgb(61, 84, 97);
}
*/
#page .button_bar, form.modals .button_bar	{ margin:0 10px 10px 4px; }
.home #page .button_bar a 		{ margin:0 5px 10px 0; }
#page .button_bar1, form.modal .button_bar1	{ margin:0 10px 10px 5px; }
#page .button_bar1 a, form.modal .button_bar1 a			{ margin:4px 10px 10px 0; }
#page .nav .button, form.modal .nav .button {
	font-size: .9em;
	padding: 10px 0;
	text-indent: 10px;
	width: 99%;
	margin: 0 0 10px 0;
}
/* END: BUTTONS */

/* BEGIN: FORMS */
#page fieldset, 
form.modal fieldset 	{  border: 0; padding: 0; margin:0; }
#page form fieldset:last-child, 
form.modal form fieldset:last-child { margin-bottom: 0; }
#page fieldset p,
form.modal fieldset p	{ padding: 3px 0 0 0; /*background: #fff;*/ overflow: auto;
						  -moz-border-radius: 4px; }
#page fieldset p,
form.modal fieldset p 	{ background: transparent; }
#page .button,
form.modal .button		{
	display: inline-block;
	/*margin: 5px 5px 10px 15px !important;*/
	padding: 4px 10px 4px 10px !important;
	font-size:12 !important;
	text-indent: 0 !important;
	width: auto !important;
}
#page .button:hover, #page .button:focus,
form.modal .button:hover, form.modal .button:focus {
	text-decoration: none !important;
}
#page .button + .button,
form.modal .button + .button {
	margin-left: 0 !important;
}
/*#page .active, form.modal .active 		{ background-color: #eee; }*/
#page fieldset .errors, 
form.modal fieldset .errors { background: #ffeded !important; }
form.modal label 	{ display:block; width:120px; padding:2px 6px; text-align:left; float:left; clear:left;
					  margin:0 5px 0 0; line-height:22px; font-size:11px; font-weight:bold; color:#fff; }
div.post_form label { clear: both; float: left; font-size:13px; padding-right: 15px; text-align: right; width: 275px; }
li.field label, li.field span.desc { display: block; }
div.post_form fieldset { padding-bottom: 15px; }
div.post_form fieldset { background-color: #F1F4F7; }
div.post_form span.desc, fieldset#poll_wrap span.desc { color: #606060; font-size:9px; clear: both; display: block; margin-left: 290px; }
#page .top_label label, #page p.top_label,
form.modal .top_label label, form.modal p.top_label {
	width: auto;
	float: none;
	text-align: left;
}
#page .top_label p, #page p.top_label,
form.modal .top_label p, form.modal p.top_label{
	padding-left: 4px !important;
}
#page td .top_label p, #page td p.top_label,
form.modal td .top_label p, form.modal td p.top_label{
	padding-left: 0px !important;
}
#page .errors label,
form.modal .errors label{
	 color: #e53030;
}
#page small, form.modal small {
	font-size:11px;
	margin-left: 4px;
}
#page label small, form.modal label small {
	display: block;
	font-size: .95em;
	margin: 0 0 0 0 !important;
	line-height: 1.8em;
	font-weight: normal;
}
#page .desc_label, form.modal .desc_label {
	width: auto;
	clear: none;
	margin: 0 15px 0 3px;
	text-align: left;
	font-size: .85em;
	float: none;
	display: inline-block;
	line-height: 22px;
	vertical-align: baseline;
	font-weight: normal;
	padding: 0;
	background-image: none;
}
#page input[type="text"], #page input[type="password"], #page textarea, #page select, #page .form_text,
form.modal input[type="text"], form.modal input[type="password"], form.modal textarea, form.modal select, form.modal .form_text {
	color:#888;
	padding: 2px 3px 2px 3px;
	/*margin: 0 2px 5px 2px; */
	display: inline-block;
	vertical-align: top;
}
#page input[type="file"], form.modal input[type="file"] {
	margin: 0 2px 3px 2px;
}
#page select {
	padding: 2px 3px;
}
#page input[type="checkbox"], #page input[type="radio"],
form.modal input[type="checkbox"], form.modal input[type="radio"] {
	margin: 5px 2px;
	display: inline-block;
	vertical-align: top;
}
#page input[type="checkbox"] + .desc_label,
form.modal input[type="checkbox"] + .desc_label{
	margin-top: 0;
}
#page .input_group,
form.modal .input_group{
	display: block;
	float: left;
	margin-right: 5px;
}
#page .inline_group, form.modal .inline_group 	{ display:block; margin-left:112px; }
#page .inline_btn, form.modal .inline_btn 	{ display:block; margin-left:140px; }
#page .inline_btn1, form.modal .inline_btn1 	{ display:block; margin-left:152px; }
#page .inline_btn2, form.modal .inline_btn2 	{ display:block; margin-left:198px; }
#page .top_label .inline_group, form.modal .top_label .inline_group 	{ margin-left: 0; }

#page input[type="text"], #page input[type="password"], #page input[type="file"], #page textarea, #page select,
form.modal input[type="text"], form.modal input[type="password"], form.modal textarea, form.modal select{  
     border: solid 1px #C9C9C9; 
     outline: 0;  
     background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF 10px);  
     -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 2px;  
	 -moz-border-radius: 4px;
	 padding:2px 5px;
}  
#page input:hover, #page textarea:hover, #page input:focus, #page textarea:focus,  #page select:focus, #page select:hover,
form.modal input:hover, form.modal textarea:hover,form.modal input:focus, form.modal textarea:focus,  form.modal select:focus, form.modal select:hover{  
     border-color: #a0a0a0;  
}  
fieldset.attachments .input_submit, fieldset.attachments .swfupload, fieldset.attachments .input_upload { margin-left: 15px; }
.input_submit { border-style: solid; border-width: 1px; cursor: pointer; font-size:12px; font-weight: bold; padding: 3px 7px; text-decoration: none; }
.input_submit { background-color: #1D3652; border-color: #4F7298 #113051 #113051 #4F7298; color: #FFFFFF; }
body#ipboard_body fieldset.submit, body#ipboard_body p.submit { padding: 15px 6px; text-align: center; }
body#ipboard_body fieldset.submit, body#ipboard_body p.submit { background-color: #D5DDE5; }
.input_submit.alt { text-decoration: none; }
.input_submit.alt { background-color: #EEF3F8; border-color: #FAFBFC #BFCBD8 #BFCBD8 #FAFBFC; color: #1D3652; }
.btns { width:auto; background:#D5DDE5; padding:15px; text-align:center; }
.btns .cancel { color: #AD2930; font-size:12px; font-weight: bold; }
#page select:focus,
#page select:focus { outline: none; }

#page fieldset p.empty,
form.modal fieldset p.empty { height: 29px;  }


#page .long_element select, #page .long_element input[type="text"], #page .long_element textarea,
form.modal .long_element select, form.modal .long_element input[type="text"], form.modal .long_element textarea{
	position: absolute;
}
#page .long_element .input_group,
form.modal .long_element .input_group{
	height: 29px;
}
/* END: FORMS */

/* ERROR HANDLER */
.successMessage 			{ display: block; background:#ecffd2 url("../img/icon-check.png") no-repeat scroll 18px 50%;
							  border:1px solid #9cdd3e; margin-bottom:8px; padding:8px 8px 8px 36px; 
							  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url('../misc/PIE.htc'); }
.successMessage p 			{ color:#666; margin:0 8px 0 10px; text-align:left;padding:0 !important; }

.confirmMessage 			{ display: block; background:#fff9cd url("../img/icon-warning.png") no-repeat scroll 18px 50%;
							  border:1px solid #ebd751; margin-bottom:8px; padding:8px 8px 8px 36px; 
							  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url('../misc/PIE.htc'); }
.confirmMessage p 			{ color:#666; margin:0 8px 0 10px; text-align:left; padding:0 !important; }
.normalMessage 				{ display: block; background:#F3F3F3 url("../img/information.png") no-repeat scroll 18px 50%;
							  border:1px solid #D4D4D4; margin-bottom:8px; padding:8px 8px 8px 36px; 
							  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url('../misc/PIE.htc'); }
.normalMessage p 			{ color:#515151; margin:0 8px 0 10px; text-align:left; padding:0 !important; }

/* ERROR HANDLER */
.errorSummary 				{ display: block; border:0; color:#666666; 
							  background:#ffeded url('../img/icon-warning.png') no-repeat scroll 18px 6px; 
							  margin-bottom:8px; padding:8px 8px 8px 36px; 
							  border-radius:6px; -moz-border-radius:6px ;-webkit-border-radius:6px; behavior:url('../misc/PIE.htc'); border:1px solid #f17e7e }
.errorSummary p 			{ color:#666; margin:0 8px 0 10px; text-align:left; padding:0 !important; }
.errorSummary ul, .errorSummary ol { font-size:12px; margin: 5px 10px; padding:0 0 6px 22px; list-style:decimal}
.errorExpand 				{ background-position:0 top !important; }
#errorToggle 				{ display: block; background:url('../images/icon_plus_minus.gif') 0 -85px no-repeat; cursor:pointer; 
							  float:right; padding-left:16px; font-weight: normal !important; }
/* END:  ERROR HANDLER */
