﻿html{}

* html{
    height:100%;
    overflow:auto;
}

body{
	background-color:#FFF;
	font-family:Verdana;
	font-size:60%;
	color:#000;
	margin:0;
	padding:0;
	border:0;	
	overflow-x: hidden;	
}

p{
	font-size:100%;
}

li{
    margin-left:-12px;
}

.ghosted{
    font-family:Arial, Verdana;
    font-size:11px;
    font-weight:bold;
    color:#AAA;
}


#headerholder
{
    position:relative;    
	height:77px;
    width:100%;
    clear:both;
    float:left;  
    background-image:url(../images/topbanner/bkd.jpg);	
}    

#header{	
    position:absolute;
    top:0;
    right:0;
    height:77px;
    width:5px;
    background-color:white;
}

#logo{
    height:77px;
    width:775px;
    background-image:url(../images/topbanner/roadangel_logo_whole.gif);
    background-repeat:no-repeat;    
}
    
#helpholder
{
    font-family:Arial, Verdana;
    position:absolute;
    top:40px;
    right:15px;
    font-size:large;  
    z-index:1005;
	overflow-x: hidden;	    
}    

a.HelpLink:link { color:#FFF; border:0px;     z-index:1000; }
a.HelpLink:visited { color:#FFF; border:0px;}
a.HelpLink:hover {
    color:#C33;    
    border:0px;
    background-color:#EEE;
}
    
#main{
    width:100%;
	margin:0;
	padding:0;
	border:0;
	display:inline;    
}

a{
	color:#00A6EB;
	text-decoration:none;
    border:0px;	
}


a:link { border:0px;}
a:visited { border:0px;}
a:hover {
    color:#C33;    
    border:0px;
}
a:active { border:0px;}

img{
	border:0px;
}

.HideShowDiv{
	margin: 0px 20px 0px 20px;
    display: none;
}	

.xWindowConfirm{
	
}

a.xWindowConfirmYes{
	float:left;
}

a.xWindowConfirmNo{
	float:right;
}

a.MergeLink{}


    

.bluebutton{
    margin: 0 0 -3px 12px;
}

table .journeysmessage{
    color:#666;
    font-size:small;
}

.MapHolder{
    position:relative;
	width:100%;
	height:358px;
	padding:0px;
	border:0px;
	margin:0px;
	float:left;
	clear:both;
}

.MapHolderInner{
    width:98%;
    position:relative;
}

#myMap{
    margin:0 5px 0 6px;
    border: solid 1px #AAA;
    position:relative;
}

/*          ----------- JourneySummaryWindowTable definitions -----------          */
table.JourneySummaryWindowTable
{
    font-family:Arial, Verdana;
	color:#333; 
	border: solid 1px #DFDFDF;     
	background-color:#FAFAFA;	
}

table.JourneySummaryWindowTable td.Label{
	text-align:right;	
	vertical-align: top; 
    font-size:9px;
}

table.JourneySummaryWindowTable td.Data{
	font-weight:normal;
	vertical-align: top; 	
    font-size:10px;	
}

.checkbox{
    margin:5px 15px;
    height:20px;
}


/*          ----------- Virtual Earth definitions -----------          */
table.VehicleCallout{
    font-family:Arial, Verdana;
	border:1px dotted #BBB;
	width:100%;
	margin:2px -5px 0px 0px;
	color:#222;
	background-color:#F5F5F5;
}

table.VehicleCallout a{
    font-family:Arial, Verdana;
    font-size:11px;
    font-weight:bold;
}

table.VehicleCallout tr{
	line-height:20px;
}
table.VehicleCallout td.Label{
	text-align:right;	
	vertical-align: top; 
    font-size:10px;
}

table.VehicleCallout td.Data{
	font-weight:bold;
	vertical-align: top; 	
    font-size:10px;	
}


/*          ----------- Air Traffic Control -----------          */
.iconStyle{
    position:relative;
    top:-1px;
    left:-1px;
}

.atclabel{
    color:#444444;
    position:absolute;
    background-color:#FFFFFF;
    top:-12px;
    left:14px;
    border: 1px solid #777777;
    padding:1px;
    font-size:0.6em;
}

.atclink{
    color:#11FFFF;
    text-decoration:none;		
}
.atclabel a{
    color:#444444;
}
.atclabel a:hover{
    background-color:#4F719D;
    text-decoration:underline;
    color:#EEE;
}

/*          ----------- VE Callouts			-----------          */
.RevGeoLoc{
	margin-top:1%;
}

/*          ----------- Journey Details xslt -----------          */

table.journeysTable{
    width:100%;
	border:1px solid #EEE;	
}

.dayheader{
    background-color:#666;
    color:#F3F3F3;
}

.columnsheader{
    background-color:#999;
    color:#F3F3F3;
}

.oddrow{
    background-color:#F9F9F9;
}

.evenrow{
    background-color:#ECECEC;
}


/*          ----------- Container -----------          */

.container{
    margin:0 6px 0 6px;
    border: solid 1px #AAA;
    border-top: 0;
    clear:both;
    background-color: #F6F6F6;
}

.containerhead{
    height:20px;
    background-image:url(../images/container/ContainerHeadBackLightGrey.jpg);
    border-bottom: solid 1px #AAA;
    border-top: solid 1px #AAA;
    color:#222;
    font-weight:bold;
}

.containerheadtext{
    padding:3px 0 0 5px;
}

.containerbody{}

.inputs{
    margin:7px;
    margin-bottom:7px;
    height:30px;
}

/*          ----------- Form Style -----------          */
.SearchJourneyFormLabel{
	font-weight:bold;
}

/*          ----------- Ajax Loader -----------          */
#JourneyAjaxLoader{
	width:100%;
	text-align:center;	
}

/*			-----------	Log In Page -----------				*/
#logInLeftBar{
	float:left;
	width:10%;
	height:600px;
	background-image:url(../images/topbanner/RAleftBar.jpg);
	margin-left:6px;
	text-align:center;
}

#logInLeftBarNav{
	position:relative;
	top:90%;
	padding:1%;
}

#logInLeftBarNav a{
	color:#CCCCCC;
}

#logInLeft{
	float:left;
	width:50%;
	font-family:Arial;
	font-size:140%;
	margin-left:10px;
}

#logInRight{
	float:left;
	width:320px;
}

table.LogInForm {
	width:270px;
	border:none;
	margin-left:25%;
}

table.LogInForm th{
	background-color:#BECEEB;
	background-color:#333;
	color:#EEE;
	padding:2%;

}

table.LogInForm td{
	padding:2%;
	background-color:#CCCCCC;
	font-weight:bold;
}

/*-LOGOUT PAGE-*/
#LogOutContent
{
	margin-left:1%;
}

#LogOutContent h1
{
	font-size:140%;
}

#LogOutContent p
{
	font-size:120%;
}