/********************************************/
/* 		CUSTOM GLOBAL STYLES 				*/
/* 		used on user side and admin side 	*/
/********************************************/
#wrapper {}
#header { height:122px; background:url(../images/header.png) repeat-x 0 0; color:#fff;}
#header h3 { color:#FFFFFF;}
#header a { color:#FFF;}
.content {min-height:350px; _height:350px; padding:15px 0;}
#footer {width:100%;  padding:15px 0 20px 0; margin-top:15px; border-top:4px solid #0552a6;}
#footer, #footer td {color:#444; font-size:11px;}
#footer strong {  color:#000;}
#footer td { line-height:180%;}

.body_popup { background:#FFF; margin:0; padding:0; border:none;}
.popup h1 { text-align:center;}

div.required { font-style:italic; padding-bottom:5px;}
.empty { padding:10px 0; text-align:center; font-style:italic; list-style:none;}

/* 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 {background:#008AC2; color:#FFF;}

div.paginator span, div.paginator a {padding:3px 7px; margin:0 0 0 1px; 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:#e4eeff 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:#ffd;}
.error_dialog div {background:#fff8f8; color:red;}

/* Form */
form {width:100%;}
form dl dt, form dl dd {padding:3px;}
form dt label { color:#000;}
label.required {padding-left:7px; background:url(../images/asterisk.png) no-repeat 0 0; font-weight:bold;}
span.label_description {font-size:11px; color:#888; font-weight:normal;}
p.description, p.hint {color:#4797ef; padding:3px 0; font-size:12px;}

form .form_header {font-weight:bold; font-size:14px; text-align:center; border:solid #ccc 1px; background:#256ab7; color:#FFFFFF; margin:3px 0px; padding:4px; border-radius:5px;}
dt.hidden, dd.hidden {display:none;}
dd.noMargin {margin:0;}

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

input.captcha,
input.extendedfile, 
input.extendedimage, 
input.text, 
input.autocomplete, 
input.date, 
input.digit, 
input.password, 
input.file, 
input.phone,
input.emailorphone,
select,
textarea.textarea {border:solid #999 1px; width:auto; background-color:white}
input.extendedfile, input.extendedimage {border:none !important; background:none !important;}
input.phone {width:200px;}
input.captcha {width:118px;}
a.captcha_refresh {margin-bottom:5px}
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:1px;}
input.text, input.autocomplete, input.password, input.emailorphone  {width:97%;}
.inp_checkbox, .inp_radio {border:none; background:none; vertical-align:middle;}
input.text:focus, input.password:focus, select:focus, textarea:focus, input.emailorphone:focus,
input.captcha:focus {background-color:#FBFEFF; border:1px solid #888;}
textarea {overflow:auto;}

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;}
.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.grid, table.linear_grid, table.cms_container { border-collapse:collapse; border-spacing:0; width:100%;}

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

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

/*	Buttons	*/
.btn, .btn-cancel, button {
	background:#0552a6 url(../images/bg_btn_overlay.png) repeat-x 0 0;
	display:inline-block;
	padding:3px 7px;
	color:#fff !important;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-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;
}
.btn:hover, button:hover {background:#0552a6;}
#btnCancel, #meta-cancel, .btn-cancel {background-color:#777;}
#btnCancel:hover, #meta-cancel:hover, .btn-cancel:hover {background:#C00;}


.qtip-content, qtip-content * {font-size:11px;}
/********************************************/
/* 		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;}

/* User Form
----------------------------------------------------------------------------------------------------*/

#addressGroup-element dl {width:200px; float:left}

.hidden { display:none;}