html { width:100%;	height: 100%; padding: 0; margin:0; }
body { margin: 0 auto; width: 100%; min-height: 100%; background-image: none; padding: 0px; font-size: 7.5pt; font-family:verdana; }

a, a:link, a:visited, a:hover { color: #000000; font-weight: bold; }
li div{ margin-left: 20px; }
label, label:hover { cursor: pointer; cursor: hand; }
input[type="radio"] + label, input[type="checkbox"] + label { position: static; top: -1px; }

.error { border: solid 1px Red; background: #FFBBBB url(images/error.gif) repeat fixed; }
.errorAsterix { color:Red; font-weight: bold; font-size: 12px; }
.disabled { background-color: #EEEEEE; display: none; font-style: italic; }
.enabled { display: block; font-style: normal; }

.question {}
.question.hidden { display: none; height: 0px; }
.clear { clear: both; height : 0px; font-size : 0px; }

/* Default tab settings*/
.ui-tabs { background : none !important; border : none !important; }
.ui-tabs-nav { background : none !important; border : none !important; }
.ui-tabs-nav .ui-state-default { background : none; border : none; }
.ui-tabs-nav .ui-tabs-active { background : none !important; border : none !important; }

.placeholder { color: black; }

.socialButtons{}
.socialButtons td { padding: 2px; vertical-align:middle; }

.sr-popup {}

/*survey part*/
.survey { width: 970px; margin: 0px auto 0px; position: relative }
.survey .error { background-color: #FFBBBB; }
.survey .pageStorage { background-color:#FFFFFF; }
.survey .pageContainer { padding: 0 125px; /*width: 720px;*/ background-repeat: repeat-y; }
.survey .pageContainer .right_side { text-align: right; padding-right: 25px; font-weight:bold; padding-bottom:2px; font-size: 11px; background-color:#FFFFFF; }

.survey .topGraphicsLeft { position: absolute; left: 0; top: 0; width: 0; height: 0; background-repeat: no-repeat; }
.survey .bottomGraphicsLeft { position: absolute; left: 0; bottom: 0; width: 0; height: 0; background-repeat: no-repeat;  }
.survey .topGraphicsRight { position: absolute; top: 0; right: 0; width: 0; height: 0; background-repeat: no-repeat;  }
.survey .bottomGraphicsRight { position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-repeat: no-repeat;  }

.survey .pageContainer .pageStorage>ul { padding: 5px 0px; }
.survey .survey_question 
{
    height: 100%;
	position: relative;
	margin: 10px 18px 10px 12px;
	padding: 12px 0;
	border: 2px solid #CCCCCC;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius:15px;
	-webkit-background-clip: padding-box;
	border-radius: 15px;
	-webkit-box-shadow: 3px 3px 3px 0px #ccc;
	-moz-box-shadow:    3px 3px 3px 0px #ccc;
	box-shadow:         3px 3px 3px 0px #ccc;
	/*Second part of this class located inside boxshadow.css*/
} 
.survey .noborder
{
    border:none;
    border-radius:0px;
    box-shadow:none;
}
.survey li.error { background-color: #FFF; }
.survey .error .survey_question { border-color: red; }
.survey li .childQuestionsStorage { margin-left: 20px; }

.survey .survey_question h2.title { background-color:#000000; color:#FFFFFF; font-size:16px; font-weight:bold; margin:0 10px 7px 0; padding:0 9px; text-align:left;  }

.survey div.questionContent li { padding: 3px 0px; line-height:2em; }
.survey div.questionContent h3 {
	font-weight: bold; 
	font-size: 11px;
	margin:0 0 4px;
	padding: 2px;
}
.survey li a { color:#EF6C0C; text-decoration: none; }
.survey li a:hover { text-decoration: underline; }
.survey li div.questionContent input,
.survey li div.questionContent select,
.survey li div.questionContent textarea { margin: 0 5px; }

/* Form question styles (absolute position) */
.survey .formgroup div.questionContent .error {background-color: #FFCCCC}
.survey .formgroup div.questionContent h3 { font-weight: normal; }
.survey .formgroup div.questionContent p { margin: 5px 0; }
.survey .formgroup div.questionContent div { margin: 0; }
.survey .formgroup div.questionContent span { width: 40px; margin-right: 20px; display: block; float: left }
.survey .formgroup div.questionContent input { float: left; width: 100px }
.survey .formgroup .emailtextbox { position: absolute; left: 0px; top: 5px }
.survey .formgroup .addresstextbox { position: absolute;  left: 280px; top: 5px }
.survey .formgroup .nametextbox { position: absolute;  left: 0px; top: 25px }
.survey .formgroup .orttextbox { position: absolute; left: 280px; top: 25px }
.survey .formgroup .postnrtextbox { position: absolute; left: 0px; top: 50px}
.survey .formgroup .postnrtextbox input { width: 50px !important; }
.survey .formgroup .stadtextbox { position: absolute; left: 140px; top: 50px}
.survey .formgroup .stadtextbox span,
.survey .formgroup .birthmounth span,
.survey .formgroup .birthyear span, 
.survey .formgroup .productId { width: 0 !important; margin-right: 0 !important; }
.survey .formgroup .tlptextbox { position: absolute; left: 0px; top: 85px}
.survey .formgroup .tlpcheckbox { position: absolute; left: 200px; top: 85px}
.survey .formgroup .mobiletextbox { position: absolute; left: 0px; top: 110px}
.survey .formgroup .mobcheckbox { position: absolute; left: 200px; top: 110px}
.survey .formgroup .tlpcheckbox input,
.survey .formgroup .mobcheckbox input,
.survey .formgroup .konradio input { width: auto !important; float: none !important; }
.survey .formgroup .konradio { position: absolute; left: 0px; top: 135px} 
.survey .formgroup .birthday { position: absolute; left: 200px; top: 135px} 
.survey .formgroup .birthday span { width: 70px !important }
.survey .formgroup .birthmounth { position: absolute; left: 380px; top: 135px} 
.survey .formgroup .birthyear { position: absolute; left: 470px; top: 135px} 
.survey .formgroup .productId {position: absolute; left: 570px; top: 135px }
.survey .formgroup .productId input { width: 40px !important; float: none !important; }

/* Form question styles (relative positions) */
.survey .questiongroup div.questionContent p { margin: 5px 0; }
.survey .questiongroup div.questionContent div { margin: 0; }
.survey .questiongroup div.questionContent .questiongroup_titles { margin-left: 85px }
.survey .questiongroup div.questionContent .questiongroup_titles li { float: left; width: 110px; text-align: center; font-weight: bold;}
.survey .questiongroup div.questionContent .left { float: left; margin: 5px 20px 5px 0;  }
.survey .questiongroup div.questionContent .postal { margin-right: 0 }
.survey .questiongroup div.questionContent .postal input { width: 50px; }
.survey .questiongroup div.questionContent .street input { width: 160px; }
.survey .questiongroup div.questionContent .city h3.formQuestion,
.survey .questiongroup div.questionContent .empty h3.formQuestion,
.survey .questiongroup div.questionContent .tlpcheckbox h3.formQuestion  { display: none }
.survey .questiongroup div.questionContent .houseNumber h3.formQuestion { width: 40px; }
.survey .questiongroup div.questionContent .right { float: left;  margin: 5px 0; }
.survey .questiongroup div.questionContent h3.formQuestion { width: 100px; margin: 0 10px 0 0; float: left; text-align: right; font-size: 10px; font-weight: normal; padding: 0 }
.survey .questiongroup div.questionContent .titleup h3.formQuestion { width: auto; float: none; text-align: left; margin: 0 0 4px 0; }
.survey .questiongroup div.questionContent .konradio h3.formQuestion { width: auto; margin: -1px 10px 10px 5px; }
.survey .questiongroup div.questionContent .titleleft h3.formQuestion { width: auto; text-align: left }
.survey .questiongroup div.questionContent .titleup,
.survey .questiongroup div.questionContent .titleleft,
.survey .questiongroup div.questionContent .empty { margin: 5px 20px 5px 0; }
.survey .questiongroup div.questionContent .titleup input, 
.survey .questiongroup div.questionContent .titleup select, 
.survey .questiongroup div.questionContent .titleup textarea { margin-left: 0 }
.survey .questiongroup div.questionContent .konradio { width: 232px; margin-right: 0px}
.survey .questiongroup div.questionContent .konradio label { vertical-align: top }
.survey .questiongroup div.questionContent .konradio.empty,
.survey .questiongroup div.questionContent .konradio.titleup { width: auto }
.survey .questiongroup div.questionContent input { float: left; width: 100px }
.survey .questiongroup .tlpcheckbox input,
.survey .questiongroup .konradio input { width: auto !important; float: none !important; margin: 0 5px !important }
.survey .questiongroup .tlpcheckbox span{ width: 90px !important; }
.survey .questiongroup div.questionContent .gridCheckbox { width: 295px; margin: 0; padding-right: 20px;  }
.survey .questiongroup div.questionContent .gridCheckbox input { width: auto }
.survey .questiongroup div.questionContent .gridCheckbox label { line-height: 14px; }
.survey .questiongroup div.questionContent .birthday .left { margin-right: 0px  }
.survey .questiongroup div.questionContent .birthday h3 { text-align:left; width:auto; }
.survey .questiongroup div.questionContent .birthday ul,
.survey .questiongroup div.questionContent .birthday .selectors { float: left }
.survey .questiongroup div.questionContent .birthday .selectors div { margin: 0px }
.survey .questiongroup div.questionContent .birthday h3.formQuestion { margin: -1px 10px 10px 5px; }

ul.twoColumns li { float:left; width:45%; }
ul.threeColumns li { float:left; width:30%; }
ul.threeColumns li label { line-height:1em; }

div.childQuestionsBackground { margin:0; background-color:#FFF; }
div.childQuestionsStorage { margin-left: 20px; }

div.questionImageTop, div.questionImageBottom {
    display:none;
    width:0;
    height:0;
    margin:0;
    padding:0;
    background-attachment: scroll;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
}

.scrolledCond {
    background: url(/css/images/1x1_whitesmoke.png) repeat;
    border: 1px solid #BCBCBC;
    height: 50px;
    margin: 5px 0 15px;
    overflow: auto;
    padding: 5px 5px 10px 5px;
    margin-right: 20px;
}

.conditions strong { font-weight: bold; }
.conditions p { line-height: 1.5em; margin-bottom: 10px; }

.formGroupBigTxt input { width: 180px !important; }

.survey .questiongroup div.questionContent div.social-buttons-container {
	float:right;
	position:relative;
	margin-top: -45px;
}
.survey div.questionContent .survey-condition li { line-height: 10px; }
.scrolledCond li { line-height: 20px !important; }
.survey .questiongroup div.questionContent .survey-condition input[type=checkbox] { width: auto !important; }

.editBlock 
{
	color:Black;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
	padding: 3px;
	margin: 2px;
	position: fixed;
	background-color: #CCCCCC;
	z-index: 2;
}