/* TYPE ELEMENTS */

body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 20px;
	padding-top: 0px;
	
	font-size:0.75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
}

.copy10 {										
	font-size:0.85em;							/* used em versus px for text point sizes in order to supporting zooming in FF and IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
	}
	
.copy11 {
	font-size:0.90em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
	}
		
.copy12 {
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
	}
	
.copy14 {
	font-size:1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
	}

ul { 
  		margin: 0 35px;
 }
 
h1 {
	font-family: arial, sans-serif;
	font-size:1.90em;
	letter-spacing: -.05em;
	font-weight: bold;
	}
		
h2 {
	font-family: arial, sans-serif;
	font-size:1.10em;
	letter-spacing: -0.04em;
	overflow: hidden;
	font-weight: bold;
   margin: 0 0 5px 0;
	}
	
h3 {
	font-family: arial, sans-serif;
	font-size:1.1em;
	letter-spacing: -.04em;
	overflow: hidden;
	font-weight: bold;
	}
	
.red {
	color: #a21a0d;
	}
	
.green {
	color: #467e0b;
	}

.blue {
	color: #304172;
	}
	
.bgheader {
	background-color: #fcf3e5;
	font-size:1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333333;
	font-weight: bold;
	}
	
.bgrow {
	background-color: #f3f5f9;
	}
	
.ltbluebg {
	background-color: #f3f5f9;
	}
	
.bold {
	font-weight: bold;
	}

P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; FONT: 11px/20px verdana, arial, helvetica, sans-serif; PADDING-TOP: 0px;
}

a {
	font-weight: bold;
	color: #1a64ad;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}


a:hover {
	font-weight: bold;
	color: #333333;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	/*background-color: #FFFF99;*/
}

a.nav {
   line-height: 30px;
}
a.nav:link {
	color: #1a64ad;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 30px;
}

a.nav:hover {
	color: #333333;
	/*background-color: #FFFF99;*/
}

.micro {
	font-weight: normal;
	font-size: 10px;
	font-family: "Trebuchet MS";
}

a.micro:hover {
	font-weight: normal;
	font-size: 10px;
	font-family: "Trebuchet MS";
	color: #333333;
	/*background-color: #FFFF99;*/
}

	
/* TABLE ELEMENTS */

div.border {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	width: 95%;
	padding: 10px;
	background-color: #fcf3e5;
}

div.bordergreen {
	border-width: 1px;
	border-style: solid;
	border-color: #2f8437;
	padding: 10px;
	background-color: #dbf7e0;
}

div.borderred {
	border-width: 1px;
	border-style: solid;
	border-color: #a21a0d;
	padding: 10px;
	background-color: #f5cfcc;
}
	
table.table1 {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: collapse;
}

table.table1 td.header {
  text-align:center;
  vertical-align:top; 
}

table.table1 td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: #cccccc;
}

table.table1 td.number
{
	text-align:right;
}

table.table1 td table td
{
	padding:0px; margin:0px;
}


table.tblAlertGreen {
	border-spacing: ;
	border-collapse: collapse;
	background-color: #c1f7ba;
	border: 1px solid #559a4b;
}

table.tblAlertRed {
	border-spacing: ;
	border-collapse: collapse;
	background-color: #fcdada;
	border: 1px solid #ab2727;
}

 /* FORM STYLES -*/
 .text12 {
	border: 1px #999999 solid;
	padding: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 15px;
	font-weight: normal;
	color: #000000;
	background-color: #efefef;
	background-position: center;
}

.text12white {
	border: 1px #999999 solid;
	padding: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 15px;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	background-position: center;
}

.text14 {
	border: 1px #999999 solid;
	padding: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 18px;
	font-weight: normal;
	color: #000000;
	background-color: #efefef;
	background-position: center;
}

.text14file {							/* JDM - this style is used for "file" form buttons - for some reason it doesn't look the same is "text12" so I had a bigger one */
	border: 1px #999999 solid;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 22px;
	font-weight: normal;
	color: #000000;
	background-color: #efefef;
	background-position: center;
}

.textarea12 {
	border: 1px #999999 solid;
	padding: 3px;
	background-color: #efefef;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* BOXES AND SHADOWS */

.content, .navLeft, #rightBox #contentBox {
	border: 1px solid #999;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#rightBox #contentBox {
	background-color: #eee;
}
#rightBox #contentBox.pink {
	background-color: #fcc;
}
#rightBox #contentBox.green {
	background-color: #ada;
}
#rightBox .white {
	background-color: #ffffff;
}


/* MASTHEAD BOX */

#masthead {
	height: auto;
	background-color: #fff;
	border: 1px solid #999;
	border-top: 5px solid #999;
}


/* TAB NAVIGATION */

.tabs {
	height: 100%;
	border-bottom: 20px solid #415387;
}

.tabs ul {
	margin: 15px 0 0 30px;
	list-style: none;
  height:27px; 				/* JMS - fixed ie  7 problem */
	height: 2.1em;   		/* JCC - The above breaks a little in Safari and Firefox (Win/Mac/Linux).  
											Does this em height fix IE7 the same as your 27px? */
}

.tabs ul li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
}

.tabs ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 5px 15px 5px 15px; /*these parameters change the size and padding of the tabs */
	background-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tabs ul.fixed-width li a {
	width: 5em;
}

.tabs ul li a.current {
	background-color: #415387;
}

.tabs ul li a.current:hover {
	background-color: #415387;
}

.tabs ul li a:hover {
	background-color: #bbb;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color: #fff;	
}

.connectionString 
{
  position:absolute;
  top:0px;
  right:20px;
  color:gray; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  cursor:default;
}

.featuredGamesList
{
  border:none 1px silver; 
  padding:2px 0px 0px 0px;
  margin:0 0 0 0;
  width:100%;
}
.featuredGamesList ul
{
 border:none 1px green;
 width:100%;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
  
}
.featuredGamesList li
{
  padding:0px 0px 0px 0px;
  margin: 0 0 0 0;
  border:none 1px red;
  list-style-type:none; 
  width:100%;
}

.divMover
{
  margin:2px 0 2px 0;
  width:30px;
  height:24px;
  border:solid 1px silver;
  border-right:none;
  text-align:center;
  padding:4px 0 0 0;
  background-color: #eee;
  cursor:move;
}

/* -- PAGING CONTROLS -- */
  .paging { height:28px; clear:left; cursor:default;}
  .paging {width: 100%; text-align: center; color: #777; position: relative; padding: 0 0 0 0;}
  .paging div {padding:2px 20px 0 0;}
  .paging ul {list-style: none; padding: 0; display: inline; margin: 0 5px 0 5px;}
  .paging ul li {display: inline; margin: 0 5px 0 5px; color: #f00;}
  .paging a { cursor:pointer;}
  .paging a:hover {text-decoration: none;cursor:pointer;}
  .paging a.disabled {cursor:default;text-decoration:none; color:silver;}
  .paging a.selected {cursor:default;text-decoration:none; color:#000;}

/* --/ PAGING CONTROLS -- */


/* -- CLEAR TABLE CSS FOR CALENDER CONTROL-- */
calTable.td {padding:0px; margin:0px;}
calTable.tr {padding:0px; margin:0px;}


/* --/ STYLES FOR FORMS -- */

input[type="text"], input[type="password"], input[type="file"] {
	width:400px; 
	}

/* --/ STLESS FOR GAME DETAILS -- */

.gameDetailsHolder
{
    width:800px;
}

.gameDetailsTop
{
     height:80px;
}

.gameDetailsLeft
{
 float:left; 
 width:542px;
 padding-right:5px;
 border-right:solid 2px gray;

}

.gameDetailsRight
{
 float:right;
 width:240px;
}

.caption {margin:2px 0 20px 0; text-transform:uppercase;}
img.ssImg {border:1px solid #9fa417; margin-right:15px; float:left;}
.smallSSContainer {height:525px; }
.smallSS {width:100px; height:75px;  vertical-align:bottom; float:none; margin-right:12px;}
.smallSS img { border:none; }

/* --/ STYLES FROM PROJECT ARCADE -- */

/* news styles */
.newsBlock {border-top:1px dotted #9fa417; padding:20px 0; margin:1px 0; vertical-align:top; width:100%;}
img.newsImg  {border:1px solid #9fa417; margin-right:15px; float:left;}
.newsBlock p {margin:0;}
.newsBlock p.newsTitle {text-transform:uppercase; color:#fff;}
img.newsDetailImg {border:none; float:left; margin:5px 15px 10px 0;}