/* filename: mobile.css */

/*
 * Color Legend
 * 
 * #02549D = Medium Blue
 * #A6A394 = Golden Gray
 * #50A9D4 = Sky Blue
 * #666666 = Medium Gray
 * #FFFFFF = White
 * #000000 = Black
 *
 */

body
{
   font-size: 9px;
   font-family:Verdana, Arial, Helvetica, BBSansSerif, sans-serif;
   background-color: #FFFFFF;
}
a
{
	text-decoration: none;
}

#nav 
{
	background-color: #A6A394;
	color: #FFFFFF;
	vertical-align: middle;
	border-bottom: 1px solid #000000;
}

#nav a {
	color: #000000;
	text-decoration: none;
}

#nav table
{
	padding: 0;
    margin: 0;
}

#nav td
{
	background-color: #A6A394; 
	text-align: left;
	padding: 0;
    margin: 0;
}

h1 
{
	color: #02549D;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;	
	padding: 0;
	margin: 2px 0 0 0;
}

h2 
{
	color: #50A9D4;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;	
}


ul {
	list-style-type: none;
	margin-left: 20px;
	padding-left: 0;
}

ul.steps li:before {
    content: "\00BB \0020";
}

form 
{
	margin: 0 auto; 
}

form td {
	text-align: left;
}
form td.label {
	text-align: right;
	background-color: #02549D ;
}

label {
	background-color: #02549D;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	width: 40px;
}

.row
{
	background-color: #FFFFFF;
	padding-bottom: 2px;
}

.info
{
	text-align: center;
	background-color: #ff9f00;
    color: #02549D;
	margin-left: 50%;
}

.callerid
{
   color:#02549D;
   font-weight:bold;
   text-align:left;
   width: 90px;
}


.callerid span 
{
	font-size: 9px;
	font-weight: normal !important
}

td.buttons
{
	width: 20px;
}

.msg_len
{
   color:#666666;
}

.datetime
{
   color:#50A9D4;
   text-align:left;
   font-size: 8px;
   font-weight: normal !important
}


table {
	width: 100%;
	margin: 2px;
	padding: 0;
	border-spacing: 1px;
}

th
{
	text-align: center;
	background-color: #02549D;
	color: #FFFFFF;
}

td
{
	background-color: #ffffff;
	color: #000000;
	text-align: center;
}

td.phone
{
	color: #02549D;
	text-align: left;
}

p.call {
	margin: 5px 10px;
	border: 1px solid #02549D; 
	text-align: center;
}

p.call strong {
	color: #990099;	
	font-size: 12pt;
	font-weight: bold;
} 

p.call span.phone-number {
	color: #990099;	
	font-size: 12pt;
	font-weight: bold;
}

 
#pages 
{
	background-color: #A6A394;
	color: #000000;
	text-align: center;
	padding: 2px;
	border-top: 1px solid #000000;
}

#pages a:link 
{
	color: #000000;
}

#pages a:visited 
{
	color: #DDDDDD;
}

#pages a:hover, #pages a:active 
{
	background-color: #FFFFFF;
	color: #02549D;
}

/* ==== EOF: mobile.css ==== */