
/***** Contact Form Elements *****/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block;}
* html .clear { height: 1%;}
.wrapper{   width:675px; padding:0;}

#contactWrapper {position:relative; margin-bottom:10px;}
#contactWrapper h1 { font-family:'Rokkitt', Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; padding: 0px 0px 15px 0px; color: #000000;}
#contactWrapper label { font-family:'Open Sans' Arial, Helvetica, sans-serif;display:block;  font-size:14px; width:auto; font-weight: bold; margin-bottom: 7px; padding:0; color: #333333;}
#contactWrapper label.error { display:block;  font-size:12px; width:auto; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px;}
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #01b3b3;}
#contactWrapper .stage { margin-bottom: 20px;}
#contactWrapper .requiredNote { margin: 0px; color: #333; font-weight: bold;}
#contactWrapper .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
#contactWrapper .success p { margin: 0px;}

.contactLeft{
	position:relative;
	float:left;
	width:300px;
}
.contactRt{
	position:relative;
	float:right;
	width:300px;
	margin-right:35px;
}

form#contactform input.text, form#contactform textarea { border: 1px solid #cfdede; padding:8px 12px; font-size:12px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width: 274px; color: #777777;}
form#contactform textarea {font:12px Arial, Helvetica, sans-serif; padding: 12px;max-width: 310px;max-height: 153px;min-width: 310px;min-height: 153px;}

input#submitButton{
   border-top: 1px solid #01b3b3 !important;
   margin-bottom:20px;
   width:200px;
   background: #057d7d!important;
   background: -webkit-gradient(linear, left top, left bottom, from(#01b3b3), to(#057d7d));
   background: -webkit-linear-gradient(top, #01b3b3, #057d7d);
   background: -moz-linear-gradient(top, #01b3b3, #057d7d);
   background: -ms-linear-gradient(top, #01b3b3, #057d7d);
   background: -o-linear-gradient(top, #01b3b3, #057d7d);
   padding: 8.5px 15px!important;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white!important;
   font-size: 16px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
input#submitButton:hover{
   border-top-color: #044f4f;
   background: #044f4f;
   color: #fcfcfc;
   }
input#submitButton:active {
   border-top-color: #22d4d4;
   background: #22d4d4;
   }
.join_us1{
   margin: 210px auto auto;
   width: 260px;
   height: auto;
   background: transparent; none repeat scroll 0% 0%;
   text-align: center;
}
input#submitButton.join_us2{
   margin: auto;
   height: 60px;
   width: 250px;
   font-size: 30px;
   font-family: sans-serif;
}
input#submitButton.enrol2{
   margin: auto;
   height: 60px;
   width: 250px;
   font-size: 30px;
   font-family: sans-serif;
}


.capacity_table{}
.capacity_table b {
   font-size:16px;font-weight:100;"
}
.capacity_table td{
   cursor: pointer;
   text-align: center;
padding: 6px;
border: 1px solid #240091;
font-size: 14px;
color: paleturquoise;
font-family: Arial,sans-serif;
background: transparent linear-gradient(#00FFFF, #000047) repeat scroll 0% 0%;
}
.capacity_table td:hover{
   background: transparent linear-gradient(#DADADA, #6BA4A4) repeat scroll 0% 0%;color: yellow;
}

.decline_table{}
.decline_table td{
padding: 6px;
border: 1px solid #240091;
font-size: 14px;
color: beige;
font-family: Arial,sans-serif;
background: transparent linear-gradient(#DADADA, #0D4646) repeat scroll 0% 0%;
}
.decline_table td:hover{
   background: transparent linear-gradient(#DADADA, #6BA4A4) repeat scroll 0% 0%;
}

.approve_table{}
.approve_table td{
padding: 6px;
border: 1px solid #240091;
font-size: 14px;
color: beige;
font-family: Arial,sans-serif;
background: transparent linear-gradient(#DADADA, #0D4646) repeat scroll 0% 0%;
}
.approve_table td:hover{
   background: transparent linear-gradient(#DADADA, #6BA4A4) repeat scroll 0% 0%;
}

 
 