body {
	background : #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size  : 12px;
	color	   : #53524d;
	margin	   : 0px 0px 0px 0px;
}

#container {
	width : 740px;
	margin: 0px auto 0px auto;
}

#header {
	padding			: 0px 0px 0px 0px;
	margin-bottom	: 0px;
	background-color: transparent;
	border-bottom	: 0px solid #efefef;
}

#content {
	margin			: 15px 0px 15px 0px;
	background-color: #efefef;
	width			: 520px;
}

#image_box {
	clear	   : both;
	float	   : right;
	width	   : 210px;
	background : #efefef;
	text-align : left;
	margin	   : 14px 0px 15px 0px;
}

.gbl {background: url('../images/site/ib_bl.gif') 0 100% no-repeat;}
.gbr {background: url('../images/site/ib_br.gif') 100% 100% no-repeat;}
.gtl {background: url('../images/site/ib_tl.gif') 0 0 no-repeat;}
.gtr {background: url('../images/site/ib_tr.gif') 100% 0 no-repeat; padding:6px 1px 6px 5px;}

#copyright {
	clear			: both;
	padding			: 4px 0px 0px 0px;
	margin-top		: 0px;
	background-color: #ffffff;
	border-top		: 1px solid #efefef;
	color			: #000000;
	text-align		: left;
	font-size		: 10px;
}

#copyright img {
	float: right;
}

h1, h2, h3, h4, h5, h6 {
	color: #009ddc;
}

h1 {
	font-size		: 20px;
	line-height		: 24px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
}

h2 {
	font-size		: 18px;
	line-height		: 22px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
}

h3 {
	font-size		: 16px;
	line-height		: 16px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
}

h4 {
	font-size		: 14px;
	line-height		: 18px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px 0px 0px 0px;
	background-color: transparent;
	color			: #009ddc;
}

.bb {
	background: #009ddc;
	color	  : #ffffff;
	margin	  : 0px 6px 6px 6px;
}

.bb h1 {
	color: #ffffff;
}

.bbl {background: url('../images/site/qb_bl.gif') 0 100% no-repeat;}
.bbr {background: url('../images/site/qb_br.gif') 100% 100% no-repeat;}
.btl {background: url('../images/site/qb_tl.gif') 0 0 no-repeat;}
.btr {background: url('../images/site/qb_tr.gif') 100% 0 no-repeat; padding:10px;}

h5 {
	font-size		: 12px;
	line-height		: 16px;
	padding			: 4px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
}

h6 {
	font-size		: 10px;
	line-height		: 14px;
	padding			: 0px 0px 6px 0px;
	margin			: 0px;
	background-color: transparent;
}

.small {
	font-size: 10px;
}

p {
	text-align: justify;
}

a {
	color		   : #98c10f;
	text-decoration: none;
	font-weight	   : bold;
}
	
a:hover {
	text-decoration: underline;
}

hr {
	border	  : none 0;
	height	  : 1px;
	text-align: center;
	width	  : 100%;
	padding	  : 0px;
	margin	  : 0px;
}

.form th {
	text-align: right;
}

form {
	margin : 0px;
	padding: 0px;
}

input.button {
	border	  : 1px solid #009ddc;
	background: #98c10f;
	color	  : #ffffff;
}

input, textarea, select {
	border	  : 1px solid #009ddc;
	background: #b7d15f;
	color	  : #000000;
}

input.clean {
	border	  : 0px solid #ffffff;
	background: #ffffff;
	color	  : #000000;
}

a.button {
	border	   : 1px solid #009ddc;
	background : #98c10f;
	color	   : #ffffff;
	padding	   : 2px 10px 2px 10px;
	font-weight: normal;
}

a:hover.button {
	text-decoration: none;
}

.question {
	display	  : block;
/*	width	  : 370px;
	margin	  : 0 auto;
*/	border	  : 0px dashed #e2e2e2;
	background: #ffffff;
	margin	  : 0px 6px 6px 6px;
}

.wbl {background: url('../images/site/ab_bl.gif') 0 100% no-repeat;}
.wbr {background: url('../images/site/ab_br.gif') 100% 100% no-repeat;}
.wtl {background: url('../images/site/ab_tl.gif') 0 0 no-repeat;}
.wtr {background: url('../images/site/ab_tr.gif') 100% 0 no-repeat; padding:10px;}

.subquestion {
	display	  : block;
	width	  : 370px;
	margin	  : 0 auto;
	border	  : 0px dashed #e2e2e2;
	background: #ffffff;
	padding	  : 4px 4px 4px 20px;
}

li.sortable {
	border			   : 0px dashed #e2e2e2;
	padding			   : 4px;
	width			   : 200px;
	cursor			   : move;
	list-style-image   : url('../images/site/bullet.gif');
	list-style-position: inside;
	color			   : #53524d;
	margin			   : 1px;
}

ul {
	margin:0px;
	padding:0px;
}

p.marker {
	padding	 : 0px;
	margin	 : 0px;
	font-size: 1px;
}

.comment {
	padding: 0px 0px 2px 0px;
	margin : 0px;
	color  : #222;
}

#map_container {
    width: 660px;
}

#map {
    float: left;
    width : 475px;
    height: 600px;
    border: 1px solid #009ddc;
}

#panel {
    float: left;
    width: 160px;
    height: 590px;
    border: 1px solid #009ddc;
    background-color: #efefef;
    top: 5px;
    margin-left: 5px;
    padding: 5px;
    font-size: 10px;
}

div#panel h1 {
    margin: 0px;
    margin-bottom: 4px;
    padding: 0px;
    font-size: 14px;
}

div#panel table {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

div#panel table td {
    border-width: 0px;
    padding: 1px 3px;
}

div#panel div.flag_image {
    float: left;
    margin: 2px;
}

div#panel div.flag_text {
    float: left;
    margin: 2px;
    margin-top: 3px;
    width: 134px;
}

#panel_p1 {
    display: none;
    margin-top: 6px;
}

#panel_p1 textarea {
    width: 156px;
    height: 260px;
}

#panel_p2 {
    display: none;
    margin-top: 6px;
}

#panel_layers {
    margin-bottom: 6px;
}

#panel_comment {
    margin: 4px;
    margin-bottom: 8px;
    font-weight: bold;
    font-style: italic;
}

#panel_trash {
    margin-top: 6px;
}

#panel_trash input {
    border: 0;
    margin: 4px;
}

#buttons {
    text-align: right;
}

#buttons input {
    margin: 4px;
    margin-left: 0px;
}

.keyheading {
    font-weight: bold;
}

.keyitem, .keyheading {
    font-size: 10px;
}