﻿/*
Flexible Accessible Form - A Form CSS Framework
An Asp.Net implementation of "Fancy Form Design Using CSS" (http://www.sitepoint.com/fancy-form-design-css/) by deap (http://ondotnet.deap.nu)

This file contains the core css form the faf framework. You should not make changes here if you want to take part of updates. Make overrides in faf-config.css instead.
*/

/* css-importer för enklare spridning av moduler */
@import "/RM/Event/Portal/Design/portal_event.css"; /* Event */

::-webkit-input-placeholder
{
    color:#999 !important;
}
:-moz-placeholder 
{ 
    color:#999 !important;
}
::-moz-placeholder
{ 
    color:#999 !important;
}
:-ms-input-placeholder 
{
    color:#999 !important;
}

select
{
	margin: 0;
}


.faf-clear
{
	clear:both;	
}

/* line-height related selectors */

.faf-form,
.faf-form label.faf-combine-lbl
{
	line-height:16px; /* Configuration of line-height in the form, to avoid problems... */
}

.faf-form .faf-readonly
{
	line-height: 16px;
}

.faf-form fieldset ol li.faf-hide-lbl.faf-combine input,
.faf-form fieldset ol li.faf-hide-lbl.faf-combine select,
.faf-form fieldset ol li.faf-hide-lbl.faf-combine textarea
{
	margin-top:20px; /* Equal to line-height in the form */
}

.ie6 .faf-form fieldset ol li.faf-combine input,
.ie6 .faf-form fieldset ol li.faf-combine select,
.ie6 .faf-form fieldset ol li.faf-combine textarea
{
	margin-top:0px !important;
}

.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-faf-combine input,
.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-faf-combine select,
.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-faf-combine textarea
{
	margin-top:20px !important; /* Equal to line-height in the form */
}

/* /line-height related selectors */

.faf-form
{
	overflow:visible;
}

.faf-form fieldset.faf-submit *
{
	margin-left:10px;
}

/* Top aligned labels */
.faf-form fieldset label.faf-lbl,
.faf-form fieldset span.faf-lbl
{
	display:block;
	top: 4px;
}

.faf-form fieldset .faf-readonly span.faf-lbl
{
	top: 0;
}

/* /Top aligned labels */

/* Applying General Form Styling
	Explained http://www.sitepoint.com/fancy-form-design-css-2/ */
.faf-form fieldset
{
	padding:0;
}

.ie7 .faf-form fieldset
{
	margin-top:0;
}

.ie7 .faf-form fieldset ol li 
{
	margin-top: -4px;
}

.ie7 .faf-form fieldset ol.cof-list-wrapper li.cof-list-item
{
	margin-top: 5px;
}

.ie7 .faf-form fieldset ol li li
{
	margin-top: 0px;
}

.ie6 .faf-form fieldset
{
	margin-top:0;
	margin-bottom:-24px;
}

.faf-form fieldset ol
{
	list-style: none;
	padding-left:0;
	margin-left:0;
}

.faf-form fieldset ol
{
	padding:0;
	list-style:none;
}

.faf-form fieldset ol li.faf input[type='checkbox'] 
{
	margin-top: 1px;
	margin-bottom: 0;
	margin-left: 0;
	position:absolute;
}
.ie .faf-form fieldset ol li.faf input[type='checkbox'] 
{
	padding:0;
}
.ie7 .faf-form fieldset ol li.faf input[type='checkbox'] 
{
	position: static;
}

.faf-form fieldset ol li.faf input[type='checkbox'] + label
{
	width: auto;
	float: none;
	text-align: left;
	display: block;
	margin-left: 16px;
	line-height: 16px;
}

.ie7 .faf-form fieldset ol li.faf input[type='checkbox'] + label
{
	display:inline;
	margin-left: 0px;
}

.faf-form fieldset fieldset ol
{
	padding:0px;
}

.faf-form fieldset.faf-submit
{
	border-style:none;
}

	
/* /Applying General Form Styling */


/* Styling Legends and Fieldsets
	Explained : http://www.sitepoint.com/fancy-form-design-css-5/ */

.faf-form fieldset legend
{
	position:relative;
	padding:0;
	font-weight:bold;
}

.faf-form fieldset fieldset legend
{
	padding:0;
	font-weight:normal;
}

.ie8 .faf-form fieldset fieldset.faf-legend-as-lbl legend,
.ie7 .faf-form fieldset fieldset.faf-legend-as-lbl legend
{
	top: 0;
}

/* /Styling Legends and Fieldsets */


/* Changing the Default Fieldset Layout 
	Explained: http://www.sitepoint.com/fancy-form-design-css-5/ */

.faf-form fieldset
{
	margin-bottom:-35px; /* Flexible: adjusted */
	padding-bottom:10px;
	border-style:none;
}

.faf-form > fieldset:last-child
{
	margin-bottom:0 !important;
}

.ie6 .faf-form .faf-fieldset-last-child,
.ie7 .faf-form .faf-fieldset-last-child,
.ie8 .faf-form .faf-fieldset-last-child
{
	margin-bottom:0 !important;
}

.faf-form fieldset legend span
{
	position:static;
	padding:0;
}

.ie6 .faf-form fieldset legend span
{
	left:-6px;
}

.faf-form fieldset fieldset legend span
{
	position:static;
}

.faf-form fieldset.cof-list .faf-list-container ol,
.ie6 .faf-form fieldset.faf-hide-legend .faf-list-container
{
	margin-top:0px;
}

.faf-form fieldset ol
{
	margin-top:0px;	
	margin-bottom: 0px;
}

/* Denna behövs inte PS: 2012-09-26
.faf-form fieldset.cof-list ol
{
	margin-top:6px;
}
*/
.ie6 .faf-form fieldset.cof-list ol.cof-list-readonly fieldset.faf-top-lbls .faf-list-container div.item-header,
.ie6 .faf-form fieldset.cof-list ol.cof-list-readonly fieldset.faf-top-lbls .faf-list-container div.contactinfo-item
{	
	position:relative;
	top:30px;
}

.ie6 .faf-form fieldset.cof-list ol.cof-list-wrapper
{	
	padding-bottom:8px;
	margin-top:-10px;
}

.faf-form fieldset fieldset ol
{
	margin-top:0px;
}

.faf-form fieldset.cof-list ol.cof-list-wrapper,
.faf-form fieldset ol.cof-element-list
{
	width: 100%;
}

.faf-form fieldset.faf-hide-legend > legend
{
	display:none;
}

.faf-form > fieldset.faf-hide-legend > ol
{
	padding-top:0;
}

.faf-form fieldset.faf-submit
{
	margin-bottom:0px;
	padding-top:15px;
	background-color:#fff;
}

/* /Changing the Default Fieldset Layout */


/* Grouping Radio Buttons and Checkboxes THIS PART IS NOT TESTED FOR NE/5
	Explained http://www.sitepoint.com/fancy-form-design-css-6/
	Flexible: these styles also applies to grouping textboxes, dropdowns etc in nested fieldsets */

.faf-top-lbls .faf-form fieldset + fieldset
{
	margin-top:15px;
}

.faf-form fieldset fieldset
{    
	padding-bottom:0;
	/*margin-top:15px; PS: tror ej att vi behöver detta*/
}

.faf-form fieldset fieldset.faf-hide-legend > legend
{
	display:none;
}

.faf-form fieldset.faf-hide-legend fieldset .faf-list-container
{
	margin-top: 0;
}

.faf-form fieldset fieldset.faf-hide-legend,
.faf-form fieldset li:first-child fieldset,
.ie6 .faf-form fieldset li.faf-first-child fieldset
{	
	margin-top:0;	
}

.faf-form > fieldset fieldset legend,
.faf-form fieldset.faf-coForm fieldset legend
{
	position:relative;	
	margin-left: 0;
	padding:0;
	font-weight: normal;
}

.faf-form > fieldset fieldset legend label.faf-lbl,
.faf-form fieldset.faf-coForm fieldset legend label.faf-lbl,
.faf-form > fieldset fieldset legend span.faf-lbl,
.faf-form fieldset.faf-coForm fieldset legend span.faf-lbl
{
	margin-top:0;
	position:static;
}

/* /Grouping Radio Buttons and Checkboxes */


/* Required Fields and Error Messages - THIS SECTION DOES NOT AFFECT NE/5 BECAUSE OF THE CONTAINERVALIDATOR CONTROL
	Explained http://www.sitepoint.com/fancy-form-design-css-7/
	Flexible: changed the usage of em elements to span elements with class validation */

.faf-form > fieldset label.faf-lbl > span.faf-validation,
.faf-form fieldset.faf-coForm label.faf-lbl span.faf-validation.faf-coFieldset-coFormLabelLbl,
.faf-form > fieldset span.faf-lbl > span.faf-validation,
.faf-form fieldset.faf-coForm span.faf-lbl span.faf-validation.faf-coFieldset-coFormSpanLbl
{      
	top:0;
}

.faf-form > fieldset > ol li.faf > span.faf-validation-container
{
	display:block !important;
}

/* /Required Fields and Error Messages */

/* Flexible adjustments */

.faf-form fieldset
{
	margin-bottom:-35px;
	margin-left:0;
	margin-right:0;
}

.faf-form fieldset.faf-submit
{
	padding-top:10px;
}

.faf-form fieldset fieldset,
.ie6 .faf-form fieldset
{
	margin-bottom:-10px;
}
/*
.ie7 .faf-form fieldset fieldset
{
	margin-bottom:-5px;
}*/

.faf-form fieldset ol select.faf-auto-width,
.faf-form fieldset ol li.faf-wide-input.faf-top-lbl select.faf-auto-width
{
	width:auto !important;
	max-width:none !important;
}

.faf-form fieldset ol + ol
{
	padding-top:0;
}

/* /Flexible adjustments */


/* Inline */



.faf-form fieldset fieldset.faf-inline ol li.faf label.faf-lbl,
.faf-form fieldset fieldset.faf-inline ol li.faf span.faf-lbl
{
	width:auto;
}

.faf-form fieldset fieldset.faf-inline ol li.faf
{
	clear:none;
	float:left;
	width:auto;
	margin-right:4px;
}

.faf-form fieldset fieldset.faf-inline ol li.faf-inline-br
{
	clear:left;
}

/* /Inline */


/* Hide-lbls */

.faf-form > fieldset fieldset.faf-hide-lbls label.faf-lbl,
.faf-form fieldset.faf-coForm fieldset.faf-hide-lbls label.faf-lbl,
.faf-form > fieldset fieldset.faf-hide-lbls span.faf-lbl,
.faf-form fieldset.faf-coForm fieldset.faf-hide-lbls span.faf-lbl
{
	margin:0;
}

.faf-form fieldset fieldset.faf-hide-lbls label.faf-lbl span.faf-lbl-text,
.faf-form fieldset fieldset.faf-hide-lbls span.faf-lbl span.faf-lbl-text
{
	display:none;
}

/* /Hide-lbls */

/* Hide-lbl */

.faf-form fieldset ol li.faf-hide-lbl label.faf-lbl span.faf-lbl-text,
.faf-form fieldset ol li.faf-hide-lbl span.faf-lbl span.faf-lbl-text
{
	/*visibility:hidden;*/
}

.faf-form fieldset.faf-top-lbls ol li.faf-hide-lbl label.faf-lbl span.faf-lbl-text,
.faf-form fieldset.faf-top-lbls ol li.faf-hide-lbl span.faf-lbl span.faf-lbl-text,
.faf-form fieldset ol li.faf-hide-lbl fieldset legend label.faf-lbl
{
	display:none;
}

.ie6 .faf-form ol li.faf-hide-lbl label,
.ie7 .faf-form ol li.faf-hide-lbl label,
.ie6 .faf-form fieldset fieldset.faf-hide-lbls ol li.faf label,
.ie7 .faf-form fieldset fieldset.faf-hide-lbls ol li.faf label
{
	line-height:0;
}

.faf-form ol li.faf-hide-lbl fieldset label.faf-lbl span.faf-lbl-text,
.faf-form ol li.faf-hide-lbl fieldset span.faf-lbl span.faf-lbl-text
{
	display:inline;
}

/* /Hide-lbl */

/* Combine */

.faf-form ol li.faf-combine
{
	float:left !important;
	margin-right:3px;
}


.faf-form ol li.faf-combine-last
{
	margin-right:0;
}

.ie6 .faf-form ol li.faf-combine,
.ie7 .faf-form ol li.faf-combine
{
	margin-right:2px;
}

.faf-form fieldset ol li.faf-br
{
	clear:both !important;
}

.faf-form fieldset ol li.faf-br .faf-lbl,
.faf-form fieldset ol li.faf-top-lbl .faf-lbl
{
	margin-left:0 !important;
}

.faf-form fieldset ol li.faf-hide-lbl.faf-combine.faf-combine-title input,
.faf-form fieldset ol li.faf-hide-lbl.faf-combine.faf-combine-title select,
.faf-form fieldset ol li.faf-hide-lbl.faf-combine.faf-combine-title textarea,
.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-combine-and-combine-title input,
.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-combine-and-combine-title textarea,
.ie6 .faf-form fieldset ol li.faf-hide-lbl-and-combine-and-combine-title select
{
	margin-top:0px;
}

/* /Combine */

.faf-form .RadPicker
{
	height:auto !important;
}


.faf-form-columns-container
{
	position:relative;
	clear:both;
	width: 99%;
	/*max-width: 900px;
	min-width: 770px;*/
}

.faf-form-columns-container.divider
{
	margin-bottom: 15px;
	border-bottom: 2px solid #cccccc;
	border-radius:10px;
	/*
	-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.62);
	-moz-box-shadow:    0px 5px 3px rgba(0, 0, 0, 0.62);
	box-shadow:         0px 5px 3px rgba(0, 0, 0, 0.62);*/
}
/*
.ie7 .faf-form-columns-container.divider,
.ie8 .faf-form-columns-container.divider
{
	background: url('/_images/system/faf-form-columns-container-divider.png');
	background-position: bottom;
	background-repeat: repeat-x;
}*/

.faf-form-column
{
	min-width:335px;
	max-width: 400px;
	width:49%;
	float:left;
}

.faf-form-block
{
	margin-bottom: 15px;
}