@import url("./layout-mobile.css");
@import url("./gym.css");
@font-face {
    font-family: hobo_1;
    src: url(./fonts/Arimo.ttf);
}
@font-face {
    font-family: 'Hobo Std';
    src: url(./fonts/Arimo.ttf);
}

body { background:#000; font-family: hobo_1; font-size:12px; text-align:justify; margin:0px; overflow-x:hidden; color:#FFFFFF;}
a { outline:none; text-decoration:none; color:#FFFFFF;}
img { border:0px; outline:none; }
.cmn_list { margin:0px; padding:0px; list-style:none; }
input, textarea, select { outline:none; }

@font-face {
font-family: 'CenturyGothic_med';
src: url('../fonts/gothic.eot') format('embedded-opentype'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype'), url('../fonts/gothic.svg#gothic') format('svg');
}

@font-face {
font-family: 'CenturyGothic_Bold';
src: url('../fonts/century_gothic_bold.eot') format('embedded-opentype'), url('../fonts/century_gothic_bold.woff') format('woff'), url('../fonts/century_gothic_bold.ttf') format('truetype'), url('../fonts/century_gothic_bold.svg#century_gothic_bold') format('svg');
}

.main_container { width:100%; float:left;  height:100%; overflow:hidden }
.cmn_wdth_container { width:1000px; margin:auto; clear:both; position:relative;}
.header { float:left; position:relative; width:100%; height:218px; background:url(../images/hdr_top_bg.jpg) no-repeat; }
.hdr_lft_bg { position:absolute; top:0px; left:-100px; background:url(../images/hdr_lft_bg.jpg) no-repeat; width:100px; height:293px; }
.hdr_rht_bg { position:absolute; top:0px; right:-100px; background:url(../images/hdr_rht_bg.jpg) no-repeat; width:100px; height:281px; }

.middle_container { float:left; width:100%;  position:relative; background:#000; z-index:5; }
.mid_cont_bg { margin:auto; width:1000px; min-height:307px; background:url(../images/hdr_btm_bg.jpg) no-repeat;  clear:both;}
.mid_cont_fence_bg { position:absolute; top:3px; left:0px; width:100%; height:304px; background:url(../images/fence_bg.png) repeat-x center top; }
.mid_cont_wall_bg { float:left; position:relative; margin-top:-8px; width:100%; height:114px; background:url(../images/wall_bg.png) repeat-x center top; }

.hdr_mature { position:absolute; top:13px; right:22px; z-index:100; }
.hdr_logo { float:left; width:410px; margin-left:273px;  text-align:center; margin-top:-3px; position:relative; z-index:100; }
.hdr_subtxt { float:left; width:966px; margin-left:10px; text-align:center; font-family: Hobo Std; font-size:14px; background:url(../images/txt_trans_bg.png) repeat-y; padding:3px 0px; margin-top:8px;  position:relative; z-index:100;}
.hdr_stats_txt { float:left; width:950px; margin-top:6px; line-height:15px; font-family: Hobo Std; font-size:11px; color:#FFFFFF; text-align:center; position:relative; z-index:100; }
.hdr_stats_grn { color:#90ff03; }
.hdr_stats_yel { color:#f0a136; }
.hdr_stats_red { color:#ff3507; }
.hdr_stats_sep { color:#000000; padding:0px 4px; }
.mid_cont_floor { margin:auto; position:relative; min-height:188px; width:1000px; background:url(../images/floor_mid_bg.jpg) no-repeat; clear:both; }
.floor_lft_bg { position:absolute; top:0px; left:-80px; width:80px; height:118px; background:url(../images/floor_lft_bg.jpg) no-repeat; }
.floor_rht_bg { position:absolute; top:0px; right:-80px; width:80px; height:118px; background:url(../images/floor_right_bg.jpg) no-repeat; }
.mid_cont_inner_box { position:absolute; width:100%; left:0px; top:0px; }
.mid_cont_guy { float:left; width:223px; height:542px; margin-left:63px; margin-top:-10px; }
.mid_cont_dog { float:left; width:247px; height:300px; margin-top:269px; margin-left:-38px; }

.guy_dog_shadows  { position:absolute; left:70px; top:0px; }
.login_form_outer { float:right; width:383px; height:265px; background:url(../images/login_frm_bg.png) no-repeat; margin-top:31px; margin-right:21px; }
.login_form_fence { float:left; width:100%; height:100%;  background:url(../images/login_frm_fence.png) no-repeat; position:relative; }
.login_form_exist_usr { float:left; margin-top:61px; margin-left:39px;  width:250px;}
.login_form_flds { margin-right:-10px; float:left; width:185px;  margin-top:2px; margin-left:36px; position:relative; z-index:30; }
.lgn_frm_txtbox { float:left; width:185px; height:38px; margin-top:4px; background:url(../images/frm_txtbox.png) no-repeat; }
.lgn_frm_txtbox input { font-size:11px; font-family: Hobo Std; color:#a8a9a9; width:165px; margin-left:10px; height:18px; margin-top:9px;
background:none; border:0px;   }

.lgn_frm_hand { position:absolute; top:24px; right:40px; }

.lgn_frm_txtbox ::-webkit-input-placeholder { color: #a8a9a9 !important; opacity:1 !important;}
.lgn_frm_txtbox :-moz-placeholder { color: #a8a9a9 !important; opacity:1 !important;}
.lgn_frm_txtbox ::-moz-placeholder { color: #a8a9a9 !important;opacity:1 !important;}
.lgn_frm_txtbox :-ms-input-placeholder { color: #a8a9a9 !important; opacity:1 !important;}

.lgn_frm_txtbox input:focus::-webkit-input-placeholder { opacity:0 !important}
.lgn_frm_txtbox input:focus:-moz-placeholder { opacity:0 !important }
.lgn_frm_txtbox input:focus::-moz-placeholder { opacity:0 !important }
.lgn_frm_txtbox input:focus:-ms-input-placeholder { opacity:0 !important }

.lgn_frm_frgt_pwd { float:right; width:100%; text-align:right; font-family: Hobo Std; font-size:11px; margin-top:-2px; margin-right:1px; }
.lgn_frm_frgt_pwd  a { color:#FFFFFF; text-transform:uppercase; }
.lgn_frm_frgt_pwd  a:hover { color:#ffaa2e; }

.lgn_frm_btn { float:right; width:100px; height:95px; padding-top:7px; padding-left:9px; background:url(../images/login_bg.png) no-repeat;  margin-right:60px; margin-top:-20px;  }
.lgn_frm_btn:hover { background:url(../images/login_bg.png) no-repeat 0px -102px; }

.lgn_frm_signup { margin-top:23px; float:left; margin-left:109px; position:relative; z-index:30; }

.mid_cont_drum { position:absolute; top:191px; right:-30px; z-index:25; }
.mid_cont_bottle { position:absolute; top:439px; right:145px; }

.inside_hobo_container { float:left; width:100%; }
.inside_hobo_title { float:left; margin-left:56px; margin-top:28px; }

.inside_hobo_table { float:left; width:736px; border:solid 1px #676767; margin-left:31px; }
.inside_hobo_row { float:left; width:100%; border-bottom:solid 1px #444444; text-align:left; color:#FFFFFF; font-size:13px; display:table; line-height:20px; }
.inside_hobo_row:last-child { border-bottom:0px; }
.inside_hobo_row.h_tbl_head { background:#101010; color:#a40e0e; font-size:15px; font-family: Hobo Std;}
.h_tbl_col { width:90px; padding-left:32px; padding-right:8px; padding-top:3px; padding-bottom:3px; border-right: solid 1px #353535; vertical-align:middle; display:table-cell;  }
.h_tbl_col2 { width:148px; padding-left:26px; padding-right:8px; padding-top:3px; padding-bottom:3px; border-right: solid 1px #353535; vertical-align:middle; display:table-cell;  }
.h_tbl_col3 { width:103px; padding-left:28px; padding-right:8px; padding-top:3px; padding-bottom:3px; border-right: solid 1px #353535; vertical-align:middle; display:table-cell;  }
.h_tbl_col4 { width:104px; padding-left:21px; padding-right:8px; padding-top:3px; padding-bottom:3px; border-right: solid 1px #353535; vertical-align:middle; display:table-cell; }
.h_tbl_col5 { width:115px; padding-left:25px; padding-right:8px; padding-top:3px; padding-bottom:3px; vertical-align:middle; display:table-cell; }
.h_tbl_col_mrgn { margin-left:-20px; }

.footer { float:left; width:100%; position:relative;  }
.footer_inner { width:1000px; height:171px; margin:auto; clear:both; position:relative; background: #000 url(../images/footer_bg.jpg) no-repeat 0px 45px; padding-top:45px; z-index:25; }
.ftr_lft_cont { font-size:12px;  color:#FFFFFF; width:450px; float:left; line-height:17px; margin-left:78px; margin-top:76px; }
.ftr_lft_cont .ftr_cont_space { display:block; width:100%; height:15px; }
.ftr_lft_cont a { color:#FFFFFF; }
.ftr_lft_cont a:hover { color:#784c22; }
.ftr_sep { padding:0px 10px; }
.ftr_page_brwn {  color:#784c22;  }

.ftr_rht_links { float:right; margin-right:15px; max-width:450px; text-align:right; margin-top:68px; }
.ftr_rht_links a { color:#8f6329; padding:5px 10px; display:inline-block; font-size:14px; margin-left:14px; }
.ftr_rht_links a:hover, .ftr_rht_links a.actv { background:#000000;
border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; }

.ftr_imp_note { float:left; margin-left:78px; margin-top:12px; font-size:10px; color:#FFFFFF; width:550px; }
.ftr_imp_note span { color:#ec1919; }

.ftr_site_design { float:right; margin-right:20px; font-size:10px; color:#FFFFFF; margin-top:6px; }
.ftr_site_design a { color:#FFFFFF; }
.ftr_site_design a:hover { color:#8f6329; }

.footer_lft_bg {
width:50%; position:absolute; top:-17px; left:0px; background:url(../images/footer_side_bg.jpg) repeat-x; height:120px;

transform: skewY(-16deg);
-webkit-transform: skewY(-16deg);
-ms-transform: skewY(-16deg);
-moz-transform: skewY(-16deg);

  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-backface-visibility: hidden;
}


.footer_rht_bg { width:50%; position:absolute; top:89px; right:0px; background:url(../images/footer_side_bg.jpg) repeat-x; height:400px;  z-index:20;
transform: skewY(-5deg);
-webkit-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);

  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-backface-visibility: hidden;
}

/* ------------- Sign up ------------------- */
.mid_cont_sign_cat { position:absolute; top:389px; left:-48px; }
.mid_cont_sign_dog { position:absolute; top:316px; left:16px; z-index:10; }
.mid_cont_sign_basket { position:absolute; top:446px; left:180px; }
.mid_cont_sign_guy { position:absolute; top:23px; right:144px; z-index:25; }
.sign_dog_shadow { float:left; margin-left:300px; margin-top:0px; }
.mid_cont_sign_bottle  { position:absolute; top:501px; right:20px; z-index:30; }

.mid_cont_signup_form_outer { float:left; width:692px; height:290px; background:url(../images/sign_form_bg.png) no-repeat; margin-left:12px; margin-top:8px; }
.mid_cont_signup_form_fence  { float:left; width:100%; height:100%; background:url(../images/sign_fence.png) no-repeat; position:relative; }

.mc_signup_hobo_logo { float:left; margin-left:35px; margin-top:48px; }
.mc_signup_reg_title { float:left; margin-top:73px; margin-left:11px; }
.mc_signup_hand { position:absolute; top:55px; left: 353px; }

.mc_signup_frm_lft { float:left; width:305px;  margin-top:6px; margin-left:44px; }

.mc_signup_frm_txtbox { float:left; width:289px; height:30px; background:rgba(0,0,0,0.83);  margin-top:11px;
border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px;  }
.mc_signup_frm_txtbox input { float:left; width:269px; margin-left:10px; height:18px; color:#a5a5a5; font-size:11px; font-family: Hobo Std; margin-top:5px; background:none; border:0px; }

.mc_signup_frm_txtbox ::-webkit-input-placeholder { color: #a5a5a5 !important; opacity:1 !important;}
.mc_signup_frm_txtbox :-moz-placeholder { color: #a5a5a5 !important; opacity:1 !important;}
.mc_signup_frm_txtbox ::-moz-placeholder { color: #a5a5a5 !important;opacity:1 !important;}
.mc_signup_frm_txtbox :-ms-input-placeholder { color: #a5a5a5 !important; opacity:1 !important;}

.mc_signup_frm_txtbox input:focus::-webkit-input-placeholder { opacity:0 !important}
.mc_signup_frm_txtbox input:focus:-moz-placeholder { opacity:0 !important }
.mc_signup_frm_txtbox input:focus::-moz-placeholder { opacity:0 !important }
.mc_signup_frm_txtbox input:focus:-ms-input-placeholder { opacity:0 !important }

.mc_signup_frm_txtbox.txtb_sign_wdth2 { width:141px; margin-right:6px; }
.mc_signup_frm_txtbox.txtb_sign_wdth2 input { width:121px; }

.mc_signup_clrboth { float:left; width:100%; display:block; }

.mc_signup_frm_rht {float:left; width: 223px; margin-left:34px; margin-top:5px; }

.mc_signup_frm_txtbox.txtb_sign_wdth3 { width:213px; margin-left:5px;  }
.mc_signup_frm_txtbox.txtb_sign_wdth3 select { width:193px; height:20px; background:none; border:0px; color: #a5a5a5 !important;  font-size:11px; font-family: Hobo Std; margin-left:10px; margin-top:5px;}
.mc_signup_frm_txtbox.txtb_sign_wdth3 select option { background:#000000; }

.mc_signup_frm_txtbox.txtb_sign_wdth4 { width:104px;margin-left:5px;  }
.mc_signup_frm_txtbox.txtb_sign_wdth4 input { width:84px; }

.mc_signup_frm_txtbox.txtb_sign_wdth5 { width:104px;margin-left:5px; padding-top: 2px; padding-left: 3px; height: 28px; }
.mc_signup_frm_txtbox.txtb_sign_wdth6 { width:60px;margin-left:5px; padding-top: 2px; padding-left: 3px; height: 28px; }
.mc_signup_frm_txtbox.txtb_sign_wdth6 input { width:60px; }
.mc_signup_agree { float:left; width:100%; font-size:11px; color:#FFFFFF; text-transform:uppercase; margin-top:10px; text-align:center; }

.mc_signup_btn { float:left; width:175px; height:64px; background:url(../images/sign_btn_bg.png) no-repeat;  margin-left:34px; margin-top:-3px; cursor:pointer;}
.mc_signup_btn:hover {  background:url(../images/sign_btn_bg.png) no-repeat 0px -112px; }
.mc_signup_btn input { float:left; margin-left:30px; margin-top:20px; }

.mc_signup_frm_txtbox.txtb_sign_wdth4 #ccode { margin-left:3px; }
.refresh_icon { float:right; margin-right:3px; margin-top:5px; cursor:pointer;  }

.middle_container.signup_pg_mrgn { margin-bottom:-20px; }

/* ------------ Sub page --------------- */
.middle_container.subpg_bg { background:#000 url(../images/subpg_bg.png) repeat-x; margin-top:5px;   min-height:150px;}
.subpg_header { float:left; width:100%; height:156px; background:url(../images/sub_hdr_bg.jpg) no-repeat; position:relative;}
.subpg_hdr_lft { position:absolute; left:-100px; top:0px; height:156px; width:100px; background:url(../images/sub_hdr_lft.jpg) no-repeat; }

.subpg_hdr_rht { position:absolute; top:0px; right:-248px; width:248px; height:156px; background:url(../images/sub_hdr_rht.jpg) no-repeat; }

.subpg_wall_container { float:left; width:100%; height:49px; margin-top:-8px; background:url(../images/sub_wall.png) repeat-x center top;  position:relative; z-index:25; }

.subpg_mascot { position:absolute; top:0px; left:350px; }
.subpg_hdr_cont_lft { float:left; width:301px; margin-left:10px; }
.subpg_hdr_logo { float:left; margin-left:4px; margin-top: 2px; }

.subpg_hdr_stats { float:left; width:271px; padding:5px 15px; background:rgba(0,0,0,0.64); font-family: Hobo Std; font-size:12px; color:#ddd3ab; line-height:16px; margin-top:4px;
border-radius : 5px 0px 0px 5px; -moz-border-radius : 5px 0px 0px 5px; -webkit-border-radius : 5px 0px 0px 5px; }
.subpg_hdr_stats span { color:#d37135; }
.subpg_hdr_stats span.subpg_stats_sep { color:#ddd3ab; padding:0px 6px; }
.subpg_hdr_datetime { float:left; width:95%; text-align:center; font-family: Hobo Std; font-size:12px; margin-top:2px; color:#FFFFFF }

.subpg_henae_cont {float:left; margin-left:345px; margin-top:2px; width:300px; background:rgba(0,0,0,0.65);
border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; padding-bottom:8px;  padding-left: 8px; padding-top: 3px; text-align:center;

}
.subpg_henae_cont2 {float:left; margin-left:35px; margin-top:10px; width:585px; background:rgba(0,0,0,0.65); min-height:50px;
border-radius : 5px; -moz-border-radius : 5px; -webkit-border-radius : 5px; padding-bottom:8px;  padding-left: 8px; padding-top: 3px; text-align:center;
	-webkit-box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5);
	box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5)
}

/* -- CRIME PAGE -- */
.subpg_henae_row_crime { position:relative; width:180px; height:20px; background:#666666; float:left; margin-left:2px; margin-top:7px; }
.subpg_henae_green { float:left; width:48px; padding-left:6px; height:20px; line-height:20px; background:#66c20a; font-family: Hobo Std; font-size:12px; color:#FFFFFF  }
.subpg_henae_light_green { position:absolute; top:0px; width:123px; height:20px; background:#085e08; }
.subpg_henae_txt_crime { left: 5px; float:left; width:140px; line-height:20px; font-family: Hobo Std; text-align:left; margin-right:4px; color:#ffffff; font-size:12px; position:relative; }
.subpg_henae_red { position:absolute; top:0px; width:123px; height:20px; background:#cc0000; }
.subpg_henae_yellow { position:absolute; top:0px; width:123px; height:20px; background:#ff7f00; }

.subpg_henae_row { position:relative; width:210px; height:18px; background:#666666; float:left; margin-left:2px; margin-bottom:3px; }
.subpg_henae_row2 { position:relative; width:210px; height:20px; background:#666666; float:left; margin-left:2px; margin-top:7px; margin-bottom: 7px; }
.subpg_henae_red_col { float:left; width:48px; padding-left:6px; height:18px; line-height:20px; background:#000000; font-family: Hobo Std; font-size:12px; color:#FFFFFF  }
.subpg_henae_txt { float:right; width:140px; line-height:20px; font-family: Hobo Std; text-align:right; margin-right:4px; color:#FFFFFF; font-size:12px; position:relative; }
.subpg_henae_lght_red { position:absolute; top:0px; left:54px; width:123px; height:18px; background:#cc0000; }
.subpg_henae_red_col.yel_clr { color:#efd91b; }
.subpg_henae_lght_red.less_wdth { width:48px; }
.subpg_henae_lght_red.full_wdth { width:156px; }

.nhob_subpg_rgt_cnt{ float:right; width:250px; margin-right:0px; margin-top:5px; padding-bottom:30px;}
.nhob_rgtsde_det_cnt{ float:right; width:205px; border:3px solid #3d3d3d; background:#323232; padding:10px 10px 7px 10px; min-height:50px;
/* -- Box Radius -- */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
}
.nhob_rgtsde_det_img{ float:left; height:144px; width:226px; text-align:center; vertical-align:middle; display:table-cell; background:#000000;
/* -- Box Radius -- */
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;
}
.nhob_rgtsde_det_img *{ vertical-align:middle;}
.nhob_rgtsde_det_img span{ display:inline-block; width:0px; height:100%;}
.nhob_rgtsde_det_ttl{ float:left; width:100%; font-family: Hobo Std; font-size:16px; text-align:center; margin-top:4px; color:#fb9701; line-height:20px; margin-bottom:3px;}
.nhob_rgtsde_det_ttl span{ color:#FFFFFF; padding-left:3px;}
.nhob_rgtsde_det_row{ float:left; width:200px;min-height:15px; margin-top:2px; padding:3px 10px 4px 16px; font-size:11px; color:#ded3ab; font-weight:bold; font-family:Verdana, sans-serif; line-height:15px; text-align: left;}
.nhob_rgtsde_det_whtclr{ color:#FFFFFF;}
.nhob_rgtsde_det_brwnclr{ color:#f8d8b7;}
.nhob_rgtsde_det_blueclr{ color:#1753bd;}
.nhob_rgtsde_det_redclr{ color:#8d0808;}
.nhob_rgtsde_det_ylwclr{ color:#bf8c00;}
.nhob_rgtsde_det_grnclr{ color:#22680a;}
.nhob_rgtsde_det_blueclr.mrgn_lft{ padding-left:12px;}
.nhob_rgtsde_det_grnclr.mrgn_lft{ padding-left:3px;}
.nhob_rgtsde_det_ylwclr.mrgn_lft{ margin-left:3px;}

.nhob_rgtsde_mmenu_cnt{float:right; width:214px; border:3px solid #2e0707; background:#561a1a; padding:0px 6px 11px 6px; min-height:50px; margin-top:17px;
/* -- Box Radius -- */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.nhob_rgtsde_mmenu_ttl{ float:left; width:100%; text-align:center; margin-top:-19px; margin-bottom:4px;}
.nhob_rgtsde_mmenu_row{ float:left; width:234px; margin-top:2px; margin-left:1px;}
.nhob_rgtsde_mmenu_icon{ float:left; width:33px; height:29px; background:#1b0808; text-align:center; vertical-align:middle; display:table-cell;}
.nhob_rgtsde_mmenu_icon *{ vertical-align:middle;}
.nhob_rgtsde_mmenu_icon span{ display:inline-block; width:0px; height:100%;}

.nhob_rgtsde_mmenu_name{float:left; margin-left:2px; color:#fff; width:160px; height:21px; background:#1b0808; font-size:15px;font-family: Hobo Std; padding:4px 9px 4px 9px;}
a:hover .nhob_rgtsde_mmenu_name{ color:#bf8c00;}
.nhob_rgtsde_mmenu_name2{float:left; margin-left:2px; color:#bf8c00; width:160px; height:21px; background:#1b0808; font-size:15px;font-family: Hobo Std; padding:4px 9px 4px 9px;}
a:hover .nhob_rgtsde_mmenu_name2{ color:#fff;}

.nhob_rgtsde_yuracc_cnt{float:right; width:225px; border:3px solid #878787; background:#383838; padding:0px 0px 9px 0px; min-height:50px; margin-top:17px;
/* -- Box Radius -- */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.nhob_rgtsde_yuracc_ttl{ float:left; width:100%; font-size:15px;  font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Hobo Std; line-height:19px; margin-top:5px; text-align:center; margin-bottom:4px;}
.nhob_rgtsde_yuracc_row{ float:left; width:66px; height:96px; background:#000000; margin-top:6px; margin-left:6px; margin-right:1px;}
.nhob_rgtsde_yuracc_row2{ float:left; width:66px; height:75px; background:#000000; margin-top:6px; margin-left:6px; margin-right:1px;}
.nhob_rgtsde_yuracc_icon2{ float:left; width:100%; text-align:center; height:25px; padding-top:11px;}
a:hover .nhob_rgtsde_yuracc_row2 { float:left; width:73px; height:75px; }
.nhob_rgtsde_yuracc_icon{ float:left; width:100%; text-align:center; height:50px; padding-top:11px;}
.nhob_rgtsde_yuracc_name{ float:left; width:100%; text-align:center; font-size:13px; line-height:16px; color:#FFFFFF;font-family: Hobo Std; margin-top:px; }
a:hover .nhob_rgtsde_yuracc_name{color:#bf8c00;}
a:hover .nhob_rgtsde_yuracc_row { float:left; width:73px; height:96px; }
.nhob_rgtsde_yuracc_row.red_bg{ background:#8c0000;}
.nhob_rgtsde_yuracc_icon.pad_top1{ padding-top:14px; height:47px;}
.nhob_rgtsde_yuracc_icon.pad_top2{padding-top:13px; height:48px;}
.nhob_rgtsde_yuracc_icon.pad_top3{padding-top:5px; height:56px;}
.nhob_rgtsde_yuracc_icon.pad_top4{padding-top:20px; height:41px;}
.nhob_rgtsde_yuracc_name.mrgn_top1{ margin-top:11px;}

.nhob_rgtsde_stfonlne_cnt{float:right; width:210px; border:3px solid #878787; background:#4d3526; padding:0px 8px 10px 8px; min-height:50px; margin-top:24px;
/* -- Box Radius -- */
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;}
.nhob_rgtsde_stfonlne_ttl{float:left; width:100%; font-size:19px;  font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Hobo Std; line-height:19px; margin-top:12px; text-align:center; margin-bottom:9px;}
.nhob_rgtsde_stfonlne_row{ float:left; width:187px; display:table; vertical-align:middle; margin-top:7px; background:#271e17; font-size:14px;line-height:18px; font-family: Hobo Std; min-height:19px; padding:3px 10px 5px 16px;}
.nhob_rgtsde_stf_name{ display: table-cell; width:116px;  color:#df1d1d; }
.nhob_rgtsde_stf_time{ color: #FFFFFF; margin-left:6px; width:82px; display: table-cell;}
a:hover .nhob_rgtsde_stf_name{color: #FFFFFF;}
.nhob_rgtsde_stf_name.ylw_clr{ color:#deb114;}

.nhob_subpg_lft_cnt{ float:left;margin-top:19px; width:720px; margin-left:12px; }
.nhob_subpg_prsnlst_txt{ float:left; width:100%; margin-bottom:-5px; margin-top:6px; font-size:30px; font-weight:bold; color:#cbcbcb;}
.nhob_subpg_gnrlinfo_cnt
{
    float:left; width:758px; background:#212121; margin-top:7px; margin-left:0px; min-height:70px; padding-bottom:10px; border-radius: 0px 8px 8px 8px;

}
.nhob_subpg_gnrlinfo_ttl{ float:left; width:267px; background:url(../images/nhobo_subpg_box_ttl_bg.png) no-repeat; height:22px; font-size:14px; color:#ba6f04; line-height:18px; padding-top:3px;font-family: Hobo Std; padding-left:5px; vertical-align:middle;}
.nhob_subpg_gnrlinfo_ttl img{ vertical-align:middle; margin-left:5px; margin-top:-1px;}
.nhob_subpg_gnrlinfo_expnd{ float:left; width:740px; margin-left:10px; margin-top:10px; }

/* SMALLER MENU FOR GANG Width=580*/
.nhob_subpg_gnrlinfo_cnt_gang{ float:right; width:580px; background:#212121; margin-top:11px; margin-left:0px; min-height:70px; padding-bottom:10px; border-radius: 0px 8px 8px 8px; }
.nhob_subpg_gnrlinfo_ttl_gang{ float:left; width:267px; background:url(../images/nhobo_subpg_box_ttl_bg.png) no-repeat; height:22px; font-size:14px; color:#ba6f04; line-height:18px; padding-top:3px;font-family: Hobo Std; padding-left:5px; vertical-align:middle;}
.nhob_subpg_gnrlinfo_ttl_gang img{ vertical-align:middle; margin-left:5px; margin-top:-1px;}
.nhob_subpg_gnrlinfo_expnd_gang{ width:580px; margin-top:10px;}
.nhob_subpg_gnrlinfo_cnt_gang_red{ float:right; width:580px; background:#F30000; margin-top:11px; margin-left:0px; min-height:70px; padding-bottom:10px; border-radius: 0px 8px 8px 8px; }

.nhob_subpg_chtrm_cnt{float:left; width:716px; background:#212121; margin-top:23px; border:1px solid #575757; margin-left:0px; min-height:25px; padding-bottom:8px; text-align: right;}
.nhob_subpg_chtrm_ttl{float:left; width:267px; background:url(../images/nhobo_subpg_box_ttl_bg.png) no-repeat; height:22px; font-size:14px; color:#b80000; line-height:18px; padding-top:3px;font-family: Hobo Std; padding-left:5px; vertical-align:middle;}
.nhob_subpg_chtrm_ttl img{ vertical-align:middle; margin-left:2px; margin-top:-1px;}

.nhob_subpg_box1_cnt{ float:left; width:369px; background:#212121; margin-top:7px; margin-left:0px; min-height:25px; padding-bottom:10px; border-radius: 0px 8px 8px 8px;}
.nhob_subpg_box1_cnt.mrgn_lft{ margin-left:17px;}
.nhob_subpg_box1_ttl{float:left; width:262px; background:url(../images/nhobo_subpg_box_ttl_bg.png) no-repeat; height:22px; font-size:14px; color:#aa6709; line-height:18px; padding-top:3px;font-family: Hobo Std; padding-left:10px; text-align: left;}
.nhob_subpg_chtrm_cnt.box3_mrgn{ margin-top:18px;}
.nhob_subpg_expnd_txt{ float:left; width:100%; text-align:center; font-size:14px; color:#666666;font-family: Hobo Std; margin-top:5px; min-height:83px; padding-top:1px;}
.nhob_subpg_box1_expnd{float:left; width:329px; margin-left:10px; margin-top:10px;}
.nhob_subpg_refrl_cnt{ float:left; margin-top:7px; position:relative; width:760px; background:#ed9018 url(../images/nhobo_subpg_refrl_bg.jpg) repeat-x; min-height:66px;
/* -- Box Radius -- */
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.nhob_subpg_refrl_ribn{ position:absolute; left:-1px; top:-1px;}
.nhob_subpg_refrl_mmebr{ margin-left:66px; float:left; margin-top:9px;}
.nhob_subpg_refrl_lbltxt{ float:left; margin-left:39px; font-size:15px; color:#cb1515;font-family: Hobo Std; margin-top:17px;}
.nhob_subpg_refrl_txtbox{ float:left; width:337px; height:22px; background:#a70000; margin-left:3px; margin-top:13px; padding:1px 9px 3px 9px;
/* -- Box Radius -- */
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.nhob_subpg_refrl_txtbox input{ float:left;font-family: 'CenturyGothic_Bold'; width:347px; font-size:15px; color:#FFFFFF; line-height:19px; background:none; border:0px;}
.nhob_subpg_refrl_erntxt{ float:left; margin-left:39px; font-size:15px; line-height:19px;font-family: Hobo Std; width:515px; margin-top:0px;}
.nhob_subpg_refrl_erntxt span{ color:#155f06;}

.nhob_subpg_pnpad_cnt{float:left; width:100%;margin-top:22px;}
.nhob_subpg_pnpad_ttl{ float:left; width:95%; margin-left:6px; font-size:30px; line-height:30px; color:#F8F8F8; font-weight:bold; font-family: Hobo Std;}
.nhob_subpg_pnpad_txtarea{ float:left; width:692px; height:225px; background:#FFFFFF; margin-top:10px; padding:10px;}
.nhob_subpg_pnpad_txtarea textarea{float:left; width:692px; background:none; border:0px; font-family: Hobo Std; font-size:13px; line-height:17px; height:225px;}
.nhob_subpg_pnpad_btn{ float:right; margin-right:9px; margin-top:9px;}
.nhob_subpg_menu_cnt{ float:left; width:980px; background:#000000; height:35px; margin-top:9px; margin-left:10px;}
.nhob_subpg_hme{ float:left; width:97px; text-align:center; height:30px; background:#424242; padding-top:5px; margin-right:17px;}
.nhob_subpg_menuitem{ float:left; font-size:12px;font-family: Hobo Std; color:#FFFFFF; height:27px; vertical-align:middle; line-height:16px; padding-top:8px;}
.nhob_subpg_menuitem img{ vertical-align:middle; margin-right:3px;}
.nhob_subpg_menuitem a{ color:#FFFFFF;}
.nhob_subpg_menuitem a:hover{color:#deb114;}
.nhob_subpg_menusep{ float:left; background:url(../images/nhobo_subpg_menu_sep.png) no-repeat; width:29px; height:39px; margin-left:-2px; margin-right:-2px;}
.nhob_subpg_menuitem.sml_pad1{ padding-top:6px; height:29px; margin-left:-4px;}
.nhob_subpg_menu_rgt{ float:right; width:178px; margin-right:13px;}
.nhob_subpg_maxcrm{ float:left; margin-top:6px; height:21px; line-height:21px; padding:0px 10px; font-size:13px; border:solid 1px #212121; background:url(../images/subpg_grad.jpg) repeat-x;}
.nhob_subpg_drpdwn{ float:left; margin-left:15px; margin-top:8px; margin-right:4px;}

.nhob_subpage_tasklst_cnt{ float:left; margin-top:14px; margin-left:10px; width:980px; background:url(../images/nhobo_subpg_tsklst_bg.png); height:31px; font-family: Hobo Std;
/* -- Box Radius -- */
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.nhob_subpage_tasklst_ttl{ float:left; margin-left:3px; margin-top:3px;}
.nhob_subpage_clck_gym_txt{ float:left; width:auto; margin-left:6px; margin-top:7px; font-size:12px; color:#fff; line-height:16px;}
.nhob_subpage_clck_sep{ float:left;font-size:12px; color:#fff; margin-left:5px; margin-top:7px;}
.nhob_subpage_taskname{ float:left; font-size:12px; color:#d59805; margin-top:7px; margin-left:3px;}
.nhob_subpage_task_rgt{ float:right; width:215px; margin-right:6px;}
.nhob_subpage_task_mail{ float:left; margin-top:7px; width:95px; vertical-align:middle; font-size:15px; line-height:16px; color:#e2af83;}
.nhob_subpage_mail_whtclr{ color:#FFFFFF;}
.nhob_subpage_task_mail img{ vertical-align:middle; margin-top:-3px; margin-right:1px;}
.nhob_subpage_task_mail a{color:#e2af83;}
.nhob_subpage_task_mail a:hover{color:#d59805;}
.nhob_subpage_task_evnts{float:left; margin-top:5px; width:105px; margin-left:5px; vertical-align:middle; font-size:15px; line-height:16px; color:#84ae57;}
.nhob_subpage_task_evnts img{ vertical-align:middle;  margin-right:1px;}
.nhob_subpage_task_evnts a{color:#84ae57;}
.nhob_subpage_task_evnts a:hover{color:#d59805;}

.nhob_subpg_expnd_txt.subpg_hght { padding-top:80px; min-height:113px; }

/* ===================== animation ==================== */

/* Clouds */
#anim_clouds {
  top: 0px;
  left:0px;
  position: relative;
  z-index:1;
  -webkit-animation: move 130s infinite linear;
  -moz-animation: move 130s infinite linear;
  -ms-animation: move 130s infinite linear;

  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;
}


#anim_clouds2 {
  top: 0px;
  left:0px;
  position: relative;
   z-index:6;
  -webkit-animation: backup 130s infinite linear;
  -moz-animation: backup 130s infinite linear;
  -ms-animation: backup 130s infinite linear;

  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 1000;

}


.trr_cloud_img1  { position:absolute; top:30px; left:0px; z-index:1; }
.trr_cloud_img2  { position:absolute; top:40px; left:400px; z-index:1; }
.trr_cloud_img3  { position:absolute; top:10px; left:800px; z-index:1; }

.trr_cloud_img1, .trr_cloud_img2, .trr_cloud_img3  {   opacity: 1;   }


@-webkit-keyframes move {
  0% {left: 0%;}
  49% {left: -100%; opacity: 1;}
  50% {left: -100%; opacity: 0;}
  51% {left: 100%; opacity: 0;}
  52% {left: 100%; opacity: 1;}
  100% {left: 0%;}
}

@-webkit-keyframes backup {
  0% {left: 130%;}
  100% {left: -130%;}

}

@-moz-keyframes move {
  0% {left: 0%;}
  49% {left: -100%; opacity: 1;}
  50% {left: -100%; opacity: 0;}
  51% {left: 100%; opacity: 0;}
  52% {left: 100%; opacity: 1;}
  100% {left: 0%;}
}

@-moz-keyframes backup {
  0% {left: 130%;}
  100% {left: -130%;}

}

@-ms-keyframes move {
  0% {left: 0%;}
  49% {left: -100%; opacity: 1;}
  50% {left: -100%; opacity: 0;}
  51% {left: 100%; opacity: 0;}
  52% {left: 100%; opacity: 1;}
  100% {left: 0%;}
}

@-ms-keyframes backup {
   0% {left: 130%;}
  100% {left: -130%;}

}



@keyframes cf4FadeInOut {
0% {
    opacity: 0;
}
17% {
    opacity: 0;
}
25% {
    opacity: 1;
}
50% {
    opacity: 0;
}
100% {
    opacity: 0;
}
}
.smoke_eff_cls {
	position:absolute;
	top:150px;
	right:100px;
	z-index:100;
	border:solid 1px #B53C3E;
}
.smoke_eff_cls img {
    left: 0;
    position: absolute;
	opacity:0;
}
.smoke_eff_cls img {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
}
.smoke_eff_cls img:nth-of-type(1) {
    animation-delay: 1s;


}
.smoke_eff_cls img:nth-of-type(2) {
    animation-delay: 2.5s;

}
.header-menu-bars {
    float: left;
    height: auto;
    width: 250px;
    padding-right: 6px;
    padding-left: 6px;
    font-family: monospace;
}
#top-values_hb {
    float: left;
    height: auto;
    width: 280px;
    font-size: 11px;
    padding-top: 3px;
    text-align:left;
    margin-top:3px;
    margin-right: 5px;
}