* { outline: none; }
body { font: 73% "Lucida Grande", Arial, sans-serif; background: url(assets/bg.png) top left; color: black; }
h1, h2, h3, h4, h5 { color:#222; }
p, li { line-height: 1.5em; }

a { text-decoration: none; color: #08c; }
a:hover { text-decoration: none; }
a img { border:0 }

h1 { font: 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:30px 0 0 0; margin: 0; }
h2 { font:15px Arial, Helvetica, sans-serif; padding: 0  0 3px 0; margin-bottom: 0; }

.list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }

.exists { background: #FBE3E4 url(assets/cross.gif) no-repeat 98% center; border-color: #FBC2C4; color:#8a1f11; }
.avail { background: #D6FFD8 url(assets/success.gif) no-repeat 98% center; border-color: #A0D997; color:#436213; }

#main, #header, #footer {
margin: 0 auto; width: 820px; margin-bottom: 10px; overflow: hidden; }
#main-narrow, #header-narrow, #footer-narrow {
margin: 0 auto; width: 540px; margin-bottom: 10px; overflow: hidden; }

#main { padding: 15px;
	width: 820px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	background:#fff;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	 }
	 
#main-narrow { padding: 15px;
	width: 510px;
	border: 1px solid #cbcbcb;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	background:#fff;
	-moz-box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	 }	

#title { text-align: center; }
#title a { color: #333; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(assets/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#footer { text-align: right; font-size: 10px; }
#footer-narrow { text-align: right; font-size: 10px; }

label { display:block; font-weight:bold; color:#888; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:12px 0 4px; }

input, select  { padding:2px; border:1px solid #eee; font:14px Arial, Helvetica, sans-serif; color:black; -moz-border-radius:5px; -webkit-border-radius:5px; }
input.login  { padding:7px; border:1px solid #eee; font:16px Arial, Helvetica, sans-serif; width:490px; color:#999; -moz-border-radius:5px; -webkit-border-radius:5px; }

input[type=submit], input.submit { width:auto; background:#08c; border:1px solid #06a; color:#fff; font-weight:bold; margin-top:15px; cursor:pointer; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

input[type=submit]:hover, input[type=submit]:focus, input.submit:hover, input.submit:focus { background:#06a; color:#fff; }


/**************/
/* Form style */
/**************/
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #08c; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }


/***********/
/* Buttons */
/***********/
a.addsurvey { display:block; width:250px; height:52px; background:url(assets/addsurvey.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }
a.addsurvey:hover { background-position:top; }

a.listsurvey { display:block; width:250px; height:52px; background:url(assets/listsurvey.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px;}
a.listsurvey:hover { background-position:top; }

a.viewreport { display:block; width:250px; height:52px; background:url(assets/viewreport.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:9px; margin-bottom:10px; }
a.viewreport:hover { background-position:top; }

a.logout { display:block; width:250px; height:52px; background:url(assets/logout.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; }
a.logout:hover { background-position:top; }

a.adminpanel { display:block; width:250px; height:52px; background:url(assets/btn_adminpanel.png) bottom no-repeat; text-indent:-9999px; float:left; margin-right:0px; margin-bottom:10px; }
a.adminpanel:hover { background-position:top; }

/* User management */
table#users { width:100%; border-collapse:collapse; }
table#users th { background:#333; color:#fff; padding:7px 10px; text-align:left; font-size:13px; }
table#users td { padding:7px 10px; border-bottom:1px solid #ddd; font-size:13px; }
table#users tr.odd { background:#f7f7f7; }
table#users .acl-admin  { color:#058dc7; font-weight:bold; }
table#users .acl-author { color:#333; }
table#users .acl-viewer { color:#888; }
a.adduser { display:inline-block; background:#058dc7; color:#fff; text-decoration:none; padding:6px 14px; border-radius:4px; font-size:13px; font-weight:bold; }
a.adduser:hover { background:#0477a8; }

hr { height:1px; background:#ccc; border:none; }


table#mainmenu {
width: 300px;

}
table#mainmenu td {
    padding: 6px;
    border: solid #000 0px;
    font: 145% "Lucida Grande", Arial, sans-serif;
}


/*************************************/
/* Original survey script stylesheet */
/*************************************/
table#survey {
    background-color:#FFFFFF;
    border: solid #000 0px;
    width: 700px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

table#survey td {
    padding: 4px;
    border: solid #000 1px;
}

.cellcentertop {
		font-weight: bold;
    color: #000000;
    text-align: center;
    background-color: #CCCCCC;
    width: 150px;
}

.cellcentercontent {
    color: #000000;
    text-align: center;
}

.celltitle {
		font-weight: bold;
    color: #000000;
    background-color: #CCCCCC;
}

.radiocenter {
    color: #000000;
    background-color: #CCCCCC;
}

.leftcol {
    width: 100px;
}

.error_strings{ font-family:Verdana; font-size:14px; color:#660000;}

/* Comparison report START */
#blueside { color: #3366cc; } 
#redside { color: #dc3912; } 

table#comparison {
    background-color:#FFFFFF;
    width: 100%;
    text-align:left;
}   	

table#viewreport {
    background-color:#FFFFFF;
    border: solid #000 0px;
    width: 700px;
    text-align:left;
}

table#viewreport td {
    padding: 4px;
    border: solid #000 1px;
}
/* Comparison report END */


/* Datepicker START */
.calendardate input {
   width: 95px;
}
/* Datepicker END */
/* --- added in v2.0 (PHP 8 port) --- */
.success_message { display: block; height: 22px; line-height: 22px; background: #E6EFC2 url(assets/success.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 3px 0; color:#264409; border: 1px solid #C6D880; -moz-border-radius: 5px; -webkit-border-radius:5px; }
.chart { display: block; }
.chart-nodata { display: block; font-style: italic; color: #888; padding: 10px 0; }