/*--------------------------------------------
Filename:master.css - web opt
Title:Primary CSS for Latchit.com
Author:William Rust, wrust@latchit.com
URL:http://www.latchit.com/styles/master.css
License:Copyright 2009, William Rust, All Rights Reserved.
---------------------------------------------*/

/*§GLOBAL STYLES */
body{
background-color:#aeb3c9;
color:#383838;
font-family:Georgia, "Times New Roman", Times, serif
}
div#pageShadow{
background:url("../images/bg_pageShadows_1012x1.png") repeat-y;
margin:0 auto;
width:900px
}
div#page{
background:#ffffff url("../images/bg_page_970x1.png") repeat-y;
margin:0 auto;
width:860px
}
div#main{margin-left:23px}
div#content{
padding:0 12px;
width:790px
}
div#content a{color:#37378c;}
div#content .commonHeader{
background:url("../images/bg_header1_1x131.png") repeat-x #838a95;
border-bottom:2px solid #e9e9e9;
padding:37px 0 28px 0;
width:100%
}
div#content .commonHeader h1{
color:#fff;
font-size:25px;
margin:0 0 9px 42px;
width:650px
}
div#content .commonContent{
background-color:#dfdfdf;
border-bottom:2px solid #afb4b8;
overflow:hidden;
padding:26px 26px 45px 26px;
width:738px
}
div#content .whitepage{
background-color:#fff;
border:1px solid #d4d4d4;
padding:25px 20px 30px 20px
}
/* GLOBAL FORM STYLES */
.commonForm{
background-color:#fff;
margin-top:12px;
padding:7px 24px 20px 24px;
width:360px
}
.commonForm label{
color:#3a3a3c;
display:block;
font-size:13px;
font-weight:bold;
margin:12px 0 2px 0
}
.commonForm input{
background-color:#fcfcfc;
border:1px solid #bebebe;
padding:2px 2px 1px 2px;
width:146px
}
.commonForm textarea{background-color:#fcfcfc}
.commonForm select{
background-color:#fcfcfc;
border:1px solid #bebebe;
height:21px;
padding-bottom:3px
}
textarea{
border:1px solid #bebebe;
resize:none
} 
.clear{clear:both; }
/*§GLOBAL LINKS*/
body a{
color:#37378c; 
text-decoration:none; 
}
body a:visited{text-decoration:none}
body a:active{
outline:none;
text-decoration:none; 
}
body a:hover{
color:#5252a2;
text-decoration:underline
}
/* Fix dotted outline in FF */
a:focus{-moz-outline-style:none}
/*§GLOBAL BUTTONS*/
.signUpLink{
background:url("../images/btn_sign_up_103x58.png");
float:right;
font-size:15px;
font-weight:bold;
height:29px;
overflow:hidden;
margin:16px 25px 0 0;
width:103px
}
.signUpLink:hover{background:url("../images/btn_sign_up_103x58.png") no-repeat 0 -29px}
.signUpLink:hover img{visibility:hidden}
.confirmBtn{
background:url("../images/btn_confirm_89x52.png") no-repeat center 0; 
border:none;
color:#3a3a3c;
cursor:pointer;
font:bold 13px arial, sans-serif; 
height:26px; 
width:89px; 
}
.confirmBtn:hover{background:url("../images/btn_confirm_89x52.png") no-repeat center -26px}
/*§GLOBAL TYPOGRAPHY*/
h{font-weight:bold}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
p{font-size:12px}
.copy{
color:#2e2e2e;
margin-bottom:12px
}
.formError{
color:#d50000;
display:inline;
font-size:11px;
font-weight:normal
}
.loginErrors{
color:#d50000;
float:right;
font-size:11px;
font-weight:normal;
margin:-6px 10px 2px 0;
text-align:right;
width:200px
}
.copyright{
color:#797979; 
font-size:11px
}
.legal{font-size:11px}
.sectionIntro{color:#3a3a3c}
/* reduces the size of the TM marker - this class is typically used on a span element */
.headlineTM{
font-size:50%;
vertical-align:super
}
.standardTM{
font-size:30%;
vertical-align:top
}
/*Common form results text*/
.resultSuccessHead{
color:#508e2a;
font-size:15px; 
font-weight:bold;
margin:15px 0 10px 0px
}
.resultFailHead{
color:#d50000;
font-size:15px; 
font-weight:bold;
margin-bottom:10px
}
.resultText{
color:#2e2e2e;
font-size:13px;
margin-bottom:50px
}
.userNameDisplay{font-weight:bold}
.notLoggedInError{
font-size:14px;
font-weight:bold
}
.failHeading{
color:#d50000; 
margin:15px 0
}
.failMsg{margin-bottom:100px}
.successMsg{margin-bottom:100px}
/*§SITE HEADER*/
div#siteHeader{
overflow:hidden;
width:802px
}
/* Large Logo */
div#siteHeader img.logo_lg{
float:left;
margin:19px 0 8px 22px
}
/* Small Logo */
div#siteHeader img.logo_sm{
float:left;
margin:19px 0 0 22px
}
/*§LOGIN FORM*/
/* header login field */
div#siteHeader #loginField{
float:right;
margin:28px 11px 0 0;
width:222px
}
#loginForm label{
color:#767676;
float:left;
font-size:13px;
margin-top:2px;
width:75px
}
.loginFormField{
background-color:#fcfcfc;
border:1px solid #999999;
float:left;
font-size:13px;
margin-bottom:7px;
padding:2px 2px 1px 1px;
width:140px
}
.loginFormField:hover{
background-color:#ffffff;
border:1px solid #cccccc
}
/*
.checkbox{
background-color:#ffffff;
float:left;
height:13px;
margin-top:6px;
overflow:hidden;
width:13px
}
#loginForm .checkboxLabel{
color:#767676;
font-size:12px;
margin-top:5px;
width:90px
}*/
.formLoginButton{
background:url("../images/btn_login_2state_1x56.png") repeat-x center top;
border:none;
color:#fff;
cursor:pointer;
float:left;
font-size:13px;
font-weight:bold;
height:28px;
margin:0 0 5px 120px;
padding-bottom:4px;
width:100px
}
.formLoginButton:hover{background-position:center bottom}
#loginForm a.forgotPass{
color: #37378c;
float:left;
font-size:12px;
margin-left:121px
}
#loginForm a.forgotPass:hover{/*color:#5252A2;*/}
#loginForm .checkboxHolder{
float:left;
height:10px;
margin-top:-5px;
width:103px
}
/*Logged in status*/
#loginField #username{
color:#3e3e3e;
float:right;
font-size:14px;
font-weight:bold;
margin-top:12px
}
#loginField #logoutLink{
clear:right;
color:#37378c;
float:right;
font-size:12px

}
/* defined to keep a consistent header height after login */
#loggedInStatus{height:102px}
/*§TOP NAVIGATION*/
div#topMenu{
background-color:#BDBEC0;
float:left;
height:34px;
margin:17px 0 0 12px;
position:relative;
width:790px
}
div#topMenu li.topMenu{display:inline}
div#topMenu a.menuBtn{
display:block;
float:left;
height:34px;
margin-right:1px;
width:157px
}
div#topMenu a.signUpBtn{
display:block;
float:right
}
div#topMenu #myAccount{background:url("../images/btn_my_account_hover_157x34.png") no-repeat}
div#topMenu #about{background:url("../images/btn_about_hover_157x34.png") no-repeat}
div#topMenu #help{background:url("../images/btn_help_hover_157x34.png") no-repeat}
div#topMenu #contactUs{background:url("../images/btn_contact_us_hover_157x34.png") no-repeat}
div#topMenu #signUp{background:url("../images/btn_sign_up_hover_157x34.png") no-repeat}
div#topMenu #launchAlarm{background:url("../images/btn_launch_alarm_hover_157x34.png") no-repeat}
div#topMenu #myAccount:hover img{visibility:hidden}
div#topMenu #about:hover img{visibility:hidden}
div#topMenu #help:hover img{visibility:hidden}
div#topMenu #contactUs:hover img{visibility:hidden}
div#topMenu #signUp:hover img{visibility:hidden}
div#topMenu #launchAlarm:hover img{visibility:hidden}
/* Hide these spans - keep text for seo*/
div#topMenu span{
left:-20000px;
position:absolute
}
/*§LOGIN CONTENT*/
#loginContent{padding-bottom:40px}
#loginSignup{
padding:0 0 20px 0; 
overflow:auto
}
/* login page login field */
div#loginContent #loginField{
float:left; 
margin:70px 0 0 40px;
width:222px
}
div#loginContent #divider{
float:left;
margin:20px 85px 0 80px
}
div#loginContent #signUpBtn{
float:left;
height:55px;
margin:87px 0 0 0;
width:171px
}
/*§INDEX CONTENT*/
#indexContent1{
background-color:#dfdfdf;
margin-bottom:20px;
margin-top:1px;
overflow:hidden;
padding:45px 0 12px 0;
width:100%
}
div#ads{margin:-10px 0 20px 0}
div#ads .ad{
bottom:0;
position:absolute
}
div#ads h1{
font:30px "Arial Black", Arial, Helvetica, sans-serif;
margin:35px 0 10px 19px
}
div#ads h2{
color:#4e4e4e;
font-size:17px;
font-weight:normal;
margin-left:19px;
width:335px
}
div#alarmAd{
background-color:#fff;
border:1px solid #d0d0d0;
float:left;
height:513px;
margin:0 6px 0 15px;
position:relative;
width:372px
}
div#alarmAd a{
bottom:20px;
left:30px;
position:absolute
}
div#alarmAd ul{
bottom:97px;
font:bold 10px Arial, Helvetica, sans-serif;
left:70px;
position:absolute
}
div#alarmAd li{
float:left;
margin-right:40px;
padding-left:0
}
div#trackingAd{
background-color:#fff;
border:1px solid #d0d0d0;
float:left;
height:513px;
margin:0 15px 0 6px;
position:relative;
width:372px
}
div#trackingAd a{
bottom:20px;
position:absolute;
right:30px
}
div#indexContent1 .featureRow{
background-color:#f2f2f2;
border-bottom:1px solid #d0d0d0;
clear:both;
height:95px;
margin:0 15px 2px 15px;
width:760px
}
div#indexContent1 .oddRow{background-color:#f8f8f8}
div#indexContent1 .featureL{
float:left;
height:95px;
padding-left:5px;
width:345px
}
div#indexContent1 .featureR{
background-color:#fff;
float:right;
height:80px;
padding:15px 0 0 20px;
width:390px
}
div#indexContent1 .featureR p{
color:#535353;
font-size:14px;
width:360px
} 
/*Large feature iconsdefinition list dl*/
#indexContent1 .featureIcons{
color:#535353;
font-size:16px;
font-weight:bold;
margin:17px 0 0 15px;
width:315px
}
#indexContent1 .featureIcons dt{clear:left}
#indexContent1 .featureIcons img{
display:block;
float:left
}
#indexContent1 .featureIcons h2{
color:#353535;
font-size:12px;
font-weight:normal;
margin-top:5px
}
.featureIcons #trackingInfo{margin:-12px 26px 0 0}
.featureIcons #motionAlarm{margin:-12px 10px 0 -8px}
.featureIcons #imageCaps{margin:-15px 10px 0 -12px}
.featureIcons #textAlerts{margin:-15px 43px 0 -14px}
/*§REGISTER CONTENT*/
div#registerContent .whitepage{width:473px}
/*Modifies .commonForm class */
div#registerContent #regform{
margin:0 0 0 -10px;
width:446px 
}
/* Registration section boxes */
div#registerContent .regSection{
background-color:#f7f7f7;
margin:24px -10px 0px -10px;
padding:20px 10px 10px 15px;
border:1px #e6e6e6;
border-bottom-style:solid;
border-top-style:solid
}
div#registerContent h3{
color:#3a3a3c;
display:block;
font-size:14px;
margin:0 0 2px 0
}
div#registerContent .regSectionText{
color:#3a3a3c;
font-size:12px;
margin-bottom:2px
}
div#registerContent .regSectionNote{
color:#3a3a3c;
font-size:10px
}
div#registerContent #pnumConCodeMsg{
font-size:12px;
margin-top:2px
} 
div#registerContent #showHomepageTip{
cursor:pointer;
}
div#registerContent #homepageTip{
background-color:#FFFFFF;
border:1px solid #bbb;
display:none;
margin-top:5px;
padding:5px 8px 8px;
}
div#registerContent .radioGroupLabel{margin-bottom:5px}
div#registerContent .radioLabel{
font-size:12px;
font-weight:normal; 
height:13px; 
margin-top:8px; 
}
div#registerContent .radioBtn{
border-style:none;
height:13px; 
margin-left:8px; 
margin-top:0; 
width:auto; 
}
div#registerContent #customUrlField{
margin-left:24px; 
margin-top:2px; 
width:260px
}
div#registerContent #reseta{width:193px}
div#registerContent .emailField{width:250px}
div#registerContent #pnumConCode{width:50px;}

div#registerContent #confirmBtn{
border:none;
width:89px; 
}
/*Label above agreement scroll div */
div#registerContent #usageAgreeTitle{
color:#3a3a3c;
font-size:13px;
font-weight:bold;
margin-top:20px
}
/*Agreement scroll div */
div#registerContent #usageAgreeText{
background-color:#fcfcfc;
border:1px solid #c6c6c6;
height:200px;
margin-top:3px;
overflow:auto;
padding:6px
}
/*bold agreement text*/
div#usageAgreeText em{
display:block;
font-style:normal;
font-weight:bold;
margin-top:12px
}
div#usageAgreeText .firstLine{margin-top:4px}
div#usageAgreeTextspan{
display:block;
margin:5px 0 5px 0
}
/*Usage agreement error */
div#registerContent #agreementErrorMsg{
display:block;
height:10px;
margin-top:3px
}
/*Usage agreement checkbox */
div#registerContent #agreement{
float:left;
height:15px;
margin-top:8px;
width:15px
}
/*Usage agreement checkbox label*/
div#registerContent #regFormLabelLegal{
font-size:12px;
font-weight:normal;
margin:8px 0 24px 20px
}
/*Register submit button */ 
div#registerContent .submit{
background:url("../images/btn_submit_103x58.png") no-repeat ;
border:none;
cursor:pointer;
height:28px;
width:103px
}
div#registerContent .submit:hover{background-position:0 -29px}
/*§ABOUT CONTENT*/
div#aboutContent .signUpLink{height:28px}
div#aboutContent .settingsDetail{margin-left:20px}
/*§HELP CONTENT*/
/*Help/FAQ sliders */
#FAQaccordion{width:580px}
#FAQaccordion h4{margin-bottom:8px}
#FAQaccordion .accordion{
margin-bottom:30px;
width:580px
}
#FAQaccordion .accordion dt{
background-color:#c0cce0;
cursor:pointer;
font-size:13px;
font-weight:bold; 
margin-top:2px; 
padding:6px; 
width:559px; 
}
#FAQaccordion .accordion dt:hover{background-color:#a3aec1}
#FAQaccordion .accordion dd{
background:#fff;
border:2px solid #999ca6; 
border-top :none; 
color:#2e2e2e;
font-size:12px;
overflow:hidden;
padding:15px;
width:537px
}
/*§CONTACT CONTENT*/
div#contactContent #contactForm{
margin-top:0; 
width:532px
}
div#contactContent #contactForm #name{width:270px}
div#contactContent #contactForm #email{width:270px}
div#contactContent #contactForm #comments{
height:215px;
margin-bottom:15px;
padding:6px;
width:527px
}
/*Contact send button */ 
div#contactContent .send{
background:url("../images/btn_send_103x58.png") no-repeat center top;
border:none;
cursor:pointer;
height:29px;
width:103px
}
div#contactContent #contactForm .send:hover{background-position:center bottom}
/*§PASSWORD RESET CONTENT*/
/*Register submit button */ 
div#passwordResetContent .continue{
background:url("../images/btn_continue_103x58.png") no-repeat center top;
border:none;
cursor:pointer;
height:29px;
margin-top:15px;
width:103px
}
div#passwordResetContent .continue:hover{background-position:center bottom}
div#passwordResetContent .resetInstruction{margin-left:25px}
div#passwordResetContent h4{color:#5ba32d; margin:15px 0}
/*§PRIVACY CONTENT*/
/*Modifies .commonContent class */
div#privacyContent{font-size:12px}
div#privacyContent em{
font-style:normal;
font-weight:bold
}
div#privacyContent p{margin-bottom:15px}
div#privacyContent dl{margin:0 0 20px 20px}
div#privacyContent dt{display:list-item}
div#privacyContent dd{
color:#565656; 
margin-bottom:10px
}
div#privacyContent .usageAgreementLink{display:block}
/*§USAGE AGREEMENT CONTENT*/
div#usageAgreementContentspan{
display:block;
margin:5px 0 5px 0
}
/*bold agreement text*/
div#usageAgreementContent em{
display:block;
font-style:normal;
font-weight:bold;
margin-top:12px
}
/*HOMEPAGE SETUP JAVASCRIPT OUTPUT */
.homepageHelpContent{
background-color:#e5edfc;
margin:0 0 0 -18px;
overflow:hidden;
padding:0 18px 0 18px
}
.homepageHelpContent .settingsHead{
float:left;
margin-bottom:6px
}
.homepageHelpContent .moreInstuctionsLink{
float:right;
font-size:12px;
font-weight:bold;
margin-right:10px
}
.homepageHelpContent .stepContent{
background-color:#fff;
margin:0 0 12px 0;
padding:14px 11px 20px 11px;
position:relative
}
.homepageHelpContent .stepNumber{
color:#4e8826;
margin-bottom:13px
}
.homepageHelpContent .instruction{
color:#3e3e3e;
font-size:12px;
font-weight:bold;
margin:13px 0 10px 0
}
.homepageHelpContent .url{
color:#3e3e3e;
font-size:10px
}
.homepageHelpContent .stepsDone{
color:#3e3e3e;
margin-top:18px
}
.homepageHelpContent .closeInstContLink{
color:#6262c7;
float:right;
font-size:12px;
padding-right:10px
}
/* special instruction, images and link styles */
.homepageHelpContent #iePcHpIcon{
right:300px;
top:25px;
position:absolute
}
.homepageHelpContent #iePcHpConfWin{
right:20px;
top:25px;
position:absolute
}
.homepageHelpContent #iePcStp2Inst{
margin-bottom:-5px;
width:300px
}
.homepageHelpContent #ffPcInst1{margin-bottom:22px; }
.homepageHelpContent #dragMe{float:left}
.homepageHelpContent #pointerArrow{
float:left;
margin-top:16px; /* defined specific to override */
margin:16px 0 0 5px
}
.homepageHelpContent #ffPcHpIcon{
float:left;
margin-left:15px
}
.homepageHelpContent #ffPcHpBtn{
float:left;
margin-left:78px
}
.homepageHelpContent #ffPcInst2{
float:left;
margin-top:0
}
.homepageHelpContent #ffPcConfWin{
float:left;
margin:-30px 0 -45px 46px
}
.homepageHelpContent ffMacConfWin{
float:left;
margin:-37px 0 -45px 46px
}
/* END HOMEPAGE SETUP JAVASCRIPT OUTPUT */
/*§SETUP CONTENT*/
/*Modifies .commonContent class */
div#setupContent{margin-bottom:5px}
div#setupContent .setupSection{
background-color:#fff;
padding:11px 0 6px 18px
}
/*Modifies .setupSection */
div#setupContent #setupWelcome{padding:40px 15px 30px 20px}
div#setupWelcome h2{margin-bottom:10px}
div#setupWelcome p{
font-size:15px;
font-weight:bold;
color:#484848
}
/* HOMEPAGE SETTINGS */
/* Modifies .setupSection */
div#content #setupContent #chpSetup{
background-color:#e5edfc;
border-top:2px solid #b1b7c2
}
div#chpSetup h3{margin:20px 0 8px 0px}
div#chpSetup .setupReason{
margin:0 0 10px 0;
width:400px
}
div#homepageHelp{margin-top:20px}
/* Hide close instruction link */
div#setupContent .closeInstContLink{display:none}
/* WEBCAM SETTINGS */
/* Modifies .setupSection */
div#content #setupContent #webcamSetup{
background-color:#dcfea6;
border-top:2px solid #b1b7c2;
margin-top:10px;
padding-bottom:40px
}
div#webcamSetup h3{margin:20px 0 8px 0}
div#webcamSetup .setupReason{
margin:0 0 10px 0;
width:400px
}
div#webcamSetup #webcamSetterInst{
 float:left;
width:475px
}
div#webcamSetup #webcamSetterInstCont{margin-right:20px}
div#webcamSetup .stepBox{
background-color:#fff;
margin-top:15px;
padding:14px 10px 10px 15px
}
div#webcamSetup .stepBox a{
color:#4e8826;
text-decoration:underline
}
/* Modifies h2 */
div#webcamSetup .stepLabel{
color:#4e8826;
margin-bottom:13px
}
/* Modifies h5 */
div#webcamSetup .instruction{
color:#3e3e3e;
margin:13px 0 10px 0
}
/* Flash div - displays cam settings */
div#webcamSetup #webcamSetter{
float:right;
margin:15px 20px 0 0
}
div#setupContent .finishedLink{
float:right;
font-size:15px;
font-weight:bold;
margin:16px 25px 0 0;
height:29px;
overflow:hidden;
width:103px
}
/*§ACCOUNT CONTENT - MY ACCOUNT*/
/*Modifies .commonContent class */
div#content #accountContent{margin-bottom:5px}
div#content #accountContent .accountDetail{
background-color:#fff;
padding:11px 0 6px 18px
}
/* Record delete buttons */
div#accountContent .smallSysBtns{
font-size:10px; 
overflow:visible; /* fix ie button label padding*/
padding:0 4px 0 4px
}
div#accountContent .bottomDelete{margin-top:10px}
div#accountContent #info .username{
font-size:18px;
font-weight:bold
}
div#accountContent #info #lsStatusBlock{float:left}
div#accountContent #info .statusLabel{
font-size:14px;
padding-top:12px
}
div#accountContent #info .statusOK{
color:#66b135; /*green*/
font-weight:bold
}
div#accountContent #info .statusLosto{
color:#cf0000; /*red*/
font-weight:bold
}
div#accountContent #info #settingsLink{
color:#6262c7;
cursor:pointer;
float:right;
font-size:12px;
margin:38px 10px 0 0
}
div#accountContent #info #setupLink{
color:#6262c7;
cursor:pointer;
float:right;
font-size:12px;
margin:38px 30px 0 0
}
div#accountContent #settingsSelector{
border:1px #b1b7c2 solid;
border-left:none;
border-right:none;
display:none;
margin:10px 0 0 -18px;
padding:0;
text-align:right
}
div#accountContent #settingsSelector a{
background-color:#EEEEEE; /* Post click bg color is set by jq */
color:#7070A0;
cursor:pointer;
float:left;
font-size:12px;
margin-right:2px;
padding:3px 0 3px 0;
text-align:center;
width:146px
}
div#accountContent #settingsSelector #homepageSetShow{margin-right:0px}
div#accountContent #settingsSelector a:hover{
background-color:#E9E9E9;
text-decoration:none
}
div#accountContent .actSettings{
background-color:#f2f2f2;
border:2px #b1b7c2 solid;
border-top:none;
display:none;
margin-left:-18px;
padding:0 20px 12px 64px
}
/* modifies commonForm class */
div#accountContent .actSettings form{
clear:both;
width:440px
}
.actSettings .radioGroupLabel{margin-bottom:5px}
.actSettings .radioLabel{
margin-top:auto; 
font-weight:normal; 
font-size:12px
}
.actSettings .radioBtn{
height:10px; 
margin-left:8px; 
margin-top:3px;
width:auto
}
.actSettings #customUrlField{
margin-left:24px; 
margin-top:2px; 
width:260px
}
.actSettings .emailField{width:250px}
.actSettings #pnumConCode{width:50px}
.actSettings #pnumConCodeMsg{
font-size:12px; 
margin-top:2px
} 
div#accountContent .actSettings .settingsCancelBtn{
color:#888888; 
cursor:pointer; 
float:right; 
font-size:11px; 
margin:5px 0 5px 0
}
.actSettings .settingsTitle{
float:left;
font-weight:bold;
font-size:14px;
margin:15px 0 10px 10px
}
.actSettings .settingsSuccess{
color:#66b135; /*green*/
font-weight:bold;
margin-top:10px
}
div#accountContent .actSettings .saveBtn{
background:url("../images/btn_save_103x58.png") no-repeat center top;
border:none;
cursor:pointer;
height:29px;
margin-top:10px;
width:103px
}
div#accountContent .actSettings #confirmBtn{
border:none;
width:89px; 
}
div#accountContent #info #homepageReminder{
background-color:#e5edfc;
border-top:2px solid #b1b7c2;
height:65px;
margin:8px 0 0 -18px;
padding:8px 18px 6px 18px
}
div#info #homepageReminder H2{
display:inline-block;
font-size:14px
}
div#info #homepageReminder H3{
color:#3b3b3b;
font-size:12px;
margin-bottom:4px;
margin-top:9px
}
div#info #homepageReminder a{
color:#6262c7;
font-size:12px;
font-weight:normal;
margin-left:15px
}
div#info #homepageReminder .homepageUrl{font-size:10px}

/* webcam settings alert */
div#info #webcamChecker{
background:url(../images/g_icon_alert_63x55.png) no-repeat 21px 11px #fff97d;
border-top:2px solid #b1b7c2;
height:0;
margin:8px 0 0 -18px;
overflow:hidden;
padding:0 18px 0 0;
position:relative
}
div#webcamChecker #webcamCheckSwf{
overflow:hidden;
position:absolute;
right:20px;
top:13px
}
div#webcamChecker H2{
display:inline-block;
font-size:17px;
margin:23px 0 0 100px;
width:360px
}
div#webcamChecker H3{
color:#3b3b3b;
font-size:14px;
margin:18px 0 0 100px;
width:275px
}
/*Info section header bars and text */
.infoHeader{
background-color:#aeb4bf;
height:38px;
margin:0 0 5px -18px
}
.infoHeaderLabelBg{
background-image:url(../images/bg_infoHeader_4x38.png);
height:38px;
width:275px
}
.infoHeader H2{
color:#fff;
font-size:16px;
font-weight:bold;
margin-left:39px;
padding-top:10px
}
/*Lost stolen tracking info */
div#lostStolenBlock ul{
font:11px Arial, Helvetica, sans-serif;
list-style:none;
margin:7px 0 0 -18px
}
div#lostStolenBlock li .usageLi{padding:0px 5px 2px 5px; }
div#lostStolenBlock .checkbox{
float:left; 
margin:5px 0 5px 16px
}
div#lostStolenBlock .usageDate{
float:left; 
font-size:12px;
margin:5px 0 0 5px;
width:170px
}
div#lostStolenBlock .usageIp{
color:#333333;
float:left; 
font-weight:bold; 
margin:6px 0 0 12px;
width:170px
}
div#lostStolenBlock .detailLink{
display:block;
float:left;
margin:6px 0 0 10px
}
/* IP info */
.ipInfoWrapper dl{
float:left;
/*remove after applying to full page structure*/
font: 12px Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-left: 30px;
width:650px;
}
.ipInfoWrapper dt{
color:#333333;
float:left;
font-weight:bold;
text-align:right;
margin-left: 15px;
}
.ipInfoWrapper .dtSplit{
margin-top: 5px;
}
.ipInfoWrapper dd{
float:left;
margin-left:10px;
}
.ipInfoWrapper #mapCanvas{
border:solid #999999 thin;
float:right;
height:200px;
margin-top:8px;
margin-right:45px;
width:285px
}
.ipInfoWrapper #usageImgCap{
border:solid #999999 thin;
float:left;
height:200px;
margin-left:45px;
margin-top:-202px;
width:266px
}
.ipInfoWrapper #usageImgCap img{
height:200px;
width:266px
}
.mapDiv{
background-color:#EBEBEB;
border-bottom:solid #cccccc 1px
}
/*Image capture info */
div#userCapBlock{margin-bottom:30px}
div#userCapBlock ul{font-family:Arial, Helvetica, sans-serif}
div#userCapBlock li{
border:1px solid #cccccc;
display:inline;
float:left;
margin:15px 15px 0 0;
padding:10px 9px 10px 9px;
width:205px
}
div#userCapBlock .capImg{display:block}
div#userCapBlock .capImg img{/*image size must be set in imageDisplay.php */}
div#userCapBlock .capDate{
display:block;
font-size:13px;
padding:3px 0 0 6px
}
div#userCapBlock .capIp{
color:#333333;
display:block;
font-size:12px;
font-weight:bold;
left:40px;
padding:3px 0 0 6px
}
div#userCapBlock .checkbox{
float:right;
margin:-35px 10px 0 0
}
/*§FOOTER*/
div#footer{
padding:55px 0 0 40px;
height:80px
}
div#footer a.footerLink{
color:#282828;
float:left;
font-size:12px;
margin:0 0 20px 42px
}
div#footer #firstFooterLink{margin-left:0}