/*  

Theme Name: CampNageela

Author: JMBA Group

Author URI: http://www.jmbagroup.com/

Description: Custom Theme

Version: 1.0

Tags: custom, jmbagroup, design

*/



* {

margin: 0;

padding: 0;

outline: none;

}











a:link, a:visited, a:active {

color: #630001;

}















a:hover {

color: #134077;

}



html, body {

height: 100%;

}











body {

background-color: #f7921e;

font-family: Verdana, Arial, Helvetica, 







san-serif;

font-size: 12px;

color: #000;

line-height: 1.8;

}







.newcampers {

background: url(img/campers.jpg);

width: 543px;

height: 22px;

left: 40px;

cursor: hand;

top: 264px;

position: absolute;

}



.newcampers a{

display:block;

  width:100%;

  height:100%;

  text-decoration:none;

}











.bed {

background-color: #ffff33;

margin: 0 auto 0 auto;

}









#wrapper {

position: relative;

width: 960px;

margin-left: auto;

margin-right: auto;

border-left: 1px solid #333333;

border-right: 1px solid #333333;

}





.floatleft {

float: left;

background: url(img/left.png);

margin-top: 37px;

width: 43px;

height: 182px;

margin-left: 1px;

position: absolute; /* FIXED */

}



.floatright {

float: right;

background: url(img/leaves-top.png);

background-repeat: no-repeat;

margin-top: 37px;

width: 488px;

height: 334px;

right: -10px;

position: absolute;

}







.photo {



background: url(img/photo.png) no-repeat;

width: 275px;

height: 263px;

margin-right: 62px;

margin-top: 130px;

position: absolute; /* FIXED */

    right: 0;

}







.board {

float: right;

background: url(img/board.png) no-repeat;

margin-top: 75px;

margin-bottom: -240px;

width: 272px;

height: 600px;

}

.board2 {

float: right;

background: url(img/board.png) no-repeat;

top: 80px;


margin-bottom: -240px;
width: 272px;
height: 360px;
  position:relative;
 z-index:1;


}



.board div.video {

float: right;

width: 62px;

height: 95px;

margin-top: 237px;

margin-right: 175px;

}



.board div.countdown {

float: right;

width: 62px;

height: 45px;

margin-top: -255px;

margin-right: 75px;

color:black;

font: normal 12px tahoma;

text-align: center;

}

.board div.radio {

float: right;

width: 62px;

height: 75px;

margin-top: -65px;

margin-right: 75px;

}



.board a {

display: block;

width: 100%;

height: 100%;

text-decoration: none;

cursor: pointer;

}



.newslink {

margin-top:-100px;

width: 220px;

height: 200px;

margin-bottom: 0px;

margin-left: 175px;

padding-bottom: 0px;

}



.newslink a {

display: block;

width: 100%;

height: 100%;

text-decoration: none;

cursor: pointer;

}



.board div.free {

float: right;

width: 110px;

height: 50px;

margin-top: -250px;

margin-right: 155px;

}







.board div.pic {

float: right;

width: 120px;

height: 80px;

margin-top: -180px;

margin-right: 125px;

}

.board div.sign {

float: right;

width: 100px;

height: 40px;

margin-top: -140px;

margin-right: 0px;

}







#header {

height: 297px;

background: #e4e2d6 url(img/hdbg.jpg);

margin-top: 0;

padding: 0;

}





/*FIXME*/

a.logo {

width: 570px;

height: 76px;

margin-top: 70px;

margin-left: 0px;

background: url(img/logo.png);

position: absolute;

float: left;

left: 42px; /* FIXED */

}







a.logo span {

display: none;

}











#content {

width: 520px;

float: left;

margin-left: 24px;

padding-top: 5px;

clear: both;

padding-left: 10px;



/*margin-top: -52px; FIXED*/



    display: inline;

}















.post {

width: 520px;

margin-bottom: 50px;

margin-top: 0px;
position:relative;

}







.post h2 a {

color: #24446b;

font-weight: normal;

text-decoration: none;

font-size: 24px;

}







.post span.post-info {

color: #CCCCCC;

font-size: 10px;

padding-bottom: 10px;

width: 560px;

float: left;

}







.post p {

line-height: 22px;

margin-bottom: 10px;

}







.post div.cats {

border-top: 1px solid #ececec;

padding-top: 10px;

}















#sidebar {

width: 379px;

float: right;

margin-right: 0px;

}











#footer {

clear: both;

width: 960px;

height: 275px;

background: #e4e2d6 url(img/footer.jpg);

margin-bottom: 0px;

padding: 0px;

margin-left: 0px;



}



#footer .copyright{

background-color: #9d6125;

font-family: Verdana, Arial, Helvetica, 

san-serif;

font-size: 12px;

color: #fff;

line-height: 1.8;

text-align: center;

top: -150px;}


#footer2 {

clear: both;

width: 960px;

height: 275px;

background: #e4e2d6 url(img/footer.jpg);

position:relative;


padding: 0px;

margin-left: 0px;



}



#footer2 .copyright{

background-color: #9d6125;

font-family: Verdana, Arial, Helvetica, 

san-serif;

font-size: 12px;

color: #fff;

line-height: 1.8;

text-align: center;

top: -150px;}



















/*







    .comments template styles







*/















.comments {

float: left;

padding: 0;

}















.comments input[type=text], textarea {

width: 250px;

}















textarea {

width: 250px;

background-color: #e1e1e1;

border: 1px solid #666666;

}















.comments fieldset {

padding: 20px;

border: 1px solid #CCC;

margin: 10px 0 20px 0;

}















.comments p {

padding: 0 0 10px 0;

}















.comments h2 {

padding: 0 0 15px 0;

}













.aligncenter,







div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}















.alignleft {

float: left;

}















.alignright {

float: right;

}











img.avatar {

float: right;

}



















.inner {

width: 382px;

height: 300px;

text-align: center;

margin-bottom: 0px;

padding-bottom: 0px;

}







#dropmenu, #dropmenu ul {

top: -30px;

list-style-type: none;

list-style-position: outside;

position: relative;

line-height: 1.5em;

z-index: 200;

width: 100%;

font-family: arial;

font-weight: bold;

font-size: 12px;

}





#dropmenu {

position: absolute;

z-index: 2;

top: 216px;

}



#dropmenu a {

display: block;

padding: 0.25em 1em;

color: #f7921e;

text-decoration: none;

}



#dropmenu a:hover {

background: #711a19;

color: #fff;

}



#dropmenu li {

float: left;

position: relative;

}



#dropmenu ul {

position: absolute;

display: none;

width: 16em;

top: 1.9em;

left: -1px;

}



#dropmenu ul a {

border-left: 1px solid #c8c8c8;

background: #10253a;

}



#dropmenu li ul {

border-top: 1px solid #c8c8c8;

width: 14.1em;

}



#dropmenu li ul a {

width: 12em;

height: auto;

float: left;

border-bottom: 1px solid #c8c8c8;

}



#dropmenu ul ul {

top: auto;

}



#dropmenu li ul ul {

left: 12em;

margin: 0px 0 0 10px;

}



#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {

display: none;

}



#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {

display: block;

}







#contact-area {

width: 300px;

margin-left: 320px;

float: right;

position: absolute;

bottom: 40px;

}







#contact-area input, #contact-area textarea {

background-color: #61502c;

padding: 1px;

width: 125px;

font-family: Helvetica, sans-serif;

font-size: 1.2em;

margin: 5px 0px 5px 0px;

border: 2px solid #61502c;

color: #372d24;

}







#contact-area textarea {

height: 90px;

}







#contact-area textarea:focus, #contact-area input:focus {

border: 2px solid #630001;

}







#contact-area input.submit-button {

width: 61px;

height: 13px;

float: right;

background: url(img/submit.png) 0 0 no-repeat;

border: 0px;

cursor: pointer;

text-indent: -9999px;

}







label {

float: left;

text-align: right;

/*margin-right: 15px;

width: 100px;*/

padding-top: 5px;

/*font-size: 1.2em;*/

color: #000;

}







#contact-area .formin {

background: url(img/form.png);

width: 137px;

height: 37px;

position: absolute;

top: -53px;

left: 50px;

}



.contactin {

background: url(img/contact.png);

width: 270px;

height: 39px;

position: absolute;

top: -54px;

margin-left: -258px;

}







.contactin p {

float: left;

margin: 18%;

border: 0px ;

width: 80%;

display: inline;

font-family: Helvetica, sans-serif;

font-size: 1.2em;

line-height: 2.2;

color: #ffffff;

}



.contactin a:link {

color: #f6d60b;

}







/* rotator in-page placement */



    div#rotator {

height: 245px;

position: absolute; /* FIXED */

    left: 637px; /* FIXED */

    top: 140px; /* FIXED */

}



/* rotator image style */   



    div#rotator ul li img {

border: 1px solid #ccc;

padding: 4px;

background: #FFF;

}



/* rotator css */



    div#rotator ul li {

float: right;

position: absolute;

list-style: none;

}







    div#rotator ul li.show {

z-index: 500

}



#footer .mostrecent {width: 155px; height: 100px; margin-left: 437px; padding-top: 55px; list-style-image: url(img/right50.gif);}

#footer .mostrecent a:link{font-size: 10px; text-decoration: none; line-height: 1.3em;}

#footer .mostrecent a:visited{font-size: 10px; text-decoration: none; line-height: 1.3em;}

#footer2 .mostrecent {width: 155px; height: 100px; margin-left: 437px; padding-top: 55px; list-style-image: url(img/right50.gif);}

#footer2 .mostrecent a:link{font-size: 10px; text-decoration: none; line-height: 1.3em;}

#footer2 .mostrecent a:visited{font-size: 10px; text-decoration: none; line-height: 1.3em;}

.contactinfo {margin: 0px 0px 10px 0px;}

.contactforminfo textarea,input, submit{background-color: #e1e1e1; border: 1px solid #666666;}

#form_container

{

	

	margin:0 auto;

	text-align:left;

	width:740px;

}

form.appnitro

{

	margin:20px 20px 0;

	padding:0 0 20px;

}

.appnitro

{

	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;

	font-size:small;

}



.appnitro li

{

	width:61%;

}



form ul

{

	font-size:100%;

	list-style-type:none;

	margin:0;

	padding:0;

	width:100%;

}



form li

{

	display:block;

	margin:0;

	padding:4px 5px 2px 9px;

	position:relative;

}

form li:after

{

	clear:both;

	content:".";

	display:block;

	height:0;

	visibility:hidden;

}



.buttons:after

{

	clear:both;

	content:".";

	display:block;

	height:0;

	visibility:hidden;

}



.buttons

{

	clear:both;

	display:block;

	margin-top:10px;

}



* html form li

{

	height:1%;

}



* html .buttons

{

	height:1%;

}



* html form li div

{

	display:inline-block;

}



form li div

{

	color:#444;

	margin:0 4px 0 0;

	padding:0 0 8px;

}



form li span

{

	color:#444;

	float:left;

	margin:0 4px 0 0;

	padding:0 0 8px;

}



form li div.left

{

	display:inline;

	float:left;

	width:48%;

}



form li div.right

{

	display:inline;

	float:right;

	width:48%;

}



form li div.left .medium

{

	width:100%;

}



form li div.right .medium

{

	width:100%;

}



.clear

{

	clear:both;

}



form li div label

{

	clear:both;

	color:#444;

	display:block;

	font-size:9px;

	line-height:9px;

	margin:0;

	padding-top:3px;

}



form li span label

{

	clear:both;

	color:#444;

	display:block;

	font-size:9px;

	line-height:9px;

	margin:0;

	padding-top:3px;

}



form li .datepicker

{

	cursor:pointer !important;

	float:left;

	height:16px;

	margin:.1em 5px 0 0;

	padding:0;

	width:16px;

}



.form_description

{

	border-bottom:1px dotted #ccc;

	clear:both;

	display:inline-block;

	margin:0 0 1em;

}



.form_description[class]

{

	display:block;

}



.form_description h2

{

	clear:left;

	font-size:160%;

	font-weight:400;

	margin:0 0 3px;

}



.form_description p

{

	font-size:95%;

	line-height:130%;

	margin:0 0 12px;

}



form hr

{

	display:none;

}



form li.section_break

{

	border-top:1px dotted #ccc;

	margin-top:9px;

	padding-bottom:0;

	padding-left:9px;

	padding-top:13px;

	width:97% !important;

}



form ul li.first

{

	border-top:none !important;

	margin-top:0 !important;

	padding-top:0 !important;

}



form .section_break h3

{

	font-size:110%;

	font-weight:400;

	line-height:130%;

	margin:0 0 2px;

}



form .section_break p

{

	font-size:85%;



	margin:0 0 10px;

}





#leftcolumn { width: 160px; float: left;}

#rightcolumn { width: 300px; float: left;}

/**** Buttons ****/

input.button_text

{

	overflow:visible;

	padding:0 7px;

	width:auto;

}



.buttons input

{

	font-size:120%;

	margin-right:5px;

}



/**** Inputs and Labels ****/

label.description

{

	border:none;

	color:#222;

	display:block;

	font-size:95%;

	font-weight:700;

	line-height:150%;

	padding:0 0 1px;

}



span.symbol

{

	font-size:115%;

	line-height:130%;

}



input.text

{

	background:#fff url(img/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

	color:#333;

	font-size:100%;

	margin:0;

	padding:2px 0;

}



input.file

{

	color:#333;

	font-size:100%;

	margin:0;

	padding:2px 0;

}



textarea.textarea

{

	background:#fff url(img/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

	color:#333;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

	font-size:100%;

	margin:0;

	width:99%;

}



select.select

{

	color:#333;

	font-size:100%;

	margin:1px 0;

	padding:1px 0 0;

	background:#fff url(img/shadow.gif) repeat-x top;

	border-bottom:1px solid #ddd;

	border-left:1px solid #c3c3c3;

	border-right:1px solid #c3c3c3;

	border-top:1px solid #7c7c7c;

}





input.currency

{

	text-align:right;

}



input.checkbox

{

	display:block;

	height:13px;

	line-height:1.4em;

	margin:6px 0 0 3px;

	width:13px;

}



input.radio

{

	display:block;

	height:13px;

	line-height:1.4em;

	margin:6px 0 0 3px;

	width:13px;

}



label.choice

{

	color:#444;

	display:block;

	font-size:100%;

	line-height:1.4em;

	margin:-1.55em 0 0 25px;

	padding:4px 0 5px;

	width:90%;

}



select.select[class]

{

	margin:0;

	padding:1px 0;

}



*:first-child+html select.select[class]

{

	margin:1px 0;

}



.safari select.select

{

	font-size:120% !important;

	margin-bottom:1px;

}



input.small

{

	width:25%;

}



select.small

{

	width:25%;

}



input.medium

{

	width:50%;

}



select.medium

{

	width:50%;

}



input.large

{

	width:99%;

}



select.large

{

	width:100%;

}



textarea.small

{

	height:5.5em;

}



textarea.medium

{

	height:10em;

}



textarea.large

{

	height:20em;

}



/**** Errors ****/

#error_message

{

	background:#fff;

	border:1px dotted red;

	margin-bottom:1em;

	padding-left:0;

	padding-right:0;

	padding-top:4px;

	text-align:center;

	width:99%;

}



#error_message_title

{

	color:#DF0000;

	font-size:125%;

	margin:7px 0 5px;

	padding:0;

}



#error_message_desc

{

	color:#000;

	font-size:100%;

	margin:0 0 .8em;

}



#error_message_desc strong

{

	background-color:#FFDFDF;

	color:red;

	padding:2px 3px;

}



form li.error

{

	background-color:#FFDFDF !important;

	border-bottom:1px solid #EACBCC;

	border-right:1px solid #EACBCC;

	margin:3px 0;

}



form li.error label

{

	color:#DF0000 !important;

}



form p.error

{

	clear:both;

	color:red;

	font-size:10px;

	font-weight:700;

	margin:0 0 5px;

}



form .required

{

	color:red;

	float:none;

	font-weight:700;

}



/**** Guidelines and Error Highlight ****/

form li.highlighted

{

	background-color:#fff7c0;

}



form .guidelines

{

	background:#f5f5f5;

	border:1px solid #e6e6e6;

	color:#444;

	font-size:80%;

	left:100%;

	line-height:130%;

	margin:0 0 0 8px;

	padding:8px 10px 9px;

	position:absolute;

	top:0;

	visibility:hidden;

	width:42%;

	z-index:1000;

}



form .guidelines small

{

	font-size:105%;

}



form li.highlighted .guidelines

{

	visibility:visible;

}



form li:hover .guidelines

{

	visibility:visible;

}



.no_guidelines .guidelines

{

	display:none !important;

}



.no_guidelines form li

{

	width:97%;

}



.no_guidelines li.section

{

	padding-left:9px;

}



/*** Success Message ****/

.form_success 

{

	clear: both;

	margin: 0;

	padding: 90px 0pt 100px;

	text-align: center

}



.form_success h2 {

    clear:left;

    font-size:160%;

    font-weight:normal;

    margin:0pt 0pt 3px;

}



/*** Password ****/

ul.password{

    margin-top:60px;

    margin-bottom: 60px;

    text-align: center;

}

.password h2{

    color:#DF0000;

    font-weight:bold;

    margin:0pt auto 10px;

}



.password input.text {

   font-size:170% !important;

   width:380px;

   text-align: center;

}

.password label{

   display:block;

   font-size:120% !important;

   padding-top:10px;

   font-weight:bold;

}



#li_captcha{

   padding-left: 5px;

}





#li_captcha span{

	float:none;

}



/** Embedded Form **/



.embed #form_container{

	border: none;

}



.embed #top, .embed #bottom, .embed h1{

	display: none;

}



.embed #form_container{

	width: 100%;

}



.embed #footer{

	text-align: left;

	padding-left: 10px;

	width: 99%;

}



.embed #footer.success{

	text-align: center;

}



.embed form.appnitro

{

	margin:0px 0px 0;

	

}







/*** Calendar **********************/

div.calendar { position: relative; }



.calendar table {

cursor:pointer;

border:1px solid #ccc;

font-size: 11px;

color: #000;

background: #fff;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

}



.calendar .button { 

text-align: center;    

padding: 2px;          

}



.calendar .nav {

background:#f5f5f5;

}



.calendar thead .title { 

font-weight: bold;      

text-align: center;

background: #dedede;

color: #000;

padding: 2px 0 3px 0;

}



.calendar thead .headrow { 

background: #f5f5f5;

color: #444;

font-weight:bold;

}



.calendar thead .daynames { 

background: #fff;

color:#333;

font-weight:bold;

}



.calendar thead .name { 

border-bottom: 1px dotted #ccc;

padding: 2px;

text-align: center;

color: #000;

}



.calendar thead .weekend { 

color: #666;

}



.calendar thead .hilite { 

background-color: #444;

color: #fff;

padding: 1px;

}



.calendar thead .active { 

background-color: #d12f19;

color:#fff;

padding: 2px 0px 0px 2px;

}





.calendar tbody .day { 

width:1.8em;

color: #222;

text-align: right;

padding: 2px 2px 2px 2px;

}

.calendar tbody .day.othermonth {

font-size: 80%;

color: #bbb;

}

.calendar tbody .day.othermonth.oweekend {

color: #fbb;

}



.calendar table .wn {

padding: 2px 2px 2px 2px;

border-right: 1px solid #000;

background: #666;

}



.calendar tbody .rowhilite td {

background: #FFF1AF;

}



.calendar tbody .rowhilite td.wn {

background: #FFF1AF;

}



.calendar tbody td.hilite { 

padding: 1px 1px 1px 1px;

background:#444 !important;

color:#fff !important;

}



.calendar tbody td.active { 

color:#fff;

background: #529214 !important;

padding: 2px 2px 0px 2px;

}



.calendar tbody td.selected { 

font-weight: bold;

border: 1px solid #888;

padding: 1px 1px 1px 1px;

background: #f5f5f5 !important;

color: #222 !important;

}



.calendar tbody td.weekend { 

color: #666;

}



.calendar tbody td.today { 

font-weight: bold;

color: #529214;

background:#D9EFC2;

}



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell { 

visibility: hidden;

}



.calendar tbody .emptyrow { 

display: none;

}



.calendar tfoot .footrow { 

text-align: center;

background: #556;

color: #fff;

}



.calendar tfoot .ttip { 

background: #222;

color: #fff;

font-size:10px;

border-top: 1px solid #dedede;

padding: 3px;

}



.calendar tfoot .hilite { 

background: #aaf;

border: 1px solid #04f;

color: #000;

padding: 1px;

}



.calendar tfoot .active { 

background: #77c;

padding: 2px 0px 0px 2px;

}



.calendar .combo {

position: absolute;

display: none;

top: 0px;

left: 0px;

width: 4em;

border: 1px solid #ccc;

background: #f5f5f5;

color: #222;

font-size: 90%;

z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

text-align: center;

padding: 1px;

}



.calendar .combo .label-IEfix {

width: 4em;

}



.calendar .combo .hilite {

background: #444;

color:#fff;

}



.calendar .combo .active {

border-top: 1px solid #999;

border-bottom: 1px solid #999;

background: #dedede;

font-weight: bold;

}



.buttons {
display: block;
width: 585px;
height: 388px;
background:url(img/map.jpg);
border: 1px solid #000000;
}
.buttons a {color:#ffff33; font-size: 16px; text-decoration: none;}

.buttons a span {
	display: none;
	z-index: 10;
	
}

.buttons a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute; 
	width: 350px;
	height: 250px;
	border: 0px;

}

.bvolleyball {
	position:absolute;
	margin-left: 125px;
	margin-top: 163px;
}

.bfront {
	position:absolute;
	margin-left: 140px;
	margin-top: 200px;
}
.bshul {
	position:absolute;
	margin-left: 325px;
	margin-top: 245px;
}
.blobby {
	position:absolute;
	margin-left: 385px;
	margin-top: 213px;
}
.broom {
	position:absolute;
	margin-left: 180px;
	margin-top: 210px;
}
.bpool {
	position:absolute;
	margin-left: 280px;
	margin-top: 260px;
}
.btennis {
	position:absolute;
	margin-left: 560px;
	margin-top: 185px;
}
.bbasket {
	position:absolute;
	margin-left: 50px;
	margin-top: 184px;
}
.bpatio {
	position:absolute;
	margin-left: 365px;
	margin-top: 205px;
}
.bentrance {
position:absolute;
	margin-left:450px;
	margin-top: 364px;
}
.bsocial {
position:absolute;
	margin-left:465px;
	margin-top: 215px;
}
#mainForm 
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
	background-color: #ffffff;
}

ul.mainForm
{
	list-style-type: none;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:15px;	
}

li.mainForm
{
	padding-bottom: 10px;
}


#mainFormError
{
	position: relative;
	border: 1px;
	border-style: solid;
	margin: 0 auto;
	text-align: left;
	width: 70%;
}



input.mainFormError
{
	background-color: #FADADD;
}


textarea.mainFormError
{
	background-color: #FADADD;
}


select.mainFormError
{
	background-color: #FADADD;
}


#formHeader
{
	position: relative;
	width: 100%;
	background-color: #666699;
	margin:0 0 0 0;
	padding-bottom: 10px;
}

p.formHeader
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size:25px;
	position:relative;
	left:-5px;
	top:4px;
	letter-spacing: 2px;
}



#formInfo
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;
}

h2.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:20px;
	position:relative;
	left:20px;
	top:0px;
	letter-spacing: 1px;
	line-height:150%;
	color: #ffffff;
}


p.formInfo
{
	text-align: left;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #000000;
	font-size:12px;
	position:relative;
	left:20px;
	top:0px;
	color: #ffffff;
}

#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}


/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:0.7em; 
	padding-left:10px; 
	padding-top:10px;
}
.board2 div.video {

float: right;

width: 62px;

height: 95px;

margin-top: 237px;

margin-right: 175px;

}



.board2 div.countdown {

float: right;

width: 62px;

height: 45px;

margin-top: -255px;

margin-right: 75px;

color:black;

font: normal 12px tahoma;

text-align: center;

}

.board2 div.radio {

float: right;

width: 62px;

height: 75px;

margin-top: -65px;

margin-right: 75px;

}



.board2 a {

display: block;

width: 100%;

height: 100%;

text-decoration: none;

cursor: pointer;

}




.board2 div.free {

float: right;

width: 110px;

height: 50px;

margin-top: -250px;

margin-right: 155px;

}







.board2 div.pic {

float: right;

width: 120px;

height: 80px;

margin-top: -180px;

margin-right: 125px;

}











.board2 div.sign {

float: right;

width: 100px;

height: 40px;

margin-top: -140px;

margin-right: 0px;

}


