
/* Layout */
body{padding: 0; background: #58B6CC; text-align: center; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:medium;}
#wrapper{text-align: left; margin: 0 auto; width: 800px; height: auto;}
#header{background: #93CC79; height: 80px; width: 100%;}
#header_left{float: left; width: 350px; height: 100%;}
#header_right{float: left; width: 436px; height: 100%; padding-right: 14px; text-align: right;}
#nav_main{height: 24px; width: 325px; margin: 23px 0px 7px 109px;}
#nav_page{height: 24px; width: 100%;}
.nav_tab_sel{width: 85px; height: 22px; margin-left: 3px; padding-top: 4px; color: #93CC79 !important; background: #1E1E1E; float: right; text-align: center;}
.nav_tab{width: 84px; height: 22px; margin-left: 3px; padding-top: 4px; background: #AECDFF; float: right; text-align: center;}

#content_block{background: #1E1E1E; padding: 20px 18px 40px 18px; height: auto; min-height: 530px;}
#info_block{width: 100%; margin-bottom: 30px; display:none;}
#info_block_bar{background: #93CC79; height: 21px; padding: 2px 0 0 4px;}
#info_block_content{background: #fff; width: 756px; float:left; width:100%;}
.three_col{width: 248px; height: auto; float:left; padding: 4px 0 0 6px;}
.three_col_rt{width: 248px; height: auto; float:left; padding: 12px 0 0 4px; text-align: right;}
.three_col_dbl{width: 491px; height: auto; float:left; padding: 12px 0 0 4px;}
.two_col{width: 369px; height: auto; float:left; padding: 12px 0 0 4px;}
.vert_break {background: #1E1E1E; width: 3px; height: 100%; min-height:240px; float: left; margin: 0 2px 0 2px;}

#action_block{width: 100%; height: auto; display:none; margin-top: 12px; float:left;}
#action_block_bar{height: 22px; width: auto; margin: 0 0 0 8px;}
.action_tab_sel{background: #FFF; width: 109px; height: 19px; margin-left: 4px; padding-top: 3px; float: left;}
.action_tab{background: #AECDFF; width: 109px; height: 19px; margin-left: 4px; padding-top: 3px; float: left;}
#action_block_content{background: #FFF; width: 756px; min-height: 240px; float:left;}
.title_bar,.title_bar_num_users{background: #93CC79; width: 96%; height: 20px; padding: 3px 0 0 6px; margin-bottom: 8px; float:left;}
.float_left{float:left; margin:0 3px 12px 2px;}
.float_left_clean{float:left; margin:0 3px 0 2px;}
.float_right{float:right; margin:0 3px 12px 2px;}
.float_left_rt{float:left; margin:0 3px 0 2px; text-align: right;}
.full_rt{text-align: right; float: left; background-color: #fff; padding-right:10px;}
.full_rt_all{text-align: right; float: left; background-color: #fff; width:100%;}

.message_bar{background: #AECDFF; height: 24px; padding: 2px 0 0 0; float:left; width: 100%;}
.message_title{background: #93CC79; height: 21px; padding: 2px 0 0 4px;}
.message_area{background: #FFF; width: 100%; padding-bottom:10px; float: left;}
.message_box{margin:15px;}

.tag_container{background: #FFFFFF; height: 23px; width: 478px; margin: 3px 14px 0 0; float:left; overflow:hidden;}
.tag_container_sel{background: #FFFFFF; height: 23px; width: 478px; margin: 3px 14px 0 0; border: solid 2px #BA6804; float:left; overflow:hidden;}
.tag_u{background: #E2E2E2; height: 23px; float: right; padding-right: 6px;}
.tag_left_u{background: url("../resources/tag-left-u.gif") #E2E2E2; width: 12px; height: 23px; float: right;}
.tag_left_u_end{background: url("../resources/tag-left-u.gif") #FFFFFF; width: 12px; height: 23px; float: right;}
.tag_u_h{background: #AECDFF; height: 23px; float: right; padding-right: 6px;}
.tag_left_u_h{background: url("../resources/tag-left-h.gif") #E2E2E2; width: 12px; height: 23px; float: right; margin-right:-1px;}
.tag_left_h_h{background: url("../resources/tag-left-h-h.gif") #E2E2E2; width: 12px; height: 23px; float: right;}
.tag_left_e_h{background: url("../resources/tag-left-e-h.gif") #E2E2E2; width: 12px; height: 23px; float: right;}
.tag{border-bottom:1px solid #93CC79; float: left; width: 97%; min-height:24px;}
.comm_container{background: #E2E2E2; height: 23px; width: 97%; margin: 3px 14px 0 0; float:left; overflow:hidden;}
.comm_container_sel{background: #E2E2E2; height: 23px; width: 97%; margin: 3px 14px 0 0; border: solid 2px #BA6804; float:left; overflow:hidden;}

.cat_box{float: left; width: 200px; height: 150px; border: solid 1px #93CC79; padding: 5px 5px 5px 5px; margin: 0 0 5px 0; overflow: auto;}
.cat_add_button{float: left; width: auto; height: auto; margin-top: 54px; padding: 0 10px 0 10px;}
.cat_box_u{}
.cat_box_s{background: #E2E2E2;}
.cat_box_title{background: #AECDFF; text-align: left; padding-left: 4px;}
.cat_box_short,.cat_box_wide,.cat_box_wide_overflow{float: left;  border: solid 1px #93CC79; padding: 5px 5px 5px 5px;}
.cat_box_short{ width: 231px; height: auto; margin-bottom: 6px; }
.cat_box_wide{width: 465px; min-height: 150px; margin: 0 10px 6px 0;}
.cat_box_wide_overflow{width: 465px; height: 150px; margin: 0 10px 6px 0; overflow:auto;}

.response_message{background-color: #BA6804; color:#fff; font-weight: bold; float: left; padding:2px 4px 2px 4px;}

.filter_item{background-color:#AECDFF; color:#fff; font-weight: bold; float: left; padding:2px 4px 2px 4px;width:100%;border-bottom:#FFFFFF 1px solid;}
.filter_box{float:left; width:96%;}
.form_item{margin: 6px 0 0 0; min-height: 22px;}
.three_col_select{width: 242px;}
#ft {text-align: center; margin-top: 8px;}
.button_filler{float: left; width: 430px; height: auto;}
.button_filler_two_col{float: left; width: 304px; height: auto;}
.box_spacer {float: left; width: 52px; height: 1px;}


#nav_main{font-size:84%;}
#nav_page{font-family: Arial, Helvetica, sans-serif;}
.nav_tab_sel{font-size:75%;}
.nav_tab{font-size:75%;}
#info_block_bar{font-size: 90%; font-weight: bold;}
.three_col{font-size: 90%; line-height: 1.4; background-color: #fff;}
.three_col_dbl{font-size: 90%; line-height: 1.4;}
.two_col{font-size: 90%; line-height: 1.4; background-color:#fff;}
.two_col_no_ov{font-size: 90%; line-height: 1.4; background-color:#fff;width: 369px; height: auto; float:left; padding: 12px 0 0 4px; overflow:hidden;}
.two_col_center{font-size: 90%; line-height: 1.4; background-color:#fff; text-align: center; width: 369px; height: auto; float:left; padding: 12px 0 0 4px;}
.tag_main{color: #BA6804;}
.action_tab_sel{font-size:75%; font-weight: bold; text-align: center;}
.action_tab{font-size:75%; font-weight: bold; text-align: center;}
.title_bar,.title_bar_num_users{font-size:80%; font-weight: bold;}
.remove_cat{float:left; width:25px; height:25px;}
#js_category_labels1{width: 145px;}
#js_category_labels2{width: 145px;}

#action_block_content h3{font-size:80%; font-weight: bold;}
#ft {font-size: 60%; color: #93CC79; display:none;}
.sm_link{font-size:75%;}
.sm_text{font-size:75%; color:#BA6804;}

#browse_main{width: 100%; height: auto; position: absolute; top:80px; left:0px; background:#fff; min-height: 100%;}
#browse_list{width: 19%; height: 646px; float:left; overflow:auto;}
#browse_frame{float: left; width: 80%; height: 100%; min-height: 100%; position:absolute; top:0px; left:19%;}
.iframe_control{position: relative; height: 19px; width: auto; text-align: center; background-color:#fff; float:right; margin-left:6px; padding: 0 6px;}
.follow_message_area{position: absolute; top:3px; right:10%; height: auto; width: 655px; background-color:#fff; z-index:1; border: solid 1px #000;}
#url_message_list_container{width: 400px;}
#iframe_control_tabs{position: absolute; top:-20px; right:5%; height: 20px; width: auto; text-align: right;}
.url_box_u{padding-left:6px; border-bottom: 1px solid #AECDFF;}
.url_box_h{padding-left:6px; background: #E2E2E2; border-top: 1px solid #AECDFF;}
.url_box_s{padding-left:6px; background: #AECDFF; border-top: 1px solid #AECDFF;}
.messsage_box_u{padding-left:6px; border-bottom: 1px solid #AECDFF; float:left; width:97%; overflow:hidden;}
#community_box_list{min-width:285px;}
#reader{float:left; width:100%;padding-left:25px;}
.follow_time{font-size:75%; color:#BA6804;margin-right:14px;background-color:#F8F8FF;}
.top_spacer{width:100%;height:8px;}
