body {
  background-color: #ddd;
  text-align: center;
}

body, p, ol, ul, td, th {
  font-family: arial, sans-serif;
  font-size:   12px;
  color: #111;
}

th { font-weight: bold; text-align: left;}

li {
	margin-left:35px;
}
a:link, a:visited { text-decoration: none; color: #111; }
a:hover, a:active { text-decoration: none; color: #00528E; }

#termsLink a:link, a:visited { color: #00528E; }
#termsLink a:hover, a:active { text-decoration: underline; color: #FD1813; }

a img {
    border: none;
}

a:active
{
outline: none;
}

h1 {
  line-height: 26px;
  font-size:22px;
}

h2 {
  line-height: 22px;
  font-size:18px;
}

#homeHeader {
  position: absolute; 
  z-index: 10; 
  width:757px; 
  xheight:300px; 
  xpadding: 0 0 0px 0;
  left:25px;
  border: none;
}

#smallBanner {
  position: absolute; 
  z-index: 10; 
  width:757px; 
  xheight:90px; 
  xpadding: 0 0 0px 0;
  left:25px;
  border: none;
}

#container
{
	position:relative;
	margin: 0px auto;
	padding: 0;
	width: 807px;
	text-align: left;
	xheight: 100%;
	background-image: url(../img/edges.jpg);
	}

  /* for understanding browsers */
  #containerInternal {
	position: relative;
  min-height:700px; 
  height:auto;
  }
  /* for Internet Explorer */
  /*\*/
  * html #containerInternal {
  height: 700px;
  }
  /**/

.fadePhoto {
	position: absolute;
	top:0px;
	left:0px;
}

div#menu {
	position: absolute;
	width: 757px;
	left: 25px;
	top: 272px;
	padding-top:0px;
	background: #fff;
	font: 70% Arial,sans-serif;
	z-index: 10;
}
div#menuSmall {
	position: absolute;
	width: 757px;
	left: 25px;
	top: 90px;
	padding-top:0px;
	background: #fff;
	font: 70% Arial,sans-serif;
	z-index: 10;
}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0;}
ul#nav{margin-left: 5px;width:650px;}
ul#nav li{float:left;margin-right: 2px;text-align: center;}
ul#nav a{float:left;width: 70px;padding: 5px 2px 5px 2px;background: #bbb;text-decoration:none;color: #666}
ul#nav a:hover{background: #00528E;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FD1813;color: #fff}

#loginInfo {
	position: absolute;
	right:2px;
	top:2px;
	text-align:right;
	font-size: 10px;
}

#tile {
	position: absolute;
	right: 0px;
	top: 0px;
	height:272px;
	width: 272px;
	text-align: center;
}

#tile p {
	 font-size:14px;
}

#content {
	background-color: #fff;
	position: relative;
	padding-top: 320px;
	width: 757px;
	text-align: left;
	margin-left:25px;
	margin-right: 25px;
	padding-bottom: 20px;
}
#contentSmall {
	background-color: #fff;
	text-align: left;
	margin-left:25px;
	margin-right: 25px;
	padding-top: 138px;
	padding-bottom: 20px;
}

.margin {
	margin-left: 5px;
	margin-right: 5px;
}

#statusBar {
	position: relative;
	clear: both;
	margin-bottom: 20px;
	width: 757px;
	font-size: 10px;
	color: #aaa;
	border-top: 1px dotted #aaa;
}

#statusBarLeft {
	position: relative;
	padding-left: 5px;
	float: left;
	text-align:left;
}
#statusBarRight {
	width: 500px;
	position: relative;
	padding-right: 0px;
	float:right;
	text-align:right;
}
#statusBarLeft a:link, a:visited { text-decoration: none; color: #aaa; }
#statusBarLeft a:hover, a:active { text-decoration: underline; color: #00528E; }

.productBox {
	position: relative;
	background: #D4D9DF url(../img/fadeBg.jpg) repeat-x;
	width:400px;
	margin-left:15px;
	margin-right: 15px;
	margin-bottom: 25px;
	margin-top: 25px;
	padding: 10px;
	text-align: left;
}

#tlNumbers {
	position: relative;
	width:400px;
	margin-left:15px;
	margin-right: 15px;
	margin-bottom: 25px;
	margin-top: 0px;
	padding: 10px;
	text-align: center;
}

ul.learnMore,ul.learnMore li{margin:0;padding:0;list-style-type:none}
ul.learnMore {position:absolute;top:10px; right:10px;}
ul.learnMore li{float:left;width:90px;margin-right: 5px}
ul.learnMore a{display:block;width:90px; padding:3px;
    background: #fff;color: #111;
    text-decoration:none;text-align:center}
ul.learnMore a:hover{background: #FD1813;color:#FFF}


#rightHandSide {
	position: relative;
	float: right;
}
#signInBox {
	background: #304E70 url(../img/darkBg.jpg) repeat-x;
	width:250px;
	margin-right:15px;
	margin-bottom:25px;
	padding: 10px;
	text-align: left;
}
#registerBox {
	background: #304E70 url(../img/darkBg.jpg) repeat-x;
	width:250px;
	margin-right:15px;
	margin-bottom:25px;
	padding: 10px 10px 0px 10px;
	text-align: left;
}

#registerBox p {
		color: #fff;
}

#incidentBox {
	background: #304E70 url(../img/darkBg.jpg) repeat-x;
	width:250px;
	margin-right:15px;
	margin-bottom:25px;
	padding: 10px;
	text-align: left;
}

#incidentBox p {
		text-align: center;
		color: #fff;
}
#incidentBox input {
	margin: 10px;
}

input {
        border-top: 1px solid #666;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #666;
        padding:2px;
        background-color: #fff;
        } 

textarea {
        background-color:#FFF; 
        border-top: 1px solid #666;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #666;
        }

select {
        font-size: 10px;
        border-top: 1px solid #999;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        border-left: 1px solid #999;
        background-color: #fff;
        }

ul#chooseSplit,ul#chooseSplit li{margin:20px;margin-left:20px;padding:0;padding-top:15px;list-style:none}
ul#chooseSplit li{position:relative;float:left;width:160px;margin:0 15px 15px 0; text-align:center;}
ul#chooseSplit p{margin:0;padding:5px 8px 15px}
li.choose{background: #D4D9DF url(../img/fadeBg.jpg) repeat-x; cursor: pointer;}

ul#theServices,ul#theServices li{margin:20px;padding:10px;list-style:none}
ul#theServices li{position:relative;float:left;width:300px;margin:0 20px 20px 0; text-align:left;}
ul#theServices p{margin:0;padding:10px 0px 15px; font-size:10px;color:#444;clear:left;}
li.service{position: relative; background: #DEE2E6 url(../img/fadeBg.jpg) repeat-x;}

div.sAction{float:left; width:60px;margin-right:10px;}
div.sAction a{display:block; width:60px;padding:2px;background: #fff;color: #111;text-decoration:none;text-align:center;text-transform:uppercase;font-size:10px;}
div.sAction a:hover{background: #FD1813;color:#FFF}

div.footerButtons{float:right; width:150px;margin-right:15px; margin-top:5px;}
div.footerButtons a{display:block; width:146px;padding:2px;background: #FD1813;color: #fff;text-decoration:none;text-align:center;font-size:10px;}
div.footerButtons a:hover{background: #00528E;color:#FFF}

div.addButtons{ width:250px; }
div.addButtons a{display:block; width:250px;padding:2px;background: #FD1813;color: #fff;text-decoration:none;text-align:center;font-size:11px;}
div.addButtons a:hover{background: #00528E;color:#FFF}

div.curvyButton a{display:block;padding:2px;background: #fff;color: #111;text-decoration:none;text-align:center;text-transform:none;font-size:12px; font-weight: bold;}
div.curvyButton a:hover{background: #FD1813;color:#FFF}

div.curvyBlueButton a{ display:block; padding:3px;margin:5px;background: #ccd;color: #668;text-decoration:none;text-align:center;font-size:12px; font-weight: bold;}
div.curvyBlueButton a:hover{background: #FD1813;color:#FFF}



.pinIcon {
	position: relative;
}


.pinTitle {
	color: 00528E;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
.pinDetails {
}
.pinDetails li {
	list-style:none;
	font-size: 10px;
	color: #444;
	text-align: left;
	padding: 2px;
}
pinDetails div,ul {
	text-align: left;
	margin: 0;
	padding: 0;
}

#historyTable {
	
}

#historyTable th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	padding-bottom: 6px;
}

#historyTable td {
	padding: 3px;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
}

#historyTable tr.highlight {
	background-color: #00528E;
}
#historyTable tr.highlight td {
	color: #fff;
}

.adminTable {
	
}

.adminTable th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	padding-bottom: 6px;
}

.adminTable td {
	padding: 3px;
	border-bottom: 1px solid #ddd;
	font-size: 10px;
}

.adminTable tr.highlight {
	background-color: #00528E;
}
.adminTable tr.highlight td {
	color: #fff;
}

.adminTable a:link, .adminTable a:visited { color: #f00;}
.adminTable a:hover, .adminTable a:active { color: #fff; }



.options { float: right; }
.options li { display: inline; font-size: 11px;}

#buddyList,#homeSafeList { list-style-type: none; width: 100%; margin-top: 10px; }
#searchResultsList { list-style-type: none; width: 50%; margin-top: 10px; }
.buddy,.homeSafe,.searchResult { background-color: #ddd; margin: 0; border-bottom: 1px solid #ddd; padding: 3px;}
.buddyDesc,.homeSafeDesc,.searchResultDesc { float: left; }
.buddyDesc p,.homeSafeDesc p { font-size: 10px; padding: 0; margin: 0; }
.buddyDesc h3, .homeSafeDesc h3 { font-size: 13px; padding: 0; margin: 0; }
.buddy_flip,.homeSafe_flip,.searchResult_flip { background-color: #eee; }
.buddy_first, .homeSafe_first, .searchResult_first {border-top: 1px solid #ddd;}

.clearer { clear: both; }














/* legacy styles */

.smallText {
    font-size: 10px;
}

.miniText {
    color: #aaa;
    font-size: 10px;
}

.registrationTable {
    border: 1px solid #aaa;
    background-color: #eee;
    padding: 10px;
	clear: both;
}

.registrationTable th {
    background-color: #ddd;
    font-weight: bold;
}

#statsBox {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#backBox {
    position: absolute;
    top: 25px;
    left: 25px;
	width: 80px;
}
.noMargin {
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
}
.border {
        border: 1px solid #000;
}
.defaultButton {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        border-top: 1px solid #999;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        border-left: 1px solid #999;
        background-color: #fff;
        padding-left: 4px;
        padding-right: 4px;
        }

.regButton {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #333;
        border-top: 1px solid #999;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        border-left: 1px solid #999;
        background-color: #fff;
        padding-left: 4px;
        padding-right: 4px;
        }
		.error {
		        color: #cc0000;
		}
		.white {
		        color: #FFFFFF;
		        text-decoration: none;
		}