body {
	text-align: center;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

/* peruselementit */

h1 {
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 20px;
 	font-weight: normal;
 	line-height: 1.4em;
	color: #314d89;
	margin: 0;
	padding: 0;
}

h2 {
 	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 12pt;
 	font-weight: normal;
 	line-height: 1.4em;
	color: #314d89;
	margin: 0;
	padding: 0;
}

p {
	color: #333333;
	text-align: left;
	font-family: Arial;
	font-size: 10pt;
	line-height: 1.6em;
	padding: 0;
	margin: 0 0 1.5em;
}

hr {
	height: 0px;
	border: 0px;
	border-top: #E7E8E6 1px solid;
}

#header {
	width: 480;
	float: left;
}

#lang {
	width: 480;
	float: right;
	padding-right: 20px;
	padding-top: 35px;
	font-family: Arial;
	font-size: 8pt;
	font-variant: normal;
	text-decoration: none;
	color: #333333; 
}


#lang a {
	font-family: Arial;
	font-size: 8pt;
	font-variant: normal;
	text-decoration: none;
	color: #333333; 
}


/* Paatason navigointi */

#mainNav {
	margin: 0;
	padding: 0;
	background: url(http://www.meripelastussydvast.fi/layout/1/images/menu_bar_fixed.png);
	background-repeat: no-repeat;
	
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	width: 100%;
}


#mainNav li {
	float: left;
	background-image: url(http://www.meripelastussydvast.fi/layout/1/images/menu_bar.png);
}

#mainNav li a {
	display: block;
	padding: 0 2em;
	line-height: 47px;
	text-decoration: none;
	background: url(http://www.meripelastussydvast.fi/layout/1/images/menu_divider.png) repeat-y top right;
	color: white;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform:uppercase;
	
}

#mainNav li a:hover {
	text-decoration: none;
 	background-image: url(http://www.meripelastussydvast.fi/layout/1/images/menu_hover.png);	
}

/* Kakkostason navigointi */

#subNav {
	width: 190px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

#subNav ul {
	list-style-type: none;
	width: 190px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	
}

#subNav ul a {
 	width: 190px;
	list-style:none;
	margin:0 0 0 0;
	display: block;
	padding-bottom:7px;
	border-bottom:1px dotted #E7E8E6;
	text-decoration: none;
	color: #314d89;
}

#subNav li {	
	font-family: Helvetica, Verdana, Arial, sans-serif;	
	text-indent: 10px;
	font-size: 10pt;
	font-weight: normal;
	
}

#subNav li:hover {
	text-decoration: underline;
}

#subNav ul.active a {
font-weight: bold;
}

/* Sisalto */

#content {
	width: 750px;
	float: right;
	margin: 0;
	padding: 0 0 15px 0;
}

#mainContent {
	width: 540px;
	float: left;
	margin: 0;
	padding: 0;
}


#mainContent h1, #mainContent h2, #mainContent p {
	margin: 0;
	padding-left: 5px;
}

#mainContent img {
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Oikeapalsta*/

#rightColumn {
	width: 190px;
	float: right;
}

#rightColumn h1, #rightColumn h2, #rightColumn p {
	padding-left: 0px;
	margin: 0;
}

/* Kilkkeet*/

.boxTopic {
	display: block;
	width: 180px;
	margin: 5px 0 5px; 0;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #314d89;
	line-height: 1.5em;
	border-bottom:1px solid;
	border-bottom-color: #314d89;
}

#topSpacer {
	width: 960px;
	height: 15px;
	float: left;
}

#baseBan {
	width: 960px;
	height: 70px;
	float: left;
	margin: 0;
	padding-top: 5px;
	text-align: center;
	border-top:1px solid;
	border-top-color: #c0c0c0;
}

.sideBan {
	width: 180px;
	padding-left: 30px;
} 

.sn_active a {
    color: red;
}



/* Uutiset */


.news_list_item {

	border-bottom-color: #cccccc;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-top: 5px;

}

.news_list_date {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #333333;
}


.news_list_caption {

	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 1.6em;
	text-align: left;
	text-decoration: none;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

.news_list_link {

	padding-top: 10px;
	text-decoration: none;
	font-variant: normal;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

.news_list_link a {
	text-decoration: none;
}

.news_list_title {
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #314d89;
}

/* uutissisalto */

.news_item_title {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #314d89;
}

.news_item_date {
	padding-top: 10px;
	padding-left: 5px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #333333;
}


.news_item_caption {

	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	line-height: 1.6em;
	text-align: left;
	text-decoration: none;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

.news_item_backlink {

	padding-top: 10px;
	text-decoration: none;
	font-variant: normal;
	font-size: 10pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;

}

.news_item_backlink a {
	text-decoration: none;
}

.uutiset {
    font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}

.uutiset a {
    text-decoration: none;
    padding: 0px;
}

.uutinen {
    margin-top: 10px;
    padding: 0px;
}

.uutinen_pv {
    color: #314D89;
    font-size: 10px;
}

.uutinen_link {
    color: #314D89;
    font-size: 12px;
}

.uutiset_all {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* Tapahtumakalenteri */

.mod_event_date { 
	background-color: white; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt; 
}

.mod_event_time {  
	background-color: white; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
}

.mod_event_title {  
	background-color: white; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
}

.mod_event_place { 
	background-color: white; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt; 
}

.mod_event_link { 
	padding-left: 5px; 
	background-color: white; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
	width: 80px; 
}

.mod_event_title_date { 
	color: #314d89; 
	border-bottom: solid 1px #314d89; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt; 
	width: 75px; 
}

.mod_event_title_time { 
	color: #314d89; 
	border-bottom: solid 1px #314d89; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
	width: 40px; 
}

.mod_event_title_title { 
	color: #314d89; 
	border-bottom: solid 1px #314d89; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
}

.mod_event_title_place { 
	color: #314d89; 
	border-bottom: solid 1px #314d89; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
	width: 140px; 
}

.mod_event_title_space { 
	color: #314d89; 
	border-bottom: solid 1px #314d89; 
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 9pt;
}

.mod_event_table {
	padding-left: 5px;
	padding-right: 5px;
}

.mod_event_monthname {
	font-family: Helvetica, Verdana, Arial, sans-serif;
 	font-size: 10pt;
 	font-weight: normal;
 	line-height: 1.4em;
 	color: #314d89;
}

/* Lomakkeet OLD */

fieldset { 
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border: solid 1px #314d89;
   margin-top: 15px;
}

legend {
	font-family: Arial;
	font-size: 10pt;

}

.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.bfQuickMode fieldset {
    padding: 10px 10px 0px 10px;
    border: 1px solid #ccc;
    margin: 10px 0px 10px 0px;
    width: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bfQuickMode legend {
    padding:3px;
    background: #314d89;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bfQuickMode p.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 0px 10px 10px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#bfFileQueue {
	/*
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	*/
	margin-bottom: 10px;
	position: absolute;
}

#bfSubmitMessage{
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.bfQuickMode fieldset {
    margin-bottom: 10px;
}

.bfQuickMode label {
    vertical-align: top;
}

.bfQuickMode p.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 0px 10px 0px 0px;
    position: relative;
    float: left;
}

.bfQuickMode p input[type='text'], .bfQuickMode p textarea, .bfQuickMode p select {
    float: left;
    margin: 0px;
    width: 45%;
}

.bfQuickMode span input[type='text'], .bfQuickMode span textarea, .bfQuickMode span select  {
    width: auto;
    float: none;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode p:after, .bfQuickMode .bfInline:after {
    content: "."; 
    display: block; 
    height: 0;  
    clear: both; 
    visibility: hidden;
}

/* ##### inline ##### */

.bfQuickMode fieldset.bfInline {
    margin: 0px 10px 10px 0px;
    width: 100%;
    max-width: 44%;
}

.bfQuickMode fieldset.bfInline p {
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 60%;
}

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfPageIntro p {
    background: none;
}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
    padding: 10px;
    margin-bottom: 10px;
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    color: red;
}



/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

.bfQuickMode span.bfTooltip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfSectionDescription p {
    background: none;
    border: none;
}

/* ##### label and input field positions ##### */

.bfQuickMode .bfLabelTop label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
    float: none;
    width: auto;
}

.bfQuickMode .bfLabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button  {
    /*width: auto;*/
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelRight label {
    width: 45%;
    float: right;
    margin: 0px 0px 0px 10px; 
}

.bfQuickMode .bfLabelRight input, .bfQuickMode .bfLabelRight textarea, .bfQuickMode .bfLabelRight select, .bfQuickMode .bfLabelRight button {
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelBottom label {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 99%;
    margin-top: 5px;
}

.bfQuickMode .bfLabelBottom input, .bfQuickMode .bfLabelBottom textarea, .bfQuickMode .bfLabelBottom select, .bfQuickMode .bfLabelBottom button {
    float: left;
    width: auto;
}

.bfQuickMode p.bfLabelBottom input,
.bfQuickMode p.bfLabelBottom textarea,
.bfQuickMode p.bfLabelBottom select,
.bfQuickMode p.bfLabelBottom button,
.bfQuickMode span.bfLabelBottom input,
.bfQuickMode span.bfLabelBottom textarea,
.bfQuickMode span.bfLabelBottom select,
.bfQuickMode span.bfLabelBottom button {
    margin: 0px 0px 20px 0px;
}

.bfQuickMode p.bfLabelBottom .bfSummarize {
    display: block;
    margin: 0px 0px 20px 0px;
}

.bfQuickMode span.bfLabelLeft label {
    width: auto;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
    width: auto;
    float: none;
    margin: 0px;
}

.bfQuickMode span.bfLabelRight label {
    width: auto;
    float: right;
    margin: 0px 5px 0px 10px; 
}

.bfQuickMode span.bfLabelRight input, .bfQuickMode span.bfLabelRight textarea, .bfQuickMode span.bfLabelRight select, .bfQuickMode span.bfLabelRight button {
    width: auto;
    float: none;
    margin: 0px;
}

/* ##### required ##### */

.bfQuickMode .bfRequired {
    vertical-align: top;
    background: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #f00;
    float: none;
}

/* ##### Element groups ##### */

.bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, .bfQuickMode .bfCaptcha  {
    display: inline;
    margin: 0px;
    padding: 0px;
    float: none;
    background: none;
    border: none;
}

.bfQuickMode p.bfLabelTop .bfElementGroupNoWrap {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroup {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroupNoWrap,
.bfQuickMode .bfLabelTop .bfCaptcha {
    width: auto;
    padding-top: 10px;
}

.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap,
.bfQuickMode .bfLabelLeft .bfCaptcha {
    width: auto;
    background: none;
    float: left;
}

.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode p.bfLabelLeft .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode .bfLabelRight .bfElementGroupNoWrap,
.bfQuickMode .bfLabelRight .bfCaptcha {
    width: auto;
    float: left;
}

.bfQuickMode p.bfLabelRight .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode span.bfLabelBottom .bfElementGroupNoWrap {
    width: auto;
}

.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap,
.bfQuickMode .bfLabelBottom .bfElementGroup,
.bfQuickMode .bfLabelBottom .bfCaptcha {
    float: left;
    width: 80%;
    padding-bottom: 20px;
}

.bfQuickMode .bfLabelLeft .bfElementGroup label,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelTop .bfElementGroup label,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelRight .bfElementGroup label,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelBottom .bfElementGroup label,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
    width: auto;
    float: none;
    margin: 0px 10px 10px 0px;
    display: inline;
    position: static;
}

.bfQuickMode .bfLabelLeft .bfElementGroup input,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelTop .bfElementGroup input,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelRight .bfElementGroup input,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelBottom .bfElementGroup input,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
    width: auto;
    float: none;
    margin: 0px 5px 0px 0px;
    display: inline;
}

/* ##### Captcha ##### */

.bfQuickMode .bfCaptcha {
    background: none;
    border:  none;
}

.bfQuickMode .bfCaptcha input {
    width: auto;
    float: left
}

.bfQuickMode .bfCaptcha img {
    vertical-align: middle;
}

.bfQuickMode .bfCaptcha .ff_capimg {
    margin-bottom: 10px;
}

/* ##### Summarize ##### */

.bfQuickMode .bfSummarize {
    font-weight: bold;
    display: table-cell;
}

.bfQuickMode .bfNotAvailable {
    color: #ccc;
}

/* ##### buttons ##### */

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
}

.bfQuickMode .bfPrevButton {
    float: left;
}

.bfQuickMode input.bfCalendar {
    height: 25px;
    margin: 0px 0px 0px 5px;
}

#bfCaptchaEntry {
	width: 196px;
}

/*
 ########## BreezingForms 1.6.5 QuickMode ##########
 @autor crosstec.de
 @copyright Copyright (C) 2009 crosstec.de. All rights reserved.
 ########################################
*/

/* ##### General BreezingForms Default styles ##### */

#bfFileQueue {
	/*
	width: 400px;
	height: 300px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	*/
	margin-bottom: 10px;
	position: absolute;
}

#bfSubmitMessage{
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

.bfQuickMode {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.bfQuickMode fieldset {
    margin-bottom: 10px;
}

.bfQuickMode label {
    vertical-align: top;
}

.bfQuickMode p.bfElemWrap {
    padding: 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

.bfQuickMode span.bfElemWrap {
    padding: 5px;
    margin: 0px 10px 0px 0px;
    position: relative;
    float: left;
}

.bfQuickMode p input[type='text'], .bfQuickMode p textarea, .bfQuickMode p select {
    float: left;
    margin: 0px;
    width: 45%;
}

.bfQuickMode span input[type='text'], .bfQuickMode span textarea, .bfQuickMode span select  {
    width: auto;
    float: none;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode p:after, .bfQuickMode .bfInline:after {
    content: "."; 
    display: block; 
    height: 0;  
    clear: both; 
    visibility: hidden;
}

/* ##### inline ##### */

.bfQuickMode fieldset.bfInline {
    margin: 0px 10px 10px 0px;
    width: 100%;
    max-width: 44%;
}

.bfQuickMode fieldset.bfInline p {
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

.bfQuickMode .bfInline .bfLabelLeft .bfElementGroupNoWrap input[type='text'] {
    width: 60%;
}

/* ##### page intro ##### */

.bfQuickMode .bfPageIntro {
    padding: 5px;
    margin: 0px 0px 10px 0px;
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfPageIntro p {
    background: none;
}

/* ##### error messages #####*/

.bfQuickMode .bfErrorMessage {
    padding: 10px;
    margin-bottom: 10px;
    background: #ffeded;
    font-weight: bold;
    float: none;
    display: block;
    color: red;
}



/* ##### tooltip ##### */

.bfQuickMode span.hasTip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

.bfQuickMode span.bfTooltip {
    width: auto;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    display: block;
    background: transparent url('img/icon_info.png') right top no-repeat;
}

/* ##### Section Description #####*/

.bfQuickMode .bfSectionDescription {
    background: none;
    border: none;
    font-weight: normal;
}

.bfQuickMode .bfSectionDescription p {
    background: none;
    border: none;
}

/* ##### label and input field positions ##### */

.bfQuickMode .bfLabelTop label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.bfQuickMode .bfLabelTop input, .bfQuickMode .bfLabelTop textarea, .bfQuickMode .bfLabelTop select, .bfQuickMode .bfLabelTop button {
    float: none;
    width: auto;
}

.bfQuickMode .bfLabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button  {
    /*width: auto;*/
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelRight label {
    width: 45%;
    float: right;
    margin: 0px 0px 0px 10px; 
}

.bfQuickMode .bfLabelRight input, .bfQuickMode .bfLabelRight textarea, .bfQuickMode .bfLabelRight select, .bfQuickMode .bfLabelRight button {
    float: left;
    margin: 0px;
}

.bfQuickMode .bfLabelBottom label {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 99%;
    margin-top: 5px;
}

.bfQuickMode .bfLabelBottom input, .bfQuickMode .bfLabelBottom textarea, .bfQuickMode .bfLabelBottom select, .bfQuickMode .bfLabelBottom button {
    float: left;
    width: auto;
}

.bfQuickMode p.bfLabelBottom input,
.bfQuickMode p.bfLabelBottom textarea,
.bfQuickMode p.bfLabelBottom select,
.bfQuickMode p.bfLabelBottom button,
.bfQuickMode span.bfLabelBottom input,
.bfQuickMode span.bfLabelBottom textarea,
.bfQuickMode span.bfLabelBottom select,
.bfQuickMode span.bfLabelBottom button {
    margin: 0px 0px 20px 0px;
}

.bfQuickMode p.bfLabelBottom .bfSummarize {
    display: block;
    margin: 0px 0px 20px 0px;
}

.bfQuickMode span.bfLabelLeft label {
    width: auto;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
    width: auto;
    float: none;
    margin: 0px;
}

.bfQuickMode span.bfLabelRight label {
    width: auto;
    float: right;
    margin: 0px 5px 0px 10px; 
}

.bfQuickMode span.bfLabelRight input, .bfQuickMode span.bfLabelRight textarea, .bfQuickMode span.bfLabelRight select, .bfQuickMode span.bfLabelRight button {
    width: auto;
    float: none;
    margin: 0px;
}

/* ##### required ##### */

.bfQuickMode .bfRequired {
    vertical-align: top;
    background: none;
    font-size: 100%;
    font-weight: bold;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #f00;
    float: none;
}

/* ##### Element groups ##### */

.bfQuickMode .bfElementGroupNoWrap, .bfQuickMode .bfElementGroup, .bfQuickMode .bfCaptcha  {
    display: inline;
    margin: 0px;
    padding: 0px;
    float: none;
    background: none;
    border: none;
}

.bfQuickMode p.bfLabelTop .bfElementGroupNoWrap {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroup {
    width: 80%;
    float: left;
}

.bfQuickMode .bfLabelTop .bfElementGroupNoWrap,
.bfQuickMode .bfLabelTop .bfCaptcha {
    width: auto;
    padding-top: 10px;
}

.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap,
.bfQuickMode .bfLabelLeft .bfCaptcha {
    width: auto;
    background: none;
    float: left;
}

.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode p.bfLabelLeft .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode .bfLabelRight .bfElementGroupNoWrap,
.bfQuickMode .bfLabelRight .bfCaptcha {
    width: auto;
    float: left;
}

.bfQuickMode p.bfLabelRight .bfElementGroupNoWrap {
    width: 45%;
    float: left;
}

.bfQuickMode span.bfLabelBottom .bfElementGroupNoWrap {
    width: auto;
}

.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap,
.bfQuickMode .bfLabelBottom .bfElementGroup,
.bfQuickMode .bfLabelBottom .bfCaptcha {
    float: left;
    width: 80%;
    padding-bottom: 20px;
}

.bfQuickMode .bfLabelLeft .bfElementGroup label,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelTop .bfElementGroup label,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelRight .bfElementGroup label,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap label,
.bfQuickMode .bfLabelBottom .bfElementGroup label,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
    width: auto;
    float: none;
    margin: 0px 10px 10px 0px;
    display: inline;
    position: static;
}

.bfQuickMode .bfLabelLeft .bfElementGroup input,
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelTop .bfElementGroup input,
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelRight .bfElementGroup input,
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode .bfLabelBottom .bfElementGroup input,
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
    width: auto;
    float: none;
    margin: 0px 5px 0px 0px;
    display: inline;
}

/* ##### Captcha ##### */

.bfQuickMode .bfCaptcha {
    background: none;
    border:  none;
}

.bfQuickMode .bfCaptcha input {
    width: auto;
    float: left
}

.bfQuickMode .bfCaptcha img {
    vertical-align: middle;
}

.bfQuickMode .bfCaptcha .ff_capimg {
    margin-bottom: 10px;
}

/* ##### Summarize ##### */

.bfQuickMode .bfSummarize {
    font-weight: bold;
    display: table-cell;
}

.bfQuickMode .bfNotAvailable {
    color: #ccc;
}

/* ##### buttons ##### */

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
}

.bfQuickMode .bfPrevButton {
    float: left;
}

.bfQuickMode input.bfCalendar {
    height: 25px;
    margin: 0px 0px 0px 5px;
}

#bfCaptchaEntry {
	width: 196px;
}


/* ##### Input Fields ##### */

.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select {
    border: 1px solid #ccc;
    padding: 2px;
    line-height: normal;
}

.bfQuickMode textarea:hover, .bfQuickMode input[type='text']:hover, .bfQuickMode input[type='password']:hover, .bfQuickMode select:hover {
    border-color: #92c1ff;
}

.bfQuickMode textarea:focus, .bfQuickMode input[type='text']:focus, .bfQuickMode input[type='password']:focus, .bfQuickMode select:focus {
    border-color: #0071bc; outline: 2px solid #92c1ff;
}

.bfQuickMode input[type='button'], .bfQuickMode input[type='submit'], .bfQuickMode input[type='checkbox'], .bfQuickMode input[type='image'], .bfQuickMode input[type='radio'], .bfQuickMode input[type='reset'], .bfQuickMode select, .bfQuickMode button {
    cursor: pointer;
}

.bfQuickMode input[type='hidden'] { display: none; }


.bfClearfix:after {
content: "."; 
display: block; 
height: 0;  
clear: both; 
visibility: hidden;
}
.bfInline{
float:left;
}
.bfFadingClass{
display:none;
}