/******************
Form Styles
******************/
.fieldlist {
}

/*.fieldlist ol {
	margin: -10px 0 10px;
	margin-bottom: 10px;
}*/

.fieldlist ol li {
	/*padding: 10px 0 0;*/
	padding-top: 1em;
	clear: both;	
}

.fieldlist ol li.dateRangeFieldTop {
	padding-top: 0;
}

.fieldlist ol li.dateRangeFieldBottom {
	padding-top: 0;
	padding-bottom : 0;
	clear: both;
}

.fieldlist ol li.genericRangeFieldTop {
    padding-top: 0;
}

.fieldlist ol li.genericRangeFieldBottom {
    padding-top: 0;
    padding-bottom : 0;
    clear: both;
}

.fieldlist ol li input.genericRangeInput {
    border: 1px solid black;
}

.fieldlist:after {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
}

fieldset {
	border:none;
}

.fieldlist h1 {
	margin: .5em 0 1em .5em;
	font-weight: 600;
	font-size: 1.3em;
}

/* Style for wrapping forms
 * There are still some bugs in this, line height needs to be made consistent
 * and 100% width isn't fixing clearing issues in popups*/
.fieldlist.twocolumn ol {
	float: left;
  	width: 100%;
}

.fieldlist.twocolumn ol li {
	clear: none;
	float:left;
  	width:50%;
}

.twocolumn label {
	width:40%;
}

/****************  Inputs **********************/
input[type="text"],
input[type="password"],
textarea {
	height: 20px;
	line-height: 20px;
	padding: 0 3px;
	/* ui 2 */
	color: #444a59;
	background-color: #fff;
	background-image: none;
	border: 1px solid #acb2bf;
}

textarea {
	height:auto;
	margin-top: 6px;
}

input[disabled], textarea[disabled],
.disabled {
	color: inherit;
	font-style: italic;	
}

.inline {	/* makes skinny buttons */
	margin: 0 !important;
	height: 16px !important;
	padding: 0 !important;
}

input[type="radio"],
input[type="checkbox"] {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin: 0;
    position: relative; 
	bottom: 1px
}


input[type="checkbox"].viewOnly {
	vertical-align: middle;
	margin: 0;
	height: inherit;
	line-height: inherit;
	position: relative; 
	bottom: 1px
}

/******* Labels ****************/
.faux_label.phone_label {
	margin-left: 0;
}

.faux_label {
	vertical-align: middle;
	margin-left: 10px;
}

label {
	display: inline-block;
	width: 20%;
	min-height: 1px; /* forces empty labels to still reserve space*/
	padding-right: 10px;	
	text-align: right;
	float: left;
}

input + label {
	text-align: left;
	font-weight: normal;
}

label.inrow {
    margin-left: 15px;
    width: auto;
    float: none;
}

label + .multiline {	/* for text values that span more than one line*/ 
	display: block;
    margin-left: 21%;
}

.widelabel label {
	width: 30%;		
}

span + .multiline {	/* for text values that span more than one line*/ 
	display: block;
    margin-left: 21%;
}

.tab_section_content label + .multiline {
	margin-left: 21.5%;
}

td .halfScreen ol li label {
	width: 35%;
}

td .halfScreen ol.stacked li label {
	width: auto;
}

.halfScreen label + .multiline {	/* for text values that span more than one line*/ 
	display: block;
    margin-left: 38%;
}

.halfScreen label + .multilineRadio {    /* for text values that span more than one line*/ 
    display: block;
    margin-left: 39.5%;
}

label + .multilineRadio {    /* for text values that span more than one line*/ 
    display: block;
    margin-left: 21.5%;
}

.multilineRadio div.radio-selection { /* remove margin so radio buttons align vertically */
    margin: 0;
}

.afterlabel {
	float: left;
	padding-left: 20%;	/* this is equal to the width of a label */
}

/***** Buttons ******/
input[type="submit"],
input[type="button"],
button {
	display: inline-block;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 10px;
	margin: 3px 2px 0 3px;
	position: relative;
	top: -3px;
}

/*********** Stacked form elements **************
	This is a style for stacking labels on top of form elements.
	See PersonInformationPanel for example usage */
ol.stacked {
	padding-left: 2%;
	clear: both;
}

.tab_section_content ol.stacked {
	margin-left: 10px;	
}

.tab_section_content ol.stacked select {
	margin-bottom: 15px;
}

ol.stacked li {
	clear: none;
	float: left;
	margin-right: 2em;
}

ol.stacked li label {
	display: block;
	float: none;
	clear: none;
	width: auto;
	margin: 0;
	text-align: left;
}

.fieldlist ol.noMarginRight li {
	margin-right: 0;
}

ol.stackedInline {
    padding-left: 20%;
    clear: both;
}

.tab_section_content ol.stackedInline {
    margin-left: 10px;  
}

ol.stackedInline li {
    clear: none;
    float: left;
    margin-right: 2em;
}

ol.stackedInline li label {
    display: block;
    float: none;
    clear: none;
    width: auto;
    margin: 0;
    text-align: left;
}

/**************** radio buttons*****************
	This is a radio button style deals nicely with long labels 
	by wrapping them.  See EditTenantParameter for example usage.
	Note that the input must come before the label for this guy to work.*/
.radio-selection {
    margin: 5px 0 10px 153px;
}

.radio-selection input {
	line-height: 1.2em;
    float: left;
}

.radio-selection br {
	clear: both;
}

.radio-selection * {
	vertical-align: middle;
}

.radio-selection label {
	text-align: left;
	line-height: 1.5em;
	padding-left: .5em;
	width: 60%;
}

.radio-selection span.value label {
    line-height: 1.8em;
    padding-left: 0.5em;
    text-align: left;
    width: 60%;
}

.radio-selectAgreement label {
	padding-left: 1em;
	text-align: left;
	width: 80%;
}

td .halfScreenFull ol li .radio-selectAgreement label {
	padding-left: 1em;
	text-align: left;
	width: 80% !important;
}
		
.radio-selectAgreement input{
	float: left;
}
		
.radio-selectAgreement{
	float: left;
	width: 60%;
	margin: 0.5em 0 1em 0;
}

.radio-selectionParameter {
    margin: 1px 0 10px 152px;
}

.radio-selectionParameter input {
	bottom: 0;
	line-height: 1.2em;
    float: left;
}

.radio-selectionParameter br {
	clear: both;
}

.radio-selectionParameter * {
	vertical-align: middle;
}

.radio-selectionParameter label {
	font-size: 11px;
	text-align: left;	
	padding-left: .5em;
	width: 60%;
}

label + .radio-selectionParameter-multilineRadio { 
    display: block;
    margin-left: 2.5%;
}


/***** Things that should go away **************/
td ul#quickLinks li button {
	height: auto;
	margin-bottom: 7px;
	margin-top: 0;
	padding: 3px;
}

td ul li button {
	width: 160px;
	margin-top: 15px;
}


td .fieldlist ol,
td .fieldlist ol li {
	width:auto;
}

td label {
	width: 80px;
}

.custom-radio-config-style input
{
	float: left !important;
}

.custom-radio-config-style label
{
	padding-top: 2px !important;
}

/******************************************/
/*Long product description need to be wrapped*/
/******************************************/
.fieldlist-prod ol li span.value  {
		word-wrap:break-word;
		float: left;
		width: 40%;
}

.large_field{
	width: 290px;
}

.large_area{
	width: 290px;
	height: 80px;
}

.email_field_list ol li {
	/*padding: 10px 0 0;*/
	padding-top: 5px;
	clear: both;	
}

.space_radio_button {
	margin-left: 0.2em;
}


#popcontent_holder {
	max-height: none;
	overflow: auto;
}

form .columns h3 {
	padding: 0 0 15px 3%;
}

.popcontent .tab_section_content .fieldlist ol {
	margin-left: 0;
	padding-left: 0;
}

.tab_section_content .fieldlist .stacked label {
	padding-bottom: 5px;
}

.w_content #popcontent_holder {
	max-height: none !important;
}

.popcontent .tab_section_content .fieldlist .mceEditor mceLayout {
	width: 85% !important;
}

.popcontent .tab_section_content input.inline {
	float: inherit;
}

td .halfScreenFull ol li label {
    width: 17.5% !important;
}

.popcontent .tab_section_content .actions input[value="Add New Header Name/Value"] {
	float: right;
	margin-right: 33px;
}

.popcontent .tab_section_content span {
	color: #272727 !important;
}

.popcontent .tab_section_content .feedbackPanel .feedbackPanelERROR {
	color: #fff !important;
}

.popcontent .tab_section_content table th span {
	color: #506E78 !important;
}

.popcontent .tab_section_content td a span {
    color: #CA270D !important;
}

.searchCustomer label {
	width: 90px;
}