/**
 * main admin site style
 * 
*/

/** reset style */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; border:none }
body { line-height: 1 }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
a:focus, a:active, input:focus, input:active { outline: none; -moz-outline-style: none }
ins { text-decoration: none }
del { text-decoration: line-through }
table { border-collapse: collapse; border-spacing: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1 }

/** media all */
* { padding: 0; margin: 0 }
html, body { height: 100% }
body { background: #ffffff }
body, input, textarea, select { font: 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif normal; color: #333333 }
h1 { color: #f33380; font-size: 18px; margin-bottom: 20px; background-position: 5px 0 }
a { color: #4c641b; text-decoration: none }
a:hover { text-decoration: underline }
#wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px }
#header { background: #84a32e; height: 60px; position: relative }
	#header #logo a { position: relative; top: 20px; left: 20px; position: absolute; font-size: 11px; color: #fff; text-transform: uppercase }
	#header #logo a span { font-size: 30px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif }
		#header #logo a:hover { text-decoration: none }
		#header #logo a:hover span { color: #F0F0F0 }
	#header #auth { position: absolute; right: 20px; top: 0 }
		#header #auth ul li { float: left; list-style: none }
			#header #auth ul li a, #header #auth ul li span { background: #F0F0F0; border-radius: 0 0 5px 5px; color: #84A32E; font-size: 11px; padding: 6px 12px; text-transform: uppercase; text-align: center; margin: 0 1px; display: block }
		#header #auth p, #header #auth a { color: #84A32E }
#navi { background: #84a32e; min-height: 34px }
	#navi ul { list-style: none; margin: 0 20px }
		#navi ul li a { float: left; color: #ffffff; padding: 8px 12px; display: block; text-align: center; text-transform: uppercase; background: #9fb75c; border-radius: 5px 5px 0 0; margin: 0 1px }
			#navi ul li a:hover, #navi ul li.active a { text-decoration: none; background: #F0F0F0; color: #F33380 }
		#navi ul li a.navi-item-right { float: right }
#subnavi { height: 34px; background: #F0F0F0; padding: 0 20px; border-bottom: 1px #DCDCDC solid }
	#subnavi ul { list-style: none }
		#subnavi ul li { float: left }
			#subnavi ul li a { display: block; padding: 3px 12px; display: block; text-align: center; border: 1px #DCDCDC solid; border-radius: 5px 5px 0 0; margin: 9px 1px 0; border-bottom: none; text-decoration: none }
			#subnavi ul li.active a, #subnavi ul li a:hover { border-bottom: 1px #fff solid; background: #fff; color: #F33380 }
#breadcrumbs { padding: 10px 20px 0; font-size: 11px; color: #A8A8A8 }
	#breadcrumbs a { color: #A8A8A8 }
#content { min-width: 990px; max-width: 100% }
	#content .content { padding: 10px 20px 20px; overflow: hidden }
	body.module-auth #content .content { padding: 20px; width: 260px; border: 1px #DCDCDC solid; border-radius: 5px; margin: 20px auto 0; margin: 150px auto 0 }
	#content .content-inner { width: 100% }
		#content .content-inner .content-left { width: 49%; float: left; margin-bottom: 30px }
		#content .content-inner .content-right { width: 49%; float: right; margin-bottom: 30px }
			#content .content-inner .content-right .content-right-inner { margin-bottom: 30px }
		#content .content-inner .middle { border: 1px solid #dcdcdc; min-height: 300px }
		#content .content-inner .content-right-inner .middle { min-height: inherit }
			#content .content-inner .middle .middle-top { background: #F0F0F0; padding: 10px; border-bottom: 1px solid #DCDCDC }
			#content .content-inner .middle .middle-bottom { padding: 10px }
				#content .content-inner .middle .middle-bottom p { padding: 2px 0 }
			#content .content-inner p.separate { padding-top: 10px }
				#content .content-inner span.light { color: #999 }
				#content .content-inner .middle ol { list-style-position: inside }
			#content .content .list li { padding: 4px 0; list-style: none; position: relative; overflow: hidden }
			#content .content .list-large li { padding: 12px 0 }
				#content .content .list li .list-item { display: block; max-width: 440px }
				body.module-reports #content .content .list li .list-item { max-width: 320px }
				#content .content .list li span.list-meta { position: absolute; top: 5px; right: 0 }
				#content .content .list li div.list-note { margin-right: 80px }
		#content .content-inner .top, #content .content-inner .bottom { background: #E0EBC2; border: 1px solid #DCDCDC; overflow: hidden }
		#content .content-inner .admin, #content .content-inner .admin { background: #DCDCDC }
		#content .content-inner .top { border-radius: 5px 5px 0 0; border-bottom: none }
		#content .content-inner .bottom { border-radius: 0 0 5px 5px; border-top: none; min-height: 5px }
			#content .content-inner .top .top-left, #content .content-inner .top .top-right, #content .content-inner .bottom .bottom-left, #content .content-inner .bottom .bottom-right { width: 50%; float: left }
			#content .content-inner .top-2 .top-left { width: 40% }
			#content .content-inner .top-2 .top-right { width: 60% }
			#content .content-inner .top .top-right, #content .content-inner .bottom .bottom-right { text-align: right; text-transform: lowercase }
				#content .content-inner .top .top-left div, #content .content-inner .top .top-right div, #content .content-inner .bottom .bottom-left div, #content .content-inner .bottom .bottom-right div { padding: 10px }
				
#footer, #push { height: 25px; line-height: 25px }
#footer { background: #dcdcdc }
	#footer p { font-size: 9px; text-align: center }
.clear { clear: both }
.msg { background: #F0F0F0; border: 1px #DCDCDC solid; border-radius: 3px; padding: 5px; text-align: center; color: #F33380; margin: 10px 20px }
.bold { font-weight: bold }
.error { color: #F33380 }
.align-right { text-align: right !important }
.align-left { text-align: left !important }
.align-center { text-align: center !important }
.fnt-medium { font-size: 14px; line-height: 24px }
.reminder-pass { float: left; margin-top: 5px }
.txt-small { font-size: 11px; color: #999 }

/** tabs */
.ui-tabs ul.ui-tabs-nav { height: 35px; border-bottom: 1px #dcdcdc solid; margin-bottom: 10px; padding: 0 10px }
	.ui-tabs ul.ui-tabs-nav li { list-style: none; float: left }
		.ui-tabs ul.ui-tabs-nav li.ui-tabs-active a { border-bottom: 1px #fff solid; background: #fff }
		.ui-tabs ul.ui-tabs-nav li a { color: #333333; padding: 8px 12px; margin-right: 1px; display: block; text-decoration: none; border: 1px solid #DCDCDC; background: #F5F5F5; margin-right: 1px; border-radius: 5px 5px 0 0; border-bottom: none }
			.ui-tabs ul.ui-tabs-nav li a:hover { color: #4c641b }
.ui-tabs .ui-tabs-panel { padding: 8px 12px }

/** form */
label { display: block; color: #a8a8a8; margin-bottom: 2px; vertical-align: middle }
	.list label { color: #333333 }
	label span { float: right }
input, textarea, select { border: 1px #dcdcdc solid; height: 28px; padding: 5px; width: 100%; border-radius: 3px; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box }
body.module-auth input { width: 248px }
.form .form-right input, .form .form-right select { width: 274px }
.form input:disabled, .form textarea:disabled, .form select:disabled { background: #F5F5F5 }
input.checkbox { width: auto; margin-right: 5px; border: none; height: auto }
textarea { height: 200px; width: 100% }
select { padding: 4px 5px }
select.small { width: 110px !important }
	select option { padding: 0 5px }

.form { margin-right: 320px }
.form-tab { margin-right: 0 }
	.form .form-left { float: left; width: 100% }
	.form .form-right { float: right; width: 300px; margin-right: -320px }
		.form .form-item { border: 1px #DCDCDC solid; border-radius: 5px; margin-bottom: 20px }
			.form .form-item .form-item-title { background: #f5f5f5; border-bottom: 1px #DCDCDC solid; padding: 8px 12px; border-radius: 5px 5px 0 0 }
			.form .form-item .form-item-desc { padding: 12px; overflow: hidden }
	.form .form-label { margin-bottom: 10px }
		.form .form-checkbox input { width: auto }
	.form .form-button { overflow: hidden }
		.form .form-button input, #submit-element input { cursor: pointer; width: 100px; background: #84a32e; border: none; color: #fff !important; float: left; margin: 0 12px 4px 0 }
			.form .form-button input:hover, #submit-element input:hover { background: #9fb75c }
		.form .form-button label { display: block; clear: both; padding: 4px 0 0 }
		.form .form-button label.del a { color: #F33380 }
	.form .form-radio input { width: 20px; border: none }
ul.errors, #submit-label { display: none }
dl dd { margin-bottom: 10px }

/** table */
#table { width: 100% }
	#table thead tr, #table tfoot tr { background: #F0F0F0 }
		#table thead tr th, #table tfoot tr th { padding: 10px 6px; text-align: left; font-weight: normal }
		#table td { height: 40px; padding: 0 6px; vertical-align: middle }
		#table th, #table td { border: 1px solid #DCDCDC }
		#table tfoot td.border-none { border: none; background: #fff }
	#table tbody tr:hover td { background: #E0EBC2 !important }	
	#table tbody tr.odd td { background: #ffffff }
	#table tbody tr.even td { background: #FAFAFA }
	
/** data table */
#data-table { width: 100% }
	#data-table thead tr, #data-table tfoot tr { background: #f0f0f0; border-top: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid }
	#data-table tfoot tr { border-top: none }
		#data-table thead th { cursor: pointer; font-weight: normal; text-align: left }
		#data-table thead th.sorting { background: url('../images/sort-nav.png') no-repeat right 6px }
			#data-table thead th.sorting:last-child, #data-table thead th.sorting_desc:last-child, #data-table thead th.sorting_asc:last-child { background: none }
		#data-table thead th.sorting_desc { background: url('../images/sort-nav.png') no-repeat right -44px }
		#data-table thead th.sorting_asc { background: url('../images/sort-nav.png') no-repeat right -106px }
		#data-table th { padding: 10px 6px; text-align: left }
		#data-table td { height: 40px; padding: 0 6px; text-align: left; vertical-align: middle; min-width: 110px }
	#data-table tbody tr { background: #ffffff; border-bottom: 1px #dcdcdc solid }
	#data-table tbody tr.odd { background: #fafafa }
	#data-table tbody tr:hover { background: #e0ebc2 }
		#data-table tbody th { font-weight: normal }
#data-table_wrapper { display: table; width: 100%; border: 1px #dcdcdc solid; border-radius: 3px; background: #e0ebc2; position: relative; margin: 0 0 20px }
	#data-table_wrapper input, #data-table_wrapper select, select.small { width: 60px; color: #A8A8A8; font-size: 11px }
	#data-table_wrapper #data-table_length, #data-table_wrapper #data-table_info, #data-table_wrapper #data-table_filter, #data-table_wrapper #data-table_paginate { padding: 6px 0 }
	#data-table_wrapper #data-table_length, #data-table_wrapper #data-table_info { float: left; width: 50% }
	#data-table_wrapper #data-table_filter, #data-table_wrapper #data-table_paginate { float: right; width: 50%; text-align: right }
	#data-table_wrapper #data-table_length label, #data-table_wrapper #data-table_info span { padding-left: 10px }
	#data-table_wrapper #data-table_filter label { float: right; padding-right: 10px }
	#data-table_wrapper #data-table_paginate a { padding: 0 4px; cursor: pointer }
		#data-table_wrapper #data-table_paginate a.paginate_active {font-weight: bold }
		#data-table_wrapper #data-table_paginate a#data-table_last { padding-right: 10px }
	#data-table_wrapper .dataTables_empty { text-align: center }
	#data-table_wrapper .txt-scroller { width: 120px }
	#data-table_wrapper .txt-scroller-item { width: 120px; overflow: hidden; position: relative  }
	#data-table_wrapper td.first .txt-scroller, #data-table_wrapper td.first .txt-scroller-item { width: 200px }
	#data-table_wrapper .txt-scroller-item span { position: relative; white-space: nowrap; left: 0px }
	#data-table thead th span { display: block; font-size: 14px }
	#data-table_wrapper #data-table_processing { position: absolute; top: 50%; left: 50%; padding: 15px 15px 15px 55px; border: 1px solid #DCDCDC; background: #E0EBC2 url('../images/loader.gif') no-repeat 10px 8px; margin: -18px 0 0 -86px }
	
/** pagination */
#pagination { overflow: hidden }
	#pagination ul { float: right }
		#pagination ul li { list-style: none; float: left; padding: 0 4px; color: #4C641B }
		#pagination ul li a { text-decoration: none }
		#pagination ul li.active, #pagination ul li a:hover { color: #F33380 }
	
/** wysiwyg */
.cke { box-shadow: none !important; border: none !important }
	.cke .cke_top { background: #F5F5F5 !important; box-shadow: none !important; border-radius: 3px 3px 0 0 !important; border: 1px solid #DCDCDC !important }
	.cke .cke_contents { border-left: 1px solid #DCDCDC !important; border-right: 1px solid #DCDCDC !important }
	.cke .cke_bottom { background: #F5F5F5 !important; box-shadow: none !important; border-radius: 0 0 3px 3px !important; border: 1px solid #DCDCDC !important }
	.cke .cke_resizer { border-color: #f5f5f5 #dcdcdc !important }
	
/** date picker */
#ui-datepicker-div { background: #FAFAFA; border-radius: 3px; border: 1px #dcdcdc solid; display: none }
	#ui-datepicker-div .ui-datepicker-header { background: #E0EBC2; padding: 5px }
		#ui-datepicker-div .ui-datepicker-prev { float: left }
		#ui-datepicker-div .ui-datepicker-next { float: right}
		#ui-datepicker-div .ui-datepicker-next, #ui-datepicker-div .ui-datepicker-prev { cursor: pointer; text-decoration: none; padding: 0 2px }
		#ui-datepicker-div .ui-datepicker-title { text-align: center }
	#ui-datepicker-div table {  width: 210px }
		#ui-datepicker-div table thead th { font-weight: normal; background: #F0F0F0; padding: 5px 0 }
		#ui-datepicker-div table tbody td a, #ui-datepicker-div table tbody td span.ui-state-default { background: #FFFFFF; border: 1px solid #999999; display: block; margin: 2px; padding: 6px 3px 0; text-align: right; border-radius: 3px; font-size: 11px }
		#ui-datepicker-div table tbody td span.ui-state-default { background: #e5e5e5 } 
		#ui-datepicker-div table tbody td a.ui-state-highlight { background: #F0F0F0 }
		#ui-datepicker-div table tbody td a.ui-state-active, #ui-datepicker-div table tbody td a:hover { background: #E0EBC2 }
		
/** progress */
.progress { border-radius: 3px; background: #FFFFFF; border: 1px solid #9FB75C; display: block; padding: 1px; width: 100px }
.progress-float { float: right; margin-left: 8px }
	.progress .progress-bar { background: #9FB75C; border-radius: 3px; display: block; height: 14px }
	
/** hours */
.hours { border-radius: 3px; background: #9FB75C; padding: 3px 5px; color: #fff; margin: 0 2px }
	.list-large .hours { font-size: 22px; line-height: 1 }
.hours-2 { background: #F33380 }

/** blink */
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
img.blink { -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; -moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */ -webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation:blink normal 2s infinite ease-in-out; /* IE */ animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ }
#content .content-inner .top .top-right img.blink { margin: 10px; float: right }​