* {
	margin:0px;
	padding: 0px;
}

body {
	background: url(../images/bg.png) repeat-y center center;
	font-family:verdana;
	color:#815585;
}

li {
	margin-left:24px;
}

#public_header h1 {
	heignt: 26px;	
}

#public_header {
	background: url(../images/public_headerbg.png) repeat-x center center;
}

#public_header div {
	background: url(../images/public_title.png) no-repeat center center;
	height:26px;
}

#public_header div h1 {
	background: url(../images/public_title.png) no-repeat center center;
	width: 900px;
	margin:0 auto;
	font-size:14px;
	display:none;
}



#header h1 {
	height:70px;
}

#header {
	background: url(../images/headerbg.png) repeat-x center center;
}

#header div {
	background: url(../images/title.png) no-repeat center center;
	height:70px;
}

#header div h1 {
	background: url(../images/title.png) no-repeat center center;
	width: 900px;
	margin:0 auto;
	font-size:1px;
}

#header div h1 a {
	color:#a3bde2;
	width: 900px;
	height: 70px;
	display:block;

}

#menu {
	background: url(../images/crumbsbg.png) repeat-x center center;
	font-size:16;
	font-weight:bold;
}

#menu div {
	background: url(../images/crumbs.png) no-repeat center center;
}

#menu div div {
	width: 880px;
	margin:0 auto;
	height:24px;
	padding:6px 10px;
}

#menu span.logout, #public_menu span.logout {
	float:right;
}

#public_menu {
	background: url(../images/public_crumbsbg.png) repeat-x center center;
	font-size:16;
	font-weight:bold;
}

#public_menu div {
	background: url(../images/public_crumbs.png) no-repeat center center;
}

#public_menu div div {
	width: 880px;
	margin:0 auto;
	height:24px;
	padding:6px 10px;
}


#body {
	width:880px;
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	color:#666;
}

h2 {
	font-family:georgia;
	font-weight:bold;
	font-size:22pt;
	margin-bottom:12px;
}

h3 {
	font-family:georgia;
	font-weight:bold;
	font-size:18pt;
}

div.homepage-left {
	font-family:georgia;
	font-size:18pt;
	font-weight:normal;
	margin:5px 12px;
	float:left;
}

div.homepage-left div.promo {
	width:344px;
	height:84px;
	background: url(../images/promobg.png) no-repeat center center;
	padding:8px;
}

div.homepage-left div.promo h3{
	font-style:italic;
}

div.homepage-left div.promo a {
	color:#815585;
	text-decoration:none;
}

div.homepage-left div.promo a:hover {
	text-decoration:underline;
}

div.video {
	background:url(/images/video.jpg);
	width:480px;
	height:131px;
	margin-left:392px;
	text-align:center;
	color:white;
	font-family:georgia;
	font-weight:bold;
	font-style:italic;
	font-size:18pt;
	padding-top:250px;
}

div.video span {
	display:block;
	background-color:black;
	padding:2px;
	
}


div.sign-in-panel {
	border-color:#FFE34E; 
	border-style:solid none none solid;
	border-width:2px;
	width:400px;
	padding:10px;
	background-color: #FFF4BE;
}

div.sign-in-panel table {
	width:100%;
}

div.sign-in-panel td {
	padding:0px 6px 6px 0;
}

div.sign-in-panel h3 {
	margin-bottom:12px;
}

div.sign-in-panel h4 {
	float:right;
	margin-top:6px;
	font-family:georgia;
	color:#94B2DC;
	
}

div.sign-in-panel label {
	font-family:georgia;
	font-size:14pt;
}



div.sign-in-panel .explanation {
	font-family:georgia;
	font-size:12pt;	
	font-style:italic;
	margin-bottom:12px;
}

div.sign-in-panel .error {
	color:#c00;
	background-color:white;
	font-weight:bold;
	display:block;
	padding:6px;
	margin-bottom:10px;
	font-family:georgia;
}


.input {
	font-family:verdana;
	font-size:12pt;
	padding:3px;
	color:#666;
}

.button {
	font-size:12pt;
	color:#666;
	padding:3px 6px;
	font-family:verdana;
}


div.floating {
	position:absolute;
	z-index:100;
	top: 10px;
	left: 100px;
	width:600px;
	background: url(../images/popup.blue.middle.gif);
	margin:2px;
}

div.floating div.inner1 {
	padding-bottom:10px;
	background: url(../images/popup.blue.bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.floating div.inner2 {
	background: url(../images/popup.blue.top.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding:2px 8px 0 8px;
}

div.floating h2 {
	color: white;
	font-size: 12pt;
	margin-top:4px;
	margin-bottom:12px;
	
}


div#overlay {
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter:alpha(opacity=50);
}


#working {
	position:absolute;
	z-index:101;
	width:128px;
	height:128px;
	background-color:white;
	background: url(../images/indicator.gif);
}



#element_fields {
	width:100%;	
	margin: 15px 0;
}

#element_fields td {
	vertical-align:top;
	padding-top:3px;
}


#element_fields .label-cell {
	width: 130px;
	padding-top:3px;
	padding-right:12px;
}

#element_fields input.wide {
	width: 260px;
}

#element_fields input.url {
	width: 209px;
}

#element_fields textarea {
	width: 260px;
}


#survey-actions {
	font-weight:bold;
	text-align:right;
	margin-bottom:3px;
}


#errors, .error {
	color:#c00;
	background:#FFF4BE;
	padding:10px;
}

#errors ul {
	margin-top:10px;
}



.element-editor {
	border:solid #ccc 1px;
	position:relative;
	width:100%;
}

.element-editor .header {
	color:#999;
	font-weight:bold;
	border-bottom:solid #ccc 1px;
	font-size:70%;
	padding:2px;
	background-color:#f3f3f3;
}

.element-editor .header .controls, .element-editor .special-header .controls {
	float:right;
}


.body  {
	margin: 6px 2px;
	font-family:georgia;
	line-height:1.5em;
}

.body h1 {
	font-size:24pt;
	margin-bottom:18px;
}

.body h2 {
	font-size:18pt;
	margin-bottom:12px;
}

.body h2 {
	font-size:18pt;
	margin-bottom:8px;
}

.body .question-text {
	font-weight:bold;
}

div.insert-element {
	margin: 3px 0;
	font-size:90%;
}

div.insert-element a {
	text-decoration:none;
}

div.insert-element a:hover {
	text-decoration:underline;
}


#addables {
}

#addables #links { 
	float:left; width:230px; 
}

#addables #links a {	
	display:block;
	padding:3px;
}

#addables #links a.hover {	
	background-color: #FFF4BE; 
}

#addables #descriptions { 
	float:left; color: #71194e; 
}

#addables #descriptions div {	
	position:absolute; 
	width:328px; 
	background-color: #FFF4BE; 
	height:240px; 
	padding:1px 12px; 
	line-height:150%;
}

div.t-and-c {
	line-height:170%;
	font-family:georgia;
}

div.t-and-c h1 {
	margin-bottom:20px;
}

div.t-and-c ul {
	background-color:#FFF4BE;
	padding:30px;
}

div.t-and-c li {
	font-size:120%;
	margin-bottom:10px;
}

div.t-and-c form {
	margin-top:30px;
	text-align:center;
}

.details { margin-bottom:6px; }
.details div { clear:both; margin-bottom:6px; }
.details div label { width:200px; float:left; font-weight:bold; color: #71194e; }
.details div span { }

.embedding-code { 
	width: 450px; 
	font-family:courier; 
	color:#666;
	font-size:12pt;
}

.sponsor {
	float:left;
	margin-left:8px;
}

.thankyou {
	font-family:georgia;
	line-height:150%;
	margin-left:185px;
	font-size:14pt;
}

.thankyou h2 {
	font-family:georgia;	
	margin-bottom:12px;
	font-size:24pt;
}

.thankyou h3 {
	font-family:georgia;	
	margin-bottom:12px;
	font-size:18pt;
}

.thankyou .polsta {

	border-color:#FFE34E; 
	border-style:solid none none solid;
	border-width:2px;
	background-color: #FFF4BE;


	padding:20px; 
	margin-top:20px;
	margin-right:15px;
}

.thankyou .polsta p {
	margin-bottom:6px;
}

.thankyou a {
	color:#815585;
}

.embedded-thankyou {
	width:468px;
	margin:10px auto;
	font-family:georgia;
}

.embedded-thankyou p {
	line-height:150%;
}

.embedded-thankyou h2 {
	margin-bottom:12px;
	font-size:18pt;
}

.embedded-thankyou h3 {
	margin-bottom:12px;
	font-size:14pt;
}

.embedded-thankyou .sponsor {
	float:none;
	margin: 20px 0;
	text-align:center;
}

.embedded-thankyou .polsta {
	border:solid 1px #FFE34E;
	background-color: #FFF4BE;
	padding:3px;
}

.pagination {
	margin-top:6px;
	float:right;	
}

.results-count {
	margin-top:8px;
}

.pagination a {
	text-decoration:none;
}

.pagination a:hover {
	text-decoration:underline;
}

.pagination .active {
	font-weight:bold;
}

table.survey-list {
	border-top: solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	border-left: solid 1px #97B5DD;
	width:100%;
	margin-bottom:12px;
}

table.survey-list th {
	background-color:#97B5DD;
	color:white;
	padding:3px;
	border-right:solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
}

table.survey-list td {
	padding:3px;
	border-right:solid 1px #97B5DD;
	cursor:pointer;
}


table.survey-list .hilite {
	background-color:#FFF4BE;	
}


table.version-list {
	border-top: solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	border-left: solid 1px #97B5DD;
	width:100%;
}

table.version-list th {
	background-color:#E6EDF7;
	padding:3px;
	border-right:solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
}

table.version-list td {
	padding:3px;
	border-right:solid 1px #97B5DD;
}




table.response-list {
	border-top: solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	border-left: solid 1px #97B5DD;
	width:100%;
	margin-bottom:12px;
}

table.response-list th {
	background-color:#97B5DD;
	color:white;
	padding:3px;
	border-right:solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	font-size:80%;
	vertical-align:top;
}

table.response-list td {
	padding:3px;
	border-right:solid 1px #97B5DD;
	font-size:80%;
}

table.responses {
	border-top: solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	border-left: solid 1px #97B5DD;
	width:100%;
	margin-bottom:12px;
}

table.responses th {
	background-color:#97B5DD;
	color:white;
	padding:3px;
	border-right:solid 1px #97B5DD;
	border-bottom: solid 1px #97B5DD;
	font-size:80%;
	vertical-align:top;
}

table.responses td {
	padding:3px;
	border-right:solid 1px #97B5DD;
	font-size:80%;
}


a.rss {
	background: url(/images/rss.png) left no-repeat;	
	padding-left:22px;
}


table.matrix {
	border: solid 1px #97B5DD;	
}

table.matrix th {
	padding:3px;
	border-bottom: solid 1px #97B5DD;	
}

table.matrix td {
	padding:3px;
}

table.matrix td.question {
	border-right: solid 1px #97B5DD;		
}

table.matrix td.radio-or-checkbox {
	text-align:center;
}

.question-errors {
	color:#c00;
	
}

.mandatory {
	color:#c00;
}
