/* @group Header */

header{background:url(../images/common/mast-gradient.jpg) top left repeat-x; height:30px; padding:10px 20px 10px 15px; font-size:11px;}
header ul{float:right; margin:7px 0; right:20px;}
header ul li{display:inline;}
	
/* @end */

/* @group Nav */

nav{height:75px; margin-bottom:10px; background:#e19108 url(../images/common/nav.jpg) top left repeat-x; padding-left:15px;}
nav ul{ height:28px; line-height:26px; margin:0; position:relative; font-size:11px;}
	nav ul li{margin:0 20px 0 0; float:left; display:inline; line-height:28px;}
	nav ul a{ display:block; float:left;}
	nav ul a img{vertical-align:middle; margin-right:5px;}
	nav ul ul{position:absolute; z-index: 1; top:28px; left:0; width:100%; padding:0; height:47px; font-size:12px; margin-left:-0.5%; display:none;}
		nav ul ul li{margin:10px 0; padding-left:8px;  padding-right:8px; border-right:1px #363028 solid; border-left:1px #272117 solid; line-height:26px;}
		nav ul ul li:first-child{border-left:0; padding-left:5px;}
		nav ul ul li:nth-last-child(-n+2){border-right:0;}
		nav ul ul a:link, nav ul ul a:visited, nav ul ul a:hover{color:#fff; text-decoration:none;}
		
		/* Active Tab */
		
		nav ul li.active ul{display:block;}
		nav > ul > li.active{margin-right:30px;}
		nav > ul > li.active > a{background:url(../images/common/nav-active.png) top left no-repeat; position:relative; top:3px; color:#fff; height:27px; z-index: 2; padding-left:5px;}
		nav > ul > li.active > a > span{background:url(../images/common/nav-active.png) top right no-repeat; height:27px; position:relative; right:-10px; padding-right:15px; line-height:26px; display:block; float:left; }
		
			/* Subnav Active */
						
			nav ul ul li a:hover, nav ul ul li.active a{background:url(../images/common/nav-ul-active.png) 0 1px no-repeat; color:#1f1f1f; margin-left:-5px;}
			nav ul ul li a:hover span, nav ul ul li.active a span{background:url(../images/common/nav-ul-active.png) 100% 1px no-repeat; display:block; float:left; position:relative; right:-5px; padding-right:5px;}
		
		/* Search */
		
		nav ul li.search{position:fixed; z-index: 3; right:15px; top:39px; margin-right:0; border-width:0; background:url(../images/common/search.png) top left no-repeat; width:200px; height:23px; padding:0;}
		nav ul li.search label{position:absolute; left:8px; top:3px; color:#352e23; border-right:1px #8e8a84 solid; padding-right:5px; line-height:18px;}
			nav ul li.search input[type="text"]{margin-left:103px; border:0; background:transparent; font-family:"Lucida Sans", Arial; width:60px; display:block; margin-top:4px; padding:1px 0;}
			nav ul li.search input[type="submit"]{background:none; border:0; text-indent:-2000em; width:27px; height:23px; position:absolute; right:0; top:0; padding:0; font-size:0; line-height:0;}
		
/* @end */

/* @group Main Section */

section{padding:0 15px; margin:0;}
	section h1 span, .hint{font-size:10px; color:#a09e9b; padding-left:10px;}
	.hint{padding-left:0;}

/* @end */

/* @group Filters */

ul.filters{float:right; margin:0 0 10px 350px; position:fixed; z-index: 10; right:15px; top:130px}
ul.filters li{display:inline; float:right; list-style:none; margin:0 0 0 10px;}
ul.filters li.label{margin-top:5px;}
ul.filters li select{margin-top:3px;}

/* @end */

/* @group Survey Table */

.surveyTable{width:100%; clear:both; text-align:left; border-collapse:separate;}

.surveyTable th{text-transform:uppercase; font-weight:normal; padding:10px 10px; background:#574f42 url(../images/common/th-bg.jpg) top left repeat-x; color:#fff; border-right:1px #4f483b solid; border-left:1px #665f51 solid;}
	
	.surveyTable th.first{-moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; border-left:0;}
	.surveyTable th.last{-moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; border-right:0;}
	.surveyTable th.selected{background:#3f392e;}
	
	.surveyTable tbody tr td{border-bottom:1px #dbdfe4 solid; padding:5px 10px!important; background:#fff;}
	.surveyTable tbody tr.alt td{background:#eff3f5;}
	.surveyTable tbody tr.selected td{background:#c8d1d6 !important;}
	.surveyTable tbody tr.row_error td{background:#F66;}
	
	.surveyTable tfoot td{padding:0;}
	
	.surveyTable label{vertical-align:middle;}
	.surveyTable input[type="checkbox"]{margin-right:5px; vertical-align:middle;}
	
	/* @group table Footer Gradient */
	
	.tfoot{background:url(../images/common/table-foot-bg.png) bottom left repeat-x; height:52px; margin-left:5px; margin-right:5px;}
		.tfoot .tfoot-l, .tfoot .tfoot-r{background:url(../images/common/table-foot-l.png) bottom left no-repeat; width:5px; height:52px; float:left; margin:0 -5px;}
		.tfoot .tfoot-r{background:url(../images/common/table-foot-r.png) bottom left no-repeat; float:right; margin:0 -5px;}
		
	
	/* @end */

/* @end */

/* @group Aside */

aside{float:left; border-top:1px #c8c8c8 dashed; width:154px; padding:10px 0; position:absolute; left:0; top:0;}
aside ul{margin-left:-8px;}
aside ul li{list-style:none; margin:0 0 3px 0;}
aside ul li a, aside ul li span.heading{display:block; padding:4px 8px;}
aside ul li span.heading{ font-weight:bold}
aside ul li.active a{background:#ecdcbc; border:1px #e9bc64 solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

/* @end */

/* @group section#Content */

#ContentWrap{
	clear:both;
	position:relative;
	/*
	#813: Allow welcome page to be maximised
	*/
	width:100%;
}
section#Content{padding:15px; background:#fff; margin-left:172px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 1px 5px 0px #999; -webkit-box-shadow:0px 1px 5px 0px #999; box-shadow:0px 1px 5px 0px #999;}
	
	#Content dl.category{margin:-15px -15px 15px -15px; padding:5px 15px 5px 15px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-bottom:1px #dbdfe4 solid; background:-moz-linear-gradient(top, #f6f6f6, #f0f0f0); background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f0f0f0));}
	#Content dl.category dt{margin:0;}
	#Content dl.category dd{padding-bottom:10px;}
	#Content dl.category textarea{width:80%;}
	#Content dl.category label{margin-bottom:10px; display:block; font-size:14px; font-weight:bold;padding-bottom:0;}
	
	/* Table */
	
	#Content #sortable {margin:0 -10px;overflow:auto;}
	#Content .div-sortable{float:left; width:49.5%; background-color:#FFF;display:inline;}
	#Content .div-sortable dl, #Content .div-sortable div.staffOnly, #Content .div-sortable p.hint{ margin-left:10px; margin-right:10px;}
	
	.div-response{float:left; width:48%; padding:1%;}	
	
	/* Forms */
	
	#Content > label{font-weight:bold; padding:0 0 10px 0; display:inline-block;}
	#Content > label.normal{font-weight:normal; padding:0px; display:inline-block; vertical-align:inherit;}
	#Content dl{margin-bottom:5px;}
	#Content dl dd{padding-bottom:5px; clear:both;}
	#Content table{font-size:11px; width:100%; margin:0;}
		#Content table input{vertical-align:top;}
		#Content table thead th{border-bottom:1px #e0e0e0 solid;}
		#Content table tbody td{padding:7px 5px;}
		#Content  .centered{text-align:center;}
		/* IE 6, 7 Label Fix */
	.ie6 #Content .div-sortable label, .ie7 #Content .div-sortable label{float:left;}
		
		/* Show Hide Code */
		
		.show-hide-code,.dragHandle,.preview,.delete_qns,.draghandle_checkall{color:#3662b5; text-transform:uppercase; border:none; background:transparent; font-size:9px; float:right; background:url(../images/common/show-hide-code.jpg) 0 3px no-repeat; padding-left:13px; line-height:13px; position:relative; bottom:-5px; text-decoration:none; display:inline-block; cursor:pointer;margin-left: 8px;}
		.show-hide-code.showCode{background-position:0 -17px;}
		
		/* Drag Handle */
		
		.dragHandle{color:#bbbbbb; background-position:100% 2px; background-image:url(../images/common/drag-handle.jpg); padding:0 15px 0 8px; border-left:1px #bbbbbb solid; margin-left:8px; cursor:move;}
		
		/* Preview */
		.preview {background-image:none;padding:0 0 0 8px;}
		
		/* Delete Question */
		.delete_qns {background-image:none; color:#F03;border-left:1px #bbbbbb solid;padding:0 0 0 8px;}
		
		/* Check all (in autogenerate analysis group) */
		.draghandle_checkall {background-image:none; color:#00F;padding:0 0 0 8px;}
			
		/* Staff Only */
		
		.staffOnly{background:#ececec; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:7px 5px 15px 20px; margin-bottom:10px; font-size:11px; }
		.staffOnly h3{margin:0 -5px 0 -20px; padding:0 20px 7px 20px; background:url(../images/common/stripe-hr.jpg) bottom left repeat-x; margin-bottom:15px;}
		.staffOnly input[type=text]{width:12%; padding-left:4px; margin-right:5px;}
		#Content .staffOnly label{padding-right:5px;}		
		/*
		input[type=button]{ margin-left:5px; background:url(../images/common/button-pop.png) top left no-repeat; width:96px; height:23px; text-align:center; border:0; padding:0; line-height:10px !important; overflow:hidden; vertical-align:middle;}		
		*/
		.bordering textarea{padding:0; border:0; width:100%; }
		
		/* Category/Multi codes */
		.code_section input[type='text']{
			width:100%;
			padding:2px !important;
		}

		
		/* iE7 Alignment */
		.ie7 .staffOnly input{vertical-align:top;}
		/* Weird IE 7 bugfix */
		.ie7 .bordering textarea{margin:0 -10px;}

/* @end */

/* @group Buttons */

a.button-brown:link, a.button-brown:visited, .button-yellow:link, .button-yellow:visited{background:url(../images/common/buttons.png) top left no-repeat; height:26px; display:block; color:#fff; text-decoration:none; margin-right:5px;}
.button-brown span, .button-yellow span{background:url(../images/common/buttons.png) top right no-repeat; padding:5px 15px 5px 10px; display:block; position:relative; right:-5px; height:16px; cursor:pointer;}

.button-yellow:link, .button-yellow:visited{background-position:0 -26px; color:#1f1f1f; text-shadow:1px 1px 0px #faba5c;}
.button-yellow span{background-position:100% -26px;}

.analysis_group_button {margin: 5px !important;}

button.buttonFilter{
	/*
	Generic button
	Use the html button rather than the image
	*/
	height: 26px;
	border-radius: 5px;
	padding: 4px 15px;
}

button.button-red{
	color:white;	
	border: 1px solid #A31612;	
	
	/*slightly offset text to the top so that it will have alignment with the picture button*/
	padding-bottom: 6px;	

	background-color:#A30D12; /* For IE11. The gradient doesn't work */
	background: -webkit-linear-gradient(#F00, #A30D12); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F00, #A30D12); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F00, #A30D12); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F00, #A30D12);
}

button.button-brown{
	color:white;	
	border: 1px solid #28231D;

	/*slightly offset text to the top so that it will have alignment with the picture button*/
	padding-bottom: 6px;	
	
	background-color:#453e33; /* For IE11. The gradient doesn't work */
	
	background: -webkit-linear-gradient( #6A5C4D, #473D32); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#6A5C4D, #473D32); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#6A5C4D, #473D32); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#6A5C4D, #473D32); /* Standard syntax */	
}

button.button-yellow{
	color:black;	
	border: 1px solid #E37700;	
	
	/*slightly offset text to the top so that it will have alignment with the picture button*/
	padding-bottom: 6px;	

	background-color:#FF9300; /* For IE11. The gradient doesn't work */
	
	background: -webkit-linear-gradient( #FFA500, #FF8404); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFA500, #FF8404); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFA500, #FF8404); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFA500, #FF8404); /* Standard syntax */	
}

/* @end */
/*
Default button
*/
input[type=button]{background:-moz-linear-gradient(top, #f6f6f6, #d8d9d8); background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d8d9d8)); -moz-box-shadow:0px 0px 1px 0px #999; -webkit-box-shadow:0px 0px 1px 0px #999; box-shadow:0px 0px 1px 0px #999; border:1px #fff solid; -moz-border-radius:3px;  padding:3px 5px; margin:0 10px;}

/*
Analysis groups
*/
#analysisgroups_sortable .div-sortable{
  float:none;  
  margin:5px;
  padding:5px;
  width:auto;
  display:block;
}

#analysisgroups_sortable .ui-sortable-placeholder{
  border:1px #ccc dashed;
  display:block;
  float:none; 
  visibility:visible !important;
  width:auto;
}
#analysisgroups_sortable .ui-sortable-helper{
  background-color:#FFFFF0;
}


/* Sticky Footer */
html, body{height:100%;}
section#Main{padding-bottom:30px; margin-bottom:0;}
#Container{min-height:100%; position:relative;}
footer{position:absolute; height:20px; bottom:0;width:100%; padding:0;font-size:10px; color:#6d6a64;clear:both; text-align:right;}
footer p{padding-right:15px;}
footer a:link, footer a:visited{color:#6d6a64;}

.oldIE{display:none; color:#F00; float:left; font-weight:bold}
/* @end */

/* IE Hacks */

.ie6 section, .ie7 section, .ie6 #Content .divider dl dt, .ie7 #Content .divider dl dt, .ie6 .bordering, .ie7 .bordering, .ie8 .bordering, .ie9 .bordering{zoom:1;}
.ie6 ul.filters, .ie7 ul.filters{width:850px;}
.ie6 #Content .divider label , .ie7 #Content .divider label {float:left;}
.ie6 header, .ie7 header{overflow:hidden;}
.ie6 #ContentWrap, .ie7 #ContentWrap, .ie8 #ContentWrap, .show-hide-code, .dragHandle, aside ul li a{*zoom:1;}
.ie7 #Content dl.category, .ie8 #Content dl.category{background:#f6f6f6;}
.ie7 ul.filters{margin-bottom:3px;}
.ie7 .tfoot .tfoot-r{margin-left:5px;}
.ie6 button.defaultButton, .ie7 button.defaultButton, .ie8 button.defaultButton{background:#d8d9d8;}
.ie6 .oldIE{display:block}
.ie7 footer{height:0px;}
.ie7 html,.ie7 body{height:96%;!important}