/* GENERAL LAYOUT */

.clear {clear: both;}
.f_l {float: left;}
.f_r {float: right;}

.divider {background: url(../img/divider.png) repeat-x; height: 21px; margin: 10px 0 20px 0;}

.flags .logo {margin: 0 100px 0 20px;}

.mag0 {margin: 0!important;}
.mag5 {margin: 9px 0 0 5px; float: left;}
.mag20 {margin: 20px;}
.magT5 {margin-top: 5px;}
.padT20 {padding-top: 20px;}

td {vertical-align: middle!important;}


/* HOME */

.lg-logo {margin-top: -178px; position: relative; float: left;}
.top-logo {float: right;}

.content {width: 600px; padding: 0 10px 0 20px; float: right; margin-top: -50px; position: relative;}
.content h1 {line-height: 60%; margin-bottom: 30px; position: relative;}
.homecontent {padding: 0; float: left; width: 950px; margin-top: -50px; position: relative;}
.homecontent h1 {line-height: 60%; margin-bottom: 30px; text-align: right; margin-right: 22px;}
.tmsmall {font-size: 30%; vertical-align: text-top;}

/* CONTENT */

.flags {text-align: center;}
.flags img {margin: 8px 0;}
.flags p {font-size: 90%; padding: 0 0 10px 0; float: left;}


/* SURVEY */

#survey h1 {margin: 0 0 10px 0;}

.SurveyStyleCSS {padding: 0; margin: 10px 0 0 0;}
.QuestionStyleCSS {font-weight: bold; position: relative; margin-bottom: 10px;}
.QuestionStyleCSS td {float: left; padding: 0;}
.QuestionStyleCSS span {float: left;}
.QuestionStyleCSS h2 {padding: 6px 8px; font-size: 100%; line-height: normal; font-family: Verdana, Helvetica, Sans-Serif; font-weight: bold; color: #fff; background: #000; width: 934px; margin: 10px 0;}
.QuestionStyleCSS p {float: left; margin-top: -7px; padding: 10px 0; font-size: 80%; width: 895px; margin-left: 7px;}
.QuestionMessageCSS {color: Red; font-weight: normal; margin-left: 5px; float: left; font-size: 80%;}
.QuestionMarkCSS {color: Red; font-weight: normal;}
.ConfirmationCSS {color: Green; background: aqua; font-weight: normal;}
.SectionOptionCSS {color: #082E44; background: black; font-weight: normal;}
.SectionGridCSS {background: red; font-weight: normal;}

.MatrixCSS {background: #dfdfdf; font-weight: normal; width: 950px; margin-left: -4px;}
.MatrixHeaderCSS {background: #dfdfdf; font-weight: normal; width: 100%;}
.MatrixHeaderCSS td {vertical-align: top!important;}
.MatrixAlternatingCSS {background: #b2b6bd; font-weight: normal; width: 100%;}

.MatrixCSS input[type="radio"] {text-align: center; margin: 6px!important; float: none;}

#ctl00_ContentPlaceHolder1_SurveyPreview_Question246_QuestionTable_246 .AnswerCSS table table {width: 100%;}

.FootCSS {font-weight:bold;}
button, input[type="reset"], input[type="button"], 
input[type="submit"] {background: #c70751; border: 0; height: 24px; text-align: center; display: block; margin: 6px 0 0 -1px; padding: 0 8px 2px 8px; color: #fff;}
input[type="radio"] {float: left;}
input[type="checkbox"] {float: left;}
input[type="text"] {border: 1px solid #ccc; margin: 0 10px 6px 0; float: left; padding: 4px;}
select {font-family: Verdana; padding: 1px;}

span.button input {background: #c70751; width: 140px; border: 0; height: 26px; text-align: center; display: block; margin: 0 0 0 10px; color: #fff;}

.inputname {float: left; margin: 5px 10px 0 0; width: 200px;}
.inputfield {width: 300px;}

#survey label {float: left; margin: 1px 20px 10px 5px; white-space: nowrap!important;}
label {margin-bottom: 10px; display: block; padding-left: 5px; margin-top: 1px; white-space: normal;}

.errortxt ul {padding-bottom: 10px;}


/* FOOTER */

#footer {font-size: 90%;}
#footer a {color: #000; text-decoration: none; margin: 0 5px;}

#footer .copyright {float: left;}
#footer .links {float: right;}