#status-handler
{
	border: 1px solid;
	width: 770px;
	padding: 10px;
	font: 14px "Calibri", "Lucida Sans Unicode", "Lucida Grande";
	background: #eee;
	overflow: hidden;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	display: none;
}

#status-handler img
{
	float: left;
	margin-right: 20px;
}

#status-handler div
{
	float: left;
	width: 450px;
}

#status-handler.Error
{
	background: #FFBABA;
	border-color: #BB6C6C;
}

#status-handler.Warning
{
	background: #FEEFB3;
	border-color: #C9A721;
}

#status-handler.Success
{
	background: #DFF2BF;
	border-color: #758E4B;
}


html, body {
    margin: 0;
    background: #73768D url("../images/bg.jpg") repeat-y center;
    font: 13px Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p
{
    margin: 0;
}

.container
{
    width: 790px;  
    margin: 0 auto;
    background: #FFFFFF;
    padding: 10px;
    height: 100%;
}

.menu
{
    width: 790px;
    border-right: 1px solid #CCC;
    margin-bottom: 10px;
}
.pageview
{
    padding: 0px;
    width: 790px;
    margin: 0 auto;
    background: #FFFFFF;
}
.surveyAddButton
{
    border: 0px;
    padding: 2px;
    background: url("../images/plusAdd.png") no-repeat 0px 2px #73768D;
    color: #FFF;
    font: bold 13px "Segoe Ui", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.surveyAcceptButton
{
    border: 1px solid;
    padding: 2px;
    background: #646674;
    color: #FFFFFF;
    text-transform: uppercase;
    font: bold 13px "Segoe Ui", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.surveyCancelButton
{
    border: 1px solid; 
    padding: 2px;
    background: #646674;
    color: #FFFFFF;
    text-transform: uppercase;
    font: bold 13px "Segoe Ui", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.surveyEditButton
{
    border: 1px solid;
    padding: 2px;
    background: #FFF391;
    color: #333;
    text-transform: uppercase;
    font: bold 12px "Segoe Ui", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.surveyCloseButton
{
    border: 1px solid #666;
    padding: 2px;
    background: #FF9191;
    color: #333;
    text-transform: uppercase;
    font:  bold 12px "Segoe Ui", Arial, Helvetica, sans-serif;   
    cursor: pointer;
}

.surveyOpenButton
{
    border: 1px solid #666;
    padding: 2px;
    background: #C5FF91;
    color: #333;
    text-transform: uppercase;
    font:  bold 12px "Segoe Ui", Arial, Helvetica, sans-serif;   
    cursor: pointer;
}

.surveyArchiveButton
{
    border: 1px solid #666;
    padding: 2px;
    background: #FFD991;
    color: #333;
    text-transform: uppercase;
    font: bold 12px "Segoe Ui", Arial, Helvetica, sans-serif;
    cursor: pointer;
}

h1
{
    font: 22px Georgia;
    color: #73768D;
    width: 600px;
}

h2
{
    font: 18px Georgia;
    color: #73768D;
}

.surveyLabel
{
    display: block;
    width: 600px;
    padding-bottom: 10px;
}

.instructions
{
    width: 770px;
    border: 1px solid #CCC;
    padding: 10px;
    background: #EEE;
    margin-bottom: 10px;
    font: 14px Arial, Helvetica, sans-serif;
    color: #555;
    line-height: 20px;
}

.backLink
{
    float: right;
    position: relative;
    top: 0px;
    height: 15px;
    border: 1px solid #333;
    font: bold 13px Arial, Helvetica, sans-serif;
    background: #73768D;
    padding: 3px;
    padding-bottom: 5px;
}

.backLink a:link, .backLink a:visited
{
    text-decoration: none;
    color: #fff;
    height: 15px;
    padding: 2px 4px 2px 20px;
    background: #73768D  url("../images/back_icon.png") no-repeat 2px 2px;
}

.questionPanel
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 790px;
    border-bottom: 1px dotted #CCC;
}

.questionLabel
{
    color: #73768D;
    font-weight: bold;
}

.saveButton
{    
    background: #646674;
    border: 1px solid #666;
    padding: 2px;
    color: #FFF;
    text-transform: uppercase;
    font: bold 13px "Segoe UI", Arial, Helvetica, sans-serif;
    margin-top: 1px;
    cursor: pointer;
}

img
{
    border: 0px;
}

.clear
{
clear: both;
}

.statusBox_success, .statusBox_warning, .statusBox_error
{
    width: 790px;
    height: 45px;
    font: bold 1em arial, helvetica;
    margin-bottom: 10px;
}

.statusBox_success img, .statusBox_warning img, .statusBox_error img
{
    vertical-align: middle;
    position: relative;
    top: 5px;
    left: 5px;
    float: left;
}

.statusBox_success span, .statusBox_warning span, .statusBox_error span
{
    display: block;
    float: left;
    padding-left: 20px;
    padding-top: 10px;
}

.statusBox_success
{
    border: 1px solid #4F8A10;
    background: #DFF2BF;
    color: #4F8A10;
}

.statusBox_warning
{
    border: 1px solid #9F6000;
    background: #FEEFB3;
    color: #9F6000;
}

.statusBox_error
{
    border: 1px solid #D8000C;
    background: #FFBABA;
    color: #D8000C;
}

.textDataAnswer
{
    padding: 5px 40px 5px 10px; 
    width: 670px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    float: left;
}

.textDataAnswerEven
{
    padding: 5px 40px 5px 10px; 
    width: 670px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    float: left;
    background: #FFFFFF;
}

.textData
{
    width: 790px;
	border: 1px solid #CCC;
	background: #F0F2FD;
    margin-top: 10PX;
    margin-right: 0px;
    float: left;
    margin-bottom: 10px;
}

.freeResponse
{
    margin-top: 10px;
    margin-right: 0px;
    border: 1px solid #CCC;
    background: #F0F2FD;
    float: left;
    margin-bottom: 10px;
}

.freeResponseAnswer
{
    padding: 5px 40px 5px 0px; 
    margin-left: 10px; 
    margin-bottom: 5px; 
    border-bottom: 1px dotted #ccc; 
    width: 740px;
}

.textDataCount
{
    font-weight: bold; 
    padding: 5px 5px 5px 0px; 
    padding-right: 5px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    float: left;
    width: 25px;
}

.textDataCountEven
{
    font-weight: bold; 
    padding: 5px 5px 5px 0px; 
    padding-right: 5px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    width: 25px;
    float: left;
    background: #FFFFFF;
}

.textDataPercent
{
    font-weight: bold; 
    padding: 5px 5px 5px 0px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    text-align: right; 
    width: 30px; 
    float: left;
}

.textDataPercentEven
{
    font-weight: bold; 
    padding: 5px 5px 5px 0px; 
    margin-bottom: 0px; 
    border-bottom: 1px dotted #ccc; 
    text-align: right; 
    width: 34px; 
    float: left;
    background: #FFFFFF;   
}

.reportAnswerHeading, .reportCountHeading, .reportPercentageHeading
{
    float: left;
    background: #73768D;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.reportAnswerHeading
{
    padding: 5px 40px 5px 10px; 
    width: 660px;
}

.reportCountHeading
{
    padding: 5px 5px 5px 10px; 
    padding-right: 15px; 
    width: 30px;
}

.reportPercentageHeading
{
    padding: 5px 5px 5px 0px; 
    text-align: right; 
    width: 22px; 
}

.reportQuestionHeading
{
    width: 792px;
}

.answerPanel
{
    margin-top: -10px;
    margin-bottom: 10px;
}
.surveyStatus
{
    border: 1px solid #CCC;
    padding: 5px;
    margin-bottom: 10px;
    text-align: center;
    background: #F0F2FD;
    font: 14px Arial, Helvetica;
    color: #545767;
}

.surveyStatus a:link, .surveyStatus a:visited
{
    color: #73768D;
}

.surveyStatusButton
{
    float: left;
    width: 50%;
    text-align: right;
}

.surveyStatusLabel
{
    float: left;
    padding-top: 5px;
    width: 50%;
    text-align: left;
}

.questionPanel label
{
    display: block;
    float: left;
    width: 720px;
    margin-left: 5px;
    padding-bottom: 5px;
}
.questionPanel input
{
    display: block;
    float: left;
    margin-left: 10px;
}

.questionPanel textarea
{
	margin-left: 10px;
}

.checkallLabel
{
    display: block;
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.numberResponded
{
    color: #666;
    font-weight: bold;
    font-size: 14px;
}