/* Layout CSS */
html, body, #container {
	height: 100%;
	margin: 0; padding: 0; border: none;
	overflow:none;
} 

#container {
	display:table;
	width: 100%;
}

#header, #main, #footer {
	display:table;
	table-layout:fixed;
	margin:0;
	width:100%;
}

#menu-outer, #content-outer {
	display:table-cell;
}
#menu, #content {
	overflow: auto;
	background-color: black;
	colour: white;
}

/* Formatting CSS */
body {
	margin: 0;
	padding: 0;
	font-family: "verdana";
	font-size: 11px;
	color: white;
	
 }
    
#menu-outer {
	padding-left: 10px;
}
#content {
	padding: 0 10px;
}
#menu-outer {
	border-right: solid 10px red;
	width: 200px;
	background-color: black;
}
    
.Header {
  	width: 100%;
  	background-color: white;
  	color: rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	float: left;
	text-align: center;
	border-bottom-style: solid;
	border-width: thick;
	border-color: red;
	}
	
.BodyHeader {
  	width: 100%;
  	background-color: white;
  	color: rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	float: left;
	text-align: center;
	border-bottom-style: solid;
	border-width: thick;
	border-color: red;
  	}
	


#Logo {
	width: 191px;
	height: 85px;
/*	background-image: url(/img/default/cap.gif); */
	background-repeat:no-repeat;
/*	background-position: center ;	*/
	float: left;
}


#HeadGroup{
	position:absolute;
 	top: 0px;
 	left: 275px;
	width: 300px;
  	color: rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;

}
#HeadLocation{
  	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 18px;
	text-align: center;
}
#HeadTime{
  	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	position:absolute;
 	top:60px;
 	left: 275px;
	width: 300px;

}
#HeadHelp{
	position:absolute;
 	top:0px;
 	left: 585px;
  	color: rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;

}
#HeadUser{

  	color: rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	

}
.headuser{  	
	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	}
#HeadLogout{
	position:absolute;
 	top: 0px;
 	left: 1050px;
  	color: #fbb818;
	font-family: "verdana";
	font-size: 12px;

}

.Spacer {
  	width: 100%;
  	height: 5px;
  	background-color: white;
	float: left;


  	}
.Tree{
  	width: 180px;
  	margin-left: 1px;
	float: left;
	overflow: auto;
}
.Divider{
  	width: 15px;
	height: 500px;
  	background-color: #00CC00;
	float: left;
}
.Content{
	float: left;
   color: black;
   margin-left: 5px;	
   width: 78%;
   height: 100%;
   overflow: auto;
   

}

.Footer {
  	width: 100%;
  	height: 30px;
  	background-color: white;
  	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	float: left;
	vertical-align : middle;
	border-top-style: solid;
	border-width: thick;
	border-color: red;

  	}
.Footer a, .Footer a:link {
	color:  rgb(70,169,226);
}
#FootDetails{
	position: relative;
	top:10px;

	width: 75%;
	float: left;
	padding-left: 20px;
  	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	vertical-align : middle;

}
#FootVersion{
	position: relative;
	top:10px;
	float: right;
  	color:  rgb(70,169,226);
	font-family: "verdana";
	font-size: 12px;
	padding-right: 20px;
}

.headertable{
        background-color: #00CC00;
        width:100%;
}
.usertable{
        background-color: black;
       
}
.usertable TH {
		text-align: center;
        color:blue;
		background-color: grey;
        font-family: "verdana";
        font-size: 11px;

}

.tableheader{

        text-align: left;
        color: #ffffff;
        font-family: "verdana";
        font-size: 14px;
        font-weight: bold;
        height: 25px;
        background-color: #00CC00;

}
.userinfo{
        text-align: left;
        color: #000000;
        font-family: "verdana";
        font-size: 11px;
        height: 20px;
        background-color: #c7cdcf;
       

}

.usertableblank{
        background-color: white;
        width:100%;
        border-style:none;
        margin:0px 0px 0px 0px;


}
.tableblankline
{
		height:1px;
		background-color: white;
		width: 100%;
		border-style:none;
		margin: 0px 0px 0px 0px;
		font-size: 0px;
		
}
.userlabel{
        text-align: center;
        color:blue;
		background-color: grey;
        font-family: "verdana";
        font-size: 11px;
        

}
.userdata{

        text-align: left;
        color:white;
		background-color: black;
        font-family: "verdana";
        font-size: 10px;
        
       
}


.dropdowns{

        text-align: left;
        color: black;
        font-family: "verdana"; 
        font-size: 10px;        
}
.useremail{

        text-align: left; 
        color: black;
        font-family: "verdana";
}

/* buttons */
.add
{

background:url(/img/default/Plus_button.png) no-repeat;
cursor:pointer;
width: 46px;
height: 26px;
border: none;

}
.update
{
background:url(/img/default/Save.png) no-repeat;
cursor:pointer;
width: 46px;
height: 26px;
border: none;

}
.delete{
background:url(/img/default/Close-Template.png) no-repeat;
cursor:pointer;
width: 46px;
height: 26px;
border: none;
}
.cancel
{
background:url(/img/default/Test-Connection.png) no-repeat;
cursor:pointer;
width: 46px;
height: 26px;
border: none;

}
.error
{
color: red;
}

.formsubmit TD {
	background-color: black;
	color: red;
	text-align: center;
}
.formsubmit TH {
	background-color: black;
	color: red;
	text-align: center;
}


a:link, a:visited
{color: red;
}
a:hover
{color: red;
}
.stadium-status
{
float:left;
	width: 1000px;
	height: 800px;
	background:url(/img/default/stadium-3.png) no-repeat;

}
#stadiumtable 
{
	
	background:url(/img/default/stadium-3.png) no-repeat;
}
.stadiumbuttons
{
	width: 100%;
}
.levelhead
{
	text-align: Left;
	color: black;
	font-family: "verdana"; 
	font-size: 40px;
	font-weight: bold;     
	position:relative;
 	top: 400px;
 	left: 400px;

}
.hourview_hour {
	font-family: "verdana";
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
}
.hourview_time {

	text-align: center;
	font-family: "verdana";
    font-size: 10px;
       
}
.hourview_detail {
	font-family: "verdana";
    font-size: 10px;
	text-align: left;
}
.hourview_actions {
	text-align: center;
	font-family: "verdana";
    font-size: 12px;
}

TABLE.pagekey, TH.pagekey, TD.pagekey {
	font-size: 10px;
	background-color: white;
	border: 1px solid black;
	color: black;
	
}

.pending_on {
background-color: green;
}
.pending_off {
background-color: red;
}
.altrowodd  TD{
background-color: #c7cdcf;
}
.altroweven  TD{
background-color: #b7bdbf;
}

.altrowodd:hover  TD{
    background-color: #FFFF99;
   }
 .altroweven:hover TD{
    background-color: #FFFF99;
   }
.engineer TD {
	background-color: #c7cdcf;
	border-bottom: 1px solid black;
	text-align: center;
}


/*   line screen settings */
#dvLineScreen{
	width: 100%;
	height: 100%;
	text-align: center;
	
	}

#LineScreenHeader {
	width: 100%;
}
#LineScreenHeader TD {
	
  	//background-color: white;
  	//color: rgb(70,169,226);
	font-family: "verdana";
	//float: left;
	//font-size: 30px;
	text-align: center;
}

#LineScreenData  TD{

	//Border-width: 30px;
	//border-color: blue;
	//border-style: solid;
	//padding:20px;
}
#LineScreenData  {
	width: 100%;
}
.BigScreenHeader-Centre{

	font-family: "verdana";
	font-size: 30px;
	text-align: center;
	color: white;
}
.BigScreenData-Centre{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	//background-color: grey;
	color: white;
	//oadding: 60px;
}
.BigScreenData-Left{
	font-size: 15px;
	text-align: left;
	background-color: grey;
	color: white;
	//oadding: 60px;
}