html {height:auto; min-height:100%;}
body {height:auto; min-height:100%;}

#topbar {width:100%; float:left; height:58px; padding:0px; background:url(../images/topbar_bg58.png) repeat-x 0px 0px;}
#topbarLeft {float:left; width:50%;}
#topbarLeft h1 {font-weight:700; color:#888; font-size:20px; padding:18px 0 0 15px; margin:0;}
#topbarLogo {float:left; width:50%; padding:0px; position:relative;}
#topbarLogo img {position:absolute; right:0px; top:13px;}

#center			{width:100%; max-width:1600px; min-width:800px; margin:0 auto 0 auto;}
#centerAdmin	{width:100%; max-width:1600px; min-width:800px; margin:0 auto 0 auto;}
#container		{float:left; width:98%;	margin:0; padding:5px;	border-bottom: 1px solid #ccc;}
#containerAdmin	{float:left; width:98%;	margin:0; padding:5px;	border-bottom: 1px solid #ccc;}
#left		{float:left; width:40%; min-height:350px; padding:0 2% 2% 5%;}
#leftAdmin	{float:left; width:30%; min-height:350px; padding:0 2% 2% 5%;}
#right		{float:left; width:30%; min-height:350px; padding:0 1% 0 0; position:relative;}
#rightAdmin	{float:left; width:60%; min-height:350px; padding:0 1% 0 0; position:relative;}
#footer {display:block; float:left; padding:20px 5px;}


p {margin:5px 0px 10px 0px; line-height:1.4;}
h1 {margin:20px 0 20px 0;}
h2 {padding:10px 0 5px 0;}
h3 {margin:0px 0px 10px 0px;}
h4 {padding:5px 0 0;}
h5 {}

.right {text-align:right;}

p#loggedIn {font-size:11px; margin:0px; padding:0px; position:absolute; top:0px; right:0px;}
a.logout {margin-left:10px;}

div#login {width:450px; background:#f2f2f2; padding:10px; margin:20px 0px;}
div#question {background:#f2f2f2; padding:5px; margin-top:20px;}
div#question p.heading {padding:0px; font-weight:bold; font-size:15px; text-align:center;}
div#question p.area {padding:0px; font-size:13px; font-style:italic; text-align:center;}
div#question p.q {padding:25px 15px; background:#fff; font-weight:bold;}

div#answerButtons {text-align:right; margin:15px 0;}

p.warning, p.done {padding:15px; border:solid 2px #ddd; line-height:1.3}

img.toggleImg {margin-right:3px;}

table {}
table tr td {padding:5px; line-height:1.4; vertical-align:top;}
table tr.hover td {background:#ededed;}
table.surveys tr td {line-height:1.7;}

a.button {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:3px;
	display:inline;
	font-size:11px; color:#555; background-color:#fff; border:solid 1px #bbb;
	padding:4px 8px;
	text-decoration:none; text-align:center;
}
a.button:hover {background-color:#ddd;}
a.button.big {font-size:14px; padding:4px 6px;}
a.button.tiny {padding:2px 4px;}
a.button.red {color:#ea9999;}
a.button.disabled {color:#bbb; cursor:not-allowed;}
a.button.disabled:hover {background-color:#fff;}

div#questionStatus {margin-top:16px;}
div#questionStatus table tr td {padding:4px 2px; vertical-align:middle; text-align:center;}
div#questionStatus table tr td span {padding:3px 4px; display:inline-block; cursor:pointer;}

/* Admin */
#containerAdmin {padding-top:20px; position:relative;}
#containerAdmin input[type="text"] {width:200px;}
#containerAdmin p#loggedIn {font-size:11px; margin:0px; padding:0px; position:absolute; top:0px; right:10px;}
#containerAdmin p.noBg {background:none;}

#containerAdmin textarea {width:70%;}
#containerAdmin table {margin-top:10px; border-bottom:solid 1px #ccc;}
#containerAdmin td, #containerAdmin th {vertical-align:top; padding:5px;}
#containerAdmin tr {border-top:solid 1px #ccc;}
#containerAdmin table.noBorder, #containerAdmin table.noBorder tr {border-style:none;}
#containerAdmin tr#head {border-top:none;}
#containerAdmin td img {cursor:pointer; margin-right:10px;}
#containerAdmin table.center td {vertical-align:middle;}

#containerAdmin #surveys {padding:20px 0 0 0;}

#containerAdmin .chart {margin-top:25px;}

div.showResult_container {margin-bottom:25px;}
div.showResult_box {padding:6px; border:solid 1px #bbb;}
div.showResult_container div.correct {background:#77ff77;}
div.showResult_container div.incorrect {background:#ff6a6a}
div.showResult_box p.qTag {padding:0px 3px; margin-bottom:3px; background:#eee; font-weight:bold; font-style:italic; font-size:11px;}

div.showResult_box ul {list-style:disc inside; margin:0;}
div.showResult_box ul li {line-height:1.3;}
div.showResult_box p {line-height:1.6; margin:0; padding:0;}

p.showResult_qNo {font-size:16px; font-weight:bold; color:#888; margin-bottom:3px;}


/* To top */
#toTop {
	width:100px;
	border:1px solid #fe9900;
	background:#ffb547;
	text-align:center;
	padding:10px 5px;
	position:fixed;
	bottom:10px;
	right:20px;
	cursor:pointer;
	display:none;
	color:#333;
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
}
#toTop:hover {
	background:#fca523;
}