body {
	background: #FFFFFF    repeat-x;
	margin: 10px 10px 10px 10px;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	color: #3F3F3F;
	text-align: left;
	background-image: url('../../../../../images/PageBg.gif');
	}

/*ie6*/
* html body {
	font-family: Arial; font-size: 80%;
}
h2 {
	color: #7DA721;
	font-weight: normal;
	font-size: 14px;
	margin: 20px 0 0 0;

	}
.table {
    border-width: 1px;
    border-style: outset;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#994400;
}
.td {
    border-width: medium;
    border-style: outset;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#994400;
}

.footer {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00CCFF;
}
.page_desc p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033FF;
}
.table_titles {
}

.page_desc h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}
.page_desc_region3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.page_desc {
    padding:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333366;
}
.page_desc_region7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	background-color: #EEEEEE;
	margin: 5px;
	padding: 5px;
}
.page_desc h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}
.page_desc_region4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.table_titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993399;
	background-color: #EEEEEE;
}
.table_input_fields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFCC;
}

.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    padding:10px;
	color: #6633FF;
}

.Assignments {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	background-color: #006600;
	background-image: url(../images/click.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 14px;
	font-style: oblique;
	font-weight: normal;
}
.Assignments2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
	background-color: #006600;
	background-image: url(../images/click2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 14px;
	font-style: oblique;
	font-weight: normal;
}
.Warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #3333CC;
	/*text-decoration: blink;*/
}
.actionrequired {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
	color: #CC0000;
	text-decoration: blink;
}
.gamesheetHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:xx-large;
	font-weight:bold;
	color:#000000;
}
.gamesheetHeader2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
	color:#000000;
}
.gamesheetHeader3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:normal;
	color:#000000;
}
.gamesheetsmallblack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000;
}
.gammesheetmenuoptions {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#336633;
	background-color:#CCCCCC;
}
.gamesheetsuspensions {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#FF0033;
}
.gamesheetrefarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.dashboard_area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.dashboardsmallblack {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000;
}
.dashboardsmallblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#336666;
}
.dashboardtinyblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:normal;
	color:#336666;
}
.dashboardsmallbrown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#994400;
}
.dashboardtitlebrown {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#994400;
	text-align: left;
}
.browncenter {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#994400;
    text-align: center;
}
.brown9center {
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:normal;
    color:#994400;
    text-align: center;
}
.browncenterunderline {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#994400;
    text-align: center;
    text-decoration:underline;
}
.blue12center {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#336666;
    text-align: center;
}
.blue16left {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#336666;
    text-align: left;
}
.getnoticed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FF0000;
	text-decoration: blink;
}
.red_overdue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFF66;
	background-color: #FF0000;
}
.yellow_pending {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FF0000;
	background-color: #FFFF66;
}
.green_accepted {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
	background-color: #99FF99;
}

.adminheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
    padding:15px;
	color: #336699;
    background-color: #CCCC66;
}
.adminoption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    padding:10px;
	color: #336699;
}
.workpaneltitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
    padding:10px;
	color: #339999;
}
.workpanelsubtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    padding:10px;
	color: #339999;
}
.workpanelline{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    padding:10px;
	color: #339999;
}

.td1style {font-weight:bold;border:1px solid black;background-color:lightgrey;color:blue;font-size:14px;fontFamily:Verdana;}
.td2style {font-weight:bold;border:1px solid black;background-color:lightyellow;font-size:12px;font-family:Verdana;}
/* the style below is for the links that are inside the div when it pops up */
.linkstyle {font-weight:bold;font-size:12px;text-decoration:none}
div.ricoLG_outerDiv thead .ricoLG_cell, div.ricoLG_outerDiv thead td, div.ricoLG_outerDiv thead th {
	height:2.5em;
}
.referee{
float:left;
width:340px;
height:auto;
}
.referee1{
clear:both;
}
h3{
font-size:12px;
font-weight:bold;
}
th{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-bottom:1px solid #ccc;
vertical-align:top;
color:#0033CC;
}
#logindiv {
  width:360px;
  height:220px;
  padding:24px;
  background:#ecfdce;
  border:1px solid #ccc;
  margin:auto;
}

#loginform {
  width:300px;
  height:200px;
  margin:auto;
}

#promptDiv {
  width:278px;
  height:48px;
  padding:10px;
  margin-bottom:16px;
  background:#ffffff;
  text-align:left;
  font-size:11px;

  color:#666666;
  border:1px solid #222;
}

#buttonDiv {
  text-align:center;
}
.fieldTitle {
  margin-bottom:3px;
  font-weight:bold;
  color:#666666;
}
.fieldEntry {
  margin-bottom:8px;
}
/*	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		background-color:#317082;
		font-size:0.7em;
		margin:0px;
		padding:0px;
		height:80%;
		width:80%;
		text-align:center;
		background-image:url(../images/background2.gif);


	}
*/

	}
	#mainContainer{
		width:100%;
		margin:0 auto;
		text-align:left;
		height:100%;
		padding-bottom:10px;
	}

	.dragableBox{	/* The RSS box */

		background-color:#FFF;
		margin:5px;
		border-right:2px solid #AAA;	/* "Shadow "*/
		border-bottom:1px solid #AAA;	/* "Shadow " */
	}
	/* A div inside the rss box - with a blue border */
	.dragableBoxInner{
		border:1px solid #317082;
	}
	.dragableBoxHeader{	/* Header inside RSS box */
		background-color:#E2EBED;
		height:20px;
		font-weight:bold;
		color: #317082;
	}
	.dragableBoxHeader span{	/* Text inside header of RSS box */
		line-heigth:20px;
	}
	.dragableBoxHeader img,.dragableBoxHeader span{	/* Text and reload image inside RSS box */
		float:left;
	}
	.boxItemHeader{	/* Title of items inside dragable boxes */
		font-weight:normal;
        font-size:9px;
		margin:0px;
		color:#000;
		text-decoration:none;
		overflow:hidden;
	}
	.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:bold;
        font-size:9px;
		margin:0px;
		color:#F00;
        background-color:#99FFEE;
	}
	.currentdate{	/* Title of items inside dragable boxes - mouseover*/
		font-weight:bold;
        font-size:14px;
		margin:0px;
		color:#F00;
        background-color:#99FFEE;
	}
	.dragableBoxHeader input{	/* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
		font-size:10px;
	}

	.dragableBoxContent{	/* DIV holding data inside dragable boxes */
		padding:3px;
		clear:both;
	}
	#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
		border:1px dotted red;
		margin:5px;
	}

	.closeButton{	/* Close button */
		padding:2px;
		border:1px solid #317082;
		line-height:9px;
		height:9px;
		margin:2px;
		color:#317082;
		padding:2px;
		padding-bottom:3px;
	}
	.closeButton_over{	/* Close button - mouse over */
		padding:2px;
		border:1px solid #317082;
		line-height:9px;
		padding:2px;
		padding-bottom:3px;
		margin:2px;
		background-color:#317082;
		color:#FFF;
	}
	.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */
		border-top:1px double #317082;
		height:1px;
		background-color:#E2EBED;
		padding:2px;
	}

	.dragableBoxEditLink{	/* Edit link on top of a box */
		color:#317082;
		text-decoration:none;
		padding-top:1px;
	}
	.dragableBoxEditLink:hover{	/* Edit link - mouse over */
		color:red;
		text-decoration:underline;
	}
    .ref_details{
		padding:2px;
		border:1px solid #317082;
		background-color:#E2EBED;
		line-height:14px;
		height:550px;
		margin:2px;
		color:#317082;
		padding:2px;
		padding-bottom:3px;
    }

	form{	/* No borders in forms */
		display:inline;
	}
	#display_ref_details{	/* The white box at the top right corner where you display ref details */
		float:right;
		width:300px;
		background-color:#FFF;
		border:2px solid #317082;
		padding:2px;
		margin-right:2px;
		margin-top:2px;
	}
	#ra2_assign{	/* The white box at the top right corner where you display ref details */
		width:300px;
		background-color:#FFF;
		border:2px solid #317082;
		padding:2px;
		margin-right:2px;
		margin-top:2px;
	}
	#ref_assign{	/* The white box at the top right corner where you display ref details */
		width:300px;
		background-color:#FFF;
		border:2px solid #317082;
		padding:2px;
		margin-right:2px;
		margin-top:2px;
	}
	#ra1_assign{	/* The white box at the top right corner where you display ref details */
		width:300px;
		background-color:#FFF;
		border:2px solid #317082;
		padding:2px;
		margin-right:2px;
		margin-top:2px;
	}

	img{
		border:0px;
		}
    input{
      border-width: 0px;
      background-color: #DDDDDD;
    }
    .register{
      color:#006666;
      font-family: Tahoma;
      font-size:14px;
      background-color: #DDDDDD;
      padding: 5px;
    }