body {
  font-family: "trebuchet ms",arial;
  font-size: 12pt; 
 # background-color: #5F9EA0;
  background-color: #4B6176;
  color: #FFFFFF;
}

.input {
  border: 1px solid #99b3b4;
  background: #e4ebeb 
  font: 11px verdana, sans-serif;
  color:#443;
  padding:3px;
  outline:none;
}

.input:focus {
  border:1px solid #567475;
  background: #e4ebeb;
}

.submit-btn {
  width: 54px;
  height: 20px;
  background:url(login/images/submit.gif) no-repeat;
  outline: none;
  vertical-align:top;
  border:0;
  margin:5px 0 0 0;
  float:right
}

.submit-btn {
  margin:1px 0 0 0;
}

.submit-btn:hover {
  background: url(login/images/submit.gif) no-repeat 0 -20px;
}

.leftedge {
  background-image: none;
  background-repeat: repeat-y;
  margin: 0;
  padding: 0;
  spacing: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/leftedge.png',sizingMethod='scale');
}

.leftedge[class] {
  background-image: url(../imgs/leftedge.png);<td valign="top" align="center" width="3"   bgcolor="#cccccc"><img alt="" width="3" border="0" src="imgs/shim.gif" /></td>
}

.rightedge {
  background-image: none;
  background-repeat: repeat-y;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../imgs/rightedge.png',sizingMethod='scale');
}

.rightedge[class] {
  background-image: url(../imgs/rightedge.png);
}


h1 {
  font-family: "trebuchet ms",arial;
  font-size: 30pt; 
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px;
}

table.miles {
  border: 1px solid #999999;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px 0px;
  spacing: 0px;
  font-size: 10pt;
}

th.miles {
  border: 1px solid #999999;
  border-collapse: collapse;
  background-color: #ADD8E6;
  text-align: left;
  padding: 0px 10px;
  margin: 0;
  spacing: 0; 
  color: #000000; 
}

td.miles { 
  border-collapse: collapse; 
  border: 1px solid #999999;
  background-color: #FFFFFF;
  text-align: right;
  padding: 0px 10px;
  margin: 0;
  spacing: 0;
  color: #000000;
}

a {
  color: #FFFFFF;
  text-decoration: none;
}

a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.notes{
  font-size: 11px;
  background-color: #fff;
  text-align: left;
  color: #4B6176;
  margin: 20px;
}

.quote{
  width: 560px; 
  align: center; 
  font-size: 12pt;
  font-weight: bold;
}

.dropshadow{
	float:left;
	clear:left;
	background: url(imgs/shadowAlpha.png) no-repeat bottom right !important;
	background: url(imgs/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;	
	padding: 0px;        
        z-index:100;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:0px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}

.innerbox p{		
	font-size:14px;
	margin: 3px;
}

#slant {align: center; border-top:5px solid #4B6176; border-bottom:5px solid #4B6176; background-color: #4B6176;}


/* the stylesheet */
#slant {padding:0; margin:0; list-style:none;}
#slant li {float:left; text-align:center; margin-right:-20px;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 5px; height:25px; background:#ADD8E6; float:left; cursor:pointer; color:#4B6176; line-height:24px;}

#slant a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#ADD8E6;}

#slant a span {height:0; border-top:25px solid #ADD8E6; border-right:25px solid #4B6176;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid #4B6176; border-right:5px solid #ADD8E6;}

#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid #4B6176; border-left:5px solid #ADD8E6;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#fff;}

#slant a:hover em {color:#030; background:#fff;}
#slant a.selected em {color:#030; background:#87CEEB;}

#slant a:hover b.p1,
#slant a:hover b.p2, 
#slant a:hover b.p3, 
#slant a:hover b.p4, 
#slant a:hover b.p5 {border-right-color:#fff; background: #fff;}

#slant a:hover b.p6, 
#slant a:hover b.p7, 
#slant a:hover b.p8, 
#slant a:hover b.p9, 
#slant a:hover b.p10 {border-left-color:#fff; background: #fff;}

#slant a.selected b.p1,
#slant a.selected b.p2,
#slant a.selected b.p3,
#slant a.selected b.p4,
#slant a.selected b.p5 {border-right-color:#87CEEB; background: #87CEEB;}

#slant a.selected b.p6,
#slant a.selected b.p7,
#slant a.selected b.p8,
#slant a.selected b.p9,
#slant a.selected b.p10 {border-left-color:#87CEEB; background: #87CEEB;}

#slant a:hover span {border-top-color:#fff;} 
#slant a.selected span {border-top-color:#87CEEB;}

#slant a.selected:hover b, 
#slant a.selected:hover em, 
#slant a.selected:hover span {cursor:default;}