/* Forms */
.oDataFormContainer { }

.oDataForm {}

.oDataFormFieldset { border: 1px #cccccc solid; margin-top: 1em; padding: 0px; }
.oDataFormLegend { padding-left: 5px; padding-right: 5px; color: #666666; font-size: 1.2em; }

.oDataFormElementContainer, .oDataElementContainer { padding: 4px 0px 6px 0px; }
.oDataFormElement { width: 100%; overflow: hidden; clear: both; display: inline; }

.oDataFormComment { margin: 0.5em 0 0.5em 0; }

.oDataFormQuestion { text-align: left; width: 100%; display: block; color: #000; }
.oDataFormLabel { display: block; margin-right: 5px; margin-bottom: 2px; padding: 3px 0px 4px 0px; font-weight: bold; }

.oDataFormAnswer { text-align: left; display: block; width: 100%; }
.oDataFormAnswerText { text-align: left; float: left; display: block; width: 60%; padding-top: 2px; }
.oDataFormAnswerTextStyle { }
.oDataFormInputSuffix { padding-left: 10px; }

.oDataFormInputSelect { }
.oDataFormInputText { margin: 0px; border: 1px solid black; background: #fff; }
.oDataFormInputTextarea { border: 1px solid black; background: #fff; }
.oDataFormDatePicker { width: 100px; }


.DataFormInputCheckbox label { vertical-align: 25%; }


/* Polling  */
.oPollingContainerOuter { height: 160px; height: auto !important; min-height: 160px; }
.oPollingResults { display: none; }
.oPollingFormLabel { color: #11118c;  }
.oPollingDescription { display: none; }
.oPollingFormContainer { }
.oPollingFormElement { }
.oPollingFormQuestion { }
.oPollingFormAnswerText { }
.oPollingChartBar { margin-bottom: 10px; }

hr { height: 1px; color: #ccc; background: #ccc; padding: 0; margin-top: 0em; margin-bottom: 0.5em; line-height: 1px; border: 0; }

#bookmarks-outer { width: 99%; text-align: center; border: 1px solid #cccccc; }
#bookmarks-inner {  width: 360px; text-align: center; padding: 5px; height: 40px;}

#bookmarks-upper-text-outer {width: 100%; }
#bookmarks-upper-text-inner {width: 100%; text-align: left; }

#bookmarks-lower-text-outer {width: 100%; }
#bookmarks-lower-text-inner {width: 100%; text-align: left; }

.bookmark100 { width: 100px; float: left; position: relative; top: 10px; }
.bookmark90 { width: 90px; float: left; position: relative; top: 10px; }
.bookmark80 { width: 80px; float: left; position: relative; top: 10px; }
.bookmark60 { width: 60px; float: left; position: relative; top: 10px; }
.share { text-align: left; float: left; width: 50%;}
.explain { text-align: right; float: right; width: 50%;}