/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
	.fs-9  { font-size:9;	 }
	.fs-10 { font-size:10px; }
	.fs-11 { font-size:11px; }
	.fs-12 { font-size:12px; }


/* -----------------------------------------
   Page Name 1
----------------------------------------- */
	.text-justify { text-align:justify; }



/* -----------------------------------------
   Page Name 2
----------------------------------------- */
body { padding-top:10px; }
a { color:#DB515B; }
a:hover { color:#DB515B; }

table tbody tr td a:hover { text-decoration:underline; }
table tbody tr td .button:hover { text-decoration:none; }


form.custom input[readonly="readonly"], form.custom input[readonly], input[readonly="readonly"], input[readonly] {
	background-color:#EFEDE6;
}
form.custom textarea[readonly="readonly"], form.custom textarea[readonly], textarea[readonly="readonly"], textarea[readonly] {
	background-color:#EFEDE6;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; border: 1px solid #cccccc; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 12px; margin: 0 0 12px 0; padding: 6px; height: 30px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }

fieldset { border: solid 1px #ddd; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 12px 12px 0; margin: 18px 0; }

div.alert-box { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;  }


.has-tip.a-none { border-bottom: dotted 0px #cccccc; cursor: pointer; font-weight: bold; color: #333333; }
.has-tip.a-none:hover { border-bottom: dotted 0px #196177; color: #2ba6cb; }



table { background: #fff; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 0 0 18px; border: 1px solid #ddd; }
table thead tr th, table tfoot tr td { padding: 3px 5px 3px; font-size: 14px; font-weight: bold; color: #222; }
table tbody tr td { color: #333; padding: 3px 4px; vertical-align: top; border: none; }


ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; overflow: hidden; }


.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; line-height: normal; }

/* Validation ---------------------- */
input.error:focus,
select.error,
textarea.error:focus {
	background-color:#f9e6e6;
}

label.error {
	z-index:999;
	font-size:10px;
	margin-bottom:10px;
	margin-top:-10px;
}

.prefix { left: 2px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden; }


blockquote {
font-size: 12px;
color: #555A64;
font-style: italic;
background: whiteSmoke;
border-left: 5px solid #E62832;
padding: 16px 29px 6px 29px;
}


/* -----------------------------------------
   Table
----------------------------------------- */
	.transparent.label { background-color:transparent; }

	/* Data Table */
	table.dataTable {
		margin: 0 auto;
		clear: both;
		width: 100%;
		border-spacing:0px;
	}
	
	table.dataTable thead th {
		background-color:#222222;
		color:#FFF;
		text-transform:uppercase;
		font-size:12px;
		text-shadow:1px 0px 1px #ccc;
		padding:4px;
		border-right:1px solid #373737;
	}
	
	table.dataTable tfoot th {
		padding: 3px 18px 3px 10px;
		border-top: 1px solid black;
		font-weight: bold;
	}
	
	table.dataTable td {
		border-bottom:1px solid #000; 
		border-right:1px solid #000;
		margin:0px;
		padding:3px 3px;	
	}
	
	table.dataTable td.center,
	table.dataTable td.dataTables_empty {
		text-align: center;
	}
	
	
	
	table.dataTable tr.odd td.sorting_1 { background-color: #DFDFDF; }
	table.dataTable tr.even td.sorting_1 { background-color: #F0F0F0; }
	
	table.dataTable tbody tr:hover { background-color:#FBF9B7; }
	table.dataTable tr.odd td.sorting_1:hover { background-color: #FBF9B7; }
	table.dataTable tr.even td.sorting_1:hover { background-color: #FBF9B7; }
	
	


	.dataTables_wrapper {
		position: relative;
		clear: both;
		*zoom: 1;
	}
	.dataTables_length { float: left; }
	.dataTables_filter {
		float: right;
		text-align: right;
	}
	.dataTables_info {
		clear: both;
		float: left;
	}
	.dataTables_paginate {
		float: right;
		text-align: right;
	}
	.paginate_disabled_previous,
	.paginate_enabled_previous,
	.paginate_disabled_next,
	.paginate_enabled_next {
		height: 19px;
		float: left;
		cursor: pointer;
		*cursor: hand;
		color: #111 !important;
	}
	.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }
	.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }
	.paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }
	.paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }
	.paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }
	
	/* Full number pagination */
	.paging_full_numbers { height: 22px; line-height: 22px; }
	.paging_full_numbers a:active { outline: none; }
	.paging_full_numbers a:hover { text-decoration: none; }
	
	/* Processing indicator */
	.dataTables_processing {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 250px;
		height: 30px;
		margin-left: -125px;
		margin-top: -15px;
		padding: 14px 0 2px 0;
		border: 1px solid #ddd;
		text-align: center;
		color: #999;
		font-size: 14px;
		background-color: white;
	}
	
	/* Sorting */
	table.dataTable th:active { outline: none; }
	
	/* Scrolling */
	.dataTables_scroll { clear: both; }
	.dataTables_scrollBody {
		*margin-top: -1px;
		-webkit-overflow-scrolling: touch;
	}
	a.selector { position: absolute; width: 26px; height: 26px; display: block; 
	background: url(../images/misc/custom-form-sprites.png) -14px 1px no-repeat; 
	right: 0; top: 0; border: solid 1px #ddd; }
	a.selector, a.selector { background-position: -14px -26px; }
	
	
	
	/*
		WIDGET LIST
	*/
	
	.widgetlist 			{ list-style: none; width:100%; margin:0px; float:left; }
	.widgetlist li 			{ display: inline-block; float: left;  margin: 0 5px 10px 5px; }
	.widgetlist li a 		{ display: block; padding: 15px; border: 1px solid #ccc; color: #333; text-align: center; background: #f7f7f7; }
	.widgetlist li a 		{ -moz-box-shadow: 1px 1px 0 #fff; color: #069; }
	.widgetlist li a span 	{ font-size: 12px; display: block; margin-top: 10px; height:60px; }
	.widgetlist li a:hover 	{ -moz-box-shadow: 0 0 4px #ddd; background: #fcfcfc; text-decoration: none; }
	
	.widgetlist.one_columns 	li { width:100%; 		}
	.widgetlist.two_columns 	li { width:47.5%; 		}
	.widgetlist.three_columns 	li { width:31%; 		}
	.widgetlist.four_columns 	li { width:22.5%; 		}
	.widgetlist.five_columns 	li { width:17.6%; 		}
	.widgetlist.six_columns 	li { width:14.3%; 		}
	.widgetlist.seven_columns 	li { width:11.95%; 		}
	
	.dropcap-homepage {
		background-color: #232832;
		border-radius: 2px 2px 2px 2px;
		color: white;
		display: block;
		float: left;
		font-size: 24px;
		line-height: 32px;
		margin: 6px 8px 0 0;
		padding: 5px 0;
		text-align: center;
		width: 44px;
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 10px;
	}