/*
Dark Blue:   009cda
Light Blue:  6ec6f1
Grey:        616265
*/

* {
	color: #000000;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 1.0em;
}


html {
	margin: 0;
	padding: 0;
}

body {
	margin:0;
	padding:0;
  background-color: #ffffff;
}

p { 
	margin-top: 0;
	text-align: justify;
	font: normal 0.85em Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

table {
  text-align: left;
  border: 1px solid black;
  border-collapse:collapse;
}

th {
  border: 1px solid black;
  padding: 4px;
  font-weight:bold;    
  font-size:0.85em;
  background-color:#c0c0c0;
}

td {
  border: 1px solid black;
  padding: 4px;
  font-size:0.85em;  
}

ul 
{
  font-size:0.8em;
}

h1 {	
	background: orange;
	font: bold 1em Arial,Verdana,sans-serif;
	text-align:left;
	color: #000000;
	padding: 2px 2px 2px 7px;
	margin:0 0 5px 0;
}

h2 {
	color: #009cda;	
	font: bold 1em Arial,Verdana,sans-serif;	
	margin-bottom: 2px;
}

h3 {  
	color: #009cda;	
	font: bold 0.8em Arial,Verdana,sans-serif;	
	text-align:center;
	margin: 2px 0 2px 0;
	padding:0;
}

hr 
{
  height:1px;
  color:#009cda;
}

/* Form Elements */

input[type="text"] 
{
  font-size:0.8em;
  background-color: #fff5e8;
}

input[type="submit"] 
{
  font-size:0.8em;
  background-color: #fff5e8;
}

textarea 
{
  font-size:0.8em;
  background-color: #fff5e8;
}

label.sendForm
{
  float:left;
  width:100%;
	font-size:0.8em;
	font-weight: bold;
  margin: 5px 20px 3px 0px;
  clear: left;
}

fieldset 
{
  border:1px solid orange;
  margin-top: 1.4em;
  padding: 0.6em;
}

legend 
{
	font: bold 1.0em Arial,Verdana,sans-serif;	
  color: #009cda;
}

/* ***** */


img 
{
  border-style: none;
}

li
{
  list-style-image: url(/images/bluesquare8x8.jpg);
  padding: 0 0 8px 0px;
  margin: 0;  
}

a {color:#015daa; padding:2px;}
a:visited {color:#015daa;}
a:hover {color: #ff0000;}

/* Specific Elements */

#topContainer {
	width:790px;
	margin: 5px auto 5px auto;
}

#header {
	background: url(images/PhonyText-Logo.jpg) no-repeat top left;
	background-color: white;
	position:relative;
	width:790px;
	height:100px;
	text-align: right;
	vertical-align:text-bottom;
}

#menubar {
  background-color: #ffcb58;
	font:bold 0.75em verdana,san-serif;
	margin:0 auto 0 auto;
	padding:4px 0 4px 0;
	height:20px;
  border-bottom: solid 2px orange;
}

#mainContent 
{
	width:790px;
	margin:0 auto 0 auto;
	height:100%;
}

#footer {
	background-color: #ffcb58;
	height:20px;
	font-size:0.65em;
	width:790px;
	margin:5px auto 0px auto;
	padding:3px 0 0 0;
	text-align:center;
	border-top:2px orange solid;
	clear:both;
}



#divLoginBar 
{
	float:right;
	font:bold 0.8em verdana,san-serif;
  padding:0;
  margin:0;
}


#fullPanel {
	width:100%;
}

#leftPanel {	
	float:left;
	width:500px;
	margin:0;
	padding:0;
	height:100%;
}

#rightPanel 	
{
  float:right;
	width:260px;
	height:100%;
	margin:0 0 auto 0;
	padding:0 10px 10px 10px;
	background-color:#e0e0e0;
	overflow:hidden;
}


#sendTest
{
  margin-bottom:0px;
  padding:0px 5px 5px 5px;
  background-color:#fdebcf;
  clear:both;
}


#howItWorks
{
  border: solid 2px orange;
  margin-bottom:0px;
  padding:0px 5px 5px 5px;
  background-color:#ffffff;
}

#byEmail
{
  margin-bottom:0px;
  padding:0px 5px 5px 5px;
  background-color:#fdebcf;
}

#bySMS
{
  margin-bottom:5px; 
  padding:0px 5px 5px 5px;
  background-color:#fffdda;
  clear:both;
}


#divPopUpFilm {
background-color:#010101;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#divPopUp 
{
  border: solid 2px Blue;
  padding:4px;
  position:absolute;
  background-color:#eeeeee;
  width:300px;
  height:200px;
  z-index: 9002;
}

#elPopupMsg
{
  text-align:"center";
  font:bold 0.8em verdana,san-serif;
  color: Blue;
}

p.smallText 
{
	font: normal 0.65em Verdana,Tahoma,Arial,Helvetica,sans-serif;
  margin-bottom:0px;
}

.msgBox
{
  border:solid 2px #009cda;
  background-color:#ffffdd;
  font-weight:bold;
  text-align:center;
  width:400px;
  margin:0 auto 0 auto;
  padding:10px;
}

.inputMsgSend
{
  font-family:Courier New,Tahoma;
}

/* -- Legal Pages Styling -- */
#legalContent, #errorPage {
	width:790px;
	margin:0 auto 0 auto;
	padding:0;
}
#legalContent p 
{
  margin: 0 0 5px 0;
  padding: 0;
}
#legalContent li
{
  list-style-image: none;
  list-style-type: upper-alpha;
}