/*-------------- global styles ---------------*/
html { overflow-y: -moz-scrollbars-vertical;}
body { margin: 0px; }
td,th,p,input,textarea,select,ul,li {
  font-family: tahoma, arial;
  font-size: 8pt;
}
.p_red {color:#FF0000;}
img { border: none; }
a:link, a:visited {
  color: #557f01;
  font-weight: bold;
  }

/*-------------- page sections ---------------*/
.page_header {
  height: 165px;
  background: #074a27 url(../images/header_bg.png) repeat-x;
}

.menubar {
  height: 40px;
	background: url(../images/navcontainer.png) repeat-x;
}
.header_text {
  letter-spacing: 3px;
	color: #e4edd5; /* Slogan Text Color */
	font: bolder 24px/18px Geneva, Verdana, sans-serif;/* Slogan Text Typograhy */
}

.left_column   {
  background-color: #adc387;
  padding-left: 16px;
  padding-right: 0px;
  vertical-align: top;
  width: 170px;
}
.right_column  {
  background-color: #e4edd5 ;
  padding-left: 16px;
  vertical-align: top;
  }

.footer        {
  background-color: #adc387;
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.main_content  {
  padding: 20px;
  vertical-align: top;
}

/*-------------- nav links -----------------*/
.nav_link {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.nav_link a {
  display: block;
  padding: 6px;
  color:   #557f01;
}
.nav_link a:hover {
  color: #f9f9f2;
}
.nav_link_selected {
  padding: 6px;
  font-weight: bolder;
  font-size:13px;
  color: #000;
}

/*-------------- page titles ---------------*/
.title {
  font-family: arial; 
  letter-spacing: 4px;
  font-size: 12pt;
  font-weight: bold;
  color:   #557f01;
  padding-bottom: 5px;
}
.subtitle {
  font-family: arial;
  font-size: 8pt;
  color: #666666;
  letter-spacing: 1px;
}
.underline {
  border-bottom: 1px solid #cccccc;
}

/*-------------- list tables ---------------*/
.list_table      { border: 1px solid #cccccc; }
.list_table th   {
  background-color: #2f462b;
  color: white;
  height: 18px;
}
.list_table a, .list_table a:visited { color: #074a27; }
.list_table    {
  background-color: #d4e3b9;
  height: 18px;
}
.list_table_odd   {
  background-color: #ddd;
  height: 18px;
}

/*-------------- faq table---------------*/

.faq_table    {
  background-color: #dfeacb;
  height: 18px;
  border: 0px;
}
.faq_table th   {
  background-color: #2f462b;
  color: white;
  height: 18px;
}
.faq_table a, .faq_table a:visited { color: #6f6f6f; }
.faq_table_odd a, .faq_table a:visited { color: #6f6f6f; }

.faq_table_odd   {
  background-color: #e4edd5;
  height: 18px;
  border: 0px;
}

/*----------------- UI messages ------------------*/
.error {
  border: 1px solid #cc0000;
  background-color: #ffffee;
  color: black;
  padding: 8px;
  width: 500px;
}
.error2 {
  border: 1px solid #cc0000;
  background-color: #ffffee;
  color: #cc0000;
  padding: 8px;
  width: 500px;
}
<!-- #ffffee -->
.error span {
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 4px;
}

/*-------------- print page ----------------*/
.print_title    {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
}
.print_table    { border: 1px solid #dddddd; }
.print_table th {
  border: 1px solid #cccccc;
  background-color: #efefef;
}
.print_table td { border: 1px solid #cccccc; }
.print_th       {
  text-align: left;
  width: 30%;
  font-family: arial;
  font-size: 8pt;
}

/*----------------- misc -------------------*/
.ul_no_indent {
  padding-left: 0px;
  margin-left: 20px;
}
.common_width { width: 650px; }
.grey_text { color: #2f462b; }
.season_text {
  font-size: 9pt;
  font-weight: bold;
	color: #e4edd5;
  padding-left: 25px;
}

/*--------- login / forget pwd pages ---------*/
.login_outer_table { border: 1px solid #999; }
.login_inner_table { background-color: #ddd; }
.login_table_text {
  color:   #557f01;
  padding-left: 10px;
  padding-right: 10px;
}
.login_error { background-color: #efefef; }
.login_table_label_text { color:  #727272; }

/*----------- table labels for game report --*/
.game_report_form_label {
  color: #557f01;
  text-align: right;
  padding-right: 10px;
}
.game_report_heading {
  background-color: #2f462b;
  color: white;
  font-weight: bold;
  height: 18px;
  text-align: center;
}

/*------------- games and referees lists --------*/
.table_header th {
  margin-left:3px;
  border: 1px solid #999;
  background-color: #adc387;
  color: #074a27;
  height: 18px;
}
.table_header a {
  color: #074a27;
}

/*----------- game report hints -------------*/
#hinttooltip {
  left: 0px;
  top: 0px;
  border-right: #aacfea 3px solid;
  padding-right: 3px;
  border-top: #aacfea 1px solid;
  padding-left: 3px;
  z-index: 100;
  visibility: hidden;
  padding-bottom: 3px;
  border-left: #aacfea 1px solid;
  width: 150px;
  padding-top: 3px;
  border-bottom: #aacfea 3px solid;
  position: absolute;
  background-color: #eaf7fb;
  text-align: left;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
}

#hintpointer {
	z-index: 101;
  left: -300px;
  visibility: hidden;
  position: absolute
}

.main_text{
  font-family: arial;
  font-size: 13px;
}

/* Created: 06/11/11 12:12:26 by Klaus */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 90%;  /*width of menu*/
margin-top:20px;
}
/*  .urbangreymenu   */
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

/* background: #e4edd5; */
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #e4edd5;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
<!-- color: black; -->
}

.urbangreymenu ul li .select{
background: #074a27  url(../images/rightwhite.png) no-repeat 135px 7px;
font-style: bold;
color: white;
}
 /* background: #074a27; */
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background:  #557F01;
}







