/* PROFIL CSS Document */
@import url(default.css); 
.profil .box {border: 1px solid #F0F0F0;background-color: #FAFAFA;margin-top:20px;}

.profil table.form_format {width:98%;margin:10px 5px 10px 5px;}
.profil table.form_format td.key {text-align: right;width:30%;font-weight: bold;padding-top:4px;vertical-align: top;}
.profil table.form_format td.value {font-size: 12px;}
.profil table.form_format td.value input.text { width:200px;}
.profil table.form_format td.merged {text-align: center;font-size: 12px;}
.profil table.form_format td.status {padding-top:5px;text-align: right;font-size: 12px;}
.profil table.form_format .desc {color:#505050;font-size: 11px;}

/* NEXT, PREV BUTTONS */
.profil input.next_btn {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;font-weight: bold; font-size: 10px; text-transform: uppercase; color: #002DA0;
  background: white url(/images/icon24_next.gif) no-repeat center 3px;
  width: 100px; height: 50px; border: 1px solid #E0E0E0; padding-top: 28px; cursor: hand;
}
.profil input.next_btn:hover {background-image: url(../images/icon24_next_red.gif);color: #DB2D1A; border:1px solid #A0A0A0; background-color: #FAFAFA;}

.profil input.back_btn {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;font-weight: bold; font-size: 10px; text-transform: uppercase; color: #002DA0;
  background: white url(/images/icon24_back.gif) no-repeat center 3px;
  width: 100px; height: 50px; border: 1px solid #E0E0E0; padding-top: 28px; cursor: hand;
}
.profil input.back_btn:hover {background-image: url(../images/icon24_back_red.gif);color: #DB2D1A; border:1px solid #A0A0A0; background-color: #FAFAFA;}


.profil .avatar table.avatars_list {width:100%;}
.profil .avatar table.avatars_list td {text-align: center;vertical-align: middle;padding:10px 0;}

.profil .avatar .avatar_preview {padding:10px;width:130px;text-align: center;vertical-align: middle;}
.profil .avatar .avatar_preview img {padding:2px;border:1px solid #A0A0A0;margin-bottom:5px;}
.profil .avatar .desc {font-size: 10px;color: #808080;}


.profil .user_detail {width: 550px; margin:10px;}
.profil .user_detail .leftpanel {text-align: center;vertical-align: top;width:170px;}


/* PROFILE DETAIL */

.profil .profile_detail .user_detail .username {text-align: left;border-bottom:1px solid #A0A0A0;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:16px; font-weight: bold; color:#FE8100;}
.profil .profile_detail .user_detail .level {text-align: right;color: black;}
/*.profil .profile_detail .user_detail .avatar img {}*/
.profil .profile_detail .user_detail .info {vertical-align: middle;}
.profil .profile_detail .user_detail .status {float: right;font-size: 11px;color: black;font-weight: bold;}
.profil .profile_detail .user_detail .info .key {text-align: right;font-size: 12px;padding-right:5px;vertical-align: top;width:80px;}
.profil .profile_detail .user_detail .info .value {font-size: 12px;vertical-align: top;}
.profil .profile_detail .user_detail .info .value img {vertical-align: middle;}

.profil .profile_detail .stats {width:98%;}
.profil .profile_detail .stats .key {text-align: right;font-size: 12px;padding-right:5px;vertical-align: top;width:50%;}
.profil .profile_detail .stats .value {font-size: 12px;vertical-align: top;}

.profil .profile_detail .about {margin:30px 20px;}
.profil .profile_detail .about h4 {text-indent:0;margin:0;}
.profil .profile_detail .about p {color: #627894;font-style: italic;font-size: 12px;margin:2px;padding-left:10px;}


/* FAVORITES */

.profil .favorites table.output {width: 98%;margin:0px 5px 10px 5px;font-size: 12px;}
.profil .favorites table.output tr:hover {background-color: #F0F0F0;}
.profil .favorites table.output td.title {color:#505050; font-weight: bold;background-image: url(/images/icon16-fav.gif);background-repeat: no-repeat;background-position: left center;padding-left:20px;vertical-align: middle;}
.profil .favorites table.output td.title .category {font-weight: normal;font-size: 11px;}
.profil .favorites table.output td.title input.text {width:300px;font-size: 12px;height: 16px;}
.profil .favorites table.output td.title input.button {font-size: 11px;height: 18px;}
.profil .favorites table.output td.added {width: 120px;font-weight: normal;font-size:10px;color: #A0A0A0;vertical-align: middle;text-align: center;}
.profil .favorites table.output td.btns {width: 40px;vertical-align: middle;text-align: right;}

/* FRIENDS */

.profil .friends .box {padding: 10px;}
.profil .friends table.output {width: 98%;margin:0px 5px 10px 5px;font-size: 12px;}
.profil .friends table.output td.avatar {width:120px;text-align: center;vertical-align: middle;border-bottom:1px solid #F0F0F0;padding-top:5px;}
.profil .friends table.output td.avatar img {padding:2px;border:1px solid #A0A0A0;}
.profil .friends table.output td.username {text-align: left;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;font-size: 16px;color: #EC782B;font-weight: bold;vertical-align: top;padding-top:5px;}
.profil .friends table.output .name {font-size: 12px;color: #808080;font-weight: normal;} 
.profil .friends table.output td.status {font-size: 11px;color: #808080;text-align: right;vertical-align: middle;padding-top:5px;}
.profil .friends table.output td.buttons {text-align: right;border-bottom:1px solid #F0F0F0;vertical-align: bottom;width:400px;}
.profil .friends table.output td.buttons img {vertical-align: middle;}
.profil .friends table.output td.buttons a {text-decoration: none;font-weight: bold;color:#2F80AF;}
.profil .friends table.output td.buttons a.delete {color:#D00000;}
.profil .friends table.output td.buttons a.info {color:#0050A0;}
.profil .friends table.output td.buttons a:hover {color:red;}


/* POST */

.profil .post .dialog {padding: 0;}
.profil .post table.output {width: 568px;font-size: 11px;}
.profil .post table.output a {text-decoration: none;color:black;}
.profil .post table.output a:hover {text-decoration: underline;color:#2F80AF;}
.profil .post table.output .header {padding:2px;font-size: 11px;font-weight: bold;background-color: #627894;color: #F0F0F0;}

.profil .post table.output td.status {width: 20px;vertical-align: middle;text-align: center;}
.profil .post table.output td.subject {vertical-align: middle;width:250px;}
.profil .post table.output .unread {font-weight: bold;}
.profil .post table.output td.sender {width: 130px;text-align: center;}
.profil .post table.output td.date {width: 110px;color: #A0A0A0;text-align: right;}
.profil .post table.output td.buttons {width: 63px;text-align: right;vertical-align: middle;}

.profil .post div.nomessages {text-align: center; font-weight: bold; padding:10px; font-size: 13px;}

.profil .post table.output td.subpages {
  vertical-align: middle;height: 25px;
  background-image: url(../images/subpage-str.gif);background-position: 5px center;background-repeat: no-repeat;background-color: white;border-top: 1px solid #D5D5D5;
  padding-left: 25px;
}
.profil .post table.output td.subpages a.active {font-weight: bold;}
.profil .post table.output input.empty_trash_btn {
  background-color: white; background-image: url(/images/icon16-delete.gif); background-position: 3px center;  background-repeat: no-repeat;
  border: 1px solid #2F80AF; padding-left: 22px; margin: 5px; 
}
.profil .post table.output input.empty_trash_btn:hover {border: 1px solid red;}

.profil .post table.detail {width: 100%;}
.profil .post table.detail .header {padding:2px;font-size: 11px;font-weight: bold;background-color: #627894;color: #F0F0F0;}
.profil .post table.detail .header a {color: #F0F0F0;}
.profil .post table.detail td.avatar {width:10%;vertical-align: middle;text-align: center;}
.profil .post table.detail td.subject {text-align: left;font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;font-size: 16px;color: #EC782B;font-weight: bold;vertical-align: top;}
.profil .post table.detail td.key {width:10%;width:60px;vertical-align: top;text-align: right;}
.profil .post table.detail td.username {width:80%;vertical-align: top;text-align: left;font-weight: bold;}
.profil .post table.detail td.date {vertical-align: top;text-align: left;color: #505050;}
.profil .post table.detail td.buttons {vertical-align: bottom;text-align: right;}
.profil .post table.detail td.buttons a {text-decoration: none;}
.profil .post table.detail td.buttons img {vertical-align: middle;}
.profil .post table.detail td.body {vertical-align: top;text-align: left;border-top: 1px solid #D5D5D5;background-color: #FAFAFA;font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;font-size: 12px;padding: 5px 8px 5px 8px;}

.profil .post table.post_form {width: 100%;}
.profil .post table.post_form td.key {text-align: right;width: 80px;vertical-align: top;padding-top:3px;}
.profil .post table.post_form td.send_to input {width: 150px;}
.profil .post table.post_form td.friends select {width: 150px;}
.profil .post table.post_form td.subject input {width: 390px;}
.profil .post table.post_form td.body textarea {width: 460px;height: 250px;font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;font-size: 12px;}
.profil .post table.post_form td.buttons {text-align: center;padding: 5px;}


/* NEW USER REGISTRATION */ 

.profil .user_register {}

.profil .user_register div.form {border: 1px solid #E5E5E5; background-color: #F5F5F5; margin-top:20px;padding: 10px 0 10px 0;}
.profil .user_register div.form input.next_btn {margin-top:5px;}

.profil .user_register div.step1 {text-align: center; font-size: 13px; }
.profil .user_register div.step2 .key {width:40%;}
.profil .user_register div.step4 input.important {border: 2px solid red;}