﻿html,body 
{
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    height: 100%;
	min-height: 100%;
    border: none;
    font-size: 11pt;
    font-family: Arial;
	color:#494C49;
}

#map,#map1,#map2,#map3,#Select_track,#Select_trace,#Admin {
    width: 100%; 
    height: 100%
}

#aspnetForm {
    width:100%;
    height:100%;  
}

.input {     
	border: 1px solid; 
	background: #FEFEED;
    width: 120px;
}

.inputbig {    
	vertical-align: bottom;
	font-size: 13px;
	border: 1px solid; 
	background: #FEFEED;
    width: 150px;
    height: 20px;
}

.button {     
	border: 1px solid; 
	font-size: 13px;
    background: #C2E1FF;
    height: 24px;
    width: 120px;
}

.buttonnarrow {     
	border: 1px solid; 
	font-size: 13px;
    background: #C2E1FF;
    height: 24px;
    width: 80px;
}

.buttonredwide {     
	color:#FFFFFF;
	font-size: 13px;
	border: 1px solid; 
	border-color:Gray;
    background: #EB4040;
    height: 24px;
}

.buttonred {   
	color:#FFFFFF;
	font-size: 13px;
	border: 1px solid; 
	border-color:Gray;
    background: #EB4040;
    height: 24px;
    width: 120px;
}

.buttonrednarrow {   
	color:#FFFFFF;
	font-size: 12px;
	border: 1px solid Gray; 
	background: #EB4040;
    width: 60px;
}

.tablelist {
	border-collapse:collapse;
	text-align: left;
	background-color:#EFEFEF;
	width:201px;
}

A:link {color: #112151}
A:visited {color: #112151}
A:active {color: #112151}
A:hover {color: Blue;}

.TblLogin {
	background-image: url('http://www.xyonmap.com/images/xyonmap_r1614x264.png');
    width:100%;
    height:100%;  
	
}

.routetable1 {
    width:100%;
    height:100%;  
}

.htmlControl {
	border:solid black 1px;
	background-color:white;
	color:black;
	font-family:Verdana,Arial;
	font-size:10px;
	text-align:center
}

.htmlButton {
	cursor:pointer;
	margin:1px;
	padding:1px
}

#DataLoadingTag {
    background-color:#3399cc;
    border:solid 1px gray;
    padding:1ex;
    margin:1px; 
    font-weight:bold; 
    font-size:22px; 
    text-align:center;
    vertical-align:top;      
}

.headerSmall {
    font-weight: bold; 
	font-family: "trebuchet MS";
}


/**
 * Styling for the tab navigation menu
 */
.tabletabmenu {
	background-image: url('../../Images/Layout/gradient-top3.jpg');
	width: 100%;
	height: 60px;
	border-collapse: collapse;
}

.celltab {
	text-align: center;
	width: 130px;
}

.celltabselected {
	background-color: #58ACFA;
	text-align: center;
	width: 130px;
}

.celltabheaderleft {
	background-image: url('../../Images/Layout/line-horizontal-gray3.gif');
}

.celltabheadercenter {
	background-image: url('../../Images/Layout/line-horizontal-gray3.gif');
	background-position: right;
}

.celltabheaderright {
	background-image: url('../../Images/Layout/line-horizontal-gray3.gif');
}


.celltabspacer {
    background-image: url('../../Images/Layout/line-vertical-gray.gif');
    background-repeat: repeat-y;
    width:2px;	
}

.linktab 
{	
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    font-family: "trebuchet MS";
}

.deviceheader {
	color:#CCCCCC;
	Font-Size:20px;
	font-family:Arial Black;
	font-weight:bold;
}


/*Modal Popup*/
.modalBackground
{
/*	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;*/
}

.modalPopup img {
	border:solid 5px #fff;
}

.modalPopup-text {
	display:block;
	color:#000;
	background-color:#fff;
	text-align:center;
	border:solid 2px #000;
	padding:10px;
}
.modalPopup-text input {
	width:75px;
}    
.feedback {
	color: #00cc00;
	font-weight: 700;
}

/**/
.admin-top-spacer 
{
	height: 50px;
}

.admin-input-spacer 
{
	height: 5px;
}
