@charset "utf-8";
/* CSS Document */

/********************** GENERIC SIMPLE FORM OBJECT *************************/

.simpleFormObject{
	float:left;
	clear:both;
	display:block;
	margin:2px 0px 6px 0px;
	width:100%;
	height:auto;
}

.simpleFormObject .labelLeft{
	float:left;
	display:block;
	width:auto;
	height:auto;
	text-align:left;
	/*white-space:nowrap;*/
}

.simpleFormObject .labelRight{
	float:left;
	display:block;
	width:auto;
	font-weight: bold;
	color:#555555;
}

.simpleFormObject .labelLeft{
	text-shadow:0px 1px 0px #FFFFFF;
	font-weight: bold;
	color:#555555;
	font-style:normal;
	font-size: 1.1em;
}

.simpleFormObject .fieldRight{
	float:left;
	display:block;
	margin-left:4px;
	margin-right:4px;
	text-shadow:0px 1px 0px #FFFFFF;
	font-weight: normal;
	color:#003E7E;
	font-style:normal;
	font-size: 1.1em;
}

.simpleFormObject .imButtonIcon{
	float:left;
	display:block;
	margin-left:4px;
}


/*************** MANDATORY*************/

.simpleFormObject.imRequired .labelLeft span{

	color:#3A5F1F;
	font-size:18px;
	line-height:10px;
	padding-top:8px;
	
}

.fullHorizontalContent{
	float:left;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}



/********************** GENERIC SIMPLE FORM OBJECT LABEL ON TOP *************************/

.simpleFormObject.labelOnTop{
	float:left;
	clear:both;
	margin:2px 0px 6px 0px;
	width:100%;
}

.simpleFormObject .imGoingDown{clear:both;}

.simpleFormObject.labelOnTop .labelLeft{
	float:left;
	display:block;
	width:auto;
	white-space:nowrap;
	text-shadow:0px 1px 0px #FFFFFF;
	font-weight: bold;
	color:#555555;
	font-style:normal;
	font-size: 12px;
}


.simpleFormObject.labelOnTop .fieldRight{
	float:left;
	clear:both;
	display:block;
	margin-left:0px;
	margin-right:4px;
}


/*************** MANY RADIO AND/OR CHECKBOX **************/




/*******************SPECIAL TEXT NEXT TO FIELDS*******************************/

.labelDetailRight{
	float:left;
	font-style:normal;
	font-size: 11px;
	color:#3A5F1F;
	line-height:14px;
	padding-top:3px;
}

.labelDetailUnder{
	float:left;
	clear:both;
	font-style:normal;
	font-size: 11px;
	color:#3A5F1F;
	line-height:14px;
	padding:4px 0px 2px 4px;
}







/********************************/
/*								*/
/*			INPUT STYLING  		*/
/*								*/
/********************************/

input,
select,
.simpleFormObject .fieldRight input,
.simpleFormObject .fieldRight textarea,
.simpleFormObject.fieldRight select,
.addObjectsBox .boxBody,
.reportsMenuBox,
.selectFromThisBox select,
.surveyGroupDropDown select{
	float:left;
	padding:0px;
	margin:0px;
	font-weight: normal;
	color:#333333;
	font-style:normal;
	font-size: 13px;
	height: 20px;
	border:1px solid #76D2BE;
	background-color: #D5E1E6;
}
select,
.selectFromThisBox select,
.surveyGroupDropDown select,
.simpleFormObject.fieldRight select {
	height: 26px;
}

.simpleFormObject .fieldRight input{
	padding:2px;
	margin-right:16px;
}

.simpleFormObject .fieldRight textarea{
	padding-top:2px;
}

/*KILL border for checkboxes and radio buttons ie7*/

input[type=radio],
input[type=checkbox]
{
	border:none!important;
}

/**********HOVER FIELD!!!************/
input:hover,
input.imHover,
select:hover,
select:focus,
.simpleFormObject .fieldRight input:hover,
.simpleFormObject .fieldRight input:focus,
.simpleFormObject .fieldRight textarea:hover,
.simpleFormObject .fieldRight textarea:focus,
.addObjectsBox .boxBody:hover,
.addObjectsBox .boxBody:focus,
.reportsMenuBox:hover,
.reportsMenuBox:focus,
.selectFromThisBox select:hover,
.selectFromThisBox select:focus,
.surveyGroupDropDown select:hover,
.surveyGroupDropDown select:focus{
	background-color: #f6f6f6;
	border-color: #76D2BE;
}



/**********ERROR FIELD!!!************/
.simpleFormObject .fieldRight.myError input,
.simpleFormObject .fieldRight.myError textarea{
	border:solid 1px red;
	-moz-box-shadow: 0px 0px 2px gold;
	-webkit-box-shadow: 0px 0px 2px gold;
	box-shadow: 0px 0px 2px gold;
}

/**********ERROR FIELD FOCUS!!!************/
input:focus,
.simpleFormObject .fieldRight.myError input:focus,
.simpleFormObject .fieldRight.myError textarea:focus{
	-moz-box-shadow: 0px 0px 0 2px #ffffff;
	-webkit-box-shadow: 0px 0px 0 2px #ffffff;
	box-shadow: 0px 0px 0 2px #ffffff;
}

/**********DISABLED FIELD************/
input.disabled,
select.disabled,
textarea.disabled,
.disabled input,
.disabled textarea,
.disabled select,
.simpleFormObject.disabled .fieldRight input,
.simpleFormObject.disabled .fieldRight textarea,
.simpleFormObject.fieldRight.disabled select,
.disabled .addObjectsBox .boxBody,
.disabled .selectFromThisBox select,
.disabled .surveyGroupDropDown select{
	border:solid 1px #D5D5D5!important;
	pointer-events: none!important;
	cursor: default;
	background:#EEEEEE!important;
	color:#AAAAAA!important;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}

input[disabled="disabled"], input[disabled="disabled"]:hover,
select[disabled="disabled"], select[disabled="disabled"]:hover,
textarea[disabled="disabled"], textarea[disabled="disabled"]:hover
{
	border:solid 1px #D5D5D5!important;
	pointer-events: none!important;
	cursor: default!important;
	background:#EEEEEE;
	color:#AAAAAA!important;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}


input[disabled="disabled"]+span,
select[disabled="disabled"]+span,
textarea[disabled="disabled"]+span,
input[disabled="disabled"]+span:hover,
select[disabled="disabled"]+span:hover,
textarea[disabled="disabled"]+span:hover,
.disabled label,
.disabled label span,
.disabled span,
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled,
.ui-state-disabled a, .ui-widget-content .ui-state-disabled a, .ui-widget-header .ui-state-disabled a
{
	pointer-events: none!important;
	cursor: default!important;
	color:#777777!important;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}



/**************BOXES **************/
select option:hover{
	color:#006892;
}



/*********** CHECK BOXES *******************/

.checkBoxObject .labelLeft label  { padding-right:4px; }

.checkBoxObject .theBox{
	float:left;
	padding-top:2px;
	padding-left:4px;
	border:none;
	margin-top:1px;
}

.checkBoxObject .labelRight .theBox {
	width:15px;
	height:15px;
	float:left;
	display:block;
	border:none;
	margin-top:1px;
}

.checkBoxObject .labelRight{
	float:left;
	display:block;
	padding:0px;
	height:auto;
}

.checkBoxObject .labelRight label{
	float:left;
	display:block;
	clear:both;
	padding-bottom:2px
}

.checkBoxObject .labelRight label span{
	float:left;
	display:block;
	height:auto;
	padding-left:4px;
	text-align:left;
}

.checkBoxObject label span:hover,
.checkBoxObject label:hover,
.checkBoxObject label input:hover
{
	color:#006892;
	cursor: pointer;
}

.checkBoxObject label span.imFocused { color:#3A5F1F; }

.checkBoxObject label span.imFocused:hover,
.checkBoxObject label:hover span.imFocused {
	color:#006892;
}

/*Disabled chackboxes*/
.disabled .labelLeft,
.disabled .labelRight,
.disabled .labelRight label,
.disabled .labelRight input,
.disabled .labelRight span
{
	pointer-events: none!important;
	cursor: default!important;
	color:#888888!important;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}

	

/******************** FOOTER - BUTTONS SECTION *******************/
.simpleFormObjectFooter{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
}

.simpleFormObjectFooter .buttonsSection{
	float:left;
	width:100%;
}

.simpleFormObjectFooter .formButton{
	float:right;
	margin:4px 6px 6px 0px!important;
}

/******************* SIMPLE FORM DIVIDER **********************/

.simpleformDivider{
	float:left;
	display:block;
	width:100%;
	height:0px;
	margin-bottom:6px;
	margin-top:0px;
	margin-right:12px;
	border-bottom:solid 1px #FFFFFF;
	border-top:solid 1px silver;
}

/************************* JUST TEXT ****************************/
.simpleFormObject .infoText{
	font-size:14px;
	float:left;
}


/************* STATIC INFORMATION TEXT**************************/
.showYourSelections{
	float:left;
	clear:both;
}

.showYourSelections label{
	float:left;
	text-align:left;
	color: #555555;
}
.showYourSelections input,
.showYourSelections .fieldRight{
	font-weight: bold!important;
	font-size: 13px!important;
	color: #3A5F1F!important;
	
	border:none!important;
	background:none!important;
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}

.showYourSelections input:hover,
.showYourSelections .fieldRight:hover
{
	border:none!important;
	background:none!important;
	-moz-box-shadow: 0px 0px 0px #FFFFFF!important;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF!important;
	box-shadow: 0px 0px 0px #FFFFFF!important;
}

.showYourSelections input { width:220px; }

.addRowContentBody .col-2 { widht:300px;}

.showYourSelections input:hover,
.showYourSelections input:focus{
	border:none;
	background:none;
	-moz-box-shadow: 0px 0px 0px #006892;
	-webkit-box-shadow: 0px 0px 0px #006892;
	box-shadow: 0px 0px 0px #006892;
}

.showYourSelections.smallInfo label, .showYourSelections.smallInfo input{
	font-size: 11px;
	width:auto;
	font-weight: normal;
}

.smallInfo .simpleFormObject{
	padding:0px;
	margin:0px;
}

.smallInfo .simpleFormObject .labelRight,
.smallInfo .simpleFormObject .labelRight input,
.smallInfo .simpleFormObject .labelRight label{
	font-size: 11px;
	color: #3A5F1F;
	font-weight: normal;
	padding:0px 4px;
}

.smallInfo .simpleFormObject .labelLeft{
	font-size: 11px;
	font-weight: normal;
}



/********************SURVEY TOP TOOL BAR AUTOSEARCH FIELD **********************/
.autosearchField input{
	width:180px;
	padding:3px 4px 4px 6px;
	padding-left:24px!important;
	color:#707070;
	background: none;
	font-size:12px;
	line-height:20px;
	height:20px;
	font-weight:bold;
	border:none;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF;
	box-shadow: 0px 0px 0px #FFFFFF;
	
	border-radius: 0px;
}

.autosearchField{
	border:1px solid #76D2BE;
	background-color: #D5E1E6!important;
	background-position: -6px -654px;
	float:left;
	border-radius: 0px;
}

.autosearchField:hover, .autosearchField:focus{
	border-color: #63CCB5;
	background-position: -6px -694px;
}

.autosearchField.password{background-position: -6px -813px;}
.autosearchField.password:hover,.autosearchField.password:focus{background-position: -6px -853px;}
	

/************************************************/
/*		SPECIAL FIELDS							*/
/************************************************/

.treePopupField{
	background:#E2EEFC url(../../img/bk/workAreaHorizontalSprite.png) no-repeat;
	background-position: -6px -339px;
	padding-left:24px!important;
	height:20px;
}

.treePopupField.disabled{
	background:#EEEEEE url(../../img/bk/workAreaHorizontalSprite.png) no-repeat;
	background-position: -6px -459px;
	
	border:solid 1px #D5D5D5;
	pointer-events: none;
	cursor: default;
	color:#777777;
	
	-moz-box-shadow: 0px 0px 0px #FFFFFF;
	-webkit-box-shadow: 0px 0px 0px #FFFFFF;
	box-shadow: 0px 0px 0px #FFFFFF;
}

.datePickerField input.hasDatepicker{
	background:#E2EEFC url(../../img/bk/workAreaHorizontalSprite.png) no-repeat;
	background-position: -6px -497px;
	padding-left:24px!important;
	width:80px;
	height:20px;
	margin-left:0px!important;
}

.simpleFormObject.datesFields .fieldRight.datePickerField input[disabled="disabled"]{
	background:url(../../img/bk/workAreaHorizontalSprite.png) no-repeat!important;
	background-position: -6px -619px!important;
	pointer-events: none;
}

/**************** THIS ELEMENT HAS BEEN CHANGED ********************/

.simpleFormObject .fieldRight.datePickerField{margin-right:0px;}
.simpleFormObject .fieldRight.datePickerField input{width:80px;margin-right:0px;}
.simpleFormObject.meIsDifferent .fieldRight.datePickerField a{float:left;width:22px;}
	

/************** IPHONE TOGGLE*************************/

.simpleFormObject.iToggle{padding-left:0px;margin-left:0px;}

.simpleFormObject.iToggle .fieldRight{padding-left:0px;margin-left:0px;}

.simpleFormObject.iToggle .fieldRight label{float:left;}

.simpleFormObject.iToggle .fieldRight .ilabel{padding-left:0px;margin-left:0px;}

.simpleFormObject.iToggle .fieldRight .itoggle{margin-left:8px;}

.simpleFormObject.iToggle .fieldRight label{}

.simpleFormObject.iToggle .fieldRight label:hover{color:#006892;}