/*
	---------------------------------

	Just Cuts Extranet
	  by Jason Varga
	  
	---------------------------------
*/



/*
	HTML ELEMENTS
*/

*											{ margin: 0; padding: 0; }
html, body								{ font-size: 100%; }
body										{ font-size: 62.5%; line-height: 150%; color: #4F4E4E; background: #fff url("/img/bg/bg-fade.png") repeat-x;
											  font-family: Helvetica, arial, sans-serif; }

a											{ color: #036; border-bottom: 1px dotted #7D99B2; text-decoration: none; }
a:hover									{ color: #000; border-bottom: 1px solid #000; }
a img										{ border: 0; }
											
p, li, address, dl					{ font-size: 1.35em; line-height: 150%; }
li li, li p								{ font-size: 1em; }
											
p											{ margin: 0 0 1.5em; }
											
ul, ol 									{ margin: 0 1.5em 1.5em 3.5em; }
ul 										{ list-style-type: disc; }
ol 										{ list-style-type: decimal; }
ul ul:last-child						{ margin-bottom: 0; }
											
dl 										{ margin: 0 0 1.5em 0; }
dl dt 									{ font-weight: bold; }
dl dd 									{ margin: 0 0 0.5em 1.5em; }
											
abbr, acronym 							{ border-bottom: 1px dotted #000; }
address 									{ margin: 0 0 1.5em; font-style: normal; }
del 										{ color: #000; }
											
blockquote 								{ margin: 1.5em; }
strong 									{ font-weight: bold; }
em		 									{ font-style: italic; }
pre, code 								{ margin: 1.5em 0; white-space: pre; }
pre, code, tt 							{ font: 1em monospace; line-height: 1.5; } 
tt 										{ display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp 								{ font-family: Baskerville, Palatino, "Book Antiqua", serif; font-style: italic; line-height: 1; }
											
h1, h2, h3, h4, h5, h6				{ font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
											
h1 										{ font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 										{ font-size: 1.9em; line-height: 130%; margin-bottom: 0.75em; }
h3 										{ font-size: 1.7em; line-height: 130%; margin-bottom: 0.5em; }
h4 										{ font-size: 1.35em; line-height: 1.25; margin-bottom: 0.9em; }
h5 										{ font-size: 1em; margin-bottom: 1.5em; }
h6 										{ font-size: 1em; line-height: 1.3em; margin-bottom: 0.5em; }

h2.toggle								{ padding-left: 20px; background: url("/img/icons/arrow-right.png") 0 60% no-repeat; }
h2.toggle.active						{ background-image: url("/img/icons/arrow-down.png"); }

											
::-moz-selection						{ background-color: #069; color: #FFF; }
::selection								{ background-color: #069; color: #FFF; }
											
.hr										{ height: 0; border-top: 1px solid #ccc; font-size: 0; margin: 0 0 20px 0; clear: both; }
.hr hr									{ display: none; }


/*
	GLOBAL STYLES
*/

.lrg-text								{ font-size: 120%; }
.sml-text								{ font-size: 90%; }

.clear									{ clear: both; height: 0; overflow: hidden; position: relative; }
.left										{ float: left; }
.right									{ float: right; }

.feedback								{ margin-bottom: 1.5em; padding-bottom: 0.8em; }
.feedback h3, .feedback h4			{ padding: 0.5em 0.5em 0.5em 2.25em; margin: 0 0 1em 0; }
.feedback p								{ padding: 0 2.7em; margin-bottom: 0.7em; }

.feedback-strip						{ border-bottom:0 !important; }
.feedback-strip h3					{ padding:0; margin:0; font-size: 1.5em; border:0; }
.feedback-strip a						{ border: 0; display: block; padding: 0.7em 0.5em 0.8em 2.25em;  }

/*.fullsnapshot							{ margin-bottom: 1.5em; padding-bottom: 0.8em; }*/
.fullsnapshot h3, .feedback h4	{ padding: 0.5em 0.5em 0.5em 2.25em; margin: 0 0 1em 0; }
.fullsnapshot p						{ padding: 0 2.7em; margin-bottom: 0.7em; }

.fullsnapshot-strip					{ border-bottom:0 }
.fullsnapshot-strip h3				{ padding:0; margin:0; font-size: 1.5em; border:0; }

.fullsnapshot-neutral				{ background: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #000; }
.fullsnapshot-neutral h2, h3  	{ color: #FFF; margin-top: 0.75em; margin-left: 0.75em;}

.full-snapshot-header h4			{line-height: 100%; margin-bottom: 0.5em; font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }				

.fullsnapshot th						{text-align: left; font-size: 1.75em; background: #000; border-bottom: 1px solid #E0E5E6; color: #fff; padding: 0.5em;}
.fullsnapshot td						{text-align: left; font-size: 1.75em; background: #E0E5E6; color: #000; padding: 0.5em;}
.fullsnapshot							{ width: 100%; font-size: 1.0em; border-top: 1px solid #E0E5E6;
											  border-bottom: 1px solid #E0E5E6; border-collapse: collapse; padding-bottom: 0.8em;}


.single-chart-header h4			   {line-height: 100%; margin-bottom: 0.5em; font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }				
.single-chart-neutral				{ background: #404040; border-top: 1px solid #404040; border-bottom: 1px solid #404040; color: #404040; }
.single-chart-neutral h2, h3  	{ color: #FFF; margin-top: 0.75em; margin-left: 0.75em;}
						  
.error									{ background: #FFF1F1; border-top: 1px solid #F8ACAC; border-bottom: 1px solid #F8ACAC; }
.error h3, .error h4					{ border-bottom: 1px solid #F8ACAC; color: #8D3F3F;
										  	  background: #FFD1D1 url("../img/icons/cancel.png") 0.9em 50% no-repeat; }

.positive								{ background: #F0FFE8; border-top: 1px solid #C5F8AC; border-bottom: 1px solid #C5F8AC; }
.positive h3, .positive h4			{ border-bottom: 1px solid #C5F8AC; color: #468D3F;
										  	  background: #E1FFD1 url("../img/icons/check-green.png") 0.9em 50% no-repeat; }
										  
.neutral									{ background: #FFFCDF; border-top: 1px solid #DFD77D; border-bottom: 1px solid #DFD77D; color: #756B12; }
.neutral h3, .neutral h4			{ border-bottom: 1px solid #DFD77D; color: #000;
										  	  background: #FFF6A2 url("../img/icons/information.png") 0.9em 48% no-repeat; }
.neutral a								{ color: #000; }

.errorInput, .errorSelect			{ border: 1px solid #F8ACAC; }

.centreType								{margin: 5px 0 0 0; padding: 0;}

.centreType	p							{ margin: 10px 0 0 0;  padding: 0; }

.centreType	img						{ margin-top: 3px; padding-bottom: 2px; }
/*
	LAYOUT
*/

.container								{ width: 95em; margin: 0 auto; position: relative; }
#page-wrap								{ position: relative; z-index: 1; }

/* this caused expandable class bring up white space
#page										{ background: #FFF; padding: 2.5em; border: 1px solid #cfcfcf; position: relative;
											  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.
*/

#page										{ background: #FFF; padding: 2.5em; border: 1px solid #cfcfcf; 
											  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
											  -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px; }
											
.split									{ background: url("../img/bg/split-shadow.png") repeat-y; }
.split-main								{ float: left; }
.split-side								{ float: right; }

.s-1_2									{ background-position: 44.5em 0; }
.s-1_2 .split-main					{ width: 42.5em; }
.s-1_2 .split-side					{ width: 42.5em; }

.s-3_4									{ background-position: 68em 0; }
.s-3_4 .split-main					{ width: 65.5em; }
.s-3_4 .split-side					{ width: 20em; }

.s-1_5									{ background-position: 59.5em 0; }
.s-1_5 .split-main					{ width: 57.5em; }
.s-1_5 .split-side					{ width: 28em; }

/*GRAPHS*/

.graph-module1 { float:right; width:280px; margin:0 5px 10px 5px; background:#fff; border:1px solid #e4e4e4; text-decoration:none; text-align:left; font:normal 11px/1.3 arial, sans-serif; padding:10px 0px; border-radius:3px; overflow:auto; }
.graph-module-full { margin:0 0 0 0; background:#fff; text-decoration:none; text-align:left; font:normal 11px/1.3 arial, sans-serif; padding:10px 0px; border-radius:3px; overflow:auto; }
.graphDiv {margin:30px; overflow: hidden}
.iframeDiv {margin:30px; overflow: auto}

/*
	UTILITY BAR
*/

#utilities								{ background: #036; text-align: right; padding: 1em 2.5em; }
#utilities p							{ margin: 0; font-size: 1.1em; color: #fff; text-shadow: 1px 1px 0 #000; }
#utilities p.left						{ padding-left: 14em; }
#utilities a							{ color: #FFF; border-bottom: 1px dotted #FFF; }
#utilities a:hover					{ color: #FFF; border-bottom: 1px solid #FFF; }


/*
	MASTHEAD
*/

#masthead								{ height: 12.5em; position: relative; } 
#masthead a								{ position: absolute; top: 0.7em; left: 0.65em; font-size: 3.5em; line-height: 1; border: 0;
											  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
#masthead a#logo						{ left: auto; right: 0.65em; }


/*
	GLOBAL NAV (Tabs)
*/

#global-nav								{ margin-top: -4.5em; position: relative; top: 1px; z-index: 2; padding-top: 10px; }
#global-nav ul							{ list-style: none; margin: 0; padding-left: 2.2em;  }
#global-nav li							{ float: left; display: inline; margin-right: 0.3em; line-height: 130%; font-weight: bold; position: relative;
											  text-shadow: 1px 1px 0 rgba(255,255,255,0.9); }
#global-nav a							{ background: #D1D1D1; color: #4F4E4E; display: block; float: left; padding: 1em 0.7em; border: 0; } 
#global-nav a:hover					{ background: #C0C0C0; position: relative; }


.salonadmin #global-nav li.salonadmin a,
.marketing #global-nav li.marketing a,
.whoswho #global-nav li.whoswho a,
.operations #global-nav li.operations a,
.news #global-nav li.news a,
.enquiries #global-nav li.enquiries a,
.web-content #global-nav li.web-content a,
.reporting #global-nav li.reporting a,
.useradmin #global-nav li.useradmin a,
.orders #global-nav li.orders a,
#global-nav li.active a				{ background: #fff url("/img/bg/bg-fade.png") 0 -40px repeat-x; color: #333; border: 1px solid #cfcfcf;
											  border-bottom: 0; }

/* Drop down */
#global-nav ul ul						{ display: none; clear: both; margin: 0; padding: 0.5em 0; width: 12em; border: 1px solid #777;
											  position: absolute; top: 3.3em; left: 0; z-index: 3; background: #fff;
											  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
											  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
#global-nav li:hover ul				{ display: block; z-index: 10; }
#global-nav ul ul li					{ padding: 0; clear: both; display: inline; width: 100%; font-size: 0.9em; margin: 0 0 0.35em 0; }
#global-nav ul ul li:last-child	{ margin-bottom: 0; }
#global-nav ul ul a					{ float: none; border: 0 !important; background: #fff !important; padding: 0.4em 1.5em 0.4em 1.5em; color: #333; }
#global-nav ul ul a:hover			{ background: #069 !important; color: #fff !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

#global-nav ul ul li hr				{ margin: 0 1.5em; border:0; border-top: 1px solid #ccc; }

/* Second level dropdown */
#global-nav ul ul ul					{ display: block !important; position: static; width: auto; border: 0; margin: 0; padding: 0;
											  -moz-box-shadow: none; -webkit-box-shadow: none;
											  -moz-border-radius: 0; -webkit-border-radius: 0; }
#global-nav ul ul ul li				{ margin: 0; font-weight: normal; }
#global-nav ul ul ul a				{ padding: 0.4em 0 0.4em 2.5em; }
#global-nav ul ul ul li:last-child a { -moz-border-radius: 0; -webkit-border-radius: 0; }



/*
	LOCAL NAV (Sidebar)
*/

#side-nav								{ list-style: none; margin: 0 0 1.2em 0; }
#side-nav li							{ display: inline; overflow: hidden; height: 1%; }
#side-nav a 							{ display: block; background: url("../img/bg/bullet.gif") 0 -30.95em no-repeat; color: #747171;
										  	  border-bottom: 1px solid #C8C8C8; padding: 1em 1.5em; }
#side-nav a:hover						{ background-position: 0 1.45em; color: #036; }
#side-nav li.active					{ display: block; background: #FFF; position: relative; top: -1px; left: -1.5em; width: 18.24em;
										  	  margin-bottom: -1px; }
#side-nav li.active a				{ color: #036; border-top: 1px solid #C8C8C8; padding-left: 3em;
										  	  background-position: 1.6em 1.45em; }
#side-nav li.active a:hover		{ color: #036; }


/*
	SLIDING PANEL
*/

#slide-panel							{ width: 40em; margin: 0 auto; position: relative; z-index: 2; left: -26em; }
#slide-panel-inner					{ position: absolute; z-index: 20; top: 0; left: 0; background: #069; width: 100%;
											  -moz-border-radius: 0 0 20px 0; }
#slide-trigger							{ display: block; text-align: center; width: 14em; line-height: 2.3em; font-size: 1.1em;
											  text-shadow: 1px 1px 0 rgba(0,0,0,0.4); outline: 0; 
										  	  background: #069; color: #FFF; position: absolute; bottom: -2.3em; left: 0; border: 0; }
#slide-content							{ display: none; padding: 1em 2.5em; color: #FFF; }

#slide-content p						{ text-shadow: 2px 2px 0 #005682; }
#slide-content a.btn					{ margin-right: 15px; background-image: url("/img/bg/button-blue.png"); text-shadow: none; }
#slide-content a.btn b				{ background-image: url("/img/bg/button-blue.png"); }
#slide-content h2						{ color: #fff; text-shadow: 2px 2px 0 #005682; }
#slide-content select				{ font-size: 0.9em; border: 1px solid #ccc; height: 2.3em; }
#slide-content option				{ padding: 5px; }


/*
	PAGE HEADER
*/

#header									{ border-bottom: 1px solid #C8C8C8; margin-bottom: 1.5em; }
#header ol								{ list-style: none; margin: 0 0 1.35em 0; }
#header li								{ display: inline; padding-right: 1em; margin-right: 0.5em; font-size: 1.2em; 
											  background: url("/img/bg/bullet-arrow.gif") 100% 50% no-repeat; }
#header a								{ color: #4F4E4E; border-bottom-color: #7D99B2; }
#header a:hover						{ color: #036; border-bottom: 1px solid #036; }


/*
	STEPS
*/
.steps 									{ list-style: none; margin: 0 0 2em 0; padding: 0; height: 4.5em; background: #f4f4f4; }
.steps li								{ float: left; font-weight: bold; font-size: 1.3em; }
.steps a									{ float: left; background: #036; padding: 1em 1.5em 1em 1.5em; color: #fff; border: 0; text-shadow: 1px 1px 1px #000; }
.steps .active a						{ background: #036 url("/img/bg/step-arrow.png") right 50% no-repeat; padding-right: 2.5em; }
.steps .upcoming a					{ padding-right: 2.5em; color: #858585; background: #f4f4f4 url("/img/bg/step-arrow-light.png") right 50% no-repeat;
											  text-shadow: 1px 1px 1px #fff; }


/*
	BUTTONS
*/

.btn-inline								{ padding: 3px 7px; font-size: 12px;
											  border: 1px solid #036; background: #069; color: #fff;
											  -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: 1px 1px 0 #036;
											  background: -webkit-gradient(linear, left top, left bottom, from(#2F82B1), to(#069));
											  background: -moz-linear-gradient(#2F82B1, #069); }		
.btn-inline:hover						{ background: #036; color: #fff; border: 1px solid #036;
											  background: -webkit-gradient(linear, left top, left bottom, from(#036), to(#069));
											  background: -moz-linear-gradient(#036, #069);  }
.btn-inline img						{ vertical-align: middle; position: relative; top: -2px; margin-right: 3px; }			


.btn										{ background: url("/img/bg/button.png"); height: 38px; line-height: 39px; padding-left: 15px; display: block;
											  display: inline-block; border: 0; overflow: hidden; font-size: 13px; letter-spacing: 0.5px; }
.btn b									{ background: url("/img/bg/button.png") right 0; display: inline-block;  padding-right: 15px;
											  color: #fff; height: 38px; }
.btn img									{ vertical-align: middle; position: relative; top: -2px; margin-right: 3px; }											  
.btn:hover								{ border: 0; background-position: 0 bottom; }	
.btn:hover b							{ background-position: right bottom; color: #fff; }

.btn-subtle								{ background: none; margin-right: 15px; padding-left: 0; }
.btn-subtle b							{ background: none; display: inline; float: none; padding: 0; color: #333; border-bottom: 1px dotted #D5D5D5;
											  font-weight: normal; }
.btn-subtle:hover b					{ color: #036; border-bottom: 1px solid #036;  }

.button									{ height: 38px; }
.btn-right .btn						{ float: right; }
.btn-form								{ padding-left: 18em; margin-top: -1em; }
.btn-form a								{ margin-right: 0.5em; }
.btn-form .btn-subtle				{ font-size: 0.9em; letter-spacing: 0; }

#side-button, .side-button			{ position: absolute; top: 16.5em; right: 1.7em; }
.home .side-button  				   { top: 14.5em; }

.img-btn									{ border: 0; }
.img-btn:hover							{ border: 0; }
.img-btn img, .ui-datepicker-trigger { vertical-align: middle; position: relative; top: -1px; }
.ui-datepicker-trigger				{ margin-left: 5px; }



/*
	FOOTER
*/

#footer									{ text-align: right; overflow: hidden; padding: 1.5em 2.5em; color: #747171; }
#footer ul								{ margin: 0 0 0.5em 0; }
#footer li								{ list-style: none; display: inline; border-right: 1px solid #d9d9d9; padding-right: 1em; font-size: 1.2em;
										  	  margin-right: 1em; }
#footer li.last						{ border: 0; }
#footer a								{ color: #747171; border: 0; }
#footer p								{ text-align: left; font-size: 1.2em; }

#tbone									{ border: 0; }


/*
	DATA TABLE
*/

.data										{ width: 100%; font-size: 1.35em; margin: 0 0 2em 0; border-top: 1px solid #E0E5E6;
											  border-bottom: 1px solid #E0E5E6; border-collapse: collapse; }
.data p, .data li						{ font-size: 1em; }
.data td, .data th					{ border-bottom: 1px dotted #F4F4F4; vertical-align: top; padding: 1em; }
.data td									{ }
.data th									{ text-align: left; background: #404040; border-bottom: 1px solid #E0E5E6; color: #fff; }
.data tfoot th							{ background: #F4F4F4; color: #333; }
.data .alignright						{ text-align: right !important; }
.data td, .data h5					{ font-size: 1.0em; font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


.data .special td						{ background: #ffe7de; vertical-align: bottom; }
.data .special h3						{ margin-top: 0; line-height: 110%; }
.data .special p						{ margin-bottom: 0; line-height: 130%; }
.data .special p.special-code		{ margin-top: 0; font-size: 1em; }
.data .special img					{ float: left; margin-right: 15px; border: 1px solid #838282; padding: 3px; background: #fff; }
.data .pending td						{ background: #ffe7de !important; }
.data .alt td							{ background: #FBFBFB; }

.data .cta								{ text-align: center; }
.data td.product-name				{ white-space: nowrap; }
.data .cta a							{ border: 0; }

p.cta										{ float: right; margin-top: -3px; }

.table-opts								{ text-align: right; margin: 0 0 1.2em 0; font-size: 1.2em; }

.quick-snapshot td, .quick-snapshot h5	{ border: 0; font-size: 1.0em; font-weight: bold; color: #036; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/*
	REPORT TABLE
*/

.report									{  width: 100%; font-size: 1.35em; margin: 0.5em 0 2em 0; border-top: 1px solid #E0E5E6;
											  	border-bottom: 1px solid #E0E5E6; border-collapse: collapse; }
.report td, .report th				{ border-bottom: 1px dotted #F4F4F4; vertical-align: top; padding: 1em; text-align: left; }
.report td								{ text-align: right; }

.report th								{ background: #F4F4F4; border-bottom: 1px solid #E0E5E6; border-right: 1px solid #E0E5E6; }
.report .header th					{ background: #E5E5E5; text-shadow: 1px 1px 0 #fff; }

.report thead th						{ text-align: right; background: #404040; color: #fff; text-shadow: 1px 1px 0 #000; border: 0; }

.report tr.sub td,
.report tr.sub th						{ font-size: 80%; }
.report tr.sub th						{ padding-left: 2em; background: #e6e6e6; text-shadow: 1px 1px 0 #fff; }

.report-head div						{ float: left; padding-right: 3em; margin: 0 3em 2em 0; border-right: 1px solid #E0E5E6; }
.report-head div:last-child		{ border: 0; margin: 0; padding: 0; }
.report-head p							{ margin-bottom: 0; }

#report-table tr.header th:last-child { text-align:right;}


/*
	FORM
*/

.form										{ width: 100%; font-size: 1.35em; margin: 0 0 2em 0; border-top: 1px solid #E0E5E6;
											  border-bottom: 1px solid #E0E5E6; border-collapse: collapse; }
.form p, .form li						{ font-size: 1em; }
.form td p:first-child, .form td h6:first-child { padding-top: 8px; }
.form td, .form th					{ border-bottom: 1px dotted #F4F4F4; vertical-align: top; padding: 1em; }
.form td									{ line-height: 2.5; }
.form th									{ text-align: right; background: #F4F4F4; border-bottom: 1px solid #E0E5E6; border-right: 1px solid #E0E5E6;
											  padding-right: 1em; padding-top: 1.65em; width: 15em; }

.form td table td						{ padding: 0; border: 0; }
.form td table td label				{ padding-right: 20px; display: block; float: left; }											  


input, textarea, select				{ border: 1px solid #999; padding: 5px; font-size: 1em; font-family: arial;}
input.optional, textarea.optional, select.optional
											{ border: 1px solid #ddd; }											  
											  
input:focus, textarea:focus, select:focus
											{ border: 1px solid #069; outline: 0; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; }
input.qty								{ width: 40px; }
input.total								{ width: 60px; }
input.full, textarea.full			{ width: 29em; }
select.full								{ width: 29.7em; }

input[disabled]						{ background: #efefef; color: #ccc; }

.form span.readonly,
.form span.checkbox,
.form span.radio						{ padding-top: 0.4em; display: inline-block; }


.form .inputlist label				{ float:none; display:inline }

.form p									{ font-size: 1em; }

.secondlevel							{ padding: 3em 3em 1px 3em; background: #F4F4F4; margin-bottom: 2em; }
.secondlevel .form					{ background: #fff; border: 1px solid #ccc; }
.secondlevel .form th				{ width: 12.8em; }


.list 									{ }
.list .cta								{ text-align: center; padding-left: 20px; }
.list .cta a							{ border: 0; }

.form .checkbox-list	label			{ float: none; display: inline; padding-left: 0.5em; }

.news-img								{ float: right; margin: 0 0 2em 2em; border: 1px solid #999;
											  -webkit-box-shadow: 0 0 10px #777; -moz-box-shadow: 0 0 10px #777; }

dl.form									{ border: 0; padding: 0 1.5em; }
.form dt									{ margin-bottom: 0.5em; }
.form dd									{ margin-bottom: 1.5em; }


.data .form								{ font-size: 1em; margin-bottom: 0; }
.data .form th							{ color: #404040; }
.data .controls						{ width: 150px; text-align: right; }
.data tr.active						{ background: #ececec; }
.sub-form 								{ margin-bottom: 1em; }
.sub-form .form 						{ background: #fff; }
.sub-form .sub-form					{ font-size: 1em; }

.sub-section							{ margin: 2em; }



/*
	THUMBNAIL LIST
*/

.thumb-list								{ margin-bottom: 2em; }
.thumb-list .thumb					{ display: inline; float: left; border: 1px solid #C8C8C8; width: 180px; padding: 10px; text-align: center; margin: 0 30px 30px 0; 
											  _margin-right: 20px; -webkit-transition: all 0.2s linear;  }
.thumb-list .thumb:nth-child(4n),
.thumb-list .thumb.last				{ margin-right: 0; }
.thumb-list .thumb:hover			{ background: #f5f9fb; border-color: #036; -webkit-box-shadow: 0 0 10px #777; -moz-box-shadow: 0 0 10px #777; }
.thumb-list .thumb:hover a			{  }
.thumb-list a.img						{ border: 0; display: block; margin-bottom: 5px; }
.thumb-list p							{ font-size: 1.1em; margin-bottom: 0; }


/*
	PAGING
*/

.paging									{ list-style: none; margin: 0; padding: 0; height: 50px; }
.paging li								{ float: left; margin-right: 10px; }
.paging a								{ display: block; float: left; padding: 5px 10px; border: 1px solid #E0E5E6; color: #333; }
.paging a:hover						{ border-color: #036; }
.paging li.active a					{ background: #404040; border-color: #000; color: #fff; }


/*
	LOGIN PAGE 
*/

.mini #page-wrap						{ width: 600px; }
.mini #masthead						{ height: 17.5em; }
.mini #masthead #logo				{ top: 80px; right: 6.3em; }
.mini .s-3_4 .split-main			{ width: 32em; }
.mini .btn-form						{ margin: 0; }
.mini .btn-form						{ padding-left: 7.95em; }
.mini.register .btn-form .btn		{ margin-left: 7.3em; }
.mini.register input.full			{ width: 320px; }
.mini.register select.full			{ width: 325px; }
.mini.register p.note				{ font-size: 0.8em; margin-bottom: 0; }
.mini input.forgotpass				{ float: left; width: 125px; margin: 9px 10px 0 0; }
.mini #footer p						{ margin: 0; }


/*
	HOME PAGE
*/

.data td.type							{ padding: 0.6em 1em 0 0; text-align: right; }
.data td.type b						{ display: inline-block; font-size: 0.8em; padding: 5px 7px;	-moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }
.data .marketing td.type b 		{ background: #F10000; }
.data .event td.type b 				{ background: #F96200; }
.data .news td.type b 				{ background: #222B74; }
.data .document td.type b 			{ background: #00aeef; }


/*
	CLEARFIX
*/

.clearfix:after						{ content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix								{ display: inline-block; }
html[xmlns] .clearfix				{ display: block; }
* html .clearfix						{ height: 1%; }


#scroller {
	padding : 10px; width : 528px; height : 210px; overflow : scroll;
}

.report-summary {
	position: absolute;
	height: 50px;
	width: 620px;
	top: 219px;
	right: 23px;
}

.report-summary #side-button {
	right: 0;
	top: 8px;
}

.report-summary ul {
	position: absolute;
	text-align: right;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 0;
	right: 120px;
}

.report-summary ul li {
	font-size: 10px;
	line-height: 12px;
	margin: 2px 0;
	padding: 0;
}