@import url(include/questions.css);

html, body{
	height:100%;
}

body {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
 	font-family: 'Trebuchet MS', arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	color: #5D5D5D;
	background-color: #F9F9F9;
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat-x;
}

body.simple {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
 	font-family: 'Trebuchet MS', arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	color: #5D5D5D;
	background-image: url(images/simplebg.jpg);
	/*background-repeat: no-repeat;*/
}


body.simplePublic {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
 	font-family: 'Trebuchet MS', arial, sans-serif;
	text-decoration: none;
	font-style: normal;
	color: #5D5D5D;
	background-image: url(images/simplebg.jpg);
}

form {
	padding: 0px;
	margin: 0px;
}

table {
	font-size: 12px;
	border-collapse: COLLAPSE;
	border: 0px;
	padding: 0px;
	text-align:left;
}

.borderbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

.pointer { cursor: pointer; }
#searchFieldPanel {
	padding: 5px;
	font-size: 1.1em;
	background-color: #F9F9F9;
	border: 1px solid #C7C7C7;
	border-radius: 3px;
	display: none; 
	position: absolute; 
	width: 316px; 
	box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.18);
}

#searchFieldPanel div {
	padding: 5px;
}

/* action messages */
.messageBoxDiv { padding-top: 10px; padding-bottom: 10px; }
.messageBoxError { color: #da1818; font-weight: bold }
.messageBoxWarning { color: #ce6a00 }

/* Workaround for Zapatec calendar css problem: border-collapse property for general Table
	 Created jumps in the popup calendar when moving over the day cells */
.calendar table {
	border-collapse: separate;
}

table.colorTable {
	BORDER-COLLAPSE: SEPARATE;
	border: 0px;
	padding: 0px;
}

.mainMenuBar { 
	width: 1024px; 
	background-image:url('images/menubar.jpg'); 
	background-repeat:no-repeat; 
	border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}
.mainMenuItems { height: 69px; border: 0px; float: left; }
.mainMenuItems > tbody > tr > td { padding: 0px; padding-left: 3px; padding-right: 3px }
.mainMenuIconTd { height: 40px; vertical-align: bottom; width: 100px; text-align: center; padding-bottom: 2px }
.mainMenuItemSpacer { height: 69px; width: 2px; vertical-align: middle }
.mainMenuItemText {  width: 100px; text-align: center; padding-top:2px; padding-right:3px; padding-left:3px; vertical-align: top; height: 24px }

/* -------------- DO WE NEED THIS???? USED BY EXTREMETABLE, DO WE NEED BOTH STYLESHEETS? ------------------------- */
.contentList {
	width: 100%;
}

.eXtremeTable .tableHeader { height: 24px; padding: 0px 4px; }

.contentList thead tr {
	font-size: 12px;
	background-color: #d9d8d8;
	height: 16px;
}

.contentList .even { background-color: #e3e2e2; }
.contentList .odd {	background-color: #eeeded; }

.even:hover, .odd:hover { background-color: #f6f6f6 }

.contentList .odd td, .contentList .even td {
	padding: 2px;
	height: 18px;
	border: 1px solid rgba(0,0,0,0);
}

.contentList .highlight td {
	padding: 2px;
	height: 18px;
	border: 1px solid rgba(0,0,0,0);
}

.contentList tr.branchingRow td { padding: 2px; height: 16px }

table.contentList tr { height: 28px }

/* -------------- Page/Box attribute cell classes ------------- */
.pageTitle {
	padding-top: 4px;
	padding-left: 2px;
	font-size: 20px;
	color: #888888;
}

table.sectionTable {
	width: 100%;
}

.border {
	border: 1px solid #CCCCCC;
}

.labelForCheckboxOrRadio { padding-left: 7px; margin-right: 10px }
.labelForCheckboxOrRadio > input { padding-left: 7px; height: 14px; width: 14px; padding: 0px; margin: 0px; margin-right: 4px; vertical-align: middle }

.sectionTitle {
	font-size: 14px;
	font-weight: bold;
	color: #888888;
	vertical-align: bottom;
	padding-top:3px;
	padding-bottom:10px;
}

.subTitle {
	font-size: 13px;
	font-weight: bold;
	color: #888888;
	vertical-align: bottom;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
}

.itemTitle {
	font-size: 13px;
	vertical-align: bottom;
	padding-top:5px;
	padding-bottom:3px;
	padding-left: 3px;
	padding-right: 3px;
	color: #003366;
}
.sectionSpace {
	padding-top:7px;
	padding-bottom:7px;
	height: 14px;
}

td.boxicon {
	vertical-align:	bottom;
	padding-bottom: 2px;
}

td.boxTitle {
	font-size: 1.1em;
	vertical-align:	bottom;
	padding-bottom: 2px;
}

td.boxContent {
	padding-left: 	8px;
	padding-top: 	15px;
	padding-right: 	8px;
	padding-bottom: 15px;
	vertical-align: top;
}

tr.actionMenuItem {
	height:			18px;
}

td.menuBox {
	padding-left: 	3px;
	padding-top: 	5px;
}

td.menuBox td { padding: 2px; padding-top: 4px; padding-bottom: 4px }

.menuBox > table { table-layout: fixed; }

.menuBoxItem {
	width: 158px;
	display: block;
	overflow:hidden; 
	white-space: nowrap;
}

tr.actionMenuItemDelimiter {
	height:			1px;
}
tr.actionMenuItemDelimiter > td {
	height:			1px;
	background-color: #d5d5d5;
	padding: 0px !important;
}

td.tableRowIcon{
	width: 18px;
	text-align: center;
	vertical-align: top;
}

.heading-hover:HOVER {
	background-color: #ddd;
}
	

td.sectionBoxTopTD{
	border: 1px solid #bcbcbc;
}

table.sectionBoxTop{
	width: 100%;
	border-collapse: COLLAPSE;
	background-color: #bcbcbc;
	border: 1px solid #bcbcbc;
	padding-left: 5px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-weight: bold;
	border-collapse: COLLAPSE;
}

td.sectionBoxHeading{
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 2px;
}

td.sectionBoxTD{
	border: 1px solid #bcbcbc;
	background-color: #e9e9e9;
	padding-top: 7px;
}

table.sectionBox {
	width: 100%;
	padding-left: 5px;
}


/* -------------- General link class ---------------------------- */
a {
	text-decoration: none;
	color: #44658E;
}

a:hover {
	text-decoration:underline;
}
/* -------------- menu box link class ---------------------------- */
.menuBox a {
	font-size: 1.1em;
}

/* -------------- Tom menu links (top right corner) -------------- */
a.topmenu {
	color: #FFFFFF;
}

a.topmenu:hover {
	color: #9dda57;
}

/* -------------- Main menu links (top menu bar) ------------------ */
a.mainmenu {
	font-size: 1.2em;
	color: #4b4b4b;
}

a.mainmenu:hover {
	color: #599928;
}

/* -------------- Crumbs links ------------------------------------ */
a.crumbs {
}

.crumbsLabel {
	font-size: 114%;
}

a.crumbs:hover {
}

.crumbsTd {
	padding: 2px;
	border: 1px solid rgba(0, 0, 0, 0);
}

.crumbsTable {
 	background-image:url('images/crumbs.jpg'); 
 	background-repeat:no-repeat;
	width: 804px;
	height: 33px;
	margin-left: 1px;
	margin-top: 1px;
}

/* -------------- Highlighted links ------------------------------------ */
a.highlightSelected {
	color: #4FAA05;
	text-decoration:underline;
	font-weight: bold;
}

td.highlightSelected {
	background-color: #4FAA05;
}

td.highlightItem {
	background-color: #d9d8d8;
}

/* -------------- Class for small texts and links ------------------ */
.small{
	font-size: 11px;
	font-weight: normal;
}

.verySmall{
	font-size: 12px;
	font-family: arial narrow;
	font-weight: normal;
}

/* -------------- Class for text cell inside main box -------------- */
td.text {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	text-indent: 0pt;
}

/* -------------- Class for single response cells   -------------- */
TD.reportTitle {
	background-color: #d5d5d5;
	color: #5D5D5D;
	font-weight: bold;
	padding: 4px 2px;
	vertical-align: top;
}

TD.reportQText {
	background-color: #d5d5d5;
	padding: 4px 2px;
	color: #5D5D5D;
	font-weight: bold;
	vertical-align: top;
}

TD.reportResult {
	text-align: left;
	padding: 5px;
	color: #5D5D5D;
}

TD.reportMatrixcell {
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
}

table.report {
	border: 1px solid #d5d5d5;
	width: 100%;
}

HR.report{
	text-align: left;
	color: #CCCCCC;
	width: 30%;
	height: 1px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

/* -------------- Class for form cells --------------------------- */
td.form {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 5px;
	vertical-align: top;
	text-indent: 0pt;
	/*height: 15pt;*/
}

/* class for cell with label for textarea. Top aligns the text.*/
td.formTop {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 3px;
	text-indent: 0pt;
	vertical-align: top;
}
/* form top with extra padding on top. Used with advanced textarea */
.formTopPadding {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 17px;
	text-indent: 0pt;
	vertical-align: top;
}


/* class for name in name/value pair  */
.label {
	/*font-weight: bold;*/
	vertical-align: middle;
}
.value {
}

/* -------------- Matrix map ------------------------------------ */
table.matrixMap{
	background-color: #E0E0E0;
	cursor: pointer;
	border: 1px solid #D3D3D3;
}

.matrixMapCell{
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 3px;
	border: 1px solid #D3D3D3;
}

.matrixMapCellSel{
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	height: 3px;
	background-color: #B0CF9B;
	border: 1px solid #B0CF9B;
}


/* -------------- Tab style ------------------------------------ */
table.tabs {
	border-collapse: separate;
}

.tab_selected {
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-top: 1px solid #C4C4C4;
	border-bottom: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #F4F4F4;
	cursor: default;
	text-indent: 0pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	white-space:nowrap;
}

.tab_notselected {
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #B6B6B6;
	color: #FFFFFF;
	cursor: pointer;
	text-indent: 0pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	white-space:nowrap;
}

.tabSpace {
	border-top: 0px;
	border-bottom: 1px solid #C4C4C4;
}

.tabcontent{
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: #F4F4F4;
}

.tabcontentTop{
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 0px;
	border-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	background-color: #F4F4F4;
}

.tabcontentBottom{
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	background-color: #F4F4F4;
}

/* -------------- Content and bar classes ------------------------ */
.expandContent{
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-top: 1px solid #C4C4C4;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: #F4F4F4;
}

.boxActionContent{
	background-color: #e9e9e9;
	border: 1px solid  #e2e2e2;
	padding-left: 	5px;
	padding-right: 	5px;
	padding-top: 	0px;
	padding-bottom: 7px;
}

.highlightMenuItem {
	background-color: #E8E8E8;
}
.highlightMenuItem td:first-child { border-top-left-radius: 4px; }
.highlightMenuItem td:last-child { border-top-right-radius: 4px; }
.highlightMenuItem td:first-child { border-bottom-left-radius: 4px; }
.highlightMenuItem td:last-child { border-bottom-right-radius: 4px; }

.highlightMenuItem td:last-child{
	font-weight: bold;
}

.boxActionBar{
	vertical-align: middle;
}

/* -------------- Class for buttons cell ------------------------ */
td.buttons {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-top: 7px;
	text-indent: 0pt;
	vertical-align: middle;
}


/* -------------- TD with line ----------------------------- */
td.line {
	padding-top: 	0px;
	padding-bottom: 0px;
	border: 0;
	vertical-align: top;
}

/* -------------- Input fields classes ----------------------------- */
INPUT {
	text-indent: 1pt;
	color: #5D5D5D;
	border: #CCCCCC 1px solid;
	font-size: 12px;
	padding: 4px;
}

SELECT {
	text-indent: 1pt;
	font-size: 12px;
	color: #5D5D5D;
	padding: 3px;
	border: #CCCCCC 1px solid;
	border-color: #CCCCCC;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

TEXTAREA {
	padding: 5px;
	text-indent: 1pt;
	color: #5D5D5D;
	border: #CCCCCC 1px solid;
	font-size: 12px;
	font-family: 'Trebuchet MS', arial, sans-serif;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

INPUT.checkbox, INPUT.radio {
	border: 0px;
	width: 1.3em;
	height: 1.3em;
}


INPUT.button, BUTTON {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #C9C9C9;
	display:inline-block;
	cursor:pointer;
	color:#6a6a6a;
	font-family:arial;
	font-size:13px;
	padding:3px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
INPUT.button:hover, BUTTON:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
INPUT.button:active, BUTTON:active {
	position:relative;
	top:1px;
}

.file {
	height: auto;
	border-collapse: collapse;
}

.width5 { width: 5px; }
.width20 { width: 20px; }
.width25 { width: 25px; }
.width30 { width: 30px; }
.width50 { width: 50px; }
.width75 { width: 75px; }
.width80 { width: 80px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width150 { width: 150px; }
.width170 { width: 170px; }
.width190 { width: 190px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width280 { width: 280px; }
.width300 { width: 300px; }
.width355 { width: 355px; }
.width380 { width: 380px; }
.width400 { width: 400px; }
.width500 { width: 500px; }
.width550 { width: 550px; }
.width600 { width: 600px; }
.width640 { width: 640px; }
.width650 { width: 650px; }
.width670 { width: 670px; }
.width690 { width: 690px; }
.width700 { width: 700px; }
.width746 { width: 746px; }
.width90percent { width: 90%; }
.width98percent { width: 98%; }
.width100percent { width: 100%; }
.sizeTextareaDefault { width: 99%; height: 200px }
.pa-s { padding: 4px } /* padding all - small */ 
.pl-m { padding-left: 6px } /* padding let - medium */

.error {
	border: #ff9999 1px solid;
	background-color: #ffe3e3;
}

/** select elements need a separate error class (changing border color doesn't work in IE) */
.errorSelect {
	border: #ff9999 1px solid;
	color: red;
}

/** text elements need a separate error class, used where text/label must be highlighted as error */
.errorText { color: red; }
.greenText { color: green; }
.redText { color: red; }
.yellowText { color: #E57200; }

.leftPadding3 { padding-left: 3px; }

.noPadding{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin: 0px;
	border-collapse: COLLAPSE;
	border: 0px;
}

.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.right{
	text-align: right;
}

.top{
	vertical-align: top;
}

.fixedVerticalPos{
	position: fixed;
	top:350px;
	margin-left: auto;
	margin-right: auto;
}

/* Matrix question */
Table.matrixAdmin {
	/*background-color: #D5E6FB;*/
}

TD.matrixCellAdmin {
	width: 30px;
	height: 30px;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	text-indent: 0pt;
	text-align: center;
	vertical-align: middle;
	padding-top: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	/*background-color: #FFFFFF;*/
}


/* backgrounds use in the branching overview screen */
.redFill{
	background-color: red;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: white;
}

.greenFill{
	background-color: #62AA2C;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: white;
}

.stripeFill {
	background-color: #b8cdde;
	background-image: repeating-linear-gradient(45deg, rgba(255, 255 ,255 , 1), rgba(255, 255, 255, 1) 5px, #b8cdde 5px, #b8cdde 10px);
}

.popup {
	position: absolute;
	visibility: hidden;
	top: -100px;
	left: -100px;
	background-color: #EEEEEE;
	border-left: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	padding: 2px;
	z-index: 10
}

/**
 * Elements supporting piping
 */
.piping {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(images/piping_bg.gif);
	background-color: #FFFFFF;
}


.disabled {
	background-color: #ebe9e9;
	color: #BAB8B8;
}

.inactive {
	background-color: #ebe9e9;
	color: #BAB8B8;
}

/* IMPORTANT This will set the element invisible, but it will still take up the same space as before.
 * 			 For complete hiding use display:none */
.notVisible {
	visibility: hidden;
}

/* ALL ELEMENTS (boxes) WITH CORNERS */
.topLeftBox {
	background-position: top left; 
	background-image:url('images/boxcorners.jpg');
	height: 27px;
}

.topRightBox {
	background-position: top right; 
	background-image:url('images/boxcorners.jpg');
	height: 27px;
}

.bottomLeftBox {
	background-position: bottom left; 
	background-image:url('images/boxcorners.jpg');
	height: 10px;
}

.bottomRightBox {
	background-position: bottom right; 
	background-image:url('images/boxcorners.jpg');
	height: 10px;
}

.topBox {
	background-position: top; 
	background-image:url('images/boxtopbottom.jpg');
	height: 21px;
}	

.bottomBox {
	background-position: bottom; 
	background-image:url('images/boxtopbottom.jpg');
	height: 10px;
}	

.leftBox {
	background-position: left; 
	background-image:url('images/boxedges.jpg');
	width: 5px;
}	

.rightBox {
	background-position: right; 
	background-image:url('images/boxedges.jpg');
	width: 5px;
}	

.floatingMessageBox {
	display: none;
	position: fixed;
	padding: 20px;
	background: #f4f4f4;
	border: 1px solid #dddddd;
	z-index: 101;
}

.floatingTooltip {
	display: none;
	position: absolute;
	padding: 5px;
	background: #f4f4f4;
	border: 1px solid #dddddd;
	z-index: 101;
	max-width: 500px;
}


#mainStatusMsg { 
	max-width: 500px; 
	background: #FFFDD2; padding: 3px; border: 0px;
	border-radius: 3px;
 }

.notificationMsg {	background: #f5f7a6; display: none; }
.notificationWarning { background: #FFD8AB !important }
.notificationError { background: #FFBAB5 !important }


/* Quota related styles */
.hideWhenNoQuotas {
	display: none;
}

.quotaGroupName {
	font-style: italic;
}

.quotaBelongsToQuestion {
	color: #a0a0a0;
}
.quotaReached {
	background-color: #bcefa9;
}

.level1 {
	text-indent: 5px;
	font-weight: bold;
}

.level2 {
	text-indent: 20px;
}

.level3 {
	text-indent: 35px;
}

.level4 {
	text-indent: 50px;
}

.level5 {
	text-indent: 65px;
}

.quotaEdited {
	background-color: #DDC0C3;
}

#tabRating, #tabMultiple, #tabNumeric, #tabDropdown, #tabMatrix, #tabNoType {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 3px;
}

TD.ratingNumbers {
	padding-left: 5px;
	padding-right: 5px;
}

.ui-tooltip {
	color: #5D5D5D;
	border: 0px;
	padding: 0px;
	position: absolute;
	max-width: 500px;
	background-color: #e9e9e9;
	box-shadow: 0px 0px 5px #aaa;
}

.ui-tooltip-content {
	border: 0px;
	padding: 5px;
	font-family: arial;
	font-size: 12px;
}

.choiceFilterTooltip {
	color: #5D5D5D;
	padding: 4px;
	border: 1px solid #ccc;
	position: absolute;
	max-width: 400px;
	background-color: #f9f9f9;
	box-shadow: 0px 0px 0px #aaa;
	line-height: 1.40;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.multOpt {
	margin-top: 2px;
	margin-bottom: 3px;
}

/* for tinyMCE */
i.select-piping-icon {
	background-image: url('images/select-piping.png');
}

.boxSizing { 
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}

.choiceFilterTable {
 	border: #CCCCCC 1px solid;
    padding: 0px;
}

.choiceFilterTd {
 	border-top: 0px;
 	border-bottom: #CCCCCC 1px solid;
 	border-left: 0px;
 	border-right: #CCCCCC 1px solid;
    padding: 0px;
}

.choiceFilterRowHeaderTd {
 	border-top: 0px;
 	border-bottom: #CCCCCC 1px solid;
 	border-left: 0px;
 	border-right: 0px;
    padding: 0px;
    line-height: 1.25;
	cursor: pointer;
}

.choiceFilterRowHeaderTd > div {
	height:40px; 
	overflow:hidden; 
	vertical-align:middle; 
	display:table-cell;
}

.choiceFilterRowHeaderTd > div > div {
	margin: 0px 10px;
	max-height: 30px; 
	max-width: 160px; 
	overflow: hidden;
}

.choiceFilterTh {
 	border-top: 0px;
 	border-right: #CCCCCC 1px solid;
 	border-left: 0px;
 	border-bottom: 0px;
    padding: 0px;
    line-height: 1.25;
    vertical-align:middle;
    cursor: pointer;
}

.choiceFilterTh > div > div {
	max-height:120px; 
	width:54px; 
	margin:3px; 
	overflow:hidden; 
	text-align:center;	
}

.choiceFilterColHeaderTd {
 	border: #CCCCCC 1px solid;
    padding: 0px;
 }
 
.choiceFilterTd > div {
	height:40px; 
	width:60px;
}

.choiceFilterTd > div > input {
 	margin-top: 15px;
 	margin-left: 25px;
 }
 
 #choiceFilterPopup {
	font-size:12px;
 	-webkit-box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 	-moz-box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 	box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 }

 #quickEditPopup {
  	display: none; 
  	position: fixed; 
  	_position: absolute; 
  	background: #f4f4f4; 
  	z-index: 2; 
  	padding: 20px; 
  	font-size: 12px;
 	-webkit-box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 	-moz-box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 	box-shadow: rgba(100, 100, 100, 0.9) 0px 0px 25px 0px;
 }

 .choiceFilterTipChoice {
 	padding-left: 10px;
 	font-weight: bold;
 }
 
 #choiceFilterTableCheckboxes {
 	width: 100%;
 	height: 100%;
 }
 
 #choiceFilterNoChoices {
 	font-size: 1.5em;
 	text-align: center;
 	opacity: 0.5;
 	display: none;
 }
 
 #choiceFilterTableQuestion {
 	width:110px;
 	overflow:hidden;
 	margin:5px;
 	text-align:center
 }
 
 #multipleLabel {
 	height: 22px;
 }

 #multHideFilteredOptions {
 	font-size: 12px;
 	padding: 3px;
 	width: 80px;
 }
 
 .recentItem {
	border: 1px solid rgba(0,0,0,0);
}

.contentList .odd .surveyHoverSubfolder, .contentList .even .surveyHoverSubfolder, .menuBox .surveyHoverSubfolder, .surveyHoverSubfolder {
	background-color: rgba(197,255,158,0.4);
 	padding: 2px;
 	border: 1px solid rgb(111, 200, 51);
 }
 
 .surveyHoverCrumbs {
	background-color: rgb(197,255,158,0.4);
 	padding-top: 2px;
 	padding-left: 2px;
 	border: 1px solid rgb(111, 200, 51);
}

.surveyDragHelper {
	opacity: 1;
	background-color: #F3FAFE;
	border: 1px solid rgb(190, 215, 227);
	color: #44658E;
	min-width: 330px;
	font-weight: bold;
	box-shadow: 2px 2px 2px 0px rgb(160, 160, 160);
	margin: 5px;
}

.surveyDragHelperItem {
	border-bottom: 1px dotted rgb(190, 215, 227);
	padding: 5px 15px;
}

#folderTable_table {
	border-collapse: separate;
}

.surveyMovedMsg {
	line-height: 1.6;
	font-size: 13px;
	padding: 0px 15px;
	border: solid 1px #F0C538;
	border-radius: 4px;	
	background: #FFFDCC;
	display: none;
}
.surveyMoveFailedMsg {
	line-height: 1.6;
	font-size: 13px;
	padding: 0px 15px;
	border: solid 1px rgb(239, 134, 134);
	border-radius: 4px;	
	background: rgb(255, 218, 225);
	display: none;
}

.actionButton {
	height: 18px;
	width: 18px;
	cursor: pointer;
	border-radius: 2px;
	padding: 3px;
	margin-right: 1px;
	display: inline-block;
}
.actionButton:hover { background-color: rgb(197,255,158); opacity:1 }
.actionButtons { margin-right: 2px; }

.multActionButton {
	height: 18px; 
	width: 18px; 
	cursor: pointer;
	border-radius: 2px;
	padding: 1px;
	margin-right: 3px;
	float: right;
	background-color: #d5d5d5;
}
 
.redirectParam { padding: 3px 0px 3px 0px; }

.multOptLinks {	display:inline-block; height:16px; vertical-align:bottom; }

.dataVarCell {	text-align: center; }

.filterItem { border-radius:4px; background-color: #dbffd6; border: 1px solid #a9d0a4; float: right; margin: 2px }
.filterItemContent { padding: 2px 5px; }
.filterItemDelete { width: 12px; padding: 2px; padding-left: 4px; text-align: center; background-color: #bef9b6; font-weight: bold }
.filterItemDelete:hover { background-color: #fd8989; cursor: pointer;}

.itemRemove { width: 12px; padding: 3px; text-align: center; background-color: #c0c0c0; font-weight: bold }
.itemRemove:hover { background-color: #fd8989; cursor: pointer;}