body { 
	/*background-image: url(../images/participant_bk2.jpg);
	background-repeat:repeat-x;*/
	background-color: #66FF33; /* background color outside form */
	margin-top: 0px;
	text-align: center;
}

#container
{
	width: 800px;
	margin: 0px auto;
	background-color: #FFFFFF;
	line-height: 130%;
	text-align: left;
	color: #000000;
	border: 1px solid #689902;
}


#top
{
	background-color: #FFFFFF;
}

#top h1 {
	padding: 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 15px;
}

#top h2 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10px;
}

#topnav
{
	background-image: url(../images/participant_topnav_bk2.jpg);
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	height: 25px;
}

#topnav p { 
	margin: 2px 0px 0px 0px;
}


ul#navlist
{
	padding: 0;
	border-top: 0px;
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	list-style: none;
	display: inline;
}

ul#navlist li
{
	padding: 3px 0px 3px 0px;
	display: inline;
}

ul#navlist li a
{
	padding: 4px 8px 4px 4px;
	border: 0px;
	text-decoration: none;
	display: inline;
}

ul#navlist li a:link {
	 color: #000000; 
 }

div#topnav li a:visited {
	color: #000000; 
}

ul#navlist li a:hover
{
	/*border-color: #ff9000;
	background: #3D93E8;*/
	color: #001100;
}

#Content
{
	margin-left: 8px;
	padding: 1em;
	background-color: #FFFFFF;
	/*max-width: 30em;*/
	color: #000000;
}

#event-content
{	
	background-color: #FFFFFF;
	/*max-width: 30em;*/
	color: #000000;
}



#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
}

#content img {
	/*margin: 10px;*/
	/*border: 1px solid #000000;*/
}

#content h1 { 
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content h2 { margin: 0px 0px 0px 0px; }
#content h4 { margin: 0px 0px 0px 0px; }

/*#footer
{
	clear: both;
	margin: 0;
	background-color: #689902;
	border-top: 1px solid #000000;
}

#footer p {
	margin-left: 10px;
	color: #FFFFFF;
}*/
#footer {
  clear: both;
  width: 100%;
  /*margin: 24px 25px;
  padding-top: 16px;*/
  text-align: center;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
  
}
#footer a {
  color: #788;
}
#footer p {
  font-size:10px;
  font-weight:bold;
  letter-spacing:.5px;
  font-family:verdana, geneva, arial, helvetica, sans-serif;
}

hr { margin: 0px 0px 0px 0px;}
.fieldRequired { color: #FF0000; }

/* detail stuff */

.style2 {font-size: 9px}
.style3 {font-size: 24px}
.reg_font {font-size: 12px}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#logo  {
	/*
	border: 2px solid #FF6600;
	padding: 2px 2px 2px 2px;
	margin: 0 auto;   
	text-align: left; 
	width: 300px;
	*/
	/* align for good browsers */
	/* counter the body center */
	color: #ffffff;
}

.pageTitle {font-size: x-large; padding-top: 9px; margin: 0px}

.fieldset {
border:0;}
.fieldset .textfield {
	margin:2px;
	height:15px;
	width:30px;
	text-align:right }
	
#formTitle {

	background-image: url(/images/title-bkgrd_03.jpg);
	background-repeat: repeat-x;
	height: 50px;
}

#leftformTitle {
	background: url(/images/title-bkgrd_01.jpg) top left no-repeat;
	height: 50px;
}

#rightformTitle {
	background: url(/images/title-bkgrd_05.jpg) top right no-repeat;
	height: 50px;
}


.title {
	font-size: 14px;
	font-weight: bold;
}

.formElementTitle 
{
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
}

.formElementTitleLf
{
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
}

.formElementSmall 
{
	font-size:9px;
}

.formElementRegular 
{
	font-size: 10px;
}

.formrowtitle 
{
 font:11px/20px verdana, arial, helvetica, sans-serif;
 margin: 0px 0px 0px 4px;
 font-weight: bold;
}

.padValidErr 
{
	padding-left: 35px;	
}



div.notes {
  width: 600px;
  height: auto;
  padding: 3px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
  margin-left: auto;
  margin-right: auto;
}

div.notes h4 {
  background-image: url(../images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 2px 0px 2px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

div.notes p.last {
  margin: 0px 0px 0px 0px;
}

.ind-left2win
{
	margin-left: 15px;
	font-size: medium;	
}

.underline 
{
	text-decoration: underline;	
}

.rttitle { FONT-WEIGHT: bold; MARGIN-LEFT: 2px; TEXT-DECORATION: underline }
.ltdata { FONT-SIZE: 12px; MARGIN-LEFT: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.session_val { FONT-SIZE: 12px; FLOAT: right; MARGIN-RIGHT: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.sessiontitle { FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.session_data { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif }
.rtdata { FONT-SIZE: 12px; MARGIN-LEFT: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif }

.warning 
{
	color:Green;	
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}

#activate-box 
{
	border: 1px solid #000000;
	width: 400px;
	background-color: #F7F7F7;
	padding-bottom: 10px;
}

#activate-box p 
{
	padding-bottom: 10px;	
}

#activate-header 
{
	background-color: #689902;
	font-size: 18px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #000000;
}

.event-title { FONT-SIZE: 12px; TEXT-ALIGN: center }
.event-results { FONT-SIZE: 10px }
.event-row-title 
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;}
.event-row-title-na
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;}
	
#TourneyEventInfo 
{
	margin: 3px;
	font-size: 12px;	
}

#event-right {
	float: right;
	background-color: #EEEED0;
	padding: 2px;
	border: 1px solid #000000;
	width: 470px;
}
#event-left {
	float: left;
	width: 180px; 
	padding: 2px;
}

#event {
	clear:both;
}

.TourneyEventProgress 
{
	font-weight: bold;
	font-size: 18px;	
}

.dtFormat 
{
  font-style:italic;
  font:11px/20px verdana, arial, helvetica, sans-serif;
}

#pnlSendMsg textarea 
{
	width: 100%;	
}

#individual-categorys textarea 
{
	width: 100%;	
}

html>body #individual-categorys textarea 
{
	width: 90%;
	height: 16px;
}


#special-mb 
{
	font:11px/20px verdana, arial, helvetica, sans-serif;
}

#special-mb textarea
{
	width: 100%;
}


/*----------------------TOP NAV STYLES ----------------------------*/
.clear {clear:both}	
/* remove the list style */
#nav {
	margin:0 0 0 100px; /* the 100px makes it look centered */ 
	padding:0; 
	list-style:none;
}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:120px; 
		background-image: url(../images/participant_topnav_bk2.jpg); 
		/*background:#ccc;*/
		position:relative;
		z-index:500; 
		/*margin:0 1px;*/
		margin:0;
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		padding:2px 5px 0 5px; 
		font-weight:bold;  
		font-size: 14px;
		height:23px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
		color:#000;
	}

	#nav li a:hover {
		color:#fff;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:10px; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:180px; 
			float:left;
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 2px 5px 8px 5px; 
			color:#666;
			text-decoration: none;
			font-size: 12px;
			text-align: left;
			
		}
		
		#nav ul a:hover {
			color: #333;
		}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}