@CHARSET "ISO-8859-1";

html,body {
	margin: 0px;
	padding: 0px;
}

*:focus {outline: none;}

body {
	font-family: Verdana, Arial, San Serif;
	font-size: 0.80em;
	background-color: #ffffff;
	background-image: url('../images/code.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#banner {
	background: url('../images/tempbannerbg.jpg') repeat-x;
	text-align: right;
}

h1 {
	font-size: 1.20em;
	margin: 0px;
}

h2 {
	font-size: 1.10em;
	margin: 0px;
}

h3 {
	font-size: 1.00em;
	margin:4px 0px -2px 0px;
}

h4 {
	font-size: 0.90em;
	margin: 0px;
}

h5 {
	font-size: 0.80em;
	margin: 0px;
}

p {
	margin: 1em;
}

p.first, .widebottom p.first {
    padding-top:0px;
    margin-top:-1em;
}


.toppad {
	padding-top:10px;
}

.bottompad {
	padding-bottom:12px;	
}

#head {
	width: 798px;
}

#page {
	z-index: 10;
	width: 810px;
	margin: 10px auto;
}

#leftbanner {
	vertical-align: bottom;
	height: 102px;
}

#leftbanner img {
	position: relative;
	top: 40px
}

#rightbanner {
	float: right;
	height: 102px;
}

#navbox {
	margin-left: 3px;
	width: 793px;
	background-image: url('../images/navbar.jpg');
	background-position: 4px 0px;
	background-repeat: no-repeat;
	height: 44px;
	clear: both;
}

#navlinks {
	margin: 0px;
	background-image: url('../images/navright.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 44px;
	clear: both;
}

#navlinksuser {
	margin: 0px;
	background-image: url('../images/nav-right-logout.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 44px;
	clear: both;
}

#navlinksuser:hover {
	margin: 0px;
	background-image: url('../images/nav-right-logout-glow.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	height: 44px;
	clear: both;
    cursor:pointer;
}

th {
	font-weight:normal;	
}

.center {
	margin:0px auto;	
}

.keyfob {
    margin:10px auto;
    width:174px;
}

div.keyfob form input {
    width:79px;
    padding:4px;
    margin:0 auto;
}

.logonpanel {
	margin-left:6px;
	margin-top: 6px;
	margin-right:12px;
	float: left;
	width: 255px;
	padding: 0px;
}

.panel {
	margin-top: 12px;
	margin-left:8px;
	float: left;
	width: 255px;
	padding: 0px;
}

.panel-body-dark {
	padding:8px 0px 0px 0px;
	background-image: url('../images/panelbottomd.jpg');
	background-position:bottom left;
	background-repeat: no-repeat;
}

.panel-body {
	padding: 4px 8px;
	background-image: url('../images/panelbottom.jpg');
	background-repeat: no-repeat;
	background-position:bottom left;
	height: 195px;
    margin:-2px 0px;
}

.panel-body img {
	margin: 4px 0px 0px 10px;
}

.panel-body p {
	font-size: 0.80em;
	margin: 2px 0px 0px 10px;
}

.wide-top {
	
	padding: 8px 24px 4px 10px;
	background-image: url('../images/wide-top.jpg');
	background-repeat: no-repeat;
}

.wide-bottom {
	
	padding-bottom: 12px;
	margin-top: 14px;
	background-image: url('../images/wide-bottom.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.wide-content {
	background-image: url('../images/wide-repeat.jpg');
	background-repeat: repeat-y;	
}


.widevert-bottom p {
	margin-top:12px;
	margin-left:10px;
	margin-right:24px;
}

.widevert-top {

	padding: 8px 24px 4px 10px;
	background-image: url('../images/widevert-top.jpg');
	background-repeat: no-repeat;
}

.widevert-bottom {

	padding-bottom: 12px;
	margin-top: 14px;
	background-image: url('../images/widevert-bottom.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.widevert-content {
	background-image: url('../images/widevert-repeat.jpg');
	background-repeat: repeat-y;
}

#logoutlink {
    text-decoration:none;
}

#logoutbox {

        cursor:pointer;
        background-image: url('../images/nav-right-logout.jpg');
        background-repeat: no-repeat;
        background-position: top right;
        float: right;
	 	height:45px;
	 	width:190px;
}

#logoutbox:hover {

        cursor:pointer;
        background-image: url('../images/nav-right-logout-glow.jpg');
        background-repeat: no-repeat;
        background-position: top right;
        float: right;
	 	height:45px;
	 	width:190px;
}

#searchbox {
        
	 	background-image: url('../images/nav-right.jpg');
        background-repeat: no-repeat;
        background-position: top right;
        float: right;
	 	height:40px;
	 	width:185px;
}




#searchinput {
	
	border:0px;
	width: 62px;
	cursor: text;
	background: transparent;
	margin-top:7px;
	padding:2px 0px 0px 0px;
	height:18px;
	
}

#searchbutton {
		cursor: pointer;
	
	padding:0px;
	margin:0px;
	background:transparent;
	border:0px solid red;
	width:23px;
	margin-top:6px;
	height:26px;
}
#searchicon {
	padding:0px;
	margin:0px;
	cursor: pointer;
	background:transparent;
	border:0px solid red;
	padding:0px;
	margin:0px;
	
}

#searchicon2 {
	cursor: pointer;
	position: relative;
	top: 3px;
	left: -4px;
	height:18px;
	width:16px;
		
}

#navhome {
	background: url('../images/nav-home.jpg') no-repeat;
	display: block;
	float: left;
	width: 72px;
	line-height: 44px;
	text-decoration: none;
}

#navhomeselected {
	cursor: default;
	background: #ffffff url('../images/nav-home-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 72px;
	line-height: 44px;
	text-decoration: none;
}

#navhome:hover {
	background: url('../images/nav-home-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 72px;
	line-height: 44px;
	text-decoration: none;
}

#navlogon {
	background: url('../images/nav-logon.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 44px;
	text-decoration: none;
}

#navlogonselected {
	cursor: default;
	background: #ffffff url('../images/nav-logon-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 44px;
	text-decoration: none;
}

#navlogon:hover {
	background: url('../images/nav-logon-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 44px;
	text-decoration: none;
}

#navaccount {
	background: url('../images/navbar-account.jpg') no-repeat;
	display: block;
	float: left;
	width: 96px;
	line-height: 44px;
	text-decoration: none;
}

#navaccountselected {
	cursor: default;
	background: #ffffff url('../images/navbar-account-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 96px;
	line-height: 44px;
	text-decoration: none;
}

#navaccount:hover {
	background: url('../images/navbar-account-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 96px;
	line-height: 44px;
	text-decoration: none;
}



#navsignup {
	background: url('../images/nav-signup.jpg') no-repeat;
	display: block;
	float: left;
	width: 77px;
	line-height: 42px;
	text-decoration: none;
}

#navsignupselected {
	cursor: default;
	background: url('../images/nav-signup-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 77px;
	line-height: 42px;
	text-decoration: none;
}

#navsignup:hover {
	background: url('../images/nav-signup-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 77px;
	line-height: 42px;
	text-decoration: none;
}

#navmembers {
	background: url('../images/nav-members.jpg') no-repeat;
	display: block;
	float: left;
	width: 86px;
	line-height: 42px;
	text-decoration: none;
}

#navmembersselected {
	cursor: default;
	background: url('../images/nav-members-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 86px;
	line-height: 42px;
	text-decoration: none;
}

#navmembers:hover {
	background: url('../images/nav-members-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 86px;
	line-height: 42px;
	text-decoration: none;
}

#navcontact {
	background: url('../images/nav-contact.jpg') no-repeat;
	display: block;
	float: left;
	width: 74px;
	line-height: 42px;
	text-decoration: none;
}

#navcontactselected {
	cursor: default;
	background: url('../images/nav-contact-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 74px;
	line-height: 42px;
	text-decoration: none;
}

#navcontact:hover {
	background: url('../images/nav-contact-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 74px;
	line-height: 42px;
	text-decoration: none;
}

#navfaq {
	background: url('../images/nav-faq.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 42px;
	text-decoration: none;
}

#navfaqselected {
	cursor: default;
	background: url('../images/nav-faq-selected.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 42px;
	text-decoration: none;
}

#navfaq:hover {
	background: url('../images/nav-faq-glow.jpg') no-repeat;
	display: block;
	float: left;
	width: 68px;
	line-height: 42px;
	text-decoration: none;
}
	
#userinput {
        width:450px;
        margin:0 auto;
}

#userinput.hugleft {
    margin:0 2px;
}

#userinput.fullwidth {
    width:99%;
}

#userinput.fullwidth th {
   
}


#userinput.wider {
    width:450px;
    margin:0 auto;
}

#userinput.wider th {
    width:120px;
}


#userinput.centerwidth {
    margin:0 auto;
}



#userinput td.description {
	font-style: italic;	
	font-size:0.75em;
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:12px;		
}

#userinput th {
	font-weight:normal;
	text-align:right;
	width:200px;
}

#userinput th input{
	margin:0px auto;
}

.rightbanner {

   margin-top:6px;
   float:right;
   width:228px;
   display:block;
   
}

#accountnav ul {
    list-style:none;
    border-bottom:1px solid black;
    width:500px;
    margin:1px;
    padding:10px;
}

#accountnav ul li {
    display:inline;
    margin-left:10px;
    border:1px solid black;
    border-bottom:none;
}

.message {
    
}

#messages li.green {
    list-style-image: url('../images/accept.gif');
}

#messages li.red {
    list-style-image: url('../images/deny.gif');
}
.clear {
	clear:both;
}

p.clear {
	clear: both;
	margin: 0px;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

.faqanswer {
	padding:4px 4px 18px 10px;	
}

.thinbar {
		margin-bottom:-8px;
}

.accountTips {
    border-top:#eeeeee 1px solid;
    background:#fefefe;
    padding-bottom:1em;
    
}

#footer {
	margin-bottom: 12px;
}

#code {
	clear:all;
	float: left;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#codespacer {
	height:60px;
}

#locationresult {
    font-size:0.70em;
    color:#777777;
}

.icon {
	position:relative;
	top:3px;	
}

.readonly {
	background:#eeeeee;	
}

.command {
    cursor:pointer;
}

.flashing {
    background:#ffdfdd url('../images/flashing.gif');
}