.homepage_splash_text { color: #403514; font-size:90%; padding: 14px; float: right; background-color: #e6e1cf; width: 298px; height: 233px; border-left: 1px solid #c0b284; border-top: 1px solid #c0b284; }
.homepage_splash_text h1 { margin-bottom:24px; }

.floatBox { margin-top:20px; border-top: 1px solid #d3c8a8; width: 216px; float: left; padding:20px 25px 25px 25px; font-size:90%; color: #403514; min-height:175px; }
.floatBox h2 { margin-bottom: 12px; }
.floatBox ul { padding-left: 50px; }
#leftBox { }
#middleBox { width: 218px;  border-left: 1px solid #d3c8a8; border-right: 1px solid #d3c8a8; }
#rightBox { }

.banner { display:block; width:868px; height: 87px; background-repeat: no-repeat; position: absolute; left:1px; top:17px; }
.banner h1 { font-size: 2.2em; margin: 7px 0 0 18px; }
.underBanner { margin-top: 85px; }

/* signup */
.signup .gutter {}
.signup .form {}
.signup.login .form {}
.signup .form form {display: block; width: 370px;}
.signup .form .gutter {}
.signup .form .label {width: auto; float: none; display: block; text-align: left; padding-bottom: 3px; font-size: 1em; font-weight: normal; text-transform: lowercase;}
.signup .form label {cursor: pointer;}
.signup .form .label span {font-size: .7em;}
.signup .form .input {width: auto; float: none; display: block; text-align: left;}
.signup .form .input input {width: 99%; font-size: 1.5em; color: #555; height: 32px; padding: 4px 0 0 .2em; border: 1px solid #424242; background: url(/images/site/signup/inp_back.gif) left top repeat-x;}
.signup .form .input select {width: 99%; font-size: 1em; color: #555; height: 37px; border: 1px solid #424242; background: url(/images/site/signup/inp_back.gif) left top repeat-x;}
.signup .form input.img {margin: 12px auto 0 auto; display: block; margin-bottom: 10px;}
.signup .form input.img + p {text-align: center;}

/* admin styles */
.admin { text-align: left; margin:auto;}
.admin .icon { margin: 5px 0px 0 0; padding: 4px; background-image:url(/images/site/admin/icon_back.png); background-repeat:no-repeat;}
.admin table td { vertical-align: top; }
listing { width:100%; }
.listing th { background-color: #eee; padding-right: 10px; font-size:80%;}
.listing td { padding-right: 10px; font-size: 90%; vertical-align:top; cursor:pointer;}
.admin ul { list-style: none; margin-left: 15px; }
.admin .search_box { padding: 6px 6px 6px 6px; margin: 0 0 20px 0; border: 1px solid #999; background: #eee; text-align: left;}
.admin .search_box .hint { display: block; font-size: 80%;}
.admin .search_box INPUT.text_input { font-size: 100%;  width: 150px; height:20px;}
.admin .search_box INPUT.file_input { }
.admin .search_box SELECT { height: 22px; margin-bottom: 1px;}
.admin .search_box TABLE { }
.admin .search_box TABLE TD { text-align: left; vertical-align: bottom; }
.admin .search_box TABLE.tag_splicer { width: auto; }
.admin .search_box TABLE.tag_splicer td { vertical-align: middle }
.admin .search_box TABLE.tag_splicer td input.tag { width: 220px; height: 36px; margin: 0 0 0 0; padding: 4px 3px 0 3px; font-size: 1.8em; background: url(/images/site/home/input_back.gif) center center repeat-x; border: 1px solid #777; color: #733; }
.admin .search_box TABLE.tag_splicer td input.tag_disabled { width: 220px; height: 36px; margin: 0 0 0 0; padding: 4px 3px 0 3px; font-size: 1.8em; background: url(/images/site/home/input_back_disabled.gif) center center repeat-x; border: 1px solid #777; color: gray; }
.admin .search_box TABLE.tag_splicer td input.submit { height: 40px; }
.admin .search_box TABLE.tag_splicer td span.text_hint { color: pink; font-style: italic; }
.admin .search_box TABLE.tag_splicer td.actions { padding: 5px 30px 5px 30px; background-color: #666;}
.admin .search_box TABLE.tag_splicer td.actions label { padding-left: 5px; padding-right: 5px; }
.admin .search_box TABLE.tag_splicer td.actions label:hover { background-color: #929292; cursor: pointer; }
.admin .search_box_small TABLE { width: auto;  border: 1px dashed #999;}
.admin .search_box_small TD { background: #505050; padding: 6px;}
.admin .tab_bar ul { list-style: none; white-space: nowrap; margin: 10px 0 0 0; padding: 0; z-index: 12; padding-left: 6px;}
.admin .tab_bar li {float: left; position: relative; display: inline; cursor: pointer; margin: 1px 0 0 2px;}
.admin .tab_bar li.sel a {position: relative; top:1px; z-index: 12; padding: 3px 5px 4px 5px; border: 1px solid #999; border-bottom: 1px solid #eee;}
.admin .tab_bar li.sel a:hover { border: 1px solid #999; border-bottom: 1px solid #eee; }
.admin .tab_bar li a {display: block; margin: 0 5px; padding: 4px 6px; background: #eee;}
.admin .tab_bar li a:hover { border: 0; color: #a00;}
.manager { width: 100%; margin: auto; }

/* security styles */
.security .panel {width: 100%; border-collapse: collapse; background: none; font-size: .9em; margin: 0 0 20px 0;}
.security .panel th {background: #777; color: #f0f0f0; text-align: center;}
.security .panel td {border: 1px solid #999; text-align: center; vertical-align: top;}
.security .actions {float: right; width: 64%; height:400px; overflow: auto; background-color:#eee;}
.security .groups {float: left; width: 35%;}
.security ul.tree { margin-left: 20px; }
.security ul.tree li {cursor: pointer;}
.security ul.tree li span {display: block; padding: 0 3px;}
.security ul.tree li.sel > span {background: #ddddc3; color: #000;}
.security ul.tree ul {margin: 0 0 0 15px;}

/* form styles */
.data_form input.text { width: 350px; border:1px solid gray;}
.data_form select { width: 350px; border: 1px solid gray; }
.data_form textarea { width: 350px; height:200px; border: 1px solid gray;  font-size: 85%; }
.data_form textarea.html_editor { width: 100%; height:500px; font-size: 85%; border: 1px solid gray; }
.content .data_form hr { border-top: 1px dotted #aaa; }