/* CSS Document */
html { min-height:100%; height:auto; padding:0; margin:0;}
body { margin:0 0 10px 0; padding: 0; background-position: left bottom; font: 10px Trebuchet, san-serif, Arial, Helvetica, Geneva, san-serif;}
a { color: #658949; text-decoration: none;}
a.visited { color: #996600; }
a:hover {text-decoration: underline; }
.fm { clear:both; }
.fr { clear:both; padding-top: 6px; }
.fr div.label {width:120px; float:left; text-align: left; padding-left:60px;}
.fd {float:left; text-align:left; font-weight:normal; }
.fdr {float:right; text-align:right; font-weight: normal; }
input { padding: 1px; background-color: #fff; color: #333; border: 1px solid #999; height:18px;}
input[type="checkbox"], input[type="radio"] { border:none;}
input.search { border:none; padding-left:20px; background: url(/img/search.gif) top left no-repeat; cursor: pointer;}
textarea { background-color: #fff; color: #333; border: 1px solid #999; }
select { background-color: #fff; color: #333; border: 1px solid #999; }
.error {padding: 20px 0 20px 0; color:#f00; }
#wrapper { min-width: 100%; width:100%; float:left;}
#template_top { width: 800px; height: 93px; clear:both; padding:0 0 0 13px; margin:0; overflow:hidden;}
#logo {float:left; padding: 67px 0 0 0; margin:7px 0 0 0; width: 283px; height: 0; overflow: hidden; display:block; background: url(/img/logo_beta.gif) top left no-repeat; }
#login {float:left; padding: 24px 0 0 40px; margin:0; font-size: 12px;}
#login #upper { height: 25px; clear:both; width:380px; font-size: 12px;}
#login input { width: 85px; height: 14px; padding: 1px; background-color: #fff; font-size: 9px; color: #333; border: 1px solid #999; }
#login #button { width: 53px; height:23px; border: none; padding:0 0 0 3px; margin-right:3px;}
#login #remember {padding: 0 0 0 217px; float:left; margin:0; clear:both; }
#login #remember input {border: 1px solid #999; padding:0; margin: 2px; width: 15px; height: 15px;}
#login #logged_in_upper { height: 25px; clear:both; width:320px; text-align:center; font-size: 13px;}
#login .logout { font-size: 9px; text-transform: uppercase; }
#login #logged_in_user {width:320px; text-align:center; font-size: 12px;}
#login #logged_in {color: #996600; text-align:center; padding: 0px; width:320px; font-size: 13px;}
#login #logged_in a { color: #996600; text-decoration:none;}
#users_online { top: 0; width: 63px; height: 32px; background: url(/img/users_online.gif) top left no-repeat; padding: 30px 0 0 11px; margin:12px 0; float:left; text-align:center;}
#login, #users_online { font-size: 12px; color:#999; }
#template_mid { width: 800px; clear:both; margin:0; float:left;}
textarea.required, select.required, input.required {
border: 2px solid #f00;
}
input#btn_submit, input#btn_white, input#btn_tan { cursor: pointer; margin-top: 5px; border: 0; width:auto; height: 46px; display:inline; padding: 0 0 0 25px; position:relative;}
div#btn_submit, div#btn_white, div#btn_tan{ cursor: pointer; margin-top: 5px; position:absolute; width:auto; display: inline; width: 25px; height: 46px; padding: 0;}
div#btn_spacer { cursor: pointer; margin: 5px 0 0; padding: 0 25px 0 0; width: 0; height: 46px; display:inline; position:relative; background: none;}
#leaf_menu { float:left; width: 810px; margin:0; padding:0; height: 34px; }
#leaf_menu ul { float:left; list-style-type: none; margin: 0; padding: 0; width: 100%; height: 34px;}
#leaf_menu ul li { float:left; margin:0; padding: 0; height: 34px; overflow:hidden;}
#leaf_menu ul li a, #leaf_menu ul li a:hover { text-transform: lowercase; text-decoration: none; font-style:normal; font-weight: normal; padding: 5px 15px; margin: 0; }
#leaf_menu ul li a { color: #F8F5CC; font-size: 12px; text-align:center; height: 24px; font-weight: normal; display: block; }
* html #leaf_menu ul li a { display: inline-block; }
#leaf_menu ul li a:hover { color: #fff; background-position: bottom left; }
#image_header { clear:both; float:left; width:800px; padding: 5px 0 15px 15px; margin:0; text-align:left;}
#image_header img { float:left; padding:0; margin:0;}
#image_header_flash {float:left; width:800px; height:71px; padding:0; margin:0; }
#image_header_text {float:left; width:800px; padding:20px 0; margin:0; color: #65623F; font-size:14pt;}
#include_main {width:662px; padding:0; margin:0; float:left; font-size: 10pt; text-align:left;}
#include_main #top {width:662px; float:left; clear:both; padding:0; }
#include_main #top #content {padding: 15px 15px 15px 20px;width: 620px;}
#include_main #btm {width:662px; float:left; clear:both; }
#advertise { width:117px; margin-left: 7px; float:right;}
#advertise img {border:none;}
#advertise #large { float:left; width:117px; background-color: #fff; margin: 0 0 5px 0; padding: 0; }
#advertise #large a { width:117px; padding: 0; overflow:hidden; display:block;float:left;}
#advertise #small { float:left; width: 117px; background-color: #fff; margin: 0 0 5px 0; padding: 0; }
#advertise #small a { width:117px; padding: 0; overflow:hidden; display:block;float:left; }
#adtop { margin: 10px 20px 10px 20px;width:728px; background-color: #fff; border:none; text-align:center;}
#adtop a img{ border:none; }
#prefoot {clear:both; padding: 5px 0 0 30px; font-size: 10px; color: #996600; width:600px;}
#prefoot a {color: #996600; text-decoration:none;}
#prefoot a:hover {text-decoration:underline;}
#login_row { clear:both; float:left; padding: 6px 0 0 0; margin:0; width:500px;}
#login_row #label {float:left; width:120px; padding:0; margin:0; }
#login_row #field {float:left; padding:0; margin:0; }
#signup_row #field #general {width:150px;}
#notamember {clear:both; float:left; padding: 20px 0 0 0; }
.ared {color: #c00;}
#template_bottom { width:100px; overflow:hidden; float:left; clear:both; }
#pagenumbers { float:left; clear:both; padding: 2px 8px 2px 0;}
#pagenumbers span { width: auto; float:left; font-size: 8pt; margin: 0; padding: 0; clear:none;}
#pagenumbers #index { font-size: 8pt; float:right;}
#pagenumbers #index ul {float:left; list-style-type: none; margin: 0; padding:0; width:auto; clear:none; border:none;}
#pagenumbers #index ul li {float:left; display:inline; padding:2px; margin:0; width:auto; clear:none; border:none;}
#pagenumbers #index ul li a {color: #555; display:inline; padding: 0; text-decoration:none;}
#pagenumbers #index ul li a.current {font-weight: bold; color: #555; display:inline; padding: 2px; border-bottom:2px solid #555;}
#pagenumbers #index ul li a:hover { color: #fff; background-color:#669900;}
.admin { font-size:10px; font-weight:bold; }
#cloudadd { width:151px; height: 24px; background: #fff url(/img/add.gif) top left no-repeat; color: #000; border: none; margin-top:0; padding:0 0 7px 16px; font-size:10px; font-weight:normal; text-align:left;}
ul.tags {list-style-type:none; padding:0; margin:0; }
ul.tags li {padding:0; margin:0; display:inline;}
ol.tags {list-style-type:decimal; padding-left:15px; margin:0; padding:0;}
ol.tags li {display:list-item; list-style-position: outside;margin-left:25px;}
.icon {padding:0 5px 0 0; width:16px; height:16px; margin:0; border:none; vertical-align:middle; text-decoration:none;}
#icons { margin: 0; padding:0; }
#icons ul {list-style-type: none;float:left; padding:7px 0 0 0; margin:0;}
#icons ul li {float:left; clear:both; padding: 0 0 0 15px;}
#icons ul li a {float:left; padding: 5px 5px 0 0; border: 0; background: transparent;}
#icons ul li p {float:left; margin: 5px 0 0 0; padding:0;}
#icons ul li a {color:#000;}
#donation {margin:10px 0 0 0; padding:0; float:left; font-size: 10px; width:117px;}
#donation p {float:left; margin: 5px 0 0 0; padding:0; clear:none;}
#donation a {color:#000;}
textarea,input,select { font-size: 11pt; }
textarea:focus,input:focus { background-color: #ffd; }
input.submit {font-size:8pt; height:21px; background-color: #97C167; color:#2B253A; border: 1px solid #BDCE98;}
input.submit:focus { background-color: #698e80; color:#fff;}
select {font-size:9pt; }
.counter {font-size: 9pt; }
#clear { height: 0px; padding: 0; margin: 0; overflow:hidden; clear:both;}
.ch { margin: 0px; padding: 0px; }
.pointer { cursor: pointer; }
.minimize, .maximize { background-position: top right; background-repeat: no-repeat; }
.minimize { background-image: url('/img/thin_min_view.gif'); }
.maximize { background-image: url('/img/thin_max_view.gif'); }
input.donate { width:110px; height: 23px; padding: 0; border: none; }
.homeless { padding-bottom: 9px !important; background: #cc6600 url(/img/homeless.gif) bottom center no-repeat !important;}
/*
* NETWORKS
*/
#network_list {
width: 302px;
height: 37px;
overflow: visible;
position: absolute;
top: 0;
right: 20px;
background: url(/img/choose_network.gif) 0 0 no-repeat;
}
#network_list #sensor {
position: absolute;
display: block;
width: 167px;
left: 127px;
top: 5px;
height: 0;
padding: 21px 0 0;
background: transparent;
}
#network_list_ul {
position: absolute;
left: 127px;
top: 18px;
width: 147px;
padding: 0;
height: auto;
overflow: hidden;
background: #fff;
list-style: none;
border: 1px solid #ddd;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #bbb;
display: none;
}
#network_list_ul li {
width: 147px;
height: 20px;
background: #fff;
float:left;
clear:both;
}
#network_list_ul a {
padding: 5px;
color: #333;
}
#network_list_ul .oti_tiny {
display: block;
width:90px;
height: 0;
padding: 16px 20px 0;
background: #fff url(/img/logo_tiny.gif) 20px 0 no-repeat;
overflow:hidden;
float:left;
}
/* Buttons, both