/* Awake Design Stylesheet */
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
font:86% Arial, Verdana, Helvetica, sans-serif;
color: #27343c;
background-image:none;
}
a {color:#575656;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;} 
a:active {outline: none;}
:-moz-any-link:focus {outline: none;}
p {
padding:0px;
margin:0;
}
ul {
margin:0px;
padding:0px;
}
li {
margin:0px;
padding:0px;
}
form {
padding:0;
margin:0;
}
/*-------------- Main Body Classes ---------------*/
div#bodyframe {
position:relative; 
margin:0 auto;
width:100%;

height:auto !important;
height:100%; 
min-height:100%;
}
div#content {
padding:1em 2em 5em 2em; 

background-repeat: repeat-y;
background-position: top left;
/*position:relative;*/ /* this is removed to get the correct preview in dreamweaver, any issues this can be uncommented in the end */
clear:both;
}
div#content p {
padding:0 0 0 0;
}
div#footer {
position:absolute;
width:100%; 
left:0; /* to get the correct preview in IE5 */
bottom:0; /* stick to bottom */
background-image:url(../images/footer_bg.gif);
background-position:bottom left;
background-repeat:no-repeat; height:68px;
}
div#footer p {
padding:1em; padding-top:25px;
margin:0; text-align:center; color:#0f319c; font-size:95%;
}
/*-------------------------------end of main body styles-----------------------------*/
#banner {
background-image:url(../images/banner_bg.gif);
background-position:top left;
background-repeat:repeat-x; height:120px;
}
#banner .picture {
position:absolute; right:10px; top:10px;
border:2px solid #CCCCCC; background-color: #FFFFFF; height:150px; width:140px;
}
#banner b {
float:left; display:block; width:201px;
}
#banner i {
float:right; display:block; width:34px; height:120px;
background-image:url(../images/banner_right_curve.gif);
background-position:top right;
background-repeat:no-repeat;
}
#banner ul {
display:block; width:730px; float:left; text-align:right; padding:10px 0 0 0; color:#FFFFFF;
}
#banner li {
height:15px; display:inline; padding-right:20px; 
}
#banner li a {
color:#FFFFFF; text-decoration:none;
}
#banner li a:hover {
color:#d6d7d5; text-decoration:none;
}
#banner .caption {
display:block; text-align:left; padding:38px 0 0 15px;
float:left;
}
#banner .date {
display:block; text-align:left; margin:20px 0 0 0; float:right; color:#333333; padding:10px;
border:1px solid #f9d3a4; background-color:#faeddd;
}
.textupper {
text-transform:uppercase; display:inline;
}
/*------------------------------- page headings -----------------------------*/
#content h5 {
margin:10px 0 10px 0;
border-bottom:1px solid #fdc6a3; height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#ff6300; clear:both;
display:block; padding:3px 0 3px 22px;
}
#content h5 span{
	width:auto;
	margin:0;
	padding:0 0 0 22px;
	font-weight:normal;
	color:#666666;
	position: absolute;
	right:20px;
	background-image:url(../images/icons.gif);
	background-repeat:no-repeat;
	background-position:0 -693px;
	top: 146px;
}
#content h5 em {
color:#545353; font-style:normal;
}
#content .idcard {
right:150px; background-image:url(../images/icons.gif); background-position:0 -1038px; background-repeat:no-repeat;
}
.payonline {
background-image:url(../images/headings.gif);
background-repeat:no-repeat;
background-position:3px 5px;
text-indent:-1500px;
}
.paybycheque {
background-image:url(../images/headings.gif);
background-repeat:no-repeat;
background-position:3px -18px;
text-indent:-1500px;
}
.paybycash {
background-image:url(../images/headings.gif);
background-repeat:no-repeat;
background-position:3px -39px;
text-indent:-1500px;
}
/*------------------------- stall listing ---------------------------*/
.stalldisplay {
position:relative; margin:5px; padding:0;
width:50%; float:left;
}
.stalldisplay b{
font-weight:bold; color:#8b8c8c; display:inline;
}
.stalldisplay span{
border:1px solid #fdc6a3; display:block;
background-color:#f7fcff; 
}
.stalldisplay ul {
display:block;  font-weight:bold; list-style:none; padding:10px 10px 0 10px; margin:5px;
}
.stalldisplay ul li {
font-weight:normal; line-height:18px; border-bottom:1px solid #c9dca6; padding:3px; height:auto; margin:0; position:relative;
}
.stalldisplay ol {
display:block;  font-weight:bold; list-style:none; padding:0 10px 10px 10px; margin:0 5px 0 5px;
}
.stalldisplay ol li {
font-weight:normal; line-height:18px; padding:3px; height:auto; margin:0; border:none; clear:left; 
}
.stalldisplay ol label{
font-weight:bold; color:#8b8c8c; display: block; float:left; width:155px;
}
.stalldisplay ol b{
font-weight:normal; color:#fc561d; display: block; float:left; background-color:#ffffff; padding:0 2px 0 2px;
}
.stalldisplay br {
clear:left;
}
/*--------------------------- ### styles migrated from misc.css ### --------------------------- */
.error {
position:relative;
}
.error span{
border:1px solid #f70909; background-color:#f6fbfe; padding:5px; display:block; color:#fe5450; margin:5px 0 10px 0; position:relative; height:20px; 
}
.error i {
border:1px solid #6ac3fe; background-color:#f6fbfe; padding:5px; display:block; color:#346801; margin:5px 0 10px 0; position:relative; height:20px; 
font-style:normal; font-weight:bold;
}
.error u {
border:1px solid #e8473e; background-color:#f6fbfe; padding:7px 5px 5px 5px; display:block;  margin:5px 0 10px 0; position:relative; height:20px; font-weight:bold; text-decoration:none;
font-style:normal; font-size:115%;
}
/*------------------------- member details pop up page style classes ##### ------*/
.memberdetails {
position:relative; margin:0; padding:0;
}
.memberdetails b{
font-weight:bold; color:#8b8c8c; display:inline;
}
.memberdetails h4{
font-weight:bold; font-size:110%; margin:3px 0 3px 0; padding:0; display:block; color:#2e8ecc;
}
.memberdetails ul {
display:block; width:46%; float:left; font-weight:bold; list-style:none; padding:10px;
}
.memberdetails li {
font-weight:normal; line-height:18px; border-bottom:1px solid #c9dca6; padding:3px; height:auto; margin:0;
}
.memberdetails ol {
display:block; width:300px; float:left; font-weight:bold; list-style:none; 
margin:60px 20px 20px 20px; padding:10px;
border:1px solid #fdc6a3;
background-color:#f7fcff;
}
.memberdetails ol li {
font-weight:normal; border:none;
}
.memberdetails .feedetails {
overflow:auto; margin:0; padding:0;
display:block; width:250px; font-weight:bold; list-style:none; 
margin:10px 20px 20px 20px; padding:10px;
border:1px solid #fdc6a3;
background-color:#f7fcff;
}

.memberdetails i{
font-weight:bold; color:#8b8c8c;
}
.memberdetails dl {
width:auto;font-weight:bold; list-style:none; padding:10px; margin:0;
}
.memberdetails dt {
font-weight:normal; line-height:22px; border-bottom:1px solid #c9dca6; padding:1px 3px 1px 3px ; width:31%;
display:block; float:left; margin:0 .3em 0 .3em;
}

.memberdetails .buttons {
text-align:center; padding:10px 0 0 0; clear:both;
}
.memberdetails .amountdiv{
margin:10px; padding:0;
}

.memberdetails .fees {
display:block;
border:1px solid #fdc6a3;
background-color:#f7fcff; padding:7px; margin:10px 0 10px 0;
}
.memberdetails .fees strong{
font-weight:bold; background-color:#FFFFCC; padding:0 4px 0 4px;
}
.memberdetails h6 {
font-weight:bold; color:#2e8ecc; display:block; font-size:100%; margin:0; width:98%; padding: 0 0 10px 0; /*border-bottom:1px solid #fda9a3;*/
}
.spacer {
padding-bottom:35px;
}
.buttons {
text-align:center; margin:0; padding:0; clear:both;
}
#dtable {
	border-color: #a3a2a2;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	color: #484846;
	font-size:11px;
	clear:both;
	margin:15px 0 15px 0;
	}
	
	#dtable thead{
	background-image:url(../images/table_head_bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding: 3px; height:18px;
	text-align: center;
	font-weight:bold;
	}
	#dtable tfoot{
	padding: 3px; height:18px;
	text-align: center;
	font-weight:bold;
	}
	#dtable tbody tr  {
	font-family: "lucida grande", verdana, sans-serif;
	border-color: #d5d5d5;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 4px;
	text-align: center;
	}
	
	#dtable tbody td {
	font-family: "lucida grande", verdana, sans-serif;
	border-color: #d5d5d5;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 4px;
	}
	
	#dtable tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #346DBE;
	border-bottom: 1px solid #7DAAEA;
	}
	#dtable a {
	text-decoration:underline;
	}
	#dtable a:hover {
	text-decoration:none;
	color:#ff6300;
	}
/* ---------------- ################### FORM SPACE FOR POPUP PAGES ################# -----------------------------*/
/*-------------------form for membership--------------------------*/
.membership_form {
width:90%; margin-bottom:20px;
}
/*-------------------#######--------------------------*/
.membership_form h6 {
display:block; margin:10px; padding:10px; color:#2e8ecc; font-weight:bold; text-decoration:none; font-size:110%;
}
.membership_form strong {
display:block; padding:.5em .5em .5em 2em; height:auto; clear:left; font-style:normal; font-size:110%; color:#2e8ecc;
}
.membership_form b {
display:block; padding:1em .5em 1em 2em; height:auto; clear:left; font-weight:normal;
border:1px solid #CCCCCC; background-color:#f3f3f3; overflow: visible; height:25px; margin:8px 0 8px 0;
}
/*-------------------#######--------------------------*/
.membership_form i {
display:block; padding:1em .5em 1em 2em; height:auto; clear:left; font-style:normal;
background-image:url(../images/form_divider.gif);
background-position:top left;
background-repeat:repeat-x;
}
.membership_form fieldset {
background-image:url(../images/form_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
border:none; padding: 0 0 10px 0; margin:0;
}
.membership_form label {
display:block; float:left; width:20%; height:auto; padding-top:.2em;
}

.membership_form input {
float:left; border:1px solid #bbbaba; 
background-image:url(../images/field_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:220px; height:auto; padding:.2em 0 .2em 0; margin-left:10px;
margin-bottom:10px; /*adjusting for hr line*/
}
.membership_form textarea {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
float:left; border:1px solid #bbbaba; 
background-image:url(../images/field_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
width:300px; height:40px; padding:.3em 0 .3em 0; margin-left:10px;
margin-bottom:10px; /*adjusting for hr line*/
}
input.submit{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background:url(../images/bg_button.gif) repeat-x top left;
color: #333333;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
width:100px;
}
input.submit:active {

}
/*-------------------------- feedback view -----------------------------*/
.feedbacksview {
border:1px dotted #666666; background-color:#fdfaeb; padding:10px; clear:both; margin:5px 0 10px 0; position:relative;
}
.feedbacksview ul {
list-style:none;
}
.feedbacksview li {
}
.feedbacksview .name {
font-weight:bold; font-size:110%; padding:0 0 5px 0; color:#2e8ecc; position:relative;
}
.feedbacksview .date {
border-bottom:1px solid #FF0000; display:block; float:left; width:auto; position:relative;
}
.feedbacksview .feedback {
clear:left; font-style:italic; color:#747475; font-size:105%; background-image:none; padding:5px 0 5px 0;
}
/*---------------------------------------------------------------------------------------------------*/

/*----------------------------- events form ------------------------*/
.eventformpop {
/*position:relative;*/ clear:both;
}
.eventformpop ul {
display:block; float:left; width:48%; list-style:none; margin-right:5px;
}
.eventformpop li {
display:block; float:left; padding:4px 0 15px 12px; 
}
.eventformpop .fullsize {
display:block; padding:4px 0 1px 12px; width:90%;
}

.eventformpop br {
clear: left;
}
.eventformpop h6 {
font-weight:bold; color:#2e8ecc; display:block; font-size:100%; margin:0; width:98%; padding:0; border-bottom:1px solid #fda9a3;
}
.eventformpop h4 {
font-weight:bold; color:#2e8ecc; display:block; font-size:100%; margin:10px 0 0 0; width:98%; padding:0; clear:left;
}
.eventformpop fieldset {
display:block; margin:0 10px 20px 0; padding:10px 0 10px 0;
background-color:#fdfaeb; border:none;
background-image:url(../images/form_curl.gif);
background-repeat:no-repeat;
background-position:bottom right; overflow:auto;
}
.eventformpop label {
display:block; font-size:95%;  color:#4b4a4a; padding:0 0 4px 0; margin:0; font-weight:bold; margin:4px 0 4px 0;
}
.eventformpop .biggerlabel {
display:block; font-size:95%;  color:#4b4a4a; padding:0 0 4px 0; margin:0; font-weight:bold;
}
.eventformpop .smallabel {
 font-size:95%; width:195px; float:left;  color:#4b4a4a; padding:0 0 4px 0; margin:0; font-weight:bold;
}
/*.eventformpop span {
display:block; clear:left; padding:0; margin:0; overflow:auto;
}*/
/*.eventformpop .radioborder {
padding:0px; margin:8px 0 0 4px; height:150px; border:1px  dashed  #5496fb; width:98%; position:relative; display:block; background-color: #f1f5fc; clear:left;
}
.eventformpop .radioborder2 {
padding:0px; margin:8px 0 0 4px; height:150px; border:1px  dashed  #d5d6d8; width:98%;   background-color: #f4f4f5; clear:left; display:block;position:relative;
}*/

.eventformpop input {
border:1px solid #bbbaba;  display:block; float:left;
background-image:url(../images/field_bg.gif);
background-position:top left;
background-repeat:repeat-x;
height:auto; width:180px; padding:.2em 0 .2em 0; margin:0; 
}

.eventformpop textarea {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
float:left; border:1px solid #bbbaba; background-color:#f9f9f7;
width:360px; height:40px; padding:.2em 0 .2em 0;
 /*adjusting for hr line*/
}
input.submit{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em 15px 0.25em 15px;
background:url(../images/bg_button2.gif) repeat-x top left;
color: #333333;
font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
width:auto; margin:0 10px 0 0; 
}
input.submit:active {
}
.eventformpop .radio {
background-image: none; width:12px; margin:0 5px 0 0; border:none; display:block; padding:0px;
}
.eventformpop .excellent{
color:#2f7c05; font-weight:normal; font-size:12px;
}
.eventformpop .good{
color:#95da61; font-weight:normal;font-size:12px;
}
.eventformpop .avg{
color:#0e73fd; font-weight:normal;font-size:12px;
}
.eventformpop .poor{
color:#f3a102; font-weight:normal;font-size:12px;
}
.eventformpop .verypoor{
color:#f9022b; font-weight:normal;font-size:12px;
}
/*--------------------------------------------------model------------------------------------------------*/
.eventformrmodel{
width:95%;
}
.eventformrmodel ul {
display:block;list-style:none; margin-right:5px; float:left;
}
.eventformrmodel li {
display:block; float:left; padding:4px 0 15px 12px;
}
.eventformrmodel label {
display:block; font-size:95%;  color:#4b4a4a; padding:0 0 4px 0; margin:0; font-weight:bold;
}
.eventformrmodel .fullsize {
display:block; padding:4px 0 1px 12px; width:90%;
}
.eventformrmodel .radioborder {
padding:0px; margin:5px 0 8px 4px; height:25; width:100%; position:relative; display:block; #f1f5fc; clear:left; /*border-bottom:1px  solid  #5496fb;*/
}
.eventformrmodel fieldset {
display:block; margin:0 10px 20px 0; padding:10px 0 10px 0;
background-color:#fdfaeb; border:none;
}

.mailmessage {
background-color:#f3f7ff; border:1px dotted #b9b9b9; font-weight:bold;
display:block; padding:10px; margin:10px 0 10px 0; line-height:22px; position:relative;
}

input.gobutton {
background-image:url(../images/icons.gif);
background-position:0 -775px;
background-repeat:no-repeat;
width:21px; height:19px;   color:#6d6d6d; border:none;  background-color:#ffffff;
cursor: pointer; font-size:0; margin:10px 0 0 5px; padding:0 0 0 20px;
}