/* ----- HEADER ----- */

.header {

   position: relative;
   height: 185px;
   background-color: #333333;
   border: solid #2D2D2D;
   /* B3B3B3 mock color */
}

.login_user_id {

   color: #FFFFFF;
   right: 85px;
   top: 5px;
}

.sign_out {

   /* position: absolute;
   top: 35px;
   right: 30px; */
   float: right;
   background: transparent url("../images/sign_out.png") no-repeat 0px 0px;
   padding: 5px 15px 5px 15px;
}

.sign_out a, .my_stuff_links a {

   color: #FFFFFF;
}

.sign_out a:hover, .my_stuff_links a {

   text-decoration: underline;
}

.my_main_stuff {
  
   float: right;
   padding: 13px 23px 14px 22px;
   border: 1px solid #424242;
   margin: 50px -25px 0px 0px;
}

.my_stuff_links a {

   line-height: 19px;
}

.brand_logo {

   position: relative;
   float: left;
   padding: 57px 0px 0px 20px;
}

.brand_logo .beta_txt {

   margin: 42px 0px 0px 0px;
   font-size: 7px;
   color: #FF6633;
}

.brand_logo .brand {

   display: block;
   width: 199px;
   height: 53px;
   border: solid #424242;
   border-width: 0px 0px 1px 0px;
   padding-bottom: 10px;
   background: url("../images/moostool_logo.png") no-repeat 0px 0px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/moostool_logo.png',sizingMethod='image/scale/crop');
   text-indent: -2000px;
}

span.beta, span.tm {
   
   display: block;
   font-size: 7px;
}

span.beta {
   
   color: #FFCC00;
   margin: -30px 0px 0px 142px;
}

span.tm {
   
   color: #FFFFFF;
   margin: -85px 0px 0px 145px;
}

.my_pics {

   padding: 15px 0px 0px 35px;
}

.my_pics, .my_pics div {

   float: left;
}

.my_pics div {

   width: 150px;
   height: 150px;
   margin-right: 30px;
   border: 1px solid #424242;
   background-color: #545454;
}

.my_pics div img {

   width: 150px;
   height: 150px;
   border: none;
}

.menu_wrap {

   height: auto;
}

.menu_bar {

   height: 7px;
   background-color: #FBB03B;
   border: 1px solid #ffbe59;
}

/* ----- End HEADER blue 0B4D9B 093A7D ----- */