/******************************************************************
*
* USER ACCOUNT MANAGEMENT, USER FORMS & CONTENT CREATION SPECIFIC STYLES
*
*******************************************************************/

/*-----USER MENU (allows user to navigate their media, accounts etc)-----*/
ul.user_menu {
  list-style-type:none;
  float:left;
  clear:both;
  display:inline;
  margin-left:37px;
  padding:1px 0 0 2px;
}

 ul.user_menu li {
  float:left;
}

ul.user_menu li a,  ul.user_menu li.selected a {float:left;
  display:block;
  margin:0 1px 0 0;
  padding:6px 0 0 13px;
  background:url(../../../images/css_images/user_menu_tab.gif) 0 0 no-repeat;
  cursor:hand;
}

ul.user_menu li a strong,  ul.user_menu li span strong {
  float:left;
}

ul.user_menu li a:hover, ul.user_menu li.selected a {
  background:url(../../../images/css_images/user_menu_tab_h.gif) 0 0 no-repeat;
}

ul.user_menu li a span, ul.user_menu li.selected a span {
  float:left;
  display:block;
  position:relative;
  top:-6px;
  padding: 6px 8px 0 2px;
  background: url(../../../images/css_images/user_menu_tab_corner.gif) 100% 0 no-repeat;
  cursor:hand;
}

ul.user_menu li a:hover span,  ul.user_menu li.selected a span {
  background:url(../../../images/css_images/user_menu_tab_corner_h.gif) 100% 0 no-repeat;
}
/*-----END OF USER MENU-----*/


/*-----TOOLS CONTENT ASPECT (holds tools that a user makes use of when uploading/registering etc)-----*/
div.content div.tools {
   padding:10px 30px 10px 50px;
   background: url(../../../images/css_images/user_area.gif) 0 0 no-repeat;
}

div.content div.tools h1  {
  clear:both;
  margin:0 0 20px 0;
}

div.content div.tools h2.subtitle {
  margin-top:-15px;
  margin-bottom:5px;
}

/*-----NOTICES (for the user when uploading)-----*/
div.content div.tools div.notice {
  position:absolute;
  right:-239px;
  top:118px;
  width:252px;
  height:235px;
  background: url(../../../images/css_images/notice.gif) 0 0 no-repeat;
  z-index:99;
}
.en div.content div.tools div.notice { /* IF LANG = EN */
    background: url(../../../images/css_images/notice_en.gif) 0 0 no-repeat;
}

div.content div.tools div.notice.video {
    background: url(../../../images/css_images/notice_video.gif) 0 0 no-repeat;
}

.en div.content div.tools div.notice.video { /* IF LANG = EN */
    background: url(../../../images/css_images/notice_video_en.gif) 0 0 no-repeat;
}


div#user_area div.content div.tools form div.notice {
  top:850px;
}
/*-----END OF NOTICES-----*/


/*----- MEDIA MENU (Sub menu dependent on type of media selected by user to edit/add to/browse)-----*/
 ul.media_menu {
  list-style-type:none;
  float:left;
  display:inline;
  margin:0 -50px 0 -30px;
  padding:0 50px 0 20px;
  width:545px;
  height:40px;
  background: url(../../../images/css_images/stage_arrow_side.gif) 0 27px repeat-x;
}

/*---Content aspect exceptions for background---*/
div#content_list_area div.content div.list ul.media_menu {
  margin-left:2px;
  background: none;
}

div#content_browse_area div.content div.tools ul.media_menu {
  background: none;
}
/*---*/

 ul.media_menu li  {
 float:left;
 margin:0 12px 0 0;
}

 ul.media_menu li a, ul.media_menu li span {
  display:block;
  padding:1px 5px;
  border:1px #cdcac5 solid;
  color:#79746f;
}

div.content ul.media_menu li a.selected, div.content ul.media_menu li a:hover {
    color:inherit;
    border:1px #9d9992 solid;
}

/*-----END OF MEDIA MENU-----*/

/*----- PROFILE SHEET (to give quick look at user, anon. or logged)-----*/

/*---PROFILE SHEET LIQUID VERSION---*/
div.profile_sheet {
  position:relative;
  left:0;
  top:45px;
  margin-bottom:35px;
  padding:0;
  width:315px;
  background: url(../../../images/css_images/profile_sheet_tan_mid.gif) 0 0 repeat-y;
}

div.profile_sheet div.profile_content {
  padding:20px 2px 0 40px;
  width:273px;
  min-height:182px;
  background: url(../../../images/css_images/profile_sheet_tan.gif)  0 0 no-repeat;
}

div.profile_sheet div.profile_sheet_bottom {
  height:18px;
  background: url(../../../images/css_images/profile_sheet_tan_bottom.gif) 0 0 no-repeat;
}
/*---*/

div.profile_sheet img {
  margin:12px 25px 15px -3px;
  width:80px;
  height:80px;
}

#avatar_container_profile {
  display:inline-block;
  float:left;
  padding-bottom: 5px;
}

/*

div.profile_sheet img {
  float:left;
  margin:12px 25px 15px -3px;
  width:80px;
  height:80px;
}

*/

div.profile_sheet strong {
  float:left;
  margin:10px 12px 0 -1px;
  padding-left:10px;
  padding-bottom:5px;
  width:137px;
  background:#aca499;
}

/*-----END OF PROFILE SHEET-----*/

/* ----AVATAR FORM -----*/
    div#form_avatar_info{
        position:absolute;
        top:220px;
        left:330px;
        border:1px solid #C1BEB8;
        padding:0 5px;
        background:#FFFFFF none repeat scroll 0 0;
        width:280px;
    }

/*---------------*/



/*-----USER MESSAGES-----*/
div#user_area div.messages {
  margin:0 10px 0 -7px;
}

div#user_area div.messages h2 {float:left;
  margin:0 10px 20px 0;
  display:inline;
}

div#user_area #message-list div.message {
  clear:both;
  margin:1px 0 1px 0;
  padding:5px 0;
  border-bottom:1px #C0B9A6 dotted;
  font-size:11px;
}

div#user_area #message-list div.message a {
  text-decoration:underline;
  font-weight:bold;
}
/*----END OF USER MESSAGES-----*/