body {
	margin: 0;
	background: url(../../sopforms/images/ecpoll/body-bg.gif);
	font-family: tahoma, helvetica, sans-serif;
	font-size: 11px;
}

ul, li {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

li {
	list-style-position: inside;
}

img {
	border: 0;
	vertical-align: top;
}

#header {
	height: 86px;
	/* background: url(../../sopforms/images/ecpoll/top-bg.gif) repeat-x; */
	background: url(../../sopforms/images/ecpoll/sprite.png) repeat-x;
	background-position: 0 -227px;
}

#logo {
	margin-left: 125px;
	width: 229px;
	height: 86px;
	/* background: url(../../sopforms/images/ecpoll/top-logo.gif) no-repeat; */
	background: url(../../sopforms/images/ecpoll/sprite.png) no-repeat;
	background-position: 0 -318px;
}

#footer {
	height: 25px;
	background: url(../../sopforms/images/ecpoll/footer-bg.gif);
	position: fixed;
	bottom: 0;
	width: 100%;
}

.footer-spacer {
	height: 30px;
}

.footer-1 {
	border-top: 1px solid #000000;
}

.footer-2 {
	border-top: 1px solid #2E2E2E;
}

.footer-3 {
	border-top: 1px solid #131313;
}

.footer-text {
	margin-left: 180px;
	line-height: 20px;
}

.footer-text,
.footer-text a {
	font-size: 11px;
	color: #9B9B9B;
	text-decoration: none;
}

.footer-text a {
	margin: 0 5px;
}

.footer-text a:hover {
	text-decoration: underline;
}

#create-form {
	margin-top: 10px;
	margin-left: 180px;
	width: 320px;
}

.block {
	margin: 5px 0;
}

.header-text {
	font-family: verdana, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.create-form-text1 {
	color: #989898;
}

.create-form-text2 {
	color: #05789D;
}

.input {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	border: 1px solid #7F9DB7;
	font-family: verdana, sans-serif;
	font-size: 11px;
	padding: 2px;
	overflow: hidden;
}

.input-blank {
	color: #989898;
}

.create-form-step {
	border-top: 1px solid #373737;
	border-bottom: 1px solid #373737;
	color: #989898;
	padding-left: 4px;
	height: 25px;
	line-height: 22px;
	position: relative;
}

#height, #width {
	width: 35px;
}

#bgColor, #textColor {
	width: 50px;
}

#create-form-step2 table {
	width: 100%;
}

#create-form-step2 table td {
	width: 25%;
	padding: 2px 0;
}

#create-button {
	right: 0;
	top: 1px;
	position: absolute;
}

.clickable {
	cursor: pointer;
}

.width80 {
	width: 80%;
}

#picture-options {
}

.picture-option {
	border: 1px solid transparent;
	padding: 4px;
}

.picture-option:hover {
	border: 1px solid #373737;
}

div.picture-option-remove {
	float: right;
	width: 7px;
	height: 7px;
	margin: 0;
	/* background: url(../../sopforms/images/ecpoll/cross.gif) no-repeat; */
	background: url(../../sopforms/images/ecpoll/sprite.png) no-repeat;
	background-position: 0 -88px;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

div.picture-option-remove:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#preview {
	margin: 0 50px;
	width: 300px;
	position: relative;
}

.preview-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	margin: -10px -12px;
}

#preview-header {
	/* background: url(../../sopforms/images/ecpoll/preview-header-bg.gif) no-repeat 100% 0; */
	background: url(../../sopforms/images/ecpoll/sprite.png) no-repeat;
	background-position: 100% -124px;
	height: 31px;
	padding-right: 5px;
}

#preview-header-text {
	/* background: url(../../sopforms/images/ecpoll/preview-header-bg.gif) no-repeat; */
	background: url(../../sopforms/images/ecpoll/sprite.png) no-repeat;
	background-position: 0 -124px;
	padding: 5px 5px 5px 10px;
	line-height: 21px;
	color: #6D6C6C;
	font-size: 12px;
	font-weight: bold;
}

.poll-body {
	background-color: #ffffff;
	color: #000000;
	padding: 10px 12px;
	font-size: 12px;
	font-family: verdana, sans-serif;
	position: relative;
}

#poll-preview, #result-preview {
	height: 150px;
	overflow-y: auto;
}

#poll-preview .poll-body,
#result-preview .poll-body {
	min-height: 130px;
	height: auto !important;
	height: 130px;
	overflow: auto;
}

#poll-preview-text,
#result-preview-text {
	padding: 2px 10px;
	line-height: 20px;
	color: #1398D0;
	border: 1px solid #D1D1D1;
	/* background: url(../../sopforms/images/ecpoll/preview-header2-bg.gif) repeat-x; */
	background: url(../../sopforms/images/ecpoll/sprite.png) repeat-x;
	background-position: 0 -160px;
}

.see-result-link {
	color: #0099CF;
}

table.result-bar {
	padding: 0;
	margin: 0px;
	height: 13px;
	width: 80px;
	border-spacing: 0;
	background-color: #CCCCCC;
}

table.result-bar td {
	padding: 0;
}

.result-bar-1 {
	/* background: url(../../sopforms/images/ecpoll/result-bar-bg.gif) repeat-x; */
	background: url(../../sopforms/images/ecpoll/sprite.png) repeat-x;
	background-position: 0 -189px;
}

.poll-question {
	font-weight: bold;
}

.radio, .checkbox {
	margin-left: 0;
}

#question-picture-box {
	display: none;
}

.picture-box {
	margin: 5px 0;
	padding: 0 5px;
	border: 1px solid #404040;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.picture-box .input,
.picture-box .file, {
	width: 180px;
}

.picture-box iframe {
	display: none;
}


.picture-box .picture-filename,
.picture-box .progress-bar {
	display: none;
}

.picture-box-uploaded .picture-filename {
	display: block;
}

.picture-box-uploaded table,
.picture-box-uploaded .progress-bar {
	display: none;
}

.picture-filename {
	margin: 4px;
	position: relative;
}

div.picture-remove {
	position: absolute;
	right: 0;
	width: 7px;
	height: 7px;
	margin: 0;
	background: url(../../sopforms/images/ecpoll/cross.gif) no-repeat;
	opacity: 0.2;
	filter: alpha(opacity=20);

}

div.picture-remove:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.picture-box-uploading table,
.picture-box-uploading .picture-filename {
	display: none;
}

.picture-box-uploading .progress-bar {
	display: block;
}

.progress-bar {
	height: 19px;
	/* background: transparent url(../images/ecpoll/loading-bar.gif) no-repeat scroll 50% 50% */
	background: transparent url(../images/ecpoll/sprite.png) no-repeat;
	background-position: 0 -100px;
	margin-left: auto;
	margin-right: auto;
}

.picture-box {
	color: #989898;
}

#add-option-bar {
	text-align: right;
}

.colorpicker-btn img {
	width: 16px;
	height: 16px;
	background-image: url(../images/ecpoll/colorpicker.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* text size */
.text-size0 * {
	font-size: 10px;
}

.text-size1 * {
	font-size: 11px;
}

.text-size2 * {
	font-size: 12px;
}

.text-size3 * {
	font-size: 14px;
}

.text-size4 * {
	font-size: 16px;
}

/* mask */
.mask {
	position: fixed;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	top: 0;
	left: 0;
	background-color: black;
}

.loading-progress {
	position: fixed;
	top: 50%;
	left: 50%;
}

.loading-progress .loading-content {
	position: relative;
	top: -50px;
	left: -200px;
	width: 400px;
	height: 100px;
	background-color: white;
	overflow: visible;
	-moz-border-radius: 5px;
}


#created {
	margin-top: 10px;
	margin-left: 180px;
	width: 320px;
	display: none;
}

.links {
	color: #9B9B9B;
	padding: 4px 0 10px 2px;
	border-top: 1px solid #373737;
	margin: 5px 0;
}

#run-now, #create-another {
	color: #0099CF;
}

#error-messages {
	color: #ffffff;
}

/* rbox */
.rbox-tc, .rbox-bc {
	overflow: hidden;
}

.rbox-tl, .rbox-bl,
.rbox-tr, .rbox-br {
	width: 5px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/ecpoll/rc.gif) no-repeat scroll;
}

.rbox-tc, .rbox-bc, .rbox-body {
	background-color: #990000;
}

.rbox-t, .rbox-b,
.rbox-tl, .rbox-bl,
.rbox-tr, .rbox-br,
.rbox-tc, .rbox-bc {
	height: 5px;
	border: 0;
}

.rbox-tl {
	background-position: 0 0;
}

.rbox-tr {
	background-position: -5px 0;
}

.rbox-bl {
	background-position: 0 -5px;
}

.rbox-br {
	background-position: -5px -5px;
}

.rbox-body {
	padding: 0 5px;
}

.rbox-tl, .rbox-bl {
	float: left;
	overflow: hidden;
}

.rbox-tr, .rbox-br {
	float: right;
	overflow: hidden;
}

#content-wrapper.embedded {
	overflow-y: auto;
}

body.embedded {
	background-image: none;
}

.main-layout {
	width: 100%;
	border-spacing: 0;
}

.main-layout td {
	padding: 0px;
}

.col1 {
	width: 500px;
	vertical-align: top;
}

.col2 {
	vertical-align: top;
}

#show-preview {
	margin: 0 50px;
	color: #0099CF;
}

td.content {
	padding-left: 50px;
	padding-right: 50px;
}

.result-percentage {
	width: 50px;
	text-align: right;
}

.result-votecount {
	width: 30px;
	text-align: right;
}

.result-total {
	text-align: right;
	font-weight: bold;
}

.error1 {
	width: 300px;
	margin: 20px auto 0 auto;
}

.ad-text a {
	font-size: 10px;
	color: #989898;
	text-decoration: none;
}

.ad-text a:hover {
	text-decoration: underline;
}

.ad-text {
	height: 15px;
	position: absolute;
	bottom: 4px;
	right: 4px;
}

.ad-text-spacer {
	height: 20px;
}

#buttonbar {
	padding-top: 4px;
}

.poll-body img {
	padding-top: 4px;
}

.error-single {
	text-align: center;
}

.message  {
	margin-bottom: 10px;
}


.listing th {
	color: #ffffff;
}

.listing td {
	color: #989898;
	padding: 2px 4px;
}

.listing th,
.listing td {
	font-family: tahoma,helvetica,sans-serif;
	font-size: 11px;
}

.listing tr.listing-header th {
	background-color: #149DD1;
}

.listing-num {
	text-align: right;
}

a {
	color: #0099CF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.separator1 {
	height: 10px;
}

#comments {
	color: #ffffff;
	width: 300px;
	margin: 10px auto 0 auto;
}

.comment-header {
	color: #0099CF;
}

.comment-post {
	border-top: 1px solid #989898;
	padding: 4px;
}

#comment-author {
	width: 180px;
}

#comment-entry-div {
	border-top: 1px solid #989898;
	padding: 4px;
}

#comment-entry-div textarea {
	margin: 4px 0;
}

.comment-body {
	padding: 2px 0;
}

#no-comment-post {
	margin-top: 5px;
	padding: 10px;
	color: #989898;
	text-align: center;
	border-top: 1px solid #989898;
}

#comment-posts-div {
	margin-top: 5px;
}

#share-this-box {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px
}

#share-this {
	color: #0099CF;
}

#bigger-text img {
	background: url(../../sopforms/images/ecpoll/sprite.png);
	background-position: 0 -19px;
	width: 15px;
	height: 15px;
}

#smaller-text img {
	background: url(../../sopforms/images/ecpoll/sprite.png);
	background-position: 0 -207px;
	width: 15px;
	height: 15px;
}

#create-button img {
	background: url(../../sopforms/images/ecpoll/sprite.png);
	background-position: 0 -60px;
	width: 98px;
	height: 23px;
}

#add-picture-to-question img,
#add-picture-to-options img {
	background: url(../../sopforms/images/ecpoll/sprite.png);
	background-position: 0 0;
	width: 14px;
	height: 14px;
}
