/*
Title:      		LHM Media website
Authors:     		David Martin ©2010 http://www.lhmmedia.com/
*/

/* =Reset */
* { margin: 0; padding: 0; }
img { border: none; margin: 0; padding: 0; }
input[type*="button"], input[type*="submit"] { cursor: pointer;}

html, body { margin: 0; padding: 0;  }
body { font: 13px/1.5 Arial, Verdana, Helvetica, sans-serif  ; background: url(/_assets/images/bg-01.jpg) #d9e8f7 repeat-x; }


a 		{ color:#87bc29; }
a:hover { color:#87bc29; }

#footer a 		{ color:#575757; }
#footer a:hover { color:#87bc29; }

/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#body { width: 930px; margin: 0 auto; position:relative}

.left { float:left }
.right { float:right }

#header  { clear: both; background: url(/_assets/img/bg-header.gif) no-repeat; height: 168px; }

#container-1 { background: #FFFFFF ; background-repeat:repeat-y; margin-bottom: 10px}
#container-2 { background: url(/_assets/images/bg-content-bottom.jpg) no-repeat; background-position: bottom; }
#container-3 { background: url(/_assets/images/bg-content-top.jpg) no-repeat; padding: 60px 23px 25px 25px; }

table { border-collapse: separate; border-spacing: 0; }

/*h1*/
h1 		{ width: 496px; float:left; margin-top:28px; }
h1 a 	{ display: block; background: url(/_assets/images/bg-h1-logo.jpg) no-repeat; height: 84px;}

/*h2*/
h2 		{ font-size: 30px; font-weight: normal; line-height: 23px; margin-bottom: 10px; color:#7ba300}
h2.brown { color:#271900; }

/*h3*/
h3 		{ font-size: 18px; font-weight: normal; color: #6e9c01; line-height:1.2 }

/*h4*/
h4 		{ font-size: 18px; font-weight: normal; }
h4.grey { }

/*p*/
p { margin-bottom: 20px; color: #333333; line-height: 18px; }

p.bt-start-the-workshop 		{ overflow: hidden; position:absolute; bottom:0; right:0; margin-right:12px }
p.bt-start-the-workshop a 		{ background:transparent url(/_assets/images/bt-start-the-workshop.png) no-repeat scroll; display: block; height: 85px; width: 387px}
p.bt-start-the-workshop a:hover { background-position: 0 -85px } 
p.bt-start-the-workshop span	{ display:none }

p.bt-lets-get-started 		{ overflow: hidden; height:1%}
p.bt-lets-get-started a 		{ background:transparent url(/_assets/images/bt-lets-get-started.gif) no-repeat scroll; display: block; height: 85px; width: 387px}
p.bt-lets-get-started a:hover { background-position: 0 -85px } 
p.bt-lets-get-started span	{ display:none }

p.bt-next 		{ overflow: hidden; height:1%}
p.bt-next a 		{ background:transparent url(/_assets/images/bt-next.gif) no-repeat scroll; display: block; height: 33px; width: 88px}
p.bt-next a:hover { background-position: 0 -33px } 
p.bt-next span	{ display:none }

p.bt-finish 		{ overflow: hidden; height:1%; margin-right:10px}
p.bt-finish a 		{ background:transparent url(/_assets/images/bt-finish.gif) no-repeat scroll; display: block; height: 33px; width: 88px}
p.bt-finish a:hover { background-position: 0 -33px } 
p.bt-finish span	{ display:none }

p.bt-print 		{ overflow: hidden; height:1%; margin-right:10px}
p.bt-print a 		{ background:transparent url(/_assets/images/bt-print.gif) no-repeat scroll; display: block; height: 33px; width: 88px}
p.bt-print a:hover { background-position: 0 -33px } 
p.bt-print span	{ display:none }

p.bt-back 		{ overflow: hidden; height:1%; margin-right:10px }
p.bt-back a 		{ background:transparent url(/_assets/images/bt-back.gif) no-repeat scroll; display: block; height: 33px; width: 68px}
p.bt-back a:hover { background-position: 0 -33px } 
p.bt-back span	{ display:none }

/*blockquote*/
blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;}

/*ecw logo 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ecw-logo { position:absolute; right:0; }

/*branding 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#branding span { display: none;}
#branding 	{ overflow: hidden; background:transparent url(/_assets/images/bg-main-nav.jpg) bottom repeat-x scroll; height:143px; position:relative }

/*content 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content 	 { clear: both; position:relative; }

#eco-character { position:absolute; top:-83px; z-index:1 }

/*content-1 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-1 { padding-left:350px; overflow:hidden; height:1%; width:520px}
#content-1 p { font-size:15px; margin:0; padding-right: 20px;}
#content-1 h3 { margin-bottom:18px; padding-right: 20px; }

/*content-2 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-2 { background:transparent url(/_assets/images/bg-content-2.jpg) no-repeat; padding: 116px 40px 0 40px ; overflow:hidden; height:400px; position:relative}

#content-2pri { float:left; width:368px; background:transparent url(/_assets/images/bg-content-2pri.jpg) no-repeat right; padding-right:35px}

#content-2pri p { font-size:15px }

#content-2pri ul li { list-style:none; margin-bottom:10px; padding: 6px 0 8px 40px}
#content-2pri ul li.item1 { background:transparent url(/_assets/images/bg-content-2-ul-li-1.jpg) no-repeat; }
#content-2pri ul li.item2 { background:transparent url(/_assets/images/bg-content-2-ul-li-2.jpg) no-repeat; }
#content-2pri ul li.item3 { background:transparent url(/_assets/images/bg-content-2-ul-li-3.jpg) no-repeat; }

#content-2sec { float:right; width:368px}

#content-2sec p { font-size:15px }

#content-2sec ul li { list-style:none; margin-bottom:10px; padding-left: 20px; background:transparent url(/_assets/images/bg-content-2sec-ul-li.jpg) no-repeat 0 3px; }

/*content-3 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-3 { overflow:hidden; height:1%}

#content-3pri { width:670px; float:left; margin-bottom: 20px}

#content-3sec { width:200px; float:right}

#content-3ter { clear:both; overflow:hidden; height:1%}

#content-3qua { width:455px; float:left; margin-bottom: 20px}
#content-3qua ul { margin-bottom:20px }
#content-3qua ul li { margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding-bottom:10px }

#content-3qui { width:386px; float:right}

#card { width:399px }

#card-main { width:329px; background:transparent url(/_assets/images/bg-card-main.jpg) no-repeat; padding: 30px 35px 0 35px; height:534px }
#card-main h2 { font-size:25px; color:#2f2500; margin:0 }
#card-main h4 { font-size:16px }

#card-answer { width:329px; background:transparent url(/_assets/images/bg-card-answer.jpg) no-repeat; padding: 30px 35px }
#card-answer h2 { font-size:25px; color:#2f2500; margin:0 }

#card-slider { margin-top:10px}
#card-slider fieldset { border:0; height: 90px;}	
#card-slider label {font-weight: normal; float: left; margin-right: .5em; font-size: 1.1em;}
#card-slider select {margin-right: 1em; float: left;}
#card-slider .ui-slider {clear: both; top: 15px;}


#choices-building-type { background:transparent url(/_assets/images/bg-choices-building-type.jpg) no-repeat; padding:24px 0; overflow:hidden; height:1% }
#choices-building-type-select { background:transparent url(/_assets/images/bg-choices-building-type-select.jpg) no-repeat; height:41px; float:right; width:748px; padding: 18px 20px 0 0; text-align:right; color:#FFFFFF; font-weight:bold}
#choices-building-type-select select { padding: 5px; width: 295px; border: 0; float:right; }

#choices-main { background:transparent url(/_assets/images/bg-choices-main.jpg) bottom no-repeat; padding:20px 0 0 0; overflow:hidden; height:1%; position:relative}

#choices-dropbox { float:left; width:462px; height:478px; padding: 94px 0 0 37px;  }
#choices-dropbox p.select { float:right; margin:0; padding:6px 112px 0 0 }
.structural { background:transparent url(/_assets/images/bg-choices-structural.jpg) no-repeat; }
.heating { background:transparent url(/_assets/images/bg-choices-heating.jpg) no-repeat; }
.other { background:transparent url(/_assets/images/bg-choices-other.jpg) no-repeat; }

#choices-activities { float:right; background:transparent url(/_assets/images/bg-choices-activities.jpg) bottom no-repeat; width:378px; height:395px; margin-top:66px }
#choices-activities p.select { float:right; margin:0; padding-top:2px}

#choices-2-main { background:transparent url(/_assets/images/bg-choices-main.jpg) bottom no-repeat; padding:20px 0 20px 0; overflow:hidden; height:1% }
#choices-2-dropbox { float:left; width:524px; position:relative;}
#choices-2-activities { float:right; width:300px; }
#choices-2-1 { float:left; width:260px; margin: 0 0 20px 0}
#choices-2-2{ float:left; width:260px; margin: 0 0 20px 0}
#choices-2-3 { float:left; width:260px; margin: 0 0 20px 0}
#choices-2-4 { float:left; width:260px; margin: 0 0 20px 0}

#choices-score { background:transparent url(/_assets/images/bg-choices-score.png) no-repeat; height:114px; position:absolute; bottom:0; text-align:center; padding-top:21px; left:0; margin-left: 306px }
#choices-score p { margin:0; width:184px } 

#choices-submit { clear:both; padding-top:10px; overflow:hidden; height:1%; margin-top:10px }
#choices-submit p { float:left; } 
#choices-submit p.text { padding-top:8px } 
#choices-submit input.submit { float:left; background:transparent url(/_assets/images/bt-submit.gif) no-repeat; height:33px; width:88px; border:0; text-indent: -999px; font-size: 0; display:block; line-height: 0; margin-right:10px; cursor:pointer } 
#choices-submit input:hover { background-position: 0 -33px }

#choices-results { margin-bottom: 40px }
#choices-results ul li { background:transparent url(/_assets/images/bg-choices-main.jpg) bottom no-repeat; padding: 20px 0 20px 0} 
#choices-results ul li ul  { overflow:hidden; height:1%;  }
#choices-results ul li ul li { float:left; list-style:none; margin-right:30px; background:none; padding:0}

#submit { clear:both; border-top:1px solid #999999; padding-top:10px; overflow:hidden; height:1%; margin-top:10px }
#submit p { float:left; } 
#submit p.text { padding-top:8px } 
#submit input.submit { float:left; background:transparent url(/_assets/images/bt-submit.gif) no-repeat; height:33px; width:88px; border:0; text-indent: -999px; font-size: 0; display:block; line-height: 0; margin-right:10px; cursor:pointer } 
#submit input:hover { background-position: 0 -33px }


/*content-4
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-4 { float:left; }

/*content-5
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-5 { overflow:hidden; height:1%; padding-left:50px}

#content-5 p { margin-bottom:15px; font-size:12px }
#content-5 h4 { font-size:18px}



/*footer 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer 		{ margin-top: 25px; font-size: 13px; background: url(/_assets/images/bg-footer.jpg) no-repeat; padding-top:56px }
#footer span	{ display: none }

#footer-2 { }

#footer-2pri { }
#footer-2pri ul  { overflow:hidden; height:1% }
#footer-2pri ul li { list-style: none; float: left; margin-right: 20px }
#footer-2pri ul li.item2 { padding-top: 10px}
#footer-2pri ul li.item4 { padding-top: 2px}
#footer-2pri ul li.item5 { padding-top: 2px}
#footer-2pri ul li.item6 { padding-top: 10px; margin-right: 0 }

#footer-2sec { overflow:hidden; }

ul#links 	{ float: left }
ul#links li { list-style: none; float: left; margin-right: 5px; }

ul#social 		{ float: right }
ul#social li 	{ list-style: none; float: left; margin-right: 5px; }

#footer-2sec 			{ overflow: hidden}
#footer-2sec p 			{ font-size: 85%}
#footer-2sec p.left 	{ float:left; margin: 0 }
#footer-2sec p.right 	{ float:right; margin: 0}

/*ul
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#register { }
ul#register li  { list-style: none; margin-bottom: 12px; overflow:hidden; height:1% }
ul#register li input { padding: 5px; width: 480px; border: 1px solid #bbbbbb}
ul#register li input.submit { width: 88px; height: 33px; border: 0; background: url(/_assets/images/bt-submit.gif) no-repeat ; display:block; cursor: pointer; overflow:hidden; color: #5c689a; text-indent: -9999px; font-size: 0px; display:block; line-height: 0px; }
ul#register li input.submit:hover { background-position: 0 -33px; }
ul#register li select { padding: 5px; width: 492px; border: 1px solid #bbbbbb}
ul#register li textarea { padding: 5px; width: 330px; border: 1px solid #bbbbbb}
ul#register p { margin: 0 0 5px 0; overflow: hidden }
ul#register li ul li { float:left; margin-right:30px}
ul#register li ul li p { float:left; width:60px }
ul#register li ul li input.checkbox { width:15px; margin: 2px 0 0 0; border:0 }
ul#register li ul.tenure li p { width:75px}
ul#register li ul.tenure input { width:242px}
ul#register li ul.adults li p { width:15px}
ul#register li ul.ethnicity li p { width:175px}
ul#register li ul.achieve li { float:none }
ul#register li ul.achieve li p { width:250px}


ul#climate-bingo { overflow:hidden; height:1%}
ul#climate-bingo li { position:relative; list-style:none; margin-bottom:10px; background: url(/_assets/images/bg-ul-climate-bingo-li.jpg) no-repeat; width:405px; height:124px; padding:24px 0 0 20px; float:left;}
ul#climate-bingo li.end { float:right}
ul#climate-bingo li img { float:left; margin-right: 30px }
ul#climate-bingo li h2 { float:left; width:200px; font-size:21px; color:#2f2500 }
ul#climate-bingo #cb-checkbox { width: 45px; height:52px; background: url(/_assets/images/bg-cb-checkbox.jpg) no-repeat; position:absolute; bottom:0; right:0; margin-right:10px; padding: 18px 0 0 42px}

ul#climate-bingo-score { overflow:hidden; height:1%; margin-bottom:40px }
ul#climate-bingo-score li { float:left; list-style:none; margin:10px 10px 0 0 }
ul#climate-bingo-score li.item1 { padding-top: 50px; margin-right:10px }
ul#climate-bingo-score li.item2 { background: url(/_assets/images/bg-ul-cbs-li-item2.jpg) no-repeat; width:101px; height:104px; margin-right:40px }
ul#climate-bingo-score li h2 { font-size:55px; color:#3f3f3f; padding: 42px 0 0 0; text-align:center}
ul#climate-bingo-score li.item1 h4 { font-size:30px; }
ul#climate-bingo-score li.item3 h4 { font-size:23px; color:#999999; padding-top:48px }
ul#climate-bingo-score li.item3 h4 em { font-size:32px; color:#acc71b; }

ul#climate-bingo-results { overflow:hidden; height:1%; margin-bottom:20px }
ul#climate-bingo-results li { position:relative; list-style:none; margin-bottom:10px; background: url(/_assets/images/bg-ul-climate-bingo-green-li.jpg) no-repeat; width:385px; height:150px; padding:24px 20px 0 20px; float:left;}
ul#climate-bingo-results li.end { float:right}
ul#climate-bingo-results li img { float:left; margin-right: 30px }
ul#climate-bingo-results li h2 { font-size:21px; color:#2f2500 }
ul#climate-bingo-results #cb-checkbox { width: 45px; height:50px; background: url(/_assets/images/bg-cb-checkbox.jpg) no-repeat; position:absolute; bottom:0; right:0; margin-right:10px; padding: 20px 0 0 42px}

ul#conveff { overflow:hidden; height:1%; margin-bottom:40px }
ul#conveff li { float:left; list-style:none; margin:10px 10px 0 0 }
ul#conveff li.item1 { padding-top: 50px; margin-right:10px }
ul#conveff li.item2 { background: url(/_assets/images/bg-ul-cbs-li-item2.jpg) no-repeat; width:101px; height:104px; margin-right:40px }
ul#conveff li h2 { font-size:55px; color:#3f3f3f; padding: 42px 0 0 0; text-align:center}
ul#conveff li.item1 h4 { font-size:30px; }
ul#conveff li.item3 h4 { font-size:23px; color:#999999; }
ul#conveff li.item3 h4 em { font-size:32px; color:#acc71b; }

ul#conveff-results { overflow:hidden; height:1%; margin-top:20px }
ul#conveff-results li { float:left; list-style:none; margin:0 10px 0 0 }
ul#conveff-results li h4 { color:#666666 }

ul#card-info { margin:20px 0; }
ul#card-info li { background: url(/_assets/images/bg-ul-card-info-li.jpg) no-repeat bottom; list-style:none; padding:10px 0 14px 0; clear:both; overflow:hidden; }
ul#card-info li h4 { float:left; font-size:20px; color:#77a919; width:175px; line-height:1.0; }
ul#card-info li p { float:right; margin:0; font-size:20px; line-height:1.0; }

ul#choices-2-results { }
ul#choices-2-results li { margin-bottom:20px}
ul#choices-2-results li ul li { margin:0}

ul#ticks { margin-bottom:20px }
ul#ticks li { margin-bottom:10px; border-bottom:1px solid #CCCCCC; padding: 0 0 10px 32px; background: url(/_assets/images/bg-ul-ticks-li.gif) no-repeat;  }

ul#progress { clear:both; overflow:hidden; height:1% }
ul#progress li { float:left; display:block; background: url(/_assets/images/bg-ul-progress-li.gif) no-repeat; width:24px; height:21px; text-align:center; padding-top:2px; margin-right:2px; font-weight:bold; color:#464646}
ul#progress li.active { background: url(/_assets/images/bg-ul-progress-li-active.gif) no-repeat; color:#FFFFFF}
ul#progress li.text { background: none; width: 94px; text-align:left}

/*tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#downloadSearch th 	{text-align:left;}
#downloadSearch td 	{width:160px; margin-right:20px;}
#downloadSearch 	{margin-bottom:50px;}


/*drag
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.panel {float:left;width:200px;margin:20px;}

#choices-activities ul { list-style-type:none; padding:17px 20px 17px 20px; min-height:150px; height:326px; margin-top:29px; }
#choices-activities li { display:block; border:1px solid #999; background:#e9e9e9; padding:1px 0 1px 10px; margin-bottom:5px; }
#choices-activities li:hover { background-color:#d5d5d5}

#choices-activities .dds_selected { background-color:#d5d5d5; }
#choices-activities .dds_ghost { opacity:0.5; }
#choices-activities .dds_move { background:#cfc; }
#choices-activities .dds_hover { background:#bcbcbc; border:3px dashed #838383; }
#choices-activities .holder { border:3px dashed #333; background:#fff; }

#choices-dropbox ul { list-style-type:none; padding:17px 20px 17px 20px; width:340px; height:334px; }
#choices-dropbox li { display:block; border:1px solid #999; background:#e9e9e9; padding:1px 10px; margin-bottom:5px; }
#choices-dropbox li:hover { background-color:#d5d5d5}

#choices-dropbox .dds_selected { background-color:#d5d5d5; }
#choices-dropbox .dds_ghost { opacity:0.5; }
#choices-dropbox .dds_move { background:#cfc; }
#choices-dropbox .dds_hover { background:#bcbcbc; border:3px dashed #838383; width:334px; height:328px;  }
#choices-dropbox .holder { border:3px dashed #333; background:#fff; }

#choices-2-dropbox ul { background: url(/_assets/images/bg-choices-2-dropbox.jpg) no-repeat ; list-style-type:none; padding:17px 20px 17px 20px; min-height:150px; width:190px; height:386px; margin:10px 0 0 0; float:left; overflow:hidden}
#choices-2-dropbox ul li { display:block; border:1px solid #999; background:#e9e9e9; padding:1px 10px; margin-bottom:5px; }
#choices-2-dropbox ul li:hover { background-color:#d5d5d5}

#choices-2-activities ul { list-style-type:none; padding:17px 20px 17px 20px; border:1px solid #CCCCCC; margin:10px 0 0 0; }
#choices-2-activities li { display:block; border:1px solid #999; background:#e9e9e9; padding:1px 0 1px 10px; margin-bottom:5px; }
#choices-2-activities li:hover { background-color:#d5d5d5}

.error {color: red;}

#dhtmltooltip{
position: absolute;
color: #fff;
font-weight: bold;
width: 150px;
text-align:center;
border: 3px solid #e4f0f9;
padding: 8px;
font-size: 12px;
background: #acc71b;
visibility: hidden;
z-index: 100;
}