@charset "utf-8";
/* CSS Document */

/* IE 6 - PNG FIX */

img, div,td,input { behavior: url(/iepngfix.htc) }


html, body {
  padding:0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  scrollbar-arrow-color: #229B8A;
  scrollbar-base-color: #CBE8DA;
  scrollbar-face-color: #CDE8DA;
  scrollbar-highlight-color: #229B8A;
  scrollbar-shadow-color: #229B8A;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-track-color: #CDE8DA;
  scrollbar-darkshadow-color: #CDE8DA;
  background-image:url(../images/pattern.jpg);
  background-repeat:repeat;
}
.bg {
  /* background-image:url("/images/pixel_back.png");
     background-repeat:repeat;*/
  background-color:#FEC708;
  color:#000000;
  padding:5px;
  display:block;
  overflow:visible;
  position:relative;
  border:2px solid #ffffff;
  height:15px;!important;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
tr,td {
  vertical-align:top;
  align:left;
}
a:active, a:visited, a:link {
   color:#333333;
   text-decoration:undline;
}
a:hover {
  text-decoration:underline;
  
}
.formGen {
  width:150px;
  border:1px solid black;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  background-color:#FFFFFF;
}
.formGenBigger {
  width:350px;
  border:1px solid black;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  background-color:#FFFFFF;
}
.warning {
  color:#FF0000;
   background-color:#FEC708;
  /*color:#000000;*/
  padding:5px;
  display:block;
  overflow:visible;
  position:relative;
  border:2px solid #FF0000;
  height:15px;!important;
  width:250px;
  left:0px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.warning2 {
  color:#FF0000;
   background-color:#FEC708;
  /*color:#000000;*/
  padding:5px;
  border:2px solid #FF0000;
 
  width:250px;
  left:0px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.success {
  color:#000099;
}
.success2 {
  border:2px solid #5CB6E8;
  background-color:#18A891;
   filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  color:#000099;
  padding:5px;
  display:block;
  overflow:visible;
  position:relative;
  width:250px;
  left:0px;
}
.login_box {
  border:0px solid #f1f1f1;
 /* background-color:c1c1c1;*/
  padding:2px;;

}
.formLogin {
  width:80px;
  border:1px solid black;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
}
.tbl_header {
  color:#009900;
  font-size:12px;
  font-weight:bold;
  background-color:#f1f1f1;
  border:1px solid #cccccc;
}
.tbl_rsvp {
  background-color:#f1f1f1;
  border:1px dashed #222222;
}
.normal {
    width:45px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
	
}
.blank {
  width:45px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
	
}
.weekend {
    width:45px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
	
}

/*This style is used for normal days. By a normal day I mean a day that isn't today and a day that contains no events.
*/
.today {
	width:45px;
	border:1px solid #00AD94;
	background-color:#FFC735;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
}

/*This style is used to highlight the current day, making it easy to work out what the day is and how many days there are until the end of the month, etc.*/

.selected {
    width:45px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	height:80px;
	
	
}
.number {
  display:block;
  float:right;
  background-color:#00AD94;
  padding:2px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:12px;
  filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
  
}
/*
When we click on a day to view its events, this style will highlight it in a bright red, making it stand out from the rest of the days around it.
*/
.event {
    width:50px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
	padding-left:10px;
} 
 .normal {
    width:50px;
	border:1px solid #00AD94;
	background-color:#CCEEE9;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	height:80px;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	height: 20;
	padding-left: 5pt;
	}
	

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid #ffffff;
padding: 2px;
background-color:#EC4636;
visibility: hidden;
z-index: 100;
color:#FFFFFF;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.bg_register {
 background-image:url('/images/register_06.png');
 background-repeat:no-repeat;
 width:874px;
 height:532px;
}
.home_pvt_party {
   background-image:url('/images/index_06.png');
   background-repeat:no-repeat;
   width:392px;
   height:235px;
}
.home_calendar_bg {
   background-image:url('/images/index_10.png');
   background-repeat:no-repeat;
   width:398px;
   height:181px;
}
.home_public_bg {
  background-image:url('/images/index_21.png');
  background-repeat:repeat-y;
  width:403px;
  height:229px;
}
.bg_home_events {
   background-image:url('/images/index_yellow_23.png');
   background-repeat:no-repeat;
   width:393px;
   height:180px;
}
.bg_competitions {
  background-image:url('/images/index_31.png');
  background-repeat:no-repeat;
  width:396px;
  height:180px;
}
input.submit {
  border:1px dashed #000000;
  height:20px;
  width:80px;
}
.class {
   width:80px;
}
.bigger {
  font-size:13px;
  font-weight:bold;
  font-style:italic;
}

.home_pvt_hdr {
  color:#000000;
  background-color:#02AB8C;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  padding:4px;
}
.home_upcoming_events {
  color:#E74542;
  font-size:16px;
  font-weight:bold;
  background-color:#FFFFFF;
   font-style:italic;
}
.home_public_hdr {
   color:#FFFFFF;
  background-color:#000000;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  padding:4px;
}
.black {
  font-size:14px;
  font-weight:bold;
  font-style:italic;
}
/* arefs 
*/
a:visited.green,a:active.green,a:hover.green,a:link {
  /*color:#02AB8C;*/
  color:#000000;
  font-weight:bold;
  font-size:12px;
}
a:visited.black,a:active.black,a:hover.black,a:link.black {
  color:#000000;
  font-weight:bold;
  font-size:12px;
}
a:link.eventLink, a:visited.eventLink, a:active.eventLink, a:hover.eventLink {
  color:#00AD94;
  font-size:12px;
  font-weight:bold;
}

a:link.comp,a:active.comp,a:visited.comp{
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}
a:hover.comp {
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:underline;
}


div.footer {
 height:172px;
 position:fixed;bottom:0px;left:20px;
 align:center;
 width:100%;
 z-index:200;
 
}
.cal_hdr{
  background-image:url("/images/calendar_layout_03.png");
  background-position:top;
  width:218px;
  height:41px;
  background-repeat:no-repeat;
}
.cal_hdr_txt {
  color:#FFFFFF;
  display:block;
  margin-left:60px;
  margin-top:15px;
  font-weight:bold;
  font-style:italic;
  font-size:16px;
  
}
.hdr {
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#FB422E;
}
.tbl_cont_left {
  background-image:url("/images/content_big_02.png");
  background-repeat:repeat-y;
  width:27px;
  height:508px;
}
.tbl_content_middle {
  background-image:url("/images/pixel_back.png");
  background-repeat:repeat;
  width:928px;
}
.tbl_content_middle_inner {

}
.tbl_cont_right{
  background-image:url("/images/content_big_04.png");
  background-repeat:repeat-y;
  width:38px;
  height:508px;
}
.tbl_cont_small_left {
  background-image:url("/images/content_sml_02.png");
  background-repeat:repeat-y;
  background-position:top;
  width:27px;
  height:252px;
}
.tbl_cont_small_middle {
  background-image:url("/images/content_sml_03.png");
  background-repeat:repeat;
  width:430px;
  height:252px;
}
.tbl_cont_small_right {
  background-image:url("/images/content_sml_04.png");
  width:27px;
  height:252px;
  background-repeat:repeat-y;
}
.sub_heading {
  background-color:#FB422E;
  display:block;
  padding-left:5px;
  padding:2px;
  font-size:14px;
  width:250px;
  color:#FFFFFF;

}
.sub_heading2 {
  background-color:#FB422E;
  padding-left:5px;
  padding:2px;
  font-size:14px;
  color:#FFFFFF;

}
.sub_heading_small {
  background-color:#FB422E;
 
  padding-left:5px;
  padding:2px;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;

}
.sub_heading_small_yellow {
  background-color:#BBDACB;
  border:1px solid #0BAB87;
  padding-left:5px;
  padding:2px;
  font-size:14px;
  font-weight:bold;
  color:#0BAB87;

}
.gal_bg {
  width:200px;
  background-color:#BBDACB;
  border:1px solid #0BAB87;
  color: #0BAB87;
  height:140px;
} 
.gal_bg2 {
  width:200px;
  background-color:#BBDACB;
  border:1px solid #0BAB87;
  color: #0BAB87;
  height:100px;
} 
.gal_hdr {
 background-color:#0BAB87;
  border:1px solid #BBDACB; 
  
  padding-left:5px;
  padding:2px;
  font-size:14px;
  font-weight:bold;
  color:#BBDACB;

}
.tbl_answers {
  background-color:#00B395;
  color:#FFFFFF;
  border:1px solid #1E1F24;
  width:900px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.partyAnswers {
  background-color:#FEC708;
  color:#000000;
  padding:5px;
  border:2px solid #ffffff;
 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.mainEvent {
  filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.bg_flame {
  background-image:url("/images/btn_02.png");
  background-repeat:repeat-x;
  height:46px;
  padding-top:18px;
  color:#FFFFFF;
}
#myLogin {
  position:relative;
  border:0px solid red;
  left:-88px;
  width:500px;
  z-index:4;
}
#main {
  position:absolute; 
  width:450px; 
  left:0px; 
  top:260px; 
  z-index:100; 
  height:50px; 
  width:990px;
  align:right;
  border:0px solid red;
}
#forogot {
   position:absolute;
   width:150px;
   left:805px;
   top:-35px;
   z-index:100;
   border:0px solid black;
}
#account {
   position:absolute;
   width:150px;
   left:75px;
   top:-35px;
   z-index:100;
   border:0px solid black;
}
.space_login {
  height:260px;
}
.width_login {
  width:990px;
  border:0px solid black;
}
.login_layout {
  align:right;
  padding-right:30px;
   border:0px solid black;
}
.forgot_layout {
  align:right;
  padding-right:30px;
  
}
/* icon layouts */
#turtleMan {
  position:absolute;
  left:850px;
  top:840px;
}
#marioMan {
  position:absolute;
  left:830px;
  top:350px;
}
#calBtn {
  position:absolute;
  left:770px;
  top:535px;
}
#flowerIcon {
 position:absolute;
 left:450px;
 top:1200px;
}
#compBtn {
  position:absolute;
  left:560px;
  top:1250px;
}
#ghostIcon {
 position:absolute;
 left:400px;
 top:500px;
 z-index:10;
}