@import "reset.css";
/*Globals*/
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; width:970px; margin:0 auto;}
body > #wrap {
	border-width:0px 1px 0px 1px;
	border-color:#CCC;
	border-style:solid
}

body {
	color: #000000;
	font: 0.8em Helvetica, Verdana, Arial, sans;
	background: #fff;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*End Globals*/
/*Structure*/
#header {
	padding: 0 20px;
	height: 59px;
	border-bottom: 1px solid #000;
	background: url(/assets/images/site_hdr_bg_tile.png) repeat-x;
}
h1 {
	position: relative;
	top: 16px;
	float: left;
	width: 271px;
	height: 39px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/assets/images/PCLogo.png) no-repeat;
}
#content {
	min-width: 932px;
	min-height: 500px;
	padding: 13px 5px 93px 5px;
	background: #fff;
	margin-bottom:20px;
}
#content.two-col {
	background: url(/assets/images/bg_divider.png) 235px 210px no-repeat #fff;
}
#col-wrap {
	float: right;
	width: 100%;
	margin-left: -516px;
	background: url(/assets/images/bg_divider_tile.png) 208px 0 repeat-y;
}
#left-col {
	float: left;
	width: 208px;
}
#right-col {
	min-height: 600px;
	margin-left: 208px;
	padding: 10px 0 0 14px;
	color: #2f2f2f;
	background: url(/assets/images/bg_divider.png) 0 bottom no-repeat;
}
#status {
	/*position: absolute;*/
	/*right: 20px;*/
	float:right;
	line-height: 59px;
	color: #2C2964;
}
#status em {
	color: #2C2964;
}
#status a {
	color: #2C2964;
}
/* End Structure */
/* Utilities */
div.notice {
	position: relative;
	margin: 0 0 7px 0;
	padding: 7px 7px 7px 30px;
	color: #504d88;
	border: 1px solid #504d88;
	background: #e6e5f7;
}
div.notice h5 {
	margin: 0 0 7px 0;
	font-weight: bold;
}
div.notice span {
	position: absolute;
	left: 7px;
	top: 5px;
	width: 14px;
	height: 14px;
	background: url(/assets/images/icon_matrix.png) -29px -44px no-repeat;
}
div.notice ul {float:none;}
div.notice ul li {margin:0 0 5px 5px;}

div.error {
	color: #9e0000;
	border: 1px solid #9e0000;
	background: #fff8cb;
}
div.error span {
	background-position: -15px -39px;
}
div.success {
	color: #157000;
	border: 1px solid #157000;
	background: #daffaf;
}
div.success span {
	background-position: 0 -47px;
}
/* End Utilities */
/* Primary Navigation */
#nav {
	height: 26px;
	padding: 0 0 0 14px;
	border-bottom: 1px solid #000;
	background: #2c2964;
}
#nav > li {
	z-index: 60;
	position: relative;
	float: left;
	line-height: 26px;
	border-left: 1px solid #53528e;
}
#nav > li:first-child {
	border: 0;
}
#nav > li a {
	padding: 0 14px 0 14px;
	color: #fff;
}
#nav a {
	display: block;
	text-decoration: none;
}
#nav li:hover { cursor: pointer; }
#nav > li > a:hover { color: #d5d3fc; }
#nav ul {
	position: absolute;
	left: -1px;
	top: 26px;
	visibility: hidden;
	width: 163px;
	border: 1px solid #1d1d47;
	background: #e6e5f7;
}
#nav ul li {
	margin: 0;
	line-height: 2.182em;
	border-top: 1px solid #9b9ad1;
}
#nav ul li:first-child { border: 0; }
#nav ul a {
	padding: 0 14px 0 15px;
	color: #21204a;
	background: 0;
}
#nav li:hover ul, #nav a:hover ul { visibility: visible; }
#nav ul a:hover { background: #d1d0e9; }
/* End Primary Navigation */
/* Start Actions Menu */
.actions-menu > li {
	position: relative;
	float: left;
	line-height: 26px;
	border-left: 1px solid #53528e;
}
.actions-menu > li:first-child {
	border: 0;
}
.actions-menu > li a {
	padding: 0 14px 0 0px;
	color: #fff;
	font-size: 1.091em;
}
.actions-menu a {
	display: block;
	text-decoration: none;
}
.actions-menu li:hover { cursor: pointer; }
.actions-menu > li:hover > a { color: #d5d3fc; }
.actions-menu ul {
	position: absolute;
	left: -1px;
	top: 13px;
	display: none;
	z-index: 60;
	width: 163px;
	border: 1px solid #1d1d47;
	background: #e6e5f7;
}
.actions-menu ul li {
	margin: 0;
	line-height: 2.182em;
	border-top: 1px solid #9b9ad1;
}
.actions-menu ul li:first-child { border: 0; }
.actions-menu ul a {
	padding: 0 14px 0 15px;
	color: #21204a;
	background: 0;
}
.actions-menu li:hover ul { display: block; }
.actions-menu ul a:hover { background: #d1d0e9; }
/* End Actions Menu */
/* Content */
#content h2 {
	margin: 7px 0 7px 0;
	font-size: 1.637em;
	color: #504f4f;
}
#content h3 {
	margin: 0 0 14px 0;
	font-size: 1.273em;
	font-weight: bold;
}
#content h4 {
	margin: 10px 0;
	font-size: 1.273em;
	font-weight: bold;
}
#content .hr {
	height: 1px;
	background: #504d88;
}
.hr hr { display: none; }
/* Operation Toolbar */
.op-tools {
	overflow: hidden;
	border: 1px solid #d7d7d7;
	background: url(/assets/images/operation_toolbar_bg.png) repeat-x;
}
.op-tools li {
	float: left;
	border-right: 1px solid #cacbd6;
}
.op-tools li.right-btn {
	float: right;
	border-right: 0;
	border-left: 1px solid #cacbd6;
}
.op-tools a {
	position: relative;
	display: block;
	line-height: 28px;
	padding: 0 14px;
	color: #1c1b41;
	text-decoration: none;
}
.op-tools a:hover { background: #F3F3F3; }
.op-tools span {
	position: absolute;
	text-indent: -999px;
	overflow: hidden;
	background: url(/assets/images/icon_matrix.png) no-repeat;
}
.op-tools a.back-btn { padding-left: 35px; }
.op-tools a.back-btn span {
	top: 10px;
	left: 14px;
	width: 14px;
	height: 8px;
	background-position: -15px -31px;
}
.op-tools a.save-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -30px -15px;
}
.op-tools a.save-btn { padding-left: 36px; }
.op-tools a.add-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -30px 0;
}
.op-tools a.add-btn { padding-left: 35px; }
.op-tools a.edit-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 16px;
	background-position: 0px -31px;
}
.op-tools a.edit-btn { 
	padding-left: 35px;
}
.op-tools a.info-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -29px -44px;
}
.op-tools a.info-btn { 
	padding-left: 35px;
}
.op-tools a.view-btn span {
	top: 7px;
	left: 14px;
	width: 16px;
	height: 14px;
	background-position: -43px -30px;
}
.op-tools a.view-btn { 
	padding-left: 35px;
}
.op-tools a.up-btn { 
	padding-left: 35px;
}
.op-tools a.up-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -44px 0px;
}
.op-tools a.down-btn { 
	padding-left: 35px;
}
.op-tools a.down-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -44px -15px;
}

.op-tools a.delete-btn span {
	top: 7px;
	left: 14px;
	width: 14px;
	height: 14px;
	background-position: -29px -30px;
}
.op-tools a.delete-btn {
	padding-left: 35px;
	background: url(/assets/images/red_btn_bg.png) repeat-x;
}
.op-tools a.delete-btn:hover { background: #ffe2e2; }
/* End Op. Toolbar */
/* Pagination */
#pagination-tools {
	padding: 7px 0;
	overflow: hidden;
}
#pagination-tools li {
	float: left;
	margin: 0 2px 0 0;
	line-height: 19px;
	border: 1px solid #c6c5e2;
}
#pagination-tools li.active a {
	color: #fff;
	background: #c6c5e2;
}
#pagination-tools a {
	display: block;
	padding: 0 7px;
	color: #1c1b41;
	font-weight: bold;
	text-decoration: none;
}
#pagination-tools a:hover { background: #F3F3F3; }
#pagination-tools p { float: right; }
#pagination-tools label {
	width: auto;
	margin: 4px 14px 0 0;
}
/* End Pagination */
/* Tables */
table {
	width: 100%;
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}
table td, table th { border: 1px solid #d7d7d7; }
table td { padding: 1px 7px 5px 7px; }
table th { padding: 1px 7px 7px 7px; }
thead th {
	color: #504f4f;
	font-weight: bold;
	border-bottom-color: #979797;
	background: url(/assets/images/table_hdr_bg.png) repeat-x;
}
table td a {
	color: #23214c;
	font-weight: bold;
}
table td > span, table th > span {
	display: block;
	text-align: center;
}
table tr.highlightOnHover:hover td { background: #F3F3F3; }
table td li { margin: 0 0 4px 0; }
table th.sort:hover { cursor: pointer; }
table th.sort:active { background-position: 0 -28px; }

/* Pad specific */
.lPad-1{padding-left:0px;}
.lPad-2{padding-left:20px;}
.lPad-3{padding-left:40px;}
.lPad-4{padding-left:60px;}
.lPad-5{padding-left:80px;}

/* Sort Toggle Icon */
th .sort-icon {
	display: none;
	float: right;
	width: 8px;
	height: 7px;
	margin: 5px 0 0 0;
	text-indent: -999px;
	overflow: hidden;
	background: url(/assets/images/icon_sort_toggle.png) no-repeat;
}
th.active .sort-icon { display: block; }
th.desc .sort-icon { background-position: 0 -7px; }
/* End Tables */
.icon {
	display: block;
	text-indent: -999px;
	overflow: hidden;
}
table .icon { margin: 0 auto; }
.action-link {
	width: 15px;
	height: 15px;
	background: url(/assets/images/icon_matrix.png) no-repeat;
}
.view-link {
	width: 15px;
	height: 16px;
	background: url(/assets/images/icon_matrix.png) 0 -15px no-repeat;
}
.edit-link {
	width: 15px;
	height: 16px;
	background: url(/assets/images/icon_matrix.png) 0 -31px no-repeat;
}
.delete-link {
	width: 14px;
	height: 15px;
	background: url(/assets/images/icon_matrix.png) -29px -29px no-repeat;
}
.date-link {
	width: 15px;
	height: 15px;
	background: url(/assets/icons/date.png)  no-repeat;
}
.status-on-link {
	width: 15px;
	height: 16px;
	background: url(/assets/images/icon_matrix.png) -15px 0 no-repeat;
}
.status-off-link {
	width: 15px;
	height: 14px;
	background: url(/assets/images/icon_matrix.png) -15px -16px no-repeat;
}
table a.submit-btn {
	float: none;
	display: block;
	position: relative;
	top: 6px;
	padding: 0 0 0 7px;
}
table a.submit-btn span {
	padding: 0 7px 0 0;
	text-align: center;
}
a.submit-btn {
	float: left;
	height: 24px;
	padding: 0 0 0 7px;
	line-height: 24px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(/assets/images/submit_btn_left.png) no-repeat;
}
#right-col a.submit-btn {
	position: absolute;
	top: 95px;
	right: 29px;
}
a.submit-btn span {
	display: block;
	padding: 0 16px 0 9px;
	background: url(/assets/images/submit_btn_right.png) right top no-repeat;
}
/* Sub-Nav */
#sub-nav {
	width: 207px;
	border-left: 1px solid #504d88;
}
#sub-nav li {
	border-bottom: 1px solid #504d88;
	/*border-right: 1px solid #504d88;*/
}
#sub-nav li.active { width: 208px; }
#sub-nav li.active a { background: #fff; }
#sub-nav a {
	display: block;
	padding: .546em .637em .546em 1.819em;
	color: #000;
	text-decoration: none;
	background: #e6e5f7;
}
#sub-nav a:hover { background: #C6C5E2; }
#sub-nav span {
	float: right;
	margin: 0 0 0 4px;
}
#sub-nav a .changed {
	width: 14px;
	height: 14px;
	background: url(/assets/images/icon_matrix.png) -30px -15px no-repeat;
}
#sub-nav a .error {
	width: 14px;
	height: 14px;
	background: url(/assets/images/icon_matrix.png) -15px -39px no-repeat;
}
/* End Sub-Nav */
/* Forms */
form fieldset ul li {
	clear: both;
	margin: 0 0 18px 0;
}
form li.req-error label { color: #9e0000; }
form li.req-error input, form li.req-error textarea { border: 1px solid #9e0000; }
form label {
	float: left;
	width: 162px;
	font-size: inherit;
}
input, textarea {
	font: inherit;
	border: 1px solid #979797;
}
input[type="radio"] {border: none; padding:0px; margin:0px;}

form li input, form li textarea { width: 350px; }
.xxxsmall { width: 15px; }
.xxsmall {
	width: 35px;
}
.xsmall { width: 86px; }
.small { width: 174px; }
.medium { width: 262px; }
.large { width: 350px; }
.xlarge { width: 438px; }
.xxlarge { width: 526px; }
form li select { width: 364px; }
input, textarea {
	position: relative;
	top: -2px;
	padding: 3px 6px;
}
thead .filter-row th {
	border-left: 0;
	border-right: 0;
	background: #c6c5e2;
	padding: 2px 10px;
}
thead .filter-row th input {
	top:0;
}
form legend {
	margin: 0 0 14px 0;
	font-size: 1.273em;
	font-weight: bold;
}
form fieldset.inactive {
	display:none;
}
input.checkbox {
	position: static;
	width: auto;
	margin-top: 0;
	border: 0;
}
label .req {
	padding-left: 3px;
	font-weight: bold;
	color: #9e0000;
}
form li label.error {
	display: block;
	float: none;
	width: auto;
	margin: 0 0 4px 162px;
	padding: 0 0 0 20px;
	line-height: 24px;
	color: #9e0000;
}
form li label.error span {
	float: left;
	margin: 5px 0 0 -20px;
	width: 14px;
	height: 14px;
	background: url(/assets/images/icon_matrix.png) -15px -39px no-repeat;
}
/* Embedded option list */
form ul ul {
	float: left;
}
form ul ul label {
	float: none;
}
form ul ul li {
	margin: 0 0 12px 0;
}
/* End Forms */
/* Footer */
#footer {
	clear: both;
	position: relative;
	height: 93px;
	margin:0 auto;
	width:970px;
	margin-top: -93px;
	padding: 0;
	color: #414141;
	background: url(/assets/images/footer_bg.png) repeat-x #a2a2a2;
}
#foot-bgwrap {
	height: 73px;
	padding: 20px 10px 0 10px;
	/*background: url(/assets/images/footer_logo.png) top right no-repeat;*/
}
#footer li {
	display: inline;
	margin: 0 14px 0 0;
}
#footer a {
	color: #414141;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
/* End Footer */

 
 
#tree-titles{}
#tree{}
#levelTree{width:500px;}
#associations-pane{width:100%; display:none; margin-top:10px;}
#associations-pane .named-path{font-size:10px; width:350px;}

#tree-pane{width:750px; margin:10px 0; padding:10px; border:1px solid black; display:none; max-height:300px; overflow-y:auto; overflow-x:none;}
#tree-drill{overflow-y:auto; overflow-x:auto; height:auto !important; float:left; width:740px;}
#tree-titles .name, #tree .name, {width:400px;}
#tree-titles .level, #tree .level, {width:100px;}




.hide{display:none;}
.clear{clear:both;}
 
/*Custom Text*/ 
.custom-text{ position: relative; display:block; }
.custom-text-controls { z-index: 1000; text-align:center; position: absolute; top: 0; right: 0; display:none; background-color: #cccccc; border: 1px solid #999999; margin: 2px; padding: 2px; width: 75px;}
.custom-text-controls a{color:#000000;}

 
/*Main usertype selection page*/
ul#usertype-selection li{margin:10px auto; border:2px #cccccc solid; width:300px; font-size:1.4em; text-align:center;}
ul#usertype-selection li:hover{border:2px #000000 solid; background-color:#e0e0e0;}
ul#usertype-selection li a{color:black; text-decoration:none; padding:15px; display:block;}

 
 
#survey-builder { width:922px;}
.survey-builder-area { width:922px; float:left; padding:0; margin:0 0 20px; border-bottom: 1px solid #ccc;}
.survey-builder-handle { width:20px; float:left; padding:12px 0 6px 6px; margin:0; background-color:#ccc;}
.survey-builder-content { width:890px; float:left; padding:6px 0 12px 6px; margin:0;}
.survey-builder-area-options {width:920px; float:left; text-align:right; padding:6px 0 12px 6px; margin:0;}
input.text-medium {width:200px;}
input.text-long {width:600px;}
input.blurred {color:#cccccc;}

 
 ul.report-list li {
 	height:16px;
	margin-bottom:4px;	
 	background:transparent url(/assets/images/report_bar_bg.jpg) repeat-x scroll 0 0;
	border:1px solid #aaaaaa;
	padding: 2px 5px ;
	
 }
 ul.report-list li a {
 	text-decoration:none;
	color:#212121;
	font-weight:bold;
 }
 
 .odd {
 	background-color:white;
 }
 .even {
 	background-color:#efefef;
 }

 
/* Form UI classes */
form fieldset#survey-details legend,
form fieldset#time-period legend,
form fieldset#results legend,
form fieldset#reminders legend,
form fieldset#thank-you-notification legend,
form fieldset#advanced-options legend,
form fieldset#final-summary legend,
form fieldset#included-levels legend
 {
 	background: url("/assets/images/table_hdr_bg.png") repeat-x;
	background-position: 0px -8px;
	border: 1px solid #979797;
	width:720px;
	height:20px;
	margin:0 0 10px 0;
	padding:5px;
 }
 
 select.timefield, input.datefield {
 	width:100px;
 }
 
 .help {
 	margin:5px 0 20px 162px;
 }
 
 textarea#reminderText1, textarea#reminderText2, textarea#reminderText3, textarea#thankYouMessage {
 	width:500px;
	height:200px;
 }
 
 .mergekeybutton {
 	width:240px;
 }
 
 
 
 table.configurationGrid{
		width: 930px;
		border: none;
	}	
	table.configurationGrid td.label{
		width:30%;
		border:none;
	}
	table.configurationGrid td.detail{
		width:70%;
		border:none;
	}
	table.configurationGrid td {
		padding-bottom:20px;
	}
	
	div.sectionhead {
		width:930px; 
		height:30px;
		color:#504f4f; 
		font-size:16px;
		font-weight:bold;
		padding: 8px 0px 0px 10px;
		background: url(/assets/images/sectionhead_bg.jpg) no-repeat;
	}
	div.sectioninstructions {
		margin: 8px 0 30px 10px;
	}
	div.sectionarea {
		width:930px; 
		color:#000; 
		padding: 0;
		margin: 10px 0 20px;
		padding: 0 0 20px 0;
		background: url(/assets/images/sectionarea_bg.jpg) no-repeat left bottom;
	}
	
	div.sectionheadsmall {
		width:930px; 
		height:30px;
		color:#504f4f; 
		font-size:16px;
		font-weight:bold;
		padding: 8px 0px 0px 10px;
		background: url(/assets/images/sectionheadsmall_bg.jpg) no-repeat;
	}
	
	div.sectionareasmall {
		width:688px; 
		color:#000; 
		padding: 0;
		margin: 0px;
		padding: 0 10px;
		background: url(/assets/images/sectionareasmall_bg.jpg) no-repeat left top;
	}
	
	div.sectionfootersmall {
		
		width:708px; 
		height:20px;
		background: url(/assets/images/sectionareasmall_footer.jpg) no-repeat left bottom;
	}
	
	
	a.button, body a.button {
		background: url("/assets/images/btn_bg_left.png") no-repeat left center transparent;
		color: #494949;
		padding: 0 0 0 13px;
		float:left;
		height: 28px;
		line-height:20px;
		text-decoration: none;
	}
	
	a.button span {
		background: url("/assets/images/btn_bg_right.jpg") no-repeat right center transparent;
		padding: 0 14px 0 0 ;
		float:left;
		height: 28px;
		line-height:20px;
		text-decoration: none;
		font-size:12px;
	}
	
	a.button span span {
		background: none;
		padding: 3px 0 0;
		margin: 0px;
	}
	
	a.button img.icon {
		margin-top: 6px;
		padding: 0;
	}
	a img.icon {
		float: left;
		margin: 0 6px 0 0;
	}