body { 
	font-family: Arial, Helvetica, sans-serif;
	background: #ccc;
	margin: auto;
	text-align: center;
	padding: 0;
}
	
a { color: #369; }
a h4, a:visited h4 { text-decoration:none; }

#container, #container2 { 
	width: 750px;
	height: 723px;
	border: 1px solid #960;
	background-color:#fff;
	position: relative;
	text-align: left;
	margin: auto;
	z-index: 1;
}
#container2 { 	height: auto;  }
#container2.signInPage { height: 650px; }
input:focus { background: #ffc; } 
input.hidSubmit { visibility: hidden; }
#hid_blocker {
	position: absolute;
	background: #fff;
	width: 749px;
	height: 701px;
}
#sendLocateFrame { visibility: hidden; }

#errorMessage, .errorMessage { font-weight: bold; color: #FF0000 }
p#messages { width: 300px;  color: red !important; }

div#acctManNav {
	position: relative;
	width: 640px;
	display: block;
	margin: 0;
}
div#acctManNav h3 {
	background-color: #ffc;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 15px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: relative;
	float: left;
}
div#acctManNav h3.selected { background-color: #fff; }
div#acctManNav h3.navTitle {
	font-weight: bold;
	background-color: #0066CC;
}
div#acctManNav h3 a { text-decoration: none; }


	
/*-- HEADER --*/
#header {
	background: #ccc url(../img/bg_header.png) top left no-repeat; 
	width: 750px;
	height: 102px;
	border-bottom: 1px solid #960;
	position: relative;
	z-index: 49;
	cursor: pointer;
}
h1 {
	font-size: 10px;
	color: #333;
	font-weight: normal;
	float: left;
	margin:0;
}	
h1 span {
	font-size: 13px;
	font-weight: bold !important;
}
	

/*-- TEXT STYLES --*/
.note {background-color:#eee; padding: 4px 4px 4px 0;}


/*-- MAIN WINDOW --*/
#main {
	width: 539px;
	float: left;
	background-color: #fff;
	margin: 0px;
	position: relative;
	height: auto;
	z-index: 49;
}
#main h2 {
	color: #006;
	font-size: 12px;
	font-weight: bold;
	margin: 5px auto 2px 0;
}
div#greeting {
	position: relative;
	width: 525px;
	margin: 5px 0 0 10px;
    }

div#greeting h1 { float: left; width: 260px; overflow: hidden; white-space: nowrap;}

div#greeting h1 span {
   font-size: 11px;
   } 	
div#geocoding {
	position: absolute;
	top: 380px;
	left: 30px;
	clear: left;
}
div#geocoding form { margin: 0 0 5px 0; }
h2#cityLabel, h2#provinceLabel { 
	position: absolute; 
	top: 0px;
}
h2#cityLabel { left: 150px; }
h2#provinceLabel { left: 300px; }
input#province { width: 125px; }
div#print {
	position: absolute;
	top: 540px;
	left: 420px;
}


/*-- MAP STUFF --*/
div#mapContainer {
	position: absolute;
	top: 50px;
	width: 534px;
	height: 430px;
	z-index: 49;
}
div#mapContainer div { position: absolute; }
div#map {
	position: absolute;
	width: 454px;
	height: 316px;
	top: 33px;
	left: 60px;
	background-color:#9cf;
}
div#map h6#mapLoading {
	position: absolute;
	top: 100px;
	left: 175px;
	font-size: 14px;
	font-weight: bold;
}
div#zoom {
	top: 60px;
	left: 5px;
	width: 23px;
}
div#zoom div.zoomLevels { position: relative; margin: 2px 0; padding: 0;}
div#zoom div.zoomLevels a  {
	position: relative;
	width: 23px;
	height: 10px;
	border: 1px solid #006;
	line-height: 1px;
	display: block;
	text-decoration: none;
}
div#zoom div.zoomLevels a:hover {
	background-color: #9cf;
}	
div#zoom div.zoomLevels a#selected {
	background-color: #006;
}	
div#north {
	top: 16px;
	left: 232px;
}
div#south {
	top: 351px;
	left: 232px;
}
div#west {
	top: 140px;
	left: 42px;
}
div#east {
	top: 140px;
	left: 514px;
}
div#nw {
	top: 20px;
	left: 46px;
}
div#ne {
	top: 20px;
	left: 506px;
}
div#sw {
	top: 343px;
	left: 46px;
}
div#se {
	top: 343px;
	left: 506px;
}

div#chkRetailers,
div#chkPeople,
div#chkLandmarks {
	position: absolute;
	top: 30px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 11px;
	padding-left: 15px;
}

div#chkPeople { left: 20px; }
div#chkLandmarks { left: 185px; }
div#chkRetailers { left: 360px; }

div#chkRetailers input,
div#chkPeople input,
div#chkLandmarks input {
	float: left;
	clear: both;
	margin-left: -15px;
}

div#chkRetailers p,
div#chkPeople p,
div#chkLandmarks p {
	margin: 0;
	padding: 0;
	padding-top: 0.3em !important; 
}
	
div#mapLegend {
	position: absolute;
	top: 450px;
	left: 380px;
	font-size: 11px;
	margin: 0;
	font-weight: normal;
}

/*  mapCoords */

div#mapCoords {
	position: relative;
	width: 454px;
	height: 316px;
	overflow: hidden;
}
#mapCoords form { margin: 0; }
#mapCoords input:focus { background: transparent; } 
#mapCoords div {
	position: absolute;
	margin: 0;
	padding: 0;
}
div.popUpMap { 
	position: absolute; 
	display: block; 
	color: #000; 
	text-decoration: none;
	padding: 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #960;
	background: #fff top left no-repeat;
	line-height: 14px;
	z-index: -10;
		}
#mapOverlayImage, #mapImageSpan {
	position:absolute; 
	float:left; 
	top:0; 
	left:0; 
	display:block;
}
	

/* sidebar */

#sidebar {
	background-color: #ffc;
	width: 210px;
	margin: 0;
	float: right;
	border-left: 1px solid #960;
	position: relative;
	z-index: 49;
	/* new */
	height: 620px;
}
#sidebar h2 {
	background-color: #b5885c;  
	font-size: 13px;
	color: #fff;
	line-height: 26px;
	border-bottom: 1px solid #960;
	border-top: 1px solid #960;
	padding-left: 10px;
	margin: 0;
	clear: both;
}
#sidebar h3 {
	padding: 5px 10px;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	line-height: 11px;
	margin: 0;
}
h2#locateHistory { border-top: none; }
h2#contactList { background-color: #69c; color: #fff; border: 1px solid #154C82; margin: 0 -1px; }
h3#contactListDesc { background-color: #E7EEF5; border: 1px solid #154C82; margin: 0 -1px; border-bottom: none; border-top: none; }
div#addressBook {
	padding: 0;
	border: 1px solid #154C82;
	border-bottom: none;
	margin: 0 -1px 0px;
	height: 100px;
	overflow: auto;
	background-color: #E7EEF5;
}	

div#addressBookButtons {
	background-color: #E7EEF5 !important;
	margin: 0 -1px;
	border-left: 1px solid #154C82;
	border-right: 1px solid #154C82;
	height: 30px;
	padding: 5px 0;
	width: 210px;
}

div#addressBook div {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	border-bottom: 1px solid #154C82;
   overflow: hidden;
}

div#addressBook h5, div#landmarkList h5 { 
	float: left;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding-left: 5px;
}

h5.people { width: 90px; border-right: 1px solid #154C82; white-space: nowrap; overflow: hidden; color: #369; cursor: pointer; clear: left;}
h5.places { width: 120px; overflow: hidden; color: #369; cursor: pointer; }

h5.people a { text-decoration: none !important; }
h5.people a:hover, div#landmarkList div a:hover{ color: #0000CC !important; }

div#landmarkList {
	border-top: 1px solid #960;
	margin: 10px 0;
	height: 96px;
	overflow: auto;
}
div#landmarkList div { 
	display: block;
	height: 20px;
	border-bottom: 1px solid #960;
	padding: 3px 0px 0 15px;
	font-size: 12px;
	text-decoration: none;
	background:  transparent url(../img/mapicon_landmark.png) 16px 3px no-repeat; 
	margin: 0; 
	overflow: hidden;
}

div#landmarkList div a {
	font-weight: normal;
	text-decoration: none;
	width: 140px !important; 
	display: block; 
	overflow: hidden !important; 
	white-space: nowrap;
	padding-left: 25px;
}



/* buttons */
.button {
        text-indent: -1000px;
        height: 19px;
        /*\*/
        display: block;
        /*/
        display: inline-block;
        /**/
        border: none;
        text-decoration: none;
        cursor: pointer;
        padding: 0;
}

h4 {
	display: block;
	height: 0px !important;
	padding: 19px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 19px;
	margin: 0; 
	cursor: pointer;
}

h4#help {
	background:  transparent url(../img/btn_help.png) top left no-repeat; 
	width: 36px;
	margin: 2px 0 0 5px;
	float: left;
}
h4#logout {
	background:  transparent url(../img/btn_logout.png) top left no-repeat; 
	width: 45px;
	margin: 2px 0 0 5px;
	float: left;
}
h4#manageAcct {
	background:  transparent url(../img/btn_manageacct.png) top left no-repeat; 
	width: 86px;
	margin: 2px 0 0 15px;
	float: left;
}
h4#francais { 
	background: #fff url(../img/btn_francais.png) top left no-repeat;
	width: 57px;
	margin: 2px 0 0 5px;
	float: left;
}
h4#english { display: none; }
h4#clickToBegin {
	background: transparent url(../img/btn_clicktobegin.png) top left no-repeat;
	width: 75px;
	position: absolute;
	top: 450px;
	left: 560px;
}
h4#printPage {
	background: transparent url(../img/btn_print.png) top left no-repeat;
	width: 90px;
	float: left;
}
h4#returnToMain, h4#returnToMain2, h4#returnToLogin, h4#returnToLogin2 {
	background: transparent url(../img/btn_returntomain.png) top left no-repeat;
	width: 82px;
	position: absolute;
	top: 10px;
	left: 600px;
}
h4#returnToMain2, h4#returnToLogin2 { top: 365px; left: 40px; }
h4#returnToLogin, h4#returnToLogin2 { 
	background: transparent url(../img/btn_returntologin.png) top left no-repeat; 
	width: 86px;
}
h4#viewReports {
	background: transparent url(../img/btn_viewreports.png) top left no-repeat; 
	margin: 5px auto 10px 20px;
	width: 67px;
}
h4.add {
	background: transparent url(../img/btn_add.png) top left no-repeat;
	width: 43px;
}
h4.add#addPeople { background: transparent url(../img/btn_addpeople.png) top left no-repeat; margin: 5px 0 5px 0; float: right; }
h4.add#addLandmark { margin-left: 10px; }
h4.sendSMS {
	background: transparent url(../img/btn_sendsms.png) top left no-repeat;
	float: right;
	margin: 5px 5px 5px 2px;
	width: 67px;
		}
h4.addressBook {
	background: transparent url(../img/btn_sendsms_blue.png) top left no-repeat;
	margin: 5px 10px 7px 2px !important;
	margin: 5px 6px 0px 2px;	
}	
h4.smsPeople {
	float: left;
	margin: 10px 0 0 3px;
}
h4.edit {
	background: url(../img/btn_edit.png) top left no-repeat;
	width: 65px;
}
h4.btnEditFamilyMember { 
	float: left;
	margin: 10px 0 0 10px; 
	}
h4.btnEditLandmark {
	float: left;
	margin: 10px 0 0 0;
	position: relative;
}
h4.editLandSch {
	float: right;
	margin: 10px 0;
}
h4.delete {
	background: url(../img/btn_delete.png) top left no-repeat;
	width: 65px;
}
h4.deleteLandmark {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}
h4.deleteLandSch {
	float: right;
	clear: right;
	margin: 10px 0 0 3px;
}

.done {
	background: url(../img/btn_done.png) top left no-repeat;
	width: 75px;
}
h4.cancel, input.cancel {
	background: url(../img/btn_cancel.png) top left no-repeat;
	width: 75px;
}
input.cancel { border: none; height: 23px; cursor: pointer; }
h4.cancelDefault, h4.doneLandmark, h4.cancelAddLandmark, h4.cancelAddPerson, h4.donePerson, h4.cancelSMS,
h4.cancelEditContact {
	position: absolute;
	top: 380px;
	left: 20px;
}
h4.doneLandmark, h4.cancelSMS, h4.cancelEditContact { top: 265px; }
h4.doneLandmark, h4.donePerson { left: 400px; }
h4.cancelSMSAll {
	position: absolute;
	top: 380px;
	left: 110px;
}
h4.doneReports {
	position: absolute;
	top: 365px;
	left: 600px;
}
.next {
	background: url(../img/btn_next.png) top left no-repeat;
	width: 75px;
}
h4.nextAddSch, h4.nextSMS {
	position: absolute;
	top: 380px;
	left: 400px;
}
.previous {
	background: url(../img/btn_previous.png) top left no-repeat;
	width: 75px;
}
h4.prevAddSch {
	position: absolute;
	top: 380px;
	left: 315px;
}
h4.prevAddSch3, h4.previousSMS {
	position: absolute;
	top: 380px;
	left: 315px;
}
h4.submit, h4.submitSMS, h4.submitEditContact, input.submit {
	background: url(../img/btn_submit.png) top left no-repeat;
	width: 75px;
	position: absolute;
	top: 380px;
	left: 400px;
}
input.submit { position: relative; top: auto; left: auto; height: 23px; border: none; cursor: pointer; }
h4.submitSMS, h4.submitEditContact {
	top: 265px;
}
h4.addSch {
	background: url(../img/btn_addschedule.png) top left no-repeat;
	width: 101px;
}
h4.addSchLandmark {
	position: absolute;
	top: 380px;
	left: 290px;
}
h4.locate {
	background: url(../img/btn_locate.png) top left no-repeat;
	width: 53px;
}
h4.locatePeople {
	position: relative;
	float: left;
	margin: 10px 0 0 0;
}
h4.locateAll {
	background: url(../img/btn_locateall.png) top left no-repeat;
	width: 67px;
	float: right;
	margin: 5px 3px 5px 6px;
}
h4.go { 
	background: url(../img/btn_go.png) top left no-repeat;
	width: 38px;
}
h4.showLandmark {
	background: url(../img/btn_show.png) top left no-repeat;
	width: 38px;
	position: absolute;
	top: 160px;
	left: 30px;
}
h4.goPeople { margin-top: 5px; }
h4#zoomIn {
	background: transparent url(../img/btn_zoom_in.png) top left no-repeat;
	width: 23px;
	margin-bottom: 10px;
}
h4#zoomOut {
	background: transparent url(../img/btn_zoom_out.png) top left no-repeat;
	width: 23px;
	margin-top: 10px;
}
div#north h4 {
	background: transparent url(../img/btn_map_n.png) top left no-repeat;
	width: 105px;
}
div#south h4 {
	background: transparent url(../img/btn_map_s.png) top left no-repeat;
	width: 105px;
}
div#nw h4 {
	background: transparent url(../img/btn_map_nw.png) top left no-repeat;
	width: 20px;
}
div#ne h4 {
	background: transparent url(../img/btn_map_ne.png) top left no-repeat;
	width: 20px;
}
div#sw h4 {
	background: transparent url(../img/btn_map_sw.png) top left no-repeat;
	width: 20px;
}
div#se h4 {
	background: transparent url(../img/btn_map_se.png) top left no-repeat;
	width: 20px;
}
h4#poweredBy {
	background: transparent url(../img/poweredby.png) top left no-repeat; 
	position: absolute;
	top: 490px;
	left: 15px;
	cursor: pointer;
}
h4.vertical {
	display: block;
	height: 0px !important;
	padding: 105px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 105px;
	margin: 0; 
	}
div#west h4 {
	background: transparent url(../img/btn_map_w.png) top left no-repeat;
	width: 17px;
}
div#east h4.vertical {
	background: transparent url(../img/btn_map_e.png) top left no-repeat;
	width: 17px;
}
h4.locate_sb {
	background:  transparent url(../img/btn_locate_sm.png) top left no-repeat; 
	float: left;
	width: 43px;
	margin: 2px 3px 2px 6px;
}
h4.sms {
	background:  transparent url(../img/btn_sms.png) top left no-repeat; 
	float: left;
	width: 43px;
	margin: 2px 0 0;
}
h4.landmarkIcon, h4.btnClose, h4.personIcon, h4.landmarkIconSt, h4.landmarkIconMM, h4.landmarkIconMap,
h4.peopleIconMap, h4.poiIconMap  {
	display: block;
	height: 0px !important;
	padding: 15px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 15px;
	width: 15px;
}
h4.landmarkIconSt {  
	background:  transparent url(../img/mapicon_landmark.png) top left no-repeat; 
	margin: 0px 3px;
	float: left; 
	}
h4.landmarkIcon  {
	background:  transparent url(../img/mapicon_landmark.png) top left no-repeat;
}
h4.landmarkIconMM	{
	background:  transparent url(../img/mapicon_landmark.png) top left no-repeat;
	float: none;
	cursor: auto;
	margin: 0;
	position: absolute;
	top: 42px;
	left: 42px;
}
h4.landmarkIconMap {
	background:  transparent url(../img/mapicon_landmark.png) top left no-repeat;
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}
h4.peopleIcon, h4.peopleIconMap {
	background:  transparent url(../img/mapicon_person.png) top left no-repeat;
}
h4.peopleIconMap {
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}
	
	
/* accuracy */		
h4.peopleIconMap0 {
	display: block;
	height: 0px !important;
	padding: 15px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 25px;
	width: 15px;
}
h4.peopleIconMap0 {
	background:  transparent url(../img/mapicon_person2.png) top left no-repeat;
}
h4.peopleIconMap0 {
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}

h4.peopleIconMap1 {
	display: block;
	height: 0px !important;
	padding: 15px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 25px;
	width: 15px;
}
h4.peopleIconMap1 {
	background:  transparent url(../img/mapicon_person2.png) top left no-repeat;
}
h4.peopleIconMap1 {
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}

h4.peopleIconMap2 {
	display: block;
	height: 0px !important;
	padding: 15px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 25px;
	width: 15px;
}
h4.peopleIconMap2 {
	background:  transparent url(../img/mapicon_person2.png) top left no-repeat;
}
h4.peopleIconMap2 {
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}
	
	
h4.poiIcon, h4.poiIconMap {
	background:  transparent url(../img/mapicon_poi.png) top left no-repeat;
}
h4.poiIconMap {
	/* offset by 8 pixels to center icon on map point */
	position: relative;
	top: -8px;
	left: -8px;
}
h4.btnClose {
	background: transparent url(../img/btn_close.png) top left no-repeat;
	position: absolute;
	top: 10px;
	left: 470px;
}
h4.closeReportsBox {
	left: 670px;
} 

/*--- Fix for button links bug making alpha turn off in IE when ENTER key hit ---*/
span#viewReports, span.locate_sb, span.sms, span#addPeople, span#sendSMS, div.landmarkIconSt  { 
	height: 19px;
	display: block;
}
#sidebar span a { 
	display: block;
	height: 0px !important;
	padding-top: 19px;
	overflow: hidden;	
}

span#viewReports { background: transparent url(../img/btn_viewreports.png) top left no-repeat;	margin: 5px auto 10px 20px; width: 67px; }
span#addPeople, span#addLandmark { background: transparent url(../img/btn_addpeople.png) top left no-repeat; width: 43px; margin: 5px 5px; float: left;  }
span#locateAll { background: url(../img/btn_locateall.png) top left no-repeat; width: 67px; margin: 5px 3px; float: left;  }
span#sendSMS { background: transparent url(../img/btn_sendsms_blue.png) top left no-repeat; width: 67px; margin: 5px 3px; float: left; }
span#addLandmark { margin-left: 10px; float: left; }


span.locate_sb { background:  transparent url(../img/btn_locate_sm.png) top left no-repeat; float: left; width: 43px; margin: 2px 3px 2px 6px; }
span.sms { background:  transparent url(../img/btn_sms.png) top left no-repeat; float: left; width: 43px;	margin: 2px 0 0; }

/*-- POPUP DIALOG BOXES --*/

div#popUpAlpha {
filter:alpha(opacity=70);  /* for IE */
-moz-opacity:0.7;        /* for moz browsers */
	position: absolute;
	top: 103px;
	left: 2px;
	width: 1px;
	height: 1px;
	background-color: #fff;
	z-index: 99;
}
div.popUp {
	border: 1px solid #630;
	position: absolute;
	top: 122px;
	left: 20px;
	width: 500px;
	height: 450px;
	background: #fff url(../img/bg_popups.png) top left repeat-x; 
	}
div.short { height: 310px; }
div.popUpConfirm {
	border: 1px solid #630;
	position: absolute;
	top: 250px;
	left: 100px;
	width: 300px;
	height: 170px;
	background: #fff url(../img/bg_popupsConfirm.png) top left repeat-x; 
	}
div.popUpErrorLocate {
	border: 1px solid #630;
	position: absolute;
	top: 250px;
	left: 100px;
	width: 300px;
	height: 220px;
	background: #fff url(../img/bg_popupsConfirm.png) top left repeat-x; 
	}
div.popUpMessage, div.popUpMessage2, div.popUpMessage_scroll {
	border: 1px solid #000;
	position: absolute;
	top: 250px;
	left: 100px;
	width: 300px;
	background: #fff url(../img/bg_popupsConfirm.png) top left repeat-x; 
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

input.popUpCancel2 { margin-top: 10px !important; }	
input.popUpCancel2 { float: right; }	
input.popUpSubmit, input.popUpCancel,input.popUpOK  { border: none !important; }

input.popUpOK {
	background: url(../img/btn_ok.png) top left no-repeat;
	margin-top: 10px;
	width: 29px;
	height: 21px;
	float: right;
	cursor: pointer;
}
div.popUpMessage_scroll input.popUpOK { margin: 30px 10px 10px 0; }
input.popUpCancel {
	background: url(../img/btn_cancel.png) top left no-repeat;
	width: 75px;
	height: 19px;
	float: left;
}

input.popUpSubmit {
	background: url(../img/btn_submit.png) top left no-repeat;
	float: right;
	height: 19px;
	width: 75px;
}

div.popUpMessage2 {
	min-height: 100px !important;
	height: auto !important;
}
div.popUpMessage_scroll {
	min-height: 80px !important;
	height: auto !important;
	padding-bottom: 2px !important;
}
div.reports { width: 700px; }
div.popUp h3 {
	color: #fff;
	position: absolute;
	background: #fff url(../img/bg_popups.png) top left repeat-x; 
	}
h3.primary {
	font-size: 16px;
	line-height: 20px;
	left: 10px;
	top: -5px !important;
	top: 8px; 
	}
h3.secLandmark	{
	border-bottom: 1px solid #630;
	font-size: 12px;
	line-height: 20px;
	width: 500px;
	clear: left;
	position: absolute;
	top: 160px;
	left: 0;
}
h5.heading {
	color: #000;
	font-size:15px;
	margin: 0;
	line-height: 25px;
}
h5.heading span { font-weight: normal; }
h5.smsHint, h5.addPersonDiscl, h5.addLandmarkHint, h5.addPersonHint {
	color: #000;
	font-size: 11px;
	position: relative;
	font-weight: normal;
	width: 250px;
}
h5.smsHint { width: 350px; }
h5.addLandmarkHint { line-height: 12px; }
h5.recipient, h5.addPersonDiscl {
	position: relative;
}
h5.addPersonDiscl, h5.addLandmarkHint, h5.addPersonHint, h5.addSchPersonHint { width: 450px; font-weight: normal; }
div.smsInnerBox, div.addPersonInnerBox, div.addLandmarkInnerBox, div.addSchPeople {
	position: relative;
	top: 50px;
	left: 20px;
}
h5.addPersonDiscl {
	position: relative;
	top: -25px;
  line-height: 11px;
}
#hid_addPerson h4 {
	margin-top: 15px !important;
}
#hid_addPerson h4.btnClose {
	margin-top: 0 !important;
}
span.maxLength, h5#maxLengthSMS { font-size: 10px; margin-left: 20px; margin-top: 0px;  }
span.maxLength {  margin-left: 68px !important;  }
div.editSchPeople, div.editSchLandmark {
	position: relative;
	top: 40px;
	left: 20px;
}
div.addSchLandmark {
	position: relative;
	top: 70px;
	left: 20px;
}
div.addPersonInnerBox h5.heading, input.addPersonSave, input.submitSchedule { margin-top: 15px; }
div.smsInnerBox input {
	margin: 20px 0 0 20px;
}
input.smsInput, input.smsInputAll { width: 300px;  }
input.addPerson, input.addPerson2 { 
	position: relative; 
	width: 40px; 
	margin: 0 5px; 
	}
input.addPerson2 { width: 60px; }
input.addPersonName, input.addLandmarkName { width: 150px; margin-left: 20px; }
h5.subHeading, h5.removePeople {
	color: #000;
	font-size: 12px;
	margin: 10px 0 0 0;
}
h5.subHeading2 {
	color: #000;
	font-size: 12px;
	margin: 2px 0 0 0;
	font-weight: normal;
}
h5.systemMsg, h5.systemMsgLocate { 
	font-weight: normal;
	color:#C00;
	font-size: 12px;
	margin: 10px 0 0 0;
}
h5.systemMsgLocate {
	color: #333;
}
h5.removePeople { 
	clear: left; 
	margin: 0; 
	font-size: 10px; 
	padding: 0 0 0 220px; }
h5.smsChkBx { 
	margin: 0 2px 0 0;  
	display: block; 
	}
	
div.smsList, div.landmarkListAddSch, div.landmarkListEditSch, div.peopleListSchLandmark {
	position: relative;
	overflow: auto;
	border: 1px solid #960;
	width: 350px;
	height: 120px;
	padding: 3px;
}
div.smsList {
	padding: 10px;
}
div.smsList input {
	margin: 0;
}
div.smsList h5 {
	margin:  0 0 1em !important;
}
div.peopleListSchLandmark { margin-top: 20px; }
div.landmarkListAddSch {
	height: 100px;
	margin-top: 10px;
}
div.landmarkListEditSch { height: 60px;  }
h5.close {
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
	position: absolute;
	top: 0;
	left: 380px;
	margin: 0 0 0 10px;
	margin: 10px 0 0 10px; !important;
}
h5.closeReports { left: 580px; }
div.miniMap {
	border: 1px solid #630;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50px;
	left: 30px;
}
div.landmarkInfo {
	position: relative;
	clear: left;
	margin: 50px auto 20px 170px;
}
div.peopleInfo {
	position: relative;
	clear: left;
	margin: 50px auto 20px 30px;
}
div.schLandmark {
	position: absolute;
	border: 1px solid #630;
	width: 400px;
	height: 130px;
	overflow: auto;
	top: 210px;
	left: 50px;
}
div.schLandmark div {
	font-size: 12px;
	padding: 5px 5px;
}
div.schLandmark div div {
	width: 220px;
	display: block;
	float: left;
}
div.schLandmark div div span { 
	font-weight: bold;
}
div.reportContainer {
	height: 250px;
	width: 650px;
	border: 1px solid #630;
	position: absolute;
	top: 105px;
	left: 25px;
	font-size: 12px;
	font-weight: bold;
}
div.reportTabs {
	width: 450px;
	height: 20px;
	position: absolute;
	top: 86px;
	left: 25px;
}
div.reportTabs h5 { 
	background-color: #999; 
	cursor: pointer;
}
div.reportTabs h5, div.reportContainer h5 {
	width: 100px;
	font-size: 11px;
	color: #fff;
	text-align: left;
	vertical-align: middle;
	float: left;
	padding: 2px 5px;
	margin: 0 2px 0 0;
	border: 1px solid #630;
	text-decoration: none;
}
div.reportTabs h5.selectedTab {
	background-color: #c96;
}

input.addLandmark {  margin: 0; }

div.addLandmarkInnerBox h5.subHeading span,
div.peopleInfo h5.subHeading span, 
div.lastUpdate h5.subHeading span,
div.addSchPeople h5.subHeading span,
span.people,
span.places, 
div.editSchPeople h5.subHeading span,
div.editSchLandmark h5.subHeading span,
div.addSchLandmark h5.subHeading span,
div.acctInfo h5.subHeading span,
h5.subHeading span
{ font-weight: normal; }
div.addSchPeople input { vertical-align: top !important; vertical-align: middle }
div.lastUpdate { 
	position: absolute; 
	top: 45px; 
	left: 250px; 
	border-left: solid 1px #960;
	padding: 0 5px 5px 10px;
}
h5.schType { margin-top: 20px; }
span.alertTime { margin-left: 15px; font-weight: bold !important; }
input.time { width: 25px; }
div.confirmInsideBox, div.confirmInsideBox_scroll {
	position: relative;
	top: 25px;
	left: 0px;
	margin: 10px 10px 0 !important;
}
div.confirmInsideBox_scroll {
	min-height: 60px !important;
	height: auto !important;
	overflow: auto;
}
div.confirmInsideBox input, input#closeLocate, input#closeAlert {
	position: relative;
	float: right;
	margin: 30px 5px 20px;
}


/*-- PAGES: SIGN IN, SIGN OUT, HELP, GET STARTED, FIRST LOGIN WIZARD */
#signInMain, #signOutMain, #helpMain {
	width: 750px;
	padding: 0;
	margin: 0px;
	height: 450px;
}
#signInMain {height: 530px;}
#signInBox, #signOutBox, #helpBox {
	background: #fff;
	position: relative;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 400px;
	padding: 10px;
}	
#signInBox {height: 485px;}
#signInBox .columns-3-ABC-A, #signInBox .columns-3-ABC-B, #signInBox .columns-3-ABC-C { 
	float: left; 
	width: 185px;
	padding: 0 5px 0 0;
	}
#signInBox .columns-3-ABC-B  { 
	width: 260px;
	padding-bottom: 5px !important;
	padding: 0 0 15px;
	background: url(../img/signin_box_bottom.png) bottom left no-repeat;
	}
#signInBox .columns-3-ABC-C {
	padding: 0;
}	
	
#signInBox .columns-3-ABC-A h3, #signInBox .columns-3-ABC-B h3 { font-size:14px; margin: 10px 0 0; padding: 0; color:#242A88; }
#signInBox .columns-3-ABC-A p, #signInBox .columns-3-ABC-B p { padding: 0; margin: 10px 0;}
#signInBox .columns-3-ABC-A p span, .loginWizard p span { font-weight:bold; color:#242A88;}

/*-- frame on SIGNIN page --*/
body.popupFrame {background-color:#fff; text-align:left;}

#sendPassword, #sendPin { 
	display: none;
	position: absolute;
	top: 320px;
	left: 270px;
	width: 270px;
	overflow: hidden;
	border: 1px solid #630;
	z-index: 100;
	}
.loginWizard #sendPin { top: 130px; left: 200px;} 	

#sendPassword .header-blank, #sendPin .header-blank{	
	width: 270px;
	height: 22px;
	background: #fff url(../img/bg_popupsConfirm.png) top left repeat-x; 	}	
	
#sendPassword .header-blank #closeImage, #sendPin .header-blank #closeImage {
	background: transparent url(../img/btn_close.png) 0px 2px no-repeat; 
	}
#sendPassword .header-blank a.btnClose, #sendPin .header-blank a.btnClose{	
	position: relative;
	float: right;
	padding-right: 2px;
	margin: 0;
	cursor: pointer;
	display: block;
	text-indent:-1000px;
	width: 17px !important;
	height: 17px;
	overflow: hidden;
}	
#sendPasswordBox form {padding: 0 10px; margin: 5px 0 0; font-size: 12px; }	
#sendPasswordBox label { text-align:left;  font-weight: bold; }	
#sendPasswordBox .errorMessage { padding: 0; font-size: 12px; margin: 0 10px 5px; }
#sendPasswordBox .send { 
	width: 75px;
	background: transparent url(../img/btn_send.png) top left no-repeat; 	
	position: absolute;
	bottom: 10px;
	left: 10px;	
	}	
	
#sendPasswordConfirm h2, #sendPinConfirm h2 { font-size: 12px; margin: 10px;}
#sendPasswordConfirm p, #sendPinConfirm p { font-size: 12px; margin: 5px 10px;}
#sendPasswordConfirm .done, #sendPinConfirm .done { 
	width: 75px;
	background: url(../img/btn_done_blue.png) top left no-repeat;  
	position: absolute;
	bottom: 10px;
	left: 10px;
	}

/* -- Login Wizard -- */
.addAnotherForm {float: right; width: 410px !important; width: 350px; height: auto;}
.addAnotherForm.pending { width: 410px !important; width: 370px;}
.addAnotherSubtitle { float: left; width: 180px; margin-left: 40px!important; margin: 20px 0 5px 25px;}
.addAnotherForm.pending .addAnotherSubtitle { margin-left: 60px!important; margin: 20px 0 5px 25px;}
.loginWizard .addAnotherForm p {clear: both; width: 228px; margin-left: 105px !important; margin-top: 80px !important; margin: 10px 0px 10px 205px;}
.loginWizard .addAnotherForm .next {clear: right;}
.addContactForm p#skipCurfewLink { display: block; float: right; clear: both; width: 240px; margin: 10px 78px 10px 15px; }
.addContactForm p#doneContactsLink { display: block; float: right; clear: both; width: 205px; margin: 10px 78px 10px 15px;}

.loginWizard h5.subHeading { margin-left: 2px;}
.loginWizard h6 { font-size: 14px;}
.loginWizard p { font-size: 12px; margin: 5px 20px 10px 2px;}
.loginWizard p.prelist, .loginWizard h5.prelist { margin-bottom: 0px;}
.loginWizard form label { font-weight: bold;}
.loginWizard ul { list-style-type: disc; font-size: 12px; margin: 0 0 0 20px; }
.loginWizard ol { font-size: 12px;}
.loginWizard ul ol { margin-left: -20px !important; margin: 5px 0 0 22px;}

.loginWizard .next { background: url(../img/btn_next_blue.png) top left no-repeat; width: 75px;}
.loginWizard .previous { background: url(../img/btn_previous_blue.png) top left no-repeat; width: 75px;}
.loginWizard .done { background: url(../img/btn_done_blue.png) top left no-repeat; width: 75px;}
.loginWizard .yes { background: url(../img/btn_yes_blue.png) top left no-repeat; width: 53px; float: right; margin: 20px 80px 10px 0;}

.loginWizard .next, .loginWizard .done { float: right; margin: 20px 80px 10px 0; }
.loginWizard .previous { float: left; margin: 20px 0 10px 10px; }

#signInBox .columns-3-ABC-B h2 { 
	background: url(../img/signin_box_top.png) top left no-repeat;
	font-size: 18px; 
	color: #fff;
	width: 240px;
	height: 28px;
	padding: 15px 0 0 20px;
	margin: 0;
	}
#signInBox .columns-3-ABC-B #signInBorder {
	width: 232px;
	padding: 0 10px ;
	margin: 0;
	border-right: 4px solid #B5885C;
	border-left: 4px solid #B5885C;	
	}
#signInBox .columns-3-ABC-B p#firstPara {margin: 0 0 10px; padding-top: 10px;} 
#signInBox p {font-size: 12px;}
#signInBox #messages {width: 230px;}

#signInBox form { margin: 0; padding: 0;}
#signInBox form label { font-weight: bold;}
#signInBox form .signInButton { 
	background: url(../img/btn_signin.png) top left no-repeat;
	width: 53px;
	height: 19px;
	border: 0;
    cursor: pointer;
	}

#signInBox .columns-3-ABC-B ol { font-size: 12px; margin-left: -20px !important; margin: 0 0 0 25px;}

#signInBox .columns-3-ABC-C #promo-graphic{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 74px;
	right: 5px;
	width: 273px;
	height: 370px; 
	float: right; 
	background: url(../img/screenshot_signin.png) top left no-repeat; 
	z-index: 5;
}

#getStartedInner p, #signOutBox p {
	color: #000;
	font-size: 11px;
	margin-left: 40px;
}
#getStartedInner p { font-size: 14px; }
input.signIn { width: 200px; }
h4#thanksForUsing, h4#helpImg, h4#oops, h4#getStarted {
	display: block;
	height: 0px !important;
	padding: 43px 0 0 0;
	overflow: hidden;
	border: none;
	height /**/: 43px;
	margin: 0; 
	cursor: auto;
}
h4#thanksForUsing {
	background: url(../img/thanksforusing.png) top left no-repeat;
}
h4#helpImg {
	background: url(../img/help.png) top left no-repeat;
}
h4#oops {
	background: url(../img/oops.png) top left no-repeat;
}
h4#getStarted {
	background: url(../img/gettingstarted.png) top left no-repeat;
}

input.find {
	background: url(../img/btn_find.png) top left no-repeat;
	width: 43px;
	height: 20px;
	border: none;
	cursor: pointer;
}

div#helpTOC {
	position: absolute;
	top: 90px;
	left: 40px;
	width: 250px;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}
div#helpTOC a {
	color: #000;
	text-decoration: none;
}
div#helpTOC a:hover { color: #c00; }
div#helpContent {
	position: absolute;
	top: 85px;
	left: 220px;
	width: 490px;
}
p#error500 { 
	position: absolute;
	top: 90px;
	left: 90px;
}
div#helpContent h5 { 
	color: #000;
	font-size: 16px;
}
div#helpContent p {
	font-size: 12px;
	line-height: 20px;
	margin-right: 40px;
}

	

/*new styles for the account info table */
/* an expandable "inner" table */
div#acctInfo, div#getStartedInner {
	background-color: #fff;
	border: 3px solid #960;
	float: left;
	left: 10px;
	padding: 10px;
	position: relative;
	top: 10px;
	width: 700px;
}
	
	
/* buttons with relative positioning */
h4.acctDone {
	background: url(../img/btn_done.png) top left no-repeat;
	float: right;
	margin: 10px 0 0 10px;
	position: relative;
	width: 75px;
}
h4.acctSubmit {
	background: url(../img/btn_submit.png) top left no-repeat;
	float: right;
	margin: 10px 0 0 10px;
	position: relative;
	width: 75px;
}
h4.acctCancel {
	background: url(../img/btn_cancel.png) top left no-repeat;
	float: right;
	margin: 10px 0 0 10px;
	position: relative;
	width: 75px;
}

/* an expandable "main" table */
#acctMain, #getStartedMain {
	background-color:#c96;
	margin: 0;
	overflow: auto;
	padding-bottom: 20px;
	position: relative;
	width: 750px;
}


input.txt {
	width:200px;
}


/* acct section redo */
#acctContainer { 
	width: 750px;
	border: 1px solid #960;
	background-color:#fff;
	position: relative;
	text-align: left;
	margin: auto;
	z-index: 1;
}

div#acctNav {
	float: left;
	width: 160px;
	margin-top: 11px;
}

* html div#acctNav { 	padding-bottom: 10px; }

div#acctContent{
	float:left;
	background: #ffc;
	width: 480px;
	border: 1px solid #999;
	margin-bottom:20px;
}

div#acctContentInner{
	margin: 10px;
}

div#acctResourceHolder {
	float:left;
	margin-top:20px;
	width:480px;
}

div.acctAcct {
	border: 1px solid #777;
	border-right: none;
	color: #000;
	font-size: 12px;
	left: 190px;
	line-height: 15px;
	padding: 3px 2px 1px 2px;
	float: left;
	margin: -1px 0 0 0;
	height: 19px;
	width: 100px;
	background:#ffe;
}
div.acctAcct h5{margin:0 0 0 0}
h5.acctAcct span {font-weight:normal}

div.acctName {
	border-bottom:1px solid #777;
	border-top:1px solid #777;
	color: #000;
	font-size: 12px;
	left: 290px;
	line-height: 15px;
	overflow: hidden;
	padding: 3px 2px 1px 2px;
	float: left;
	margin: -1px 0 0 0;
	height: 19px;
	width:290px;
	background:#ffe;
}
div.acctName h5{margin:0 0 0 0}
h5.acctName span {font-weight:normal}

div.acctRevoke {
	border: 1px solid #777;
	border-left: none;
	height: 19px;
	left: 580px;
	line-height: 15px;
	margin: -1px 0 0 0;
	padding: 2px;
	float: left;
	text-align: right;
	width: 56px;
	background:#ffe;
}

div.acctTrackContainer {
	border: 1px solid #777;
	line-height: 15px;
	margin: -1px 0 0 0;
	padding: 2px;
	width: 454px;
	background:#ffe;
}

h4.revoke {
	background: url(../img/btn_remove.png) top left no-repeat;
	width: 53px;
	float: right;
}

h4.grantPermission {
	background: url(../img/btn_grantpermission.png) top left no-repeat;
	float: right;
	margin: 6px 0 0 10px;
	position: relative;
	width: 79px;
}

h4.denyPermission {
	background: url(../img/btn_denypermission.png) top left no-repeat;
	float: right;
	margin: 6px 0 0 10px;
	position: relative;
	width: 75px;
}



/* privacy */
div#ppContainer {
	position: relative;
	width: 750px;
	background-color: #ccc;
	margin: auto;
}
p.privacyPolicy {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	width: 325px;
	float: left;
	margin: 15px 10px;
	color: #666;
	clear: none;
}
p.privacyPolicy span { font-weight: bold; font-size: 11px; }

.clear-both {
	clear: both;
	display: block;
	font: 1px/1px monospace;
}