﻿.bluesky
{
	margin-top: 37px;
	padding: 30px;
	background-color: #ffffff;
	display: block;
	border-style: solid;
	border-color: #a7d3ff;
	border-width: 30px;
	font-family: Arial, Verdana;
	width: 730px;
}

.bluesky .survey-intro
{
	
}

.bluesky .survey-title
{
	display:block;
	font-size: 24px;
	padding:10px;
}

.bluesky .survey-desc
{
	display:block;
	font-size: small;
	padding:10px;
}

.bluesky .vert-percent-bar
{
	width: 100%;	
	border: solid 1px #ccccc;
	border-collapse: collapse;	
	margin-bottom: 40px;
	background-color: #cccccc;
}

.bluesky .vert-percent-bar td
{
	height: 30px;			
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

.bluesky .vert-percent-bar .full
{
	background-color: #85c300;	
}

.bluesky .survey-page
{
	
}

.bluesky .survey-page .page-title
{
	display:block;
	font-size: 24px;
	padding-bottom:5px;	
}

.bluesky .survey-page .page-desc
{
	display:block;	
	margin-bottom:20px;
	padding-bottom: 10px;
	font-size: 12px;
	border-bottom: solid 1px #a0a0a0;
}


.bluesky .seperator
{
	display:block;
	clear: both;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-style: dotted;
	border-color: #000000;
	padding-bottom: 40px;
}

.bluesky .survey-question
{
	margin-bottom: 20px;
	font-size: 12px;
}



.bluesky .survey-question input[type="text"]
{
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	background-color: #f0f0f0;
	color: #505050;
	width: 300px;
	
}

/* --- Input Area --- */
.bluesky .paragraph-question-inputarea textarea
{
	display: block;
	width: 400px;
	height: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	background-color: #f0f0f0;
	color: #505050;
}

.bluesky .singlechoice-question-inputarea input[type="text"]
{
	width: 100px;
	margin-left: 10px;
}

.bluesky .singlechoice-question-inputarea ul
{
	
}

.bluesky .singlechoice-question-inputarea ul li
{
	list-style-type: none;		
}

.bluesky .multichoice-question-inputarea ul li
{
	list-style-type: none;
	display: block;
}

.bluesky .multichoice-question-inputarea input[type="text"]
{
	width: 100px;
	margin-left: 10px;
}

.bluesky .multichoice-question-inputarea-as-columns ul
{
	display: inline-table;
}

.bluesky .multichoice-question-inputarea-as-columns ul li
{
	list-style-type: none;
	display: block;
}

.bluesky .multichoice-question-inputarea-as-columns input[type="text"]
{
	width: 100px;
	margin-left: 10px;
}


.bluesky .slider-question-outer-table tr
{
	margin-bottom: 10px;
}

/* --- End Input Area --- */

.bluesky .question-body
{
	font-size: 16px;
	color: #83a5c8;
	font-weight: bold;
	display: block;
}

.bluesky .question-remarks
{
	display: block;
	font-size: 14px;
	color: #a0a0a0;	
	border-width: 0px;
	border-color: #b2b2b2;
	border-bottom-style: dotted;
	padding-top: 2px;
	padding-bottom: 2px;	
	margin-bottom: 10px;
}

.bluesky .question-media
{	
	display: block;
	width: 600px;
	margin: 30px 30px 30px 0px;
}

.bluesky .question-media img,embed 
{
	display:block;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 20px;
}

.bluesky .question-footer
{	
	display: block;
	font-size: small;
	color: #606060;	
	padding-bottom: 20px;
	margin-top: 10px;
}
.bluesky .question-suffix
{
	font-size: x-small;
	color: #ff0000;	
	display:block;
	padding-top: 10px;
	padding-bottom: 20px;
}

.bluesky .question-choices
{
	display: block;
	border-top-width: thin;
	padding-top: 20px;
}

.bluesky .question-radio
{
	display:block;
}

.bluesky .question-radio-horz
{
	list-style-type: none;
	display:inline;	
}

.bluesky .question-radio-horz li
{	
	display:block;
	float:left;	
	width:100px;
	height: 20px;
	padding: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color:#f0f0f0;	
}

.bluesky .question-radio-horz .rowvalue
{	
	display:block;
	width:100px;
	text-align: center;	
	font-weight: bold;
	color: #000000;
}

.bluesky .question-radio-horz-header
{
	display: inline;
}
.bluesky .question-radio-horz-header li
{
	display:inline;
	width:100px;
	height: 20px;
	padding: 10px;
	float:left;
}

.bluesky .question-radio-horz-header li label
{
}

.bluesky .question-radio-horz-header .rowtitle
{	
	display:block;
	width:100px;
	text-align: center;	
	background-color: #ffffff;	
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}


.bluesky .question-radio-horz-header .rowtitle-alt
{	
	display:block;
	width:100px;
	text-align: center;	
	background-color:#ffffff;	
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}


.bluesky .question-radio-horz-alternate
{	
	list-style-type: none;
	display:inline;	
}

.bluesky .question-radio-horz-alternate ul
{	
}

.bluesky .question-radio-horz-alternate li
{
	display:block;
	float:left;	
	width:100px;
	height: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color: #d0d0d0;
	padding: 10px;
}

.bluesky .question-radio-horz-alternate .rowtitle
{
	display:block;
	width:100px;
	float:left;	
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

.bluesky .question-radio-horz-alternate .rowvalue
{	
	display:block;
	width:100px;
	text-align: center;	
	font-weight: bold;
	color: #000000;
}


.bluesky .clear
{
	clear: both;
	display:block;
	height: 1px;
}

.bluesky .survey-end-title
{
	display:block;
	font-size: large;
	padding:10px;
	
}

.bluesky .survey-end-desc
{
	display:block;
	font-size: small;
	padding:10px;
}

.bluesky .buttons-bar
{
	text-align: center;
}

.bluesky .next-button
{
	margin:5px;
	width: 100px;
	text-align: center;
}

.bluesky .prev-button
{
	margin:5px;
	width:100px;
	text-align: center;
}

.bluesky .save-button
{
	margin:5px;
	width:100px;
	text-align: center;
}

.error
{
	border-style: solid;
	border-width:1px;
	border-color: #f57b6e;
	background-color: #f5c2bc;
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 30px;
}

.info
{
	border-style: solid;
	border-width:1px;
	border-color: #fda702;
	background-color: #fbf153;
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 30px;
}