/********************************************/
/* 		CUSTOM GLOBAL STYLES 				*/
/* 		used on user side and admin side 	*/
/********************************************/
html, body { margin:0; padding:0; height: 100%;}

body { background:#fff;}

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */}

#header { background:#f4f4f4 url(../images/bg_header.png) repeat-x 0% 0%; border-bottom:3px solid #E2E2E2;}
#content { background:#fff;}

ul.sec_menu { width:auto; float:right; margin:4px 0; font-size:11px;}
ul.sec_menu li { float:left; display:inline;}
ul.sec_menu li a, ul.sec_menu li a:visited { display:block; color:#b6c1d5; border-right:1px solid #b6c1d5; line-height:11px; padding:0 7px 0 6px; text-decoration:none}
ul.sec_menu li a:hover { text-decoration:underline;}
ul.sec_menu li a.current { color:#fff !important;}
ul.sec_menu li.last a { border:none}
#top-nav { height:23px;}
#logo { display:block; width:200px; height:65px; margin:19px 0;}

#footer_wrap, .push {height: 100px; overflow:hidden; /* .push must be the same height as .footer */}
#footer_wrap { background:#eaeaea;}
#footer { padding:5px 0 0 0; color:#636363; font-size:11px;}
#footer a {color:#636363; font-size:11px; text-decoration:none}
#footer a:hover { text-decoration:underline;}
#footer a strong, #footer a b { font-size:10px;}


/* PAGINATOR */
div.paginator {margin:10px 0 0; padding:5px 0;}
div.paginator a {
	text-decoration:none;
	background:#efefef;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1)), to(rgba(239, 239, 239, 1)));
	background:-moz-linear-gradient(top, rgba(255,255,255,1), rgba(239,239,239,1));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
}
div.paginator a:hover {
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,1);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,1);	
}

div.paginator span, div.paginator a {padding:3px 7px; margin:0 0 0 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc;}
div.paginator span.current {color:#0066CC; font-weight:bold; background:#ddd;}
div.paginator span.disabled {background-color:#EFEFEF; color:#999;}


/* DEBUG */
#qsf-debug-container pre {text-align:left!important; color:black!important; background-color:white!important;}
/* END DEBUG */

/* Message/Error Dialogs */
.message_dialog, .error_dialog {width:300px; margin:0 auto; border:1px solid #ddd;} 
.message_dialog h4, .error_dialog h4 {padding:5px 5px 5px 25px; margin:0; border-bottom:1px solid #ddd;}
.message_dialog h4 {background:#F0F5F8 url(../images/ico_information.png) no-repeat 4px 50%;}
.error_dialog h4 {background:#F0F5F8 url(../images/ico_error.png) no-repeat 4px 50%;}
.message_dialog div, .error_dialog div {padding:10px;}
.message_dialog div {background:#ffc;}
.error_dialog div {background:#fff8f8; color:red;}

/* Form */
form {width:100%;}
form dl dt, form dl dd {padding:2px 0;}
form dt label { color:#000; font-weight:bold;}
form dt label.required {padding-left:8px; background:url(../images/asterisk.gif) no-repeat 0 0; font-weight:bold;}
span.label_description {font-size:11px; color:#888; font-weight:normal;}
p.description {color:#39C; margin:3px 0; font-size:11px;}

form .form_header {font-weight:bold; font-size:11pt; text-align:center; border:solid silver 1px; background:#DEE7E4 url(../images/bg_header.jpg) repeat-x 0 50%; margin:2px 0px; padding:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
dt.hidden, dd.hidden {display:none;}
dd.noMargin {margin:0;}

form textarea, 
input.text, 
input.autocomplete, 
input.phone, 
select.wide {width:97%; background-color:white}

input.captcha,
input.text, 
input.autocomplete, 
input.date, 
input.digit, 
input.password, 
input.file, 
input.phone, 
select,
textarea.textarea {border:solid #ccc 1px; /* width:auto; */ background-color:white}
.captcha_refresh {border:solid #ccc 1px;}

input.extendedimage { margin-top:3px;}
input.phone {width:200px;}
input.captcha {width:122px;}
a.captcha_refresh {margin-bottom:5px; width:126px !important;}
a.captcha_refresh img { width:126px;}
input.disabled, select.disabled, textarea.disabled {background-color:#EFEFEF}

input.autocomplete_not_found {background-color:#FFDEDE}

#fieldset-submitGroup {padding:5px; border:0; text-align:center;}
#fieldset-submitGroup dl {padding:0; margin:0;}
#fieldset-submitGroup dt, #fieldset-submitGroup dd {display:inline; margin:0;}

input, select, textarea, button {vertical-align:middle; padding:4px 2px;} select { padding:3px 2px;}
input.text, input.autocomplete, input.password  {width:97%;}
.inp_checkbox, .inp_radio {border:none; background:none; vertical-align:middle;}
input.text:focus, input.password:focus, select:focus, textarea:focus {background-color:#FBFEFF; border:1px solid #84add3;}

table.radiolist tr, table.checkboxlist td {border:0!important;}
table.checkboxlist tr {vertical-align:top;}
table.multitext td.options {padding:0px 5px;}

a.loading_captcha img{visibility:hidden}
a.loading_captcha {background: url('../images/loading.gif') no-repeat center center}
/* End Form */

/* Form Element Decorator FckEditor*/
textarea.htmleditor {display:none;}
div.htmleditor_preview {height:190px; overflow:auto; border:solid silver 1px; padding:5px 15px;}
div.fck_toolbar {padding:5px; text-align:right; margin-top:-20px;}
.fckeditor_edit div.fck_toolbar, .fckeditor_edit div.htmleditor_preview {display:none;}
/* End Form Element Decorator FckEditor*/

/* COMMON STYLES */
ul.errors {color:red; font-size:8pt; font-family:Arial;}
.title {font-weight:bold;}
.asterisk {color:#CC0000;}
table {width:100%;}

table.grid th, table.grid td {border:solid silver 1px; padding:2px 3px;}
table.grid th {text-align:center; background:#e1e1e1;  padding:5px 3px; font-weight:bold; color:#000;}
table.grid tr.odd td { background-color:#f4f4f4;}


table.linear_grid th, table.linear_grid td {border:solid silver 1px; padding:5px 3px;}
table.linear_grid th {background:#e1e1e1;  padding:5px 3px; font-weight:bold; color:#000; text-align:right;}
table.linear_grid td {background-color:#f4f4f4;;}
table.linear_grid  tfoot td {border-bottom:none; border-top:2px solid silver;}

/*	Buttons	*/
.btn, button {
	background:#5987b2 url(../images/bg_btn_overlay.png) repeat-x 0 0;
	display:inline-block;
	padding:4px 10px;
	color:#fff !important;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	border:0 !important;
	position:relative;
	cursor:pointer;
	overflow:visible;
	width:auto;
	margin:2px;
	vertical-align:middle;
	text-decoration:none !important;
}
.btn:hover, button:hover {background:#39528A;}
#btnCancel, #meta-cancel {background-color:#E33100;}
#btnCancel:hover, #meta-cancel:hover {background:#BB2800;}


.qtip-content { font-size:11px !important;}

/********************************************/
/* 		960 Grid System		 				*/
/********************************************/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:auto;margin-right:auto;width:960px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}

/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {right:80px;}
.container_12 .pull_2 {right:160px;}
.container_12 .pull_3 {right:240px;}
.container_12 .pull_4 {right:320px;}
.container_12 .pull_5 {right:400px;}
.container_12 .pull_6 {right:480px;}
.container_12 .pull_7 {right:560px;}
.container_12 .pull_8 {right:640px;}
.container_12 .pull_9 {right:720px;}
.container_12 .pull_10 {right:800px;}
.container_12 .pull_11 {right:880px;}