/*General used tags*/
html, body, ul, li, form, input, .clear, p, h1, h2, h3, h4, h5, h6, textarea{
    padding: 0;
    margin: 0;
}
* input{
    padding: 0;
    margin: 0;
}
body{
    background-color: #FFF;
}
html, textarea, input{
    font-family: 'Arial';
}
div, p, span, a, font{
    color: #AAA;
    font-size: 12px;
    font-weight: 300;
}
textarea{
    font-size: 12px;
}
a{
    text-decoration: none;
}
img{
    border: 0 none;
}
ul, li{
    list-style: none;
}
.blog ul, .blog ul li{
    list-style: disc;
    margin: 0;
}
.blog ul,
.blog ol{
    padding-left: 50px;
}
.blog ol, .blog ol li{
    list-style: decimal;
    margin: 0;
}
input[type=submit], input[type=image], input[type=button], input[type=reset]{
    cursor: pointer;
}
code{
    display: none;
}

/*General used classes*/
.clear,
.clearleft{
    float: none;
    height: 0;
    width: 0;
}
.clear{
    clear: both;
}
.clearleft{
    clear: left;
}

/*The page*/
.body{
    width: 1000px;
    margin: 10px auto 5px;
    cursor: default;
    background-color: #666;
    border: 1px solid #888;
    padding-bottom: 50px;
    position: relative;
    min-height: 800px;
}

.window{
    position: absolute;
    background: #DDD;
    border: 2px solid #333;
}
.window .head{
    height: 25px;
    background: #333 url('images/window_head_0902230.jpg') no-repeat right center;
    cursor: move;
    border-bottom: 1px solid #333;
}
.window .head .close_it{
    float: right;
    width: 43px;
    height: 24px;
    cursor: pointer;
    background: transparent url('images/window_close_0902230.png') no-repeat 0px 1px;
    opacity: 0.86;
    filter: alpha(opacity: 86);
}
.window .head .close_it:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.window .head .cross{
    height: 23px;
    width: 23px;
    position: absolute;
    top: 1px;
    left: 20px;
    background: transparent url('images/crosspic_0902230.jpg') no-repeat center;
}
.window .head .caption{
    padding: 4px 0 0 60px;
    color: #C60;
    font-weight: 900;
}
.window .body_wrap{
    background: transparent url('images/window_glow_down_0902230.png') repeat-x bottom;
}
.window .body_wrap .glow{
    background: transparent url('images/window_glow_up_0902230.png') repeat-x center;
    height: 15px;
}

.mini_calendar{
    background-color: #888;
    width: 286px;
    min-height: 350px;
    position: absolute;
    left: 170px;
    top: 309px;
    padding: 0 0 10px 14px;
}
.month_calendar{
    padding-top: 5px;
}
.plugin_content .month_calendar{
    padding-top: 1px;
}
.month_calendar  .frontlayer{
    width: 271px;
    min-height: 350px;
    float: left;
}
.mini_calendar .frontlayer{
    background-color: #888;
    width: 286px;
    min-height: 350px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 10px 14px;
    z-index: 200;
}
.month_calendar .frontlayer .c_top{
    background: transparent url('images/mini_cal_top_0904080.png') no-repeat center top;
    height: 15px;
}
.month_calendar .frontlayer .c_mid{
    background: transparent url('images/mini_cal_mid_0904080.png') repeat-y center top;
    padding-left: 16px;
    min-height: 294px;
}
.month_calendar .frontlayer .c_bot{
    background: transparent url('images/mini_cal_bot_0904080.png') no-repeat center bottom;
    height: 19px;
}
.mini_calendar .close{
    background: transparent url('images/cross_white_0903160.png') no-repeat center;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}
.month_calendar .close{
    background: transparent url('images/cross_white_0903160.png') no-repeat center;
    border: 0 none;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 25px;
    top: 9px;
    cursor: pointer;
}
.calendar_wrap .edit_pad .close{
    background-image: url('images/cross_beige_0903160.png') ;
}
.calendar_wrap .head{
    height: 15px;
    line-height: 15px;
    padding: 6px 0 20px;
}
.calendar_wrap .head form{
    display: inline;
}
.calendar_wrap .head span{
    color: #FFF;
    line-height: 15px;
}
.calendar_wrap .head input{
    border: 0 none;
    background: none;
    color: #FFF;
}
.calendar_wrap .head input.backward{
    padding-right: 20px;
    height: 14px;
    width: 8px;
    background: transparent url('images/calendar_arrow_left_0904090.jpg') no-repeat center;
}
.calendar_wrap .head input.forward{
    padding-left: 20px;
    height: 14px;
    width: 8px;
    background: transparent url('images/calendar_arrow_right_0904090.jpg') no-repeat center;
}
.calendar_wrap .weekdays{
    padding-bottom: 8px;
}
.calendar_wrap .weekdays span{
    text-align: center;
    display: block;
    float: left;
}
.calendar_wrap .weekdays span{
    height: 9px;
    width: 33px;
    line-height: 9px;
}
.calendar_wrap .weekdays span.current{
    color: #444;
}
.calendar_wrap .days{
    width: 240px;
}
.calendar_wrap .days .day{
    float: left;
    background: #FFF;
    position: relative;
    cursor: pointer;
    width: 31px;
    height: 31px;
}
.calendar_wrap .days .day{
    border-bottom: 3px solid #888;
    border-right: 2px solid #888;
}
.calendar_wrap .days .day input{
    background: none;
    border: 0 none;
    height: 100%;
    width: 100%;
    position: absolute;
}
.calendar_wrap .days .empty_day{
    background: #888;
}
.calendar_wrap .days .entry_day{
    background-image: url('images/calendar_entry_symbol_0903170.png');
    background-repeat: no-repeat;
    background-position: right top;
}
.calendar_wrap .days .current_day{
    background: #0CE;
}
.calendar_wrap .days .current_day span{
    color: #FFF;
}
.calendar_wrap .days .current_entry_day{
    background: #0CE;
    background-image: url('images/calendar_currententry_symbol_0903200.png');
    background-repeat: no-repeat;
    background-position: right top;
}
.calendar_wrap .days .current_entry_day span{
    color: #FFF;
}
.calendar_wrap .days .day span{
    position: absolute;
    right: 6px;
    bottom: 1px;
}
.month_calendar .button{
    height: 20px;
    padding: 10px 0;
}
.calendar_wrap .display{
    color: #444;
    font-size: 12px;
}
.calendar_wrap .display caption{
    height: 40px;
    line-height: 40px;
    text-align: left;
}
.calendar_wrap .display tr td{
    text-align: left;
    vertical-align: top;
    padding: 0;
}
.calendar_wrap .display tr .date{
    width: 50px;
}
.calendar_wrap .display tr .text{
    padding-bottom: 10px;
    padding-right: 20px;
    width: 150px;
}
.calendar_wrap .display tr .edit{
    width: 25px;
}
.calendar_wrap .display tr .edit input{
    width: 12px;
    height: 17px;
    border: 0 none;
    background: transparent url("images/calendar_edit_symbol_0903170.png") no-repeat center;
}
.calendar_wrap .display tr .delete{
    width: 25px;
}
.calendar_wrap .display tr .delete input{
    width: 12px;
    height: 17px;
    border: 0 none;
    background: transparent url("images/calendar_delete_symbol_0903170.png") no-repeat center;
}
.mini_calendar .edit_pad{
    background: #EEDAA8 url('images/calendar_noticepad_0903170.png') repeat-x 0 25px;
    width: 286px;
    height: 350px;
    position: absolute;
    top: 0;
    padding: 0 0 10px 14px;
    z-index: 100;
}
.mini_calendar .edit_pad .head{
    height: 17px;
    line-height: 17px;
    padding: 7px 0 0 10px;
    font-weight: 900;
    color: #986;
    width: 250px;
}
.mini_calendar .edit_pad textarea{
    background:transparent none repeat scroll 0 0;
    border: 0 none;
    color: #986;
    font-size: 11px;
    line-height: 13px;
    margin-top: 14px;
    overflow: hidden;
    padding-left: 10px;
    width: 250px;
}
.mini_calendar .edit_pad .send{
    background: transparent url("images/calendar_send_symbol_0903170.png") no-repeat center;
    height: 19px;
    width: 15px;
    position: absolute;
    right: 10px;
    bottom: 6px;
    cursor: pointer;
}
.month_calendar .edit_pad .send{
    background: transparent url("images/calendar_send_symbol_0903170.png") no-repeat center;
    border: 0 none;
    height: 19px;
    width: 15px;
    position: absolute;
    right: 35px;
    bottom: 30px;
    cursor: pointer;
}
.calendar_wrap .dates{
    float: left;
    width: 350px;
    position: relative;
}
.calendar_wrap .dates .c_top{
    background: transparent url('images/dates_cal_top_0904080.png') no-repeat center top;
    height: 19px;
}
.calendar_wrap .dates .c_mid{
    background: transparent url('images/dates_cal_mid_0904080.png') repeat-y center top;
    padding: 0 10px;
}
.calendar_wrap .dates .c_bot{
    background: transparent url('images/dates_cal_bot_0904080.png') no-repeat center bottom;
    height: 19px;
}
.calendar_wrap .dates .head{
    padding: 10px 0 10px 35px;
    height: auto;
    background: transparent url('images/calendar_icon_0903310.png') no-repeat left center;
}
.calendar_wrap .dates .head span{
    color: #888;
    display: block;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
}
.calendar_wrap .dates .head input{
    color: #888;
}
.calendar_wrap .dates .head input:hover{
    color: #666;
}
.calendar_wrap .dates .head input.active,
.calendar_wrap .dates .head input.active:hover{
    color: #3DE;
    cursor: default;
}
.calendar_wrap .dates .appointment{
    border-top: 1px solid #EEE;
    background: transparent url('images/pin_wall_pic_2_0903200.png') no-repeat 285px 4px;
    padding: 0 10px;
    position: relative;
}
.calendar_wrap .dates .appointment form input{
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    background: none;
}
.calendar_wrap .dates .appointment .date{
    width: 80px;
    float: left;
}
.calendar_wrap .dates .appointment .text{
    width: 215px;
    float: left;
}
.calendar_wrap .dates .appointment .text span{
    display: block;
}
.calendar_wrap .dates .appointment .text p{
    overflow: hidden;
}
.calendar_wrap .dates .pager{
    padding-top: 20px;
    border-top: 1px solid #EEE;
}
.month_calendar .dates .edit_pad{
    background: transparent url('images/big_edit_pad_0903200.png')no-repeat center;
    width: 325px;
    height: 450px;
    position: absolute;
    top: -6px;
    left: 3px;
    padding: 6px 20px 20px 6px;
    z-index: 1;
    margin-left: -10px;
    display: none;
}
.month_calendar .dates .edit_pad .caption{
    color: #998866;
    padding-left: 30px;
    height: 22px;
    line-height: 22px;
}
.month_calendar .dates .edit_pad .row{
    padding: 11px 0 0 30px;
}
.month_calendar .dates .edit_pad .row span{
    display: block;
    float: left;
    color: #998866;
    width: 50px;
}
.month_calendar .dates .edit_pad .row input{
    border: 0 none;
    background: none;
    color: #986;
    font-size: 13px;
    height: 16px;
    margin-top: -1px;
}
.month_calendar .dates .edit_pad .row textarea{
    color: #998866;
    border: 0 none;
    background: none;
    height: 196px;
    width: 200px;
    font-size: 12px;
    line-height: 13px;
    margin-top: 1px;
    overflow: hidden;
}

.content .main_content .gimgu_box{
    background: transparent url('images/gimgu_box_top_0903120.jpg') no-repeat right top;
}
.content .main_content .gimgu_box .top{
    height: 4px;
    width: 4px;
    background: transparent url('images/top_corner_gimgu_box_0903120.jpg') no-repeat left top;
}
.content .main_content .gimgu_box .box_content{
    border-left: 2px solid #CCC;
    border-right: 2px solid #CCC;
    padding: 10px;
}
.content .main_content .gimgu_box .bottom{
    height: 4px;
    position: relative;
    background: transparent url('images/gimgu_box_bottom_0903120.jpg') no-repeat right center;
}
.content .main_content .gimgu_box .bottom .bottom_corner{
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 4px;
    background: transparent url('images/bottom_corner_gimgu_box_0903120.jpg') no-repeat center;
}

.body .show_logo_container{
    position: fixed;
    border: 1px solid #BBB;
}
.body .show_logo_container img{
    max-width: 300px;
    max-height: 300px;
    border: 1px solid #DDD;
}

#quick_search_mail{
    left: 0;
    top: 38px;
    width: 168px;
    height: auto;
    position: absolute;
    background-color: #EEE;
    border: 1px solid #AAA;
    border-top: 0 none;
    z-index: 900;
}
#quick_search_mail:hover{
}
#quick_search_mail div{
    color: #111;
    height: auto;
    padding: 0 5px;
}
#quick_search_mail div:hover{
    color: #DDD;
    background-color: #777;
}
#quick_search_mail div:hover.default{
    color: #111;
    background-color: #EEE;
}

/*Standart box content wraps*/
.content .main_content .gimgu_box .box_content .box_wrap{
    padding: 5px;
    width: 215px;
    float: left;
}
.content .main_content .gimgu_box .box_content .box_wrap .pic{
    float: left;
    width: 55px;
    height: 55px;
    text-align: center;
    padding-right: 5px;
}
.content .main_content .gimgu_box .box_content .box_wrap .pic a{
    text-align: center;
}
.content .main_content .gimgu_box .box_content .box_wrap .pic a img{
    height: 55px;
}
.content .main_content .gimgu_box .box_content .box_wrap .wrap_info{
    float: left;
    width: 130px;
}
.content .main_content .gimgu_box .box_content .sort_box{
    float: right;
    width: 266px;
    height: 105px;
    background: transparent url('images/sort_box_white_bg_0903120.jpg') no-repeat right top;
}
.content .main_content .gimgu_box .box_content .sort_box .row{
    padding-top: 5px;
    height: 24px;
}
.content .main_content .gimgu_box .box_content .sort_box .row input{
    border: 1px solid #DDD;
    background-color: #FFF;
    float: left;
    display: block;
    line-height: 20px;
    margin-left: 5px;
    color: #888;
}
.content .main_content .gimgu_box .box_content .sort_box .row input[type=image]{
    border: 0 none;
    background-color: none;
}
.content .main_content .gimgu_box .box_content .sort_box .row select{
    border: 1px solid #DDD;
    background-color: #FFF;
    float: left;
    display: block;
    line-height: 20px;
    margin-left: 5px;
    color: #888;
}
.content .main_content .gimgu_box .box_content .sort_box .row input[type=submit]{
    width: 95px;
    height: 23px;
}
.content .main_content .gimgu_box .box_content .sort_box .row input[type=submit]:hover{
    color: #666;
    border-color: #BBB;
}
.content .main_content .gimgu_box .box_content .sort_box .row select{
    width: 155px;
    height: 23px;
    padding-top: 3px;
}
.content .main_content .gimgu_box .box_content .sort_box .row input[type=text]{
    width: 155px;
    height: 18px;
    padding-top: 3px;
}
.content .main_content .gimgu_box .box_content .sort_box a{
    display: block;
    padding-left: 85px;
    margin-top: 5px;
}
.content .main_content .gimgu_box .box_content .letter_sort_box{
    height: 30px;
}

/*Part 1 - Sidebar*/
.sidebar{
    width: 160px;
    padding-left: 5px;
    float: left;
    min-height: 70px;
}
.sidebar .logo{
    height: 70px;
    display: block;
}
.sidebar a.grey{
    background: transparent url('images/gimgu_logo_grey_0902130.jpg') no-repeat right center;
}
.sidebar .avatar, .sidebar .avatar img{
    width: 110px;
    height: 150px;
}
.sidebar .nickname, .sidebar .name, .sidebar .avatar, .sidebar .submenu{
    display: block;
    float: left;
}
.sidebar .nickname{
    color: #0CF;
    padding: 2px;
}
.sidebar .nickname:hover{
    color: #1DF;
}
.sidebar .name{
    color: #AAA;
    padding: 2px;
}
.sidebar .name:hover{
    color: #CCC;
}
.sidebar .top .submenu{
    height: 150px;
    width: 47px;
    padding: 0 0 0 3px;
    margin-top: -3px;
}
.sidebar .top .submenu .slot, .sidebar .top .submenu .active_slot,
.sidebar .top .submenu .slot span, .sidebar .top .submenu .active_slot span,
.sidebar .top .submenu .slot span input, .sidebar .top .submenu .active_slot span input{
    height: 39px;
}
.sidebar .upper_menu{
    width: 155px;
    height: 45px;
    background-color: #8B8B8B;
    margin-bottom: 5px;
    padding-left: 5px;
}
.sidebar .upper_menu .slot{
    display: block;
    color: #222;
    float: left;
    height: 15px;
    padding: 7px 9px 23px 27px;
    text-align: center;
    width: 15px;
}
.sidebar .upper_menu .online{
    background: transparent url('images/upper_menu_online_0903310.jpg') no-repeat center;
}
.sidebar .upper_menu .msg{
    background: transparent url('images/upper_menu_msg_0903310.jpg') no-repeat center;
}
.sidebar .menu{
    padding-top: 12px;
    background: #B2B2B2 url('images/sidebar_top_0902250.jpg') no-repeat top;
    position: relative;
}
.sidebar .menu ul li{
    text-align: left;
    padding-left: 12px;
    height: 20px;
    line-height: 20px;
}
.sidebar .menu ul li a{
    color: #555;
}
.sidebar .menu ul li a font{
    color: #888;
}
.sidebar .menu ul li a.colorwhite{
    color: #DDD;
}
.sidebar .menu ul li a:hover{
    color: #333;
}
.sidebar .menu ul li a:hover font{
    color: #666;
}
.sidebar .menu ul li a.colorwhite:hover{
    color: #FFF;
}
.sidebar .menu ul li span{
    display: block;
    float: right;
    width: 30px;
    color: #FFF;
    padding-right: 10px;
}
.sidebar .menu ul li .open_show_head{
    color: #FFF;
}
.sidebar .menu ul li .open_show{
    text-align: center;
    padding-right: 12px;
    color: #FFF;
}
.sidebar .menu ul li .button span{
    width: auto;
}
.sidebar .menu ul li .button span.left_bg{
    padding: 0;
}
.sidebar .menu ul li .button{
    float: right;
    padding-right: 27px;
}
.sidebar .menu ul li.update{
    padding-left: 0;
    height: 120px;
}
.sidebar .menu ul li.update .background{
    height: 90px;
    padding-top: 30px;
    background: transparent url('images/update_bg_0903310.jpg') no-repeat center;
}
.sidebar .menu ul li.calendar{
    height: 29px;
    padding-right: 9px;
}
.sidebar .menu ul li.calendar div{
    width: 33px;
    height: 38px;
    float: right;
    background: transparent url('images/calendar_icon_0903310.png') no-repeat center;
    cursor: pointer;
    opacity: 0.75;
    filter: alpha(opacity: 0.75);
}
.sidebar .menu ul li.calendar div:hover{
    opacity: 1;
    filter: alpha(opacity: 1);
}
.sidebar .menu .bottom{
    background: #B2B2B2 url('images/sidebar_bottom_0902250.jpg') no-repeat bottom;
    height: 23px;
    padding-top: 17px;
}
.sidebar .menu .bottom a{
    float: left;
    display: block;
    background: transparent url('images/feedback_icon_0902250.png') no-repeat right center;
    height: 21px;
    width: 75px;
    margin-top: 4px;
    padding-left: 2px;
}
.sidebar .menu .bottom a.tour{
    background: transparent url('images/gimgu_tour_0903270.png') no-repeat right center;
    width: 83px;
}
.sidebar .menu .bottom form div{
    float: right;
}
.sidebar .menu .bottom form div input{
    background: none;
    border: 0 none;
    color: #555;
    padding-right: 12px;
}

/*Part 2.2 - main*/
.main{
    float: left;
    width: 835px;
}

/*Part 2.1 - header*/
.header{
    height: 53px;
}

/*Part 2.1.1.1 - header , left , menu*/
.header .gimgu_slogan{
    height: 20px;
    margin-top: 13px;
    color: #FFF;
    padding-left: 6px;
}
.header .gimgu_slogan font{
    color: #0CF;
    cursor: help;
}
.header .gimgu_slogan .right_menu{
    float: right;
    padding-right: 5px;
}
.header .gimgu_slogan .right_menu .help_link,
.header .gimgu_slogan .right_menu .report_link{
    padding-right: 20px;
    color: #DDD;
}
.header .gimgu_slogan .right_menu .help_link:hover,
.header .gimgu_slogan .right_menu .report_link:hover{
    color: #FFF;
}
.header .gimgu_slogan .right_menu input{
    border: 0 none;
    background: none;
    color: #DD0;
}
.header .gimgu_slogan .right_menu input:hover{
    color: #FF0;
}
.header .menu_wrap{
    padding: 0 5px 0 6px;
}
.header .menu{
    border-top: 1px solid #8C8C8C;
    height: 27px;
    margin-top: 2px;
    padding-left: 0;
    padding-top: 3px;
}
.header .menu ul{
    height: 27px;
    padding-left: 7px;
    background-color: #717171;
    position: relative;
}
.header .menu li{
    display: block;
    float: left;
    height:24px;
    padding:3px 5px 0 24px;
    line-height:18px;
}
.header .menu li a{
    color: #0CF;
    font-weight: 300;
    font-size: 12px;
}
.header .menu li.home{
    background: transparent url('images/symbol_home_0903300.jpg') no-repeat 24px 4px;
}
.header .menu li.home a{
    padding-left: 20px;
}
.header .menu li.projects{
    background: transparent url(images/symbol_projects_0903300.jpg) no-repeat 26px 5px;
}
.header .menu li.projects a{
    padding-left: 20px;
}
.header .menu li a:hover{
    color: #DDD;
}
.header .menu li a.active, .header .menu li a.active:hover{
    color: #FFF;
    cursor: default;
}
.header .menu li.search_link{
    background: transparent url(images/search_lens_0903300.png) no-repeat right center;
    padding: 3px 0 0 32px;
}
.header .menu li.search_link a{
    color: #DDD;
    padding-right: 20px;
}
.header .menu li.search_link a:hover,
.header .menu li.search_link a.active:hover{
    color: #FFF;
}
.header .menu li.online_link{
    position: absolute;
    right: 0;
    top: 0;
}
.header .menu li.online_link a{
    color: #DDD;
}
.header .menu li.online_link a:hover,
.header .menu li.online_link a.active:hover{
    color: #FFF;
}

/*Part 2.1.1.2 - header , left , teaser*/
.header .left .teaser_area{
    height: 143px;
}
.header .left .teaser_area .account_submenu{
    padding-left: 214px;
    text-align: right;
    width: 80px;
}
.header .left .teaser_area .account_submenu li a{
    height: 20px;
    color: #999;
    display: block;
    font-size: 12px;
}
.header .left .teaser_area .account_submenu li a:hover{
    color: #FFF;
}
.header .left .teaser_area .account_submenu li a.active, .header .left .teaser_area .account_submenu li a.active:hover{
    color: #2AB;
    cursor: default;
}
.header .left .teaser_area .createproject_teaser{
    padding-top: 8px;
}
.header .left .teaser_area .createproject_teaser div{
    height: 85px;
    width: 80px;
    float: left;
    background: transparent url('images/createproject_info_circle_0903030.jpg') no-repeat center bottom;
    color: #1BC;
    padding-left: 5px;
}
.header .left .teaser_area .createproject_teaser p{
    color: #EEE;
    float: left;
    font-size: 11px;
    padding-left: 10px;
    width: 215px;
}
.header .left .teaser_area .createproject_teaser span{
    float: none;
    display: block;
    height: 0;
    width: 0;
    clear: both;
}

/*Part 3 - Content*/
.content{
    padding-right: 5px;
}
.content .main_content{
    padding-left: 5px;
}
.content .main_content .content_space{
    height: 90px;
}
.content .main_content .project_lock{
    padding: 10px;
}
.content .main_content .project_lock div{
    border: 1px solid #C00;
    background-color: #C60;
    padding: 10px;
    text-align: center;
}
.content .main_content .project_lock div p{
    color: #222;
}
.content .main_content .project_lock div a{
    color: #444;
}
.content .main_content .project_lock div a:hover{
    color: #666;
}
.main .project_overview{
}
.content .main_content .project_overview .small_grey_box{
    background: transparent url('images/small_grey_box_0904010.png') no-repeat center;
    width: 200px;
    height: 58px;
    margin-bottom: 2px;
    display: block;
}
.content .main_content .project_overview .side_bar{
    float: left;
    width: 200px;
}
.content .main_content .project_overview .side_bar .creator_button span,
.content .main_content .project_overview .side_bar .topproj_button span,
.content .main_content .project_overview .side_bar .supporter_button span{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 17px 8px;
    width: 110px;
    height: 40px;
    display: block;
    padding: 18px 0 0 85px;
}
.content .main_content .project_overview .side_bar .creator_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_overview .side_bar .creator_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_overview .side_bar .topproj_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_overview .side_bar .topproj_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_overview .side_bar .supporter_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_overview .side_bar .supporter_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_overview .side_bar .small_grey_box span p{
    color: #EEE;
}
.content .main_content .project_overview .content_box{
    width: 624px;
    height: 450px;
    background: transparent url('images/user_box_bg_0904010.png') no-repeat center;
    float: left;
}
.content .main_content .project_overview .content_box .head{
    padding-top: 10px;
    height: 29px;
    text-align: center;
}
.content .main_content .project_overview .content_box .project_list_item{
    display: block;
    padding: 0 0 0 20px;
    width: 287px;
    height: 78px;
    float: left;
    position: relative;
}
.content .main_content .myprojects .content_box .project_list_item{
    position: relative;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status{
    display: block;
    position: absolute;
    right: 9px;
    top: 1px;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status span{
    display: block;
    height: 20px;
    width: 20px;
    background: transparent url('/css/images/top_project_vote_not_0906290.jpg') no-repeat top left;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status span.confirmed{
    background-image: url('/css/images/top_project_vote_norm_0906290.jpg');
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status:hover span{
    display: none;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status div{
    display: none;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status:hover div{
    display: block;
    height: 20px;
    width: 20px;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status div a{
    display: block;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: top left;
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status div a.become{
    background-image: url('/css/images/top_project_vote_become_0906290.jpg');
}
.content .main_content .myprojects .content_box .project_list_item .top_project_status div a.remove{
    background-image: url('/css/images/top_project_vote_remove_0906290.jpg');
}
.content .main_content .project_overview .content_box .project_list_item .pic{
    float: left;
    width: 60px;
    height: 65px;
    padding-top: 15px;
    background: transparent url('images/thumbnailshadow_0904010.png') no-repeat 0 15px;
}
.content .main_content .project_overview .content_box .project_list_item .pic img{
    width: 50px;
    height: 50px;
}
.content .main_content .project_overview .content_box .project_list_item .proj_name{
    height: 30px;
    overflow: hidden;
    padding-top: 10px;
}
.content .main_content .project_overview .content_box .project_list_item .proj_name a{
    color: #DDD;
}
.content .main_content .project_overview .content_box .project_list_item .creator{
}
.content .main_content .project_overview .content_box .project_list_item .created{
    position: relative;
}
.content .main_content .startpage .col .new_projects .item .creator .user_judge,
.content .main_content .project_overview .content_box .project_list_item .created .user_judge{
    position: absolute;
    right: 10px;
    top: 0;
}
.content .main_content .startpage .col .new_projects .item .creator .user_judge .judge_stars,
.content .main_content .project_overview .content_box .project_list_item .created .user_judge .judge_stars{
    height: 12px;
    margin-top: 0;
    padding-left: 0;
    width: 71px;
    background: transparent url(images/judge_stars_bg_small_0904010.png) no-repeat left top;
}
.content .main_content .startpage .col .new_projects .item .creator .user_judge .stars_layer,
.content .main_content .project_overview .content_box .project_list_item .created .user_judge .stars_layer{
    background: transparent url(images/judge_stars_small_0904010.png) no-repeat left top;
    height: 12px;
}
.content .main_content .project_overview .sortbox{
    float: left;
    width: 197px;
    height: 271px;
    /*background: transparent url('images/projects_sort_box_0904010.png') no-repeat center;*/
    background: transparent url('images/projects_sort_box_withoutfind_0904010.png') no-repeat center;
}
.content .main_content .project_overview .sortbox .row{
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
}
.content .main_content .project_overview .sortbox .row select{
    border: 1px solid #D8D8D8;
    background: none;
    width: 175px;
    color: #AAA;
}
.content .main_content .project_overview .sortbox .row input.text{
    border: 1px solid #D8D8D8;
    background: none;
    width: 173px;
    color: #AAA;
}
.content .main_content .project_overview .sortbox .button{
    border: 0 none;
    background: none;
    padding: 4px 0 0 8px;
}
.content .main_content .project_overview .sortbox a.search_link{
    display: block;
    height: 48px;
    margin-top: 5px;
    width: 190px;
}
.content .main_content .project_overview .overview_head{
    border-bottom: 1px solid #8C8C8C;
    margin-bottom: 5px;
    padding: 10px 0;
    width: 825px;
}
.content .main_content .project_overview .overview_head a{
    display: block;
    float: right;
}
.content .main_content .project_overview .overview_head a:hover{
    color: #FFF;
}
.content .main_content .memberlist .sortbox{
    float: left;
    width: 197px;
    height: 271px;
    /*background: transparent url('images/projects_sort_box_0904010.png') no-repeat center;*/
    background: transparent url('images/projects_sort_box_withoutfind_0904010.png') no-repeat center;
}
.content .main_content .memberlist .sortbox .row{
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
}
.content .main_content .memberlist .sortbox .row select{
    border: 1px solid #D8D8D8;
    background: none;
    width: 175px;
    color: #AAA;
}
.content .main_content .memberlist .sortbox .row input.text{
    border: 1px solid #D8D8D8;
    background: none;
    width: 173px;
    color: #AAA;
}
.content .main_content .memberlist .sortbox .button{
    border: 0 none;
    background: none;
    padding: 4px 0 0 8px;
}
.content .main_content .memberlist .sortbox a.search_link{
    display: block;
    height: 48px;
    margin-top: 5px;
    width: 190px;
}
.content .main_content .memberlist .content_box{
    width: 624px;
    height: 450px;
    background: transparent url('images/user_box_bg_0904010.png') no-repeat center;
    float: left;
}
.content .main_content .memberlist .head{
    border-bottom: 1px solid #8C8C8C;
    margin-bottom: 5px;
    padding: 10px 0;
    width: 825px;
}
.content .main_content .memberlist .head a{
    display: block;
    float: right;
}
.content .main_content .memberlist .head a:hover{
    color: #FFF;
}
.content .main_content .memberlist .content_box .content_head{
    height: 29px;
    padding-top: 10px;
    text-align: center;
}
.content .main_content .memberlist .content_box .wrap{
    float: left;
    height: 78px;
    padding: 0 0 0 20px;
    width: 287px;
}
.content .main_content .memberlist .content_box .wrap .pic{
    float: left;
    padding-top: 15px;
    width: 60px;
    height: 75px;
    background: transparent url('images/shadow_user_thumbnail_0904020.png') no-repeat 0 15px;
}
.content .main_content .memberlist .content_box .wrap .pic img{
    height: 50px;
}
.content .main_content .memberlist .content_box .wrap .datas{
    float: left;
    padding-top: 9px;
    width: 180px;
}
.content .main_content .memberlist .content_box .wrap .datas font{
    color: #FFF;
}
.content .main_content .memberlist .content_box .wrap .options{
    float: left;
    padding-top: 9px;
    width: 40px;
    position: relative;
}
.content .main_content .memberlist .content_box .wrap .options font{
    color: #0AC;
}
.content .main_content .memberlist .content_box .wrap .options .send_mail{
    display: block;
    right: 5px;
    top: 9px;
    position: absolute;
    height: 15px;
    width: 19px;
    background: transparent url('images/send_mail_0904020.jpg') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .memberlist .content_box .wrap .options .send_mail:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .memberlist .content_box .wrap .options .option3{
    border: 0 none;
    height: 27px;
    position: absolute;
    right: 2px;
    top: 24px;
    width: 23px;
    background: transparent url('images/request_friendship_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .memberlist .content_box .wrap .options .option3:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .memberlist .content_box .wrap .options .option4{
    border: 0 none;
    height: 26px;
    position: absolute;
    right: 3px;
    top: 42px;
    width: 23px;
    background: transparent url('images/invite_project_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .memberlist .content_box .wrap .options .option4:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .account{
    border-color: #777;
    border-style: solid;
    border-width: 1px 0;
    margin-top: 5px;
    padding: 5px 0 10px;
}
.content .main_content .account .navigation{
    width: 150px;
    height: 220px;
    padding: 34px 0 0 30px;
    float: left;
    background: transparent url('images/toolbox_profile_0904030.png') no-repeat center top;
}
.content .main_content .account .navigation li{
    height: 20px;
}
.content .main_content .account .navigation li a{
    color: #FFF;
}
.content .main_content .account .navigation li a:hover{
    color: #444;
}
.content .main_content .account .navigation li a.active:hover, .content .main_content .account .navigation li a.active{
    color: #111;
    cursor: default;
}
.content .main_content .account .config{
    float: left;
    width: 525px;
}
.content .main_content .mylinks .config .caption{
    color: #FFF;
}
.content .main_content .mylinks .config p{
    padding: 20px 0 5px;
}
.content .main_content .mylinks .config .slots{
    padding-top: 3px;
    height: 24px;
    color: #0CE;
    width: 460px;
}
.content .main_content .mylinks .config .slots input{
    background: transparent url('images/linksslot_bg_0902250.jpg') no-repeat center;
    border: 0 none;
    color: #EEE;
    height: 19px;
    width: 358px;
    padding: 4px 2px 2px 10px;
}
.content .main_content .mylinks .config .slots span{
    float: right;
    width: 30px;
    height: 21px;
}
.content .main_content .mylinks .config .button{
    padding-top: 17px;
}
.sidebar .menu ul li .button span.left_bg,
.button span.left_bg{
    background: transparent url('images/blue_button_left_bg_0902250.png') no-repeat left;
    width: 3px;
    height: 22px;
    display: block;
    float: left;
}
.button span.main_bg{
    background: transparent url('images/blue_button_main_bg_0902250.png') no-repeat right;
    height: 22px;
    display: block;
    float: left;
    padding: 1px 3px 0 0;
}
.button span.main_bg input{
    border: 0 none;
    background: none;
    color: #EEE;
}
.button span.main_bg a{
    line-height: 20px;
    color: #EEE;
}
.button span.main_bg a:hover{
    color: #FFF;
}
.window .body_wrap .link_help_text{
    padding-left: 10px;
    color: #333;
}
.window .body_wrap .link_help_url{
    color: #333;
    padding: 0 0 20px 10px;
}
.window .body_wrap .link_help_url input{
    width: 300px;
}
.window .body_wrap .link_help_url a{
    color: #E80;
    height: 30px;
    line-height: 30px;
    padding: 9px 0;
}
.window .body_wrap .link_help_url a:hover{
    color: #F90;
}
.window .window_body .link_help_url span{
    color: #333;
    cursor: pointer;
}
.content .main_content .myprofile .config .datas{
    padding: 0 0 10px 3px;
    border-bottom: 1px solid #838383;
}
.content .main_content .myprofile .config .datas .caption{
    font-weight: 900;
    color: #CCC;
    padding-bottom: 10px;
}
.content .main_content .myprofile .config .datas .row{
    font-weight: 900;
    width: 90px;
    float: left;
    height: 18px;
    color: #CCC;
}
.content .main_content .myprofile .config .datas .row_input{
    float: left;
    width: 170px;
    height: 22px;
    color: #AAA;
    position: relative
}
.content .main_content .myprofile .config .datas .row_input .email_button{
    position: absolute;
    right: -90px;
    top: -8px;
}
.content .main_content .myprofile .config .datas .row_input input{
    float: left;
    width: 139px;
    height: 16px;
    color: #444;
    font-size: 12px;
}
.content .main_content .myprofile .config .datas .row_input .email_button input{
    float: none;
    width: auto;
    height: 16px;
    color: #FFF;
    font-size: 12px;
}
.content .main_content .myprofile .config .looking{
    padding: 5px 0 10px 3px;
    border-bottom: 1px solid #838383;
}
.content .main_content .myprofile .config .looking .caption{
    font-weight: 900;
    color: #CCC;
    padding-bottom: 10px;
}
.content .main_content .myprofile .config .looking p{
    color: #AAA;
}
.content .main_content .myprofile .config .looking .special_box{
    width: 458px;
    padding-top: 10px;
}
.content .main_content .myprofile .config .looking .special_box .top{
    height: 5px;
    background: transparent url('images/profile_special_box_top_0902250.jpg') no-repeat top;
}
.content .main_content .myprofile .config .looking .special_box .row{
    border-left: 1px solid #9F9F9F;
    border-right: 1px solid #9F9F9F;
    height: 20px;
    padding: 5px 0;
}
.content .main_content .myprofile .config .looking .special_box .row span{
    float: left;
    width: 60px;
    padding-left: 10px;
    display: block;
    height: 20px;
    line-height: 20px;
}
.content .main_content .myprofile .config .looking .special_box .row div{
    width: 370px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #EEE;
    background: #FFF;
    float: left;
    padding-left: 10px;
}
.content .main_content .myprofile .config .looking .special_box .row div input{
    height: 18px;
    line-height: 18px;
    border: 0 none;
    background: none;
    float: left;
    width: 370px;
    color: #444;
}
.content .main_content .myprofile .config .looking .special_box .bottom{
    height: 5px;
    background: transparent url('images/profile_special_box_bottom_0902250.jpg') no-repeat center;
}
.content .main_content .myprofile .config .looking .special_box .clear{
}
.content .main_content .myprofile .config .aboutme{
    padding: 5px 0 10px 3px;
}
.content .main_content .myprofile .config .aboutme .caption{
    padding: 0 0 10px 3px;
    font-weight: 900;
    color: #CCC;
    padding-bottom: 10px;
}
.content .main_content .myprofile .config .aboutme .row{
    width: 360px;
    min-height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}
.content .main_content .myprofile .config .aboutme .row input{
    float: left;
    width: 352px;
    height: 20px;
    color: #444;
    border: 0 none;
}
.content .main_content .myprofile .config .aboutme .row_input{
    float: left;
    width: 340px;
    min-height: 18px;
    line-height: 18px;
    border: 1px solid #EEE;
    background: #FFF;
    padding-left: 10px;
    margin-bottom: 15px;
}
.content .main_content .myprofile .config .aboutme .row_input input{
    float: left;
    width: 340px;
    height: 18px;
    line-height: 18px;
    border: 0 none;
    background: none;
    color: #444;
}
.content .main_content .myprofile .config .button{
    padding: 5px 0 15px;
    height: 22px;
}
.content .main_content .myprofile .config .aboutme .button{
    padding: 0 10px 0 0;
    float: right;
}
.content .main_content .myprofile .config .button span.left_bg{
    background: transparent url('images/blue_button_left_bg_0902250.png') no-repeat left;
    width: 3px;
    height: 22px;
    display: block;
    float: left;
}
.content .main_content .myprofile .config .button a.main_bg{
    background: transparent url('images/blue_button_main_bg_0902250.png') no-repeat right;
    line-height: 22px;
    height: 22px;
    display: block;
    float: left;
    padding: 0 5px 0 2px;
    color: #DDD;
}
.content .main_content .myprofile .config .button a.main_bg:hover{
    color: #FFF;
}
.content .main_content .mypassword .config .pw_head{
}
.content .main_content .mypassword .config .row{
    height: 20px;
    margin-top: 10px;
}
.content .main_content .mypassword .config .row p{
    float: left;
    height: 20px;
    line-height: 20px;
    width: 170px;
    display: block;
}
.content .main_content .mypassword .config .row input{
    width: 160px;
}
.content .main_content .mypassword .config .button span.left_bg,
.content .main_content .accsettings .config .button span.left_bg{
    background: transparent url('images/blue_button_left_bg_0902250.png') no-repeat left;
    width: 3px;
    height: 22px;
    display: block;
    float: left;
}
.content .main_content .mypassword .config .button span.main_bg,
.content .main_content .accsettings .config .button span.main_bg{
    background: transparent url('images/blue_button_main_bg_0902250.png') no-repeat right;
    height: 22px;
    display: block;
    float: left;
    padding: 1px 3px 0 0;
}
.content .main_content .mypassword .config .button span.main_bg input,
.content .main_content .accsettings .config .button span.main_bg input{
    border: 0 none;
    background: none;
    color: #EEE;
    width: auto;
}
.content .main_content .friends_list{
}
.content .main_content .friends_list .caption{
    border-bottom: 1px solid #8C8C8C;
    margin: 10px 0 10px;
    padding-bottom: 10px;
    width: 825px;
}
.content .main_content .friends_list .caption a{
    display: block;
    float: right;
}
.content .main_content .friends_list .caption a:hover{
    color: #FFF;
}
.content .main_content .friends_list .friends_menu{
    float: left;
    width: 200px;
}
.content .main_content .friends_list .friends_menu .picture{
    background: transparent url('images/symbol_friends_folder_0904020.jpg') no-repeat 5px center;
    height: 60px;
}
.content .main_content .friends_list .friends_menu a{
    background: transparent url('images/small_grey_box_0904010.png') no-repeat scroll center center;
    display: block;
    height: 58px;
    margin-bottom: 2px;
    width: 200px;
}
.content .main_content .friends_list .friends_menu a.active{
    cursor: default;
}
.content .main_content .friends_list .friends_menu a span{
    background-color: transparent;
    background-position: 17px 8px;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    padding: 18px 0 0 85px;
    width: 110px;
}
.content .main_content .friends_list .friends_menu a.all span{
    background-image: url('images/symbol_friends_all_0904020.png');
}
.content .main_content .friends_list .friends_menu a.all.active span{
    background-image: url('images/symbol_friends_all_active_0904020.png');
}
.content .main_content .friends_list .friends_menu a.online span{
    background-image: url('images/symbol_friends_online_0904020.png');
}
.content .main_content .friends_list .friends_menu a.online.active span{
    background-image: url('images/symbol_friends_online_active_0904020.png');
}
.content .main_content .friends_list .friends_menu a.request span{
    background-image: url('images/symbol_friends_request_0904020.png');
}
.content .main_content .friends_list .friends_menu a.request.active span{
    background-image: url('images/symbol_friends_request_active_0904020.png');
}
.content .main_content .friends_list .friends_menu a.offer span{
    background-image: url('images/symbol_friends_offer_0904020.png');
}
.content .main_content .friends_list .friends_menu a.offer.active span{
    background-image: url('images/symbol_friends_offer_active_0904020.png');
}
.content .main_content .friends_list .friends_menu a.invite span{
    background-image: url('images/invite_symbol_0904020.png');
    background-position: 17px 5px;
    color: #FFF;
    height: 46px;
    padding: 9px 0 0 97px;
}
.content .main_content .friends_list .friends_menu a span p{
    color: #EEE;
}
.content .main_content .friends_list .friends_menu a.offer span p{
    font-size: 11px;
}
.content .main_content .friends_list .friends_box{
    background: transparent url(images/user_box_bg_0904010.png) no-repeat center;
    float: left;
    height: 450px;
    width: 624px;
}
.content .main_content .friends_list .friends_box .head{
    height: 29px;
    padding-top: 10px;
    text-align: center;
}
.content .main_content .friends_list .friends_box .wrap{
    float: left;
    height: 78px;
    padding: 0 0 0 20px;
    width: 287px;
}
.content .main_content .friends_list .friends_box .wrap .pic{
    float: left;
    padding-top: 15px;
    width: 60px;
    height: 75px;
    background: transparent url('images/shadow_user_thumbnail_0904020.png') no-repeat 0 15px;
}
.content .main_content .friends_list .friends_box .wrap .pic img{
    height: 50px;
}
.content .main_content .friends_list .friends_box .wrap .datas{
    float: left;
    padding-top: 9px;
    width: 140px;
}
.content .main_content .friends_list .friends_box .wrap .datas font{
    color: #FFF;
}
.content .main_content .friends_list .friends_box .wrap .options{
    float: left;
    padding-top: 9px;
    width: 80px;
    position: relative;
}
.content .main_content .friends_list .friends_box .wrap .options font{
    color: #0AC;
}
.content .main_content .friends_list .friends_box .wrap .options .send_mail{
    display: block;
    right: 5px;
    top: 9px;
    position: absolute;
    height: 15px;
    width: 19px;
    background: transparent url('images/send_mail_0904020.jpg') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .friends_list .friends_box .wrap .options .send_mail:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .friends_list .friends_box .wrap .options .option1,
.content .main_content .friends_list .friends_box .wrap .options .option2{
    border: 0 none;
    background: none;
    position: absolute;
    right: 10px;
    color: #DDD;
}
.content .main_content .friends_list .friends_box .wrap .options .option1:hover,
.content .main_content .friends_list .friends_box .wrap .options .option2:hover{
    color: #FFF;
}
.content .main_content .friends_list .friends_box .wrap .options .option1{
    top: 35px;
}
.content .main_content .friends_list .friends_box .wrap .options .option2{
    top: 50px;
}
.content .main_content .accsettings .config .head{
    font-size: 13px;
    font-weight: 900;
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
}
.content .main_content .accsettings .config .parts{
    height: 25px;
    width: 47%;
    padding-left: 3%;
    float: left;
}
.content .main_content .accsettings .config .parts span{
    font-size: 13px;
    display: block;
    width: 200px;
    float: left;
    height: 20px;
    line-height: 20px;
}
.content .main_content .accsettings .config .parts input{
    float: left;
    height: 20px;
}
.content .main_content .accsettings .config .button{
    margin-top: 20px;
    padding-left: 50px;
}
.content .main_content .myprojects{
}
.content .main_content .myprojects .small_grey_box{
    background: transparent url('images/small_grey_box_0904010.png') no-repeat center;
    width: 200px;
    height: 58px;
    margin-bottom: 2px;
    display: block;
}
.content .main_content .myprojects .project_create_box{
    left: 550px;
    position: absolute;
    top: 1px;
}
.content .main_content .myprojects .project_create_box span{
    background: transparent url('images/createproject_blue_circle_0903030.jpg') no-repeat;
    background-position: 30px 10px;
    width: 80px;
    height: 60px;
    display: block;
    padding: 18px 0 0 100px;
}
.content .main_content .myprojects .caption{
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #8C8C8C;
    width: 825px;
}
.content .main_content .myprojects .caption a{
    display: block;
    float: right;
}
.content .main_content .myprojects .caption a:hover{
    color: #FFF;
}
.content .main_content .myprojects .side_bar{
    float: left;
    width: 200px;
}
.content .main_content .myprojects .side_bar .picture{
    height: 60px;
    background: transparent url('images/symbol_project_folder_big_090401.png') no-repeat 5px center;
}
.content .main_content .myprojects .side_bar .creator_button span,
.content .main_content .myprojects .side_bar .supporter_button span,
.content .main_content .myprojects .side_bar .privproj_button span,
.content .main_content .myprojects .side_bar .remindproj_button span,
.content .main_content .myprojects .side_bar .layoutproj_button span,
.content .main_content .myprojects .side_bar .top_button span{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 17px 8px;
    width: 110px;
    height: 40px;
    display: block;
    padding: 18px 0 0 85px;
}
.content .main_content .myprojects .side_bar .creator_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .creator_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .supporter_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .supporter_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .privproj_button span{
    background-image: url('images/symbol_privproj_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .privproj_button.active span{
    background-image: url('images/symbol_privproj_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .remindproj_button span{
    background-image: url('images/symbol_remindproj_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .remindproj_button.active span{
    background-image: url('images/symbol_remindproj_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .layoutproj_button span{
    background-image: url('images/symbol_layoutproj_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .layoutproj_button.active span{
    background-image: url('images/symbol_layoutproj_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .top_button span{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .myprojects .side_bar .top_button.active span{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .myprojects .side_bar .small_grey_box span p{
    color: #EEE;
}
.content .main_content .myprojects .content_box{
    width: 624px;
    height: 450px;
    background: transparent url('images/user_box_bg_0904010.png') no-repeat center;
    float: left;
}
.content .main_content .myprojects .content_box .head{
    padding-top: 10px;
    height: 29px;
}
.content .main_content .myprojects .content_box .project_list_item{
    display: block;
    padding: 0 0 0 20px;
    width: 287px;
    height: 78px;
    float: left;
}
.content .main_content .myprojects .content_box .project_list_item .pic{
    float: left;
    width: 60px;
    height: 65px;
    padding-top: 15px;
    background: transparent url('images/thumbnailshadow_0904010.png') no-repeat 0 15px;
}
.content .main_content .myprojects .content_box .project_list_item .pic img{
    width: 50px;
    height: 50px;
}
.content .main_content .myprojects .content_box .project_list_item .proj_name{
    padding-top: 10px;
    height: 15px;
    overflow: hidden;
    width: 215px;
}
.content .main_content .myprojects .content_box .project_list_item .proj_name a{
    color: #DDD;
}
.content .main_content .myprojects .content_box .project_list_item .creator{
}
.content .main_content .myprojects .content_box .project_list_item .created{
    position: relative;
}
.content .main_content .myprojects .content_box .project_list_item .created .user_judge{
    position: absolute;
    right: 10px;
    top: 0;
}
.content .main_content .myprojects .content_box .project_list_item .created .user_judge .judge_stars{
    height: 12px;
    margin-top: 0;
    padding-left: 0;
    width: 71px;
    background: transparent url(images/judge_stars_bg_small_0904010.png) no-repeat left top;
}
.content .main_content .myprojects .content_box .project_list_item .created .user_judge .stars_layer{
    background: transparent url(images/judge_stars_small_0904010.png) no-repeat left top;
    height: 12px;
}
.content .main_content .create_project_sidebar{
    float: left;
    width: 245px;
    padding-top: 20px;
}
.content .main_content .project_toolbox .top{
    background: transparent url('images/toolbox_top_0903050.png') no-repeat right top;
    height: 21px;
}
.content .main_content .project_toolbox .bottom{
    background: transparent url('images/toolbox_bottom_0903050.png') no-repeat right bottom;
    height: 22px;
}
.content .main_content .project_toolbox .main{
    background: transparent url('images/toolbox_main_0903050.png') repeat-y right top;
    padding: 2px 5px 2px 20px;
    float: none;
    width: auto;
}
.content .main_content .project_toolbox .main h1{
    color: #FFF;
    font-size: 14px;
    padding-left: 20px;
}
.content .main_content .show_project_complete .project_toolbox .main h1{
    padding-left: 40px;
}
.content .main_content .project_toolbox .main ul{
    padding: 8px 0 0;
}
.content .main_content .project_toolbox .main ul li{
    height: 23px;
    width: 135px;
    padding-left: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
}
.content .main_content .show_project_complete .project_toolbox .main ul li{
    padding-left: 40px;
}
.content .main_content .project_toolbox .main ul li.create{
    background-image: url('images/toolbox_create_0904060.png');
    background-position: 9px center;
}
.content .main_content .project_toolbox .main ul li.becomemember{
    background-image: url('images/toolbox_becomemember_0904060.png');
    background-position: 10px center;
}
.content .main_content .project_toolbox .main ul li.recommend{
    background-image: url('images/toolbox_recommend_0904060.png');
    background-position: 10px center;
}
.content .main_content .project_toolbox .main ul li.finance{
    background-image: url('images/toolbox_finance_0904060.png');
    background-position: 10px center;
}
.content .main_content .project_toolbox .main ul li.scoutproject{
    background-image: url('images/toolbox_scoutproject_0904060.png');
    background-position: 7px center;
}
.content .main_content .project_toolbox .main ul li.invite{
    background-image: url('images/toolbox_invite_0904060.png');
    background-position: 1px center;
}
.content .main_content .project_toolbox .main ul li input,
.content .main_content .project_toolbox .main ul li a{
    border: 0 none;
    background: none;
    color: #FFF;
    line-height: 23px;
    text-align: left;
}
.content .main_content .project_toolbox .main ul li input:hover,
.content .main_content .project_toolbox .main ul li a:hover{
    color: #E2E2E2;
}
.content .main_content .create_project_sidebar .project_toolbox .main ul li input.active,
.content .main_content .create_project_sidebar .project_toolbox .main ul li input.active:hover{
    color: #444;
    cursor: default;
}
.content .main_content .create_project_sidebar .require_info{
    height: 35px;
    line-height: 35px;
    border-bottom: 2px solid #888;
    font-size: 13px;
    padding-left: 9px;
    background: transparent url('images/require_symbol_0903030.jpg') no-repeat 120px center;
    width: 224px;
}
.content .main_content .create_project_sidebar .reset_project{
    /*background: transparent url('images/createproject_reset_circle_0903090.jpg') no-repeat 8px center;*/
    border-bottom: 2px solid #888;
    padding: 10px 0 10px 89px;
    width: 144px;
}
.content .main_content .create_project_sidebar .reset_project input{
    width: 135px;
}
.content .main_content .create_project_sidebar .save_project{
    background: transparent url('images/createproject_info_circle_0903030.jpg') no-repeat 8px center;
    border-bottom: 2px solid #888;
    padding: 10px 0 10px 89px;
    width: 144px;
}
.content .main_content .create_project_sidebar .save_project input{
    width: 135px;
}
.content .main_content .create_project_sidebar .activate_project{
    background: transparent url('images/createproject_blue_circle_0903030.jpg') no-repeat 8px center;
    border-bottom: 2px solid #888;
    padding: 10px 0 10px 89px;
    width: 144px;
}
.content .main_content .create_project_sidebar .activate_project input{
    width: 135px;
}
.content .main_content .create_project_sidebar .reset_project span,
.content .main_content .create_project_sidebar .save_project span,
.content .main_content .create_project_sidebar .activate_project span{
    display: block;
    padding-top: 5px;
}
.content .main_content .create_project_sidebar .save_project .button_grey span,
.content .main_content .create_project_sidebar .reset_project .button_grey span{
    padding-top: 1px;
}
.content .main_content .project_work_box{
    float: left;
    width: 485px;
    padding: 20px 0 0;
}
.content .main_content .project_work_box .top{
    height: 4px;
    background: transparent url('images/project_work_box_top_0903030.jpg') no-repeat center;
}
.content .main_content .project_work_box .bottom{
    height: 4px;
    background: transparent url('images/project_work_box_bottom_0903030.jpg') no-repeat center;
}
.content .main_content .project_work_box .main{
    border: 2px solid #8C8C8C;
    border-top: 0 none;
    border-bottom: 0 none;
    float: none;
    width: auto;
    padding: 11px 13px 11px 30px;
    position: relative;
}
.content .main_content .project_work_box .main .require{
    background: transparent url('images/require_symbol_0903030.jpg') no-repeat right center;
}
.content .main_content .project_work_box .main .head{
    font-weight: 900;
    color: #EEE;
    height: 20px;
}
.content .main_content .my_pics{
}
.content .main_content .my_pics .profile_foto{
    border-bottom: 1px solid #777;
    padding-bottom: 15px;
}
.content .main_content .my_pics .profile_foto .pic{
    float: left;
    width: 110px;
    height: 160px;
}
.content .main_content .my_pics .profile_foto .pic img{
    width: 100px;
}
.content .main_content .my_pics .profile_foto .data{
    float: left;
    width: 280px;
}
.content .main_content .my_pics .profile_foto .data span{
    display: block;
    margin-bottom: 5px;
    color: #EEE;
}
.content .main_content .my_pics .button{
    padding-top: 5px;
}
.content .main_content .my_pics .foto_galery{
    padding: 15px 0 50px;
}
.content .main_content .my_pics .foto_galery .head{
    margin-bottom: 5px;
    color: #EEE;
}
.content .main_content .my_pics .foto_galery .foto_box,
.content .main_content .user_profile .foto_box{
    width: 345px;
    height: 230px;
    background: transparent url('images/fotobox_0904020.png') no-repeat left top;
    margin-bottom: 10px;
    padding: 15px 170px 0 20px;
    position: relative;
}
.content .main_content .user_profile .foto_box{
    margin-top: 10px;
}
.content .main_content .my_pics .foto_galery .foto_box div,
.content .main_content .user_profile .foto_box div{
    float: left;
    width: 65px;
    height: 75px;
    position: relative;
    background: transparent url('images/thumbnailshadow_0904010.png') no-repeat 0 0;
}
.galery .box_content .wrap div.sure div.button,
.galery .box_content .wrap div.sure div.button_grey{
    float: left;
}
.galery .box_content .wrap div.sure div.button,
.galery .box_content .wrap div.sure div.button_grey,
.content .main_content .my_pics .foto_galery .foto_box div.button,
.content .main_content .my_pics .foto_galery .foto_box div.button_grey{
    width: auto;
    height: auto;
    position: relative;
    background: none;
    padding-top: 8px;
}
.galery .box_content .wrap div.sure div.button_grey,
.content .main_content .my_pics .foto_galery .foto_box div.button_grey{
    padding: 8px 20px 0 17px;
}
.galery .box_content .wrap div.sure div.button_grey a,
.content .main_content .my_pics .foto_galery .foto_box div.button_grey a{
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    color: #333;
}
.galery .box_content .wrap div.sure div.button input,
.content .main_content .my_pics .foto_galery .foto_box div.button input{
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#EEEEEE;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
}
.galery .box_content div.clear,
.content .main_content .my_pics .foto_galery .foto_box div.clear,
.content .main_content .user_profile .foto_box div.clear{
    float: none;
    width: 0;
    height: 0;
    position: relative;
}
.content .main_content .my_pics .foto_galery .foto_box div img,
.content .main_content .user_profile .foto_box div img{
    height: 50px;
}
.galery .box_content .wrap .pic form input,
.content .main_content .my_pics .foto_galery .foto_box div input{
    position: absolute;
    left: 39px;
    top: 1px;
    border: 0 none;
    background: transparent url('images/cross_white_0903160.png') no-repeat center;
    width: 15px;
    height: 15px;
    color: #FFF;
}
.galery .box_content .wrap div.sure,
.content .main_content .my_pics .foto_galery .foto_box form.sure{
    position: absolute;
    left: 165px;
    top: 60px;
    width: 176px;
    height: 46px;
    background: transparent url('images/delete_picture_0904030.png') no-repeat center;
    padding: 30px 23px 30px 20px;
}
.galery .box_content .wrap div.sure p:hover,
.content .main_content .my_pics .foto_galery .foto_box form.sure p:hover{
    text-align: center;
}
.content .main_content .my_pics .foto_galery .foto_box div form,
.galery .box_content .wrap .pic form{
    display: none;
}
.content .main_content .my_pics .foto_galery .foto_box div:hover form,
.content .main_content .my_pics .foto_galery .foto_box form.sure,
.galery .box_content .wrap .pic:hover form,
.galery .box_content .wrap div.sure{
    display: inline;
    z-index: 900;
}
.content .main_content .my_categories{
}
.content .main_content .my_categories .head{
    color: #FFF;
    margin-bottom: 5px;
}
.content .main_content .my_categories .category_box{
    width: 458px;
    margin-top: 5px;
}
.content .main_content .my_categories .category_box .top{
    background: transparent url('images/category_box_top_0904020.png') no-repeat center top;
    height: 4px;
}
.content .main_content .my_categories .category_box .box_content{
    border-style: solid;
    border-color: #B1B1B1;
    border-width: 0 1px;
    padding: 5px 0 10px 30px;
}
.content .main_content .my_categories .category_box .box_content span{
    display: block;
    width: 213px;
    height: 21px;
    float: left;
}
.content .main_content .my_categories .category_box .box_content span input{
    border: 0 none;
    background: none;
    color: #FFF;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 175px;
}
.content .main_content .my_categories .category_box .box_content span.active input{
    color: #6AF;
}
.content .main_content .my_categories .category_box .bottom{
    background: transparent url('images/category_box_bottom_0904020.png') no-repeat center top;
    height: 4px;
}
.content .main_content .project_work_box .main input.short{
    width: 220px;
}
.content .main_content .project_work_box .main textarea.long{
    width: 360px;
    height: 160px;
}
.content .main_content .project_work_box .main p{
    padding: 5px 0 10px;
}
.content .main_content .project_work_box .main .attention{
    width: 225px;
    padding-right: 30px;
    background: transparent url('images/attention_symbol_0903030.jpg') no-repeat right bottom;
    float: left;
    color: #EEE;
}
.content .main_content .project_work_box .main .button{
    float: right;
    padding-top: 37px;
}
.content .main_content .project_work_box .main hr{
    border-style: solid;
    color: #888;
    float: left;
    height: 2px;
    margin: 10px 0;
    width: 425px;
}
.content .main_content .project_work_box .main .project_attributes{
}
.content .main_content .project_work_box .main .project_attributes .included{
    padding-top: 25px;
    float: left;
    width: 270px;
}
.content .main_content .project_work_box .main .project_attributes .pool{
    float: left;
    width: 165px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_top{
    background: transparent url('images/project_pool_box_top_0903030.jpg') no-repeat center;
    height: 4px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_bottom{
    background: transparent url('images/project_pool_box_bottom_0903030.jpg') no-repeat center;
    height: 4px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_main{
    border: 2px solid #999;
    background-color: #888;
    border-top: 0 none;
    border-bottom: 0 none;
    float: none;
    width: auto;
    padding: 1px 5px 15px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_main .row{
    color: #EEE;
    height: 25px;
    line-height: 20px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_main .row input{
    border: 0 none;
    background: none;
    height: 20px;
    line-height: 20px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_main p{
    border-top: 1px solid #AAA;
    padding: 10px 0;
    margin-top: 5px;
}
.content .main_content .project_work_box .main .project_attributes .pool .pool_main .new_attribute_input{
    border: 0 none;
    background: none;
    font-size: 11px;
    color: #EEE;
}
.content .main_content .project_work_box .main .errors{
    margin: 10px 0;
    text-align: center;
    border-style: solid;
    border-color: #C00;
    background-color: #C70;
    padding: 7px;
    border-width: 2px 4px;
}
.content .main_content .project_work_box .main .errors span{
    color: #C00;
    font-weight: 900;
    font-size: 14px;
}
.content .main_content .project_work_box .main .pic_preview{
    float: left;
    width: 176px;
    height: 176px;
    border: 2px solid #8C8C8C;
}
.content .main_content .project_work_box .main .pic_text{
    float: right;
    width: 190px;
}
.content .main_content .project_work_box .main .pic_upload{
    padding: 15px 0 20px;
}
.content .main_content .project_work_box .main .pic_upload .button {
    float: none;
    padding-top: 5px;
}
.content .main_content .project_work_box .main .attention{
    width: 240px;
}
.content .main_content .button_grey .left_bg{
    background: transparent url('images/grey_button_left_bg_0903040.png') no-repeat left center;
    height: 21px;
    width: 3px;
    display: block;
    float: left;
}
.content .main_content .button_grey .main_bg{
    background: transparent url('images/grey_button_main_bg_0903040.png') no-repeat right center;
    height: 21px;
    display: block;
    float: left;
    padding: 1px 3px 0 0;
}
.content .main_content .button_grey .main_bg input{
    border: 0 none;
    background: none;
    color: #333;
}
.content .main_content .project_work_box .main .drag_n_drop_info{
    position: absolute;
    left: 350px;
    top: 20px;
    height: 104px;
    width: 104px;
    background: transparent url('images/drag_info_0903040.png') no-repeat center;
}
.category_slots{
    padding: 5px 0;
}
.category_slots .slot,
.category_slots .active_slot{
    height: 43px;
    width: 43px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
}
.category_slots .slot{
    background-image: url('images/category_slot_0903040.jpg');
}
.category_slots .active_slot{
    background-image: url('images/category_slot_active_0903040.jpg');
}
.category_slots .active_slot{
    background-image: url('images/category_slot_active_0903040.jpg');
}
.category_slots .slot span,
.category_slots .active_slot span{
    display: block;
    height: 43px;
    width: 43px;
    background-repeat: no-repeat;
    background-position: center;
}
.category_slots .slot span input,
.category_slots .active_slot span input{
    height: 43px;
    width: 43px;
    border: 0 none;
    background: none;
}
/*Start of the category icons*/
.category_slots div span.charity{
    background-image: url('images/icon_category_charity_0904060.png');
}
.category_slots div span.pc{
    background-image: url('images/icon_category_pc_0904060.png');
}
.category_slots div span.design{
    background-image: url('images/icon_category_design_0904060.png');
}
.category_slots div span.food{
    background-image: url('images/icon_category_food_0904060.png');
}
.category_slots div span.film{
    background-image: url('images/icon_category_film_0904060.png');
}
.category_slots div span.com{
    background-image: url('images/icon_category_com_0904060.png');
}
.category_slots div span.health{
    background-image: url('images/icon_category_health_0904060.png');
}
.category_slots div span.job{
    background-image: url('images/icon_category_job_0904060.png');
}
.category_slots div span.art{
    background-image: url('images/icon_category_art_0904060.png');
}
.category_slots div span.style{
    background-image: url('images/icon_category_style_0904060.png');
}
.category_slots div span.music{
    background-image: url('images/icon_category_music_0904060.png');
}
.category_slots div span.phil{
    background-image: url('images/icon_category_phil_0904060.png');
}
.category_slots div span.politics{
    background-image: url('images/icon_category_politics_0904060.png');
}
.category_slots div span.trip{
    background-image: url('images/icon_category_trip_0904060.png');
}
.category_slots div span.reli{
    background-image: url('images/icon_category_reli_0904060.png');
}
 .category_slots div span.school{
    background-image: url('images/icon_category_school_0904060.png');
}
.category_slots div span.fun{
    background-image: url('images/icon_category_fun_0904060.png');
}
.category_slots div span.sport{
    background-image: url('images/icon_category_sport_0904060.png');
}
.category_slots div span.event{
    background-image: url('images/icon_category_event_0904060.png');
}
.category_slots div span.science{
    background-image: url('images/icon_category_science_0904060.png');
}
.category_slots div span.nature{
    background-image: url('images/icon_category_envi_0904060.png');
}
/*End of the category icons*/
.content .main_content .project_work_box .main .button_grey{
    padding-top: 10px;
}
.content .main_content .project_work_box .main .category_slots .button_grey{
    float: left;
    padding: 5px 0 0 5px;
}
.content .main_content .project_work_box .main .category_box{
    padding: 5px 5px 5px 33px;
    border: 2px solid #8C8C8C;
}
.content .main_content .project_work_box .main .category_box div{
    height: 35px;
    width: 35px;
}
.content .main_content .project_work_box .main .category_box div.clear{
    height: 0;
    width: 0
}
.content .main_content .project_work_box .main .category_box .category,
.content .main_content .project_work_box .main .category_box .category_active{
    float: left;
    width: 50%;
    height: 20px;
}
.content .main_content .project_work_box .main .category_box .category input,
.content .main_content .project_work_box .main .category_box .category div.drag_handle,
.content .main_content .project_work_box .main .category_box .category_active input,
.content .main_content .project_work_box .main .category_box .category_active div.drag_handle{
    border: 0 none;
    background: none;
    height: 20px;
    padding: 0 5px;
    cursor: pointer;
    line-height: 20px;
    display: inline;
    color: #DDD;
    margin: 0;
    text-align: left;
    width: 175px;
}
.content .main_content .project_work_box .main .category_box .category input:hover,
.content .main_content .project_work_box .main .category_box .category div.drag_handle:hover{
    color: #FFF;
}
.content .main_content .project_work_box .main .category_box .category_active input,
.content .main_content .project_work_box .main .category_box .category_active input:hover,
.content .main_content .project_work_box .main .category_box .category_active div.drag_handle,
.content .main_content .project_work_box .main .category_box .category_active div.drag_handle:hover{
    color: #6AF;
}
.content .main_content .project_work_box .main .article_form textarea{
    width: 220px;
    height: 208px;
    padding: 3px;
}
.content .main_content .project_work_box .main .article_form .count_letters{
    padding-top: 5px;
}
.content .main_content .project_work_box .main .article_form .button{
    padding-top: 5px;
}
.content .main_content .project_work_box .main .proj_settings{
    padding-top: 25px;
}
.content .main_content .project_work_box .main .proj_settings .row{
    padding-left: 10px;
    line-height:20px;
}
.content .main_content .project_work_box .main .proj_settings .row_head{
    padding: 30px 0 0 35px;
    height: 25px;
}
.content .main_content .project_work_box .main .proj_settings .row_head hr{
    width: 260px;
    margin: 0;
}
.content .main_content .proj_invite{
    padding-top: 10px;
}
.content .main_content .proj_invite .invite_box{
    width: 180px;
    background-color: #FFF;
    margin-top: 10px;
    height: 200px;
    padding-top: 10px;
    overflow-y: scroll;
}
.content .main_content .proj_invite .invite_box .user_wrap{
    position: relative;
    padding-bottom: 10px;
}
.content .main_content .proj_invite .invite_box .user_wrap input{
    position: absolute;
    width: 160px;
    height: 30px;
    border: 0 none;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity: 0);
    background-color: #777;
    color: #777;
}
.content .main_content .proj_invite .invite_right .invite_box .user_wrap input:hover{
    background-image: url('images/cross_white_0903160.png');
    background-position: 140px 50%;
    background-repeat: no-repeat;
}
.content .main_content .proj_invite .invite_box .user_wrap input:hover{
    opacity: 0.3;
    filter: alpha(opacity: 30);
}
.content .main_content .proj_invite .invite_box .user_wrap span{
    height: 15px;
    line-height: 15px;
    padding-left: 30px;
    color: #555;
}
.content .main_content .proj_invite .invite_left .invite_box .user_wrap span{
    background-image: url('images/blue_dot_0903120.jpg');
    background-repeat: no-repeat;
    background-position: 15px center;
}
.content .main_content .proj_invite .invite_right .invite_box .user_wrap span{
    background-image: url('images/grey_dot_0903120.jpg');
    background-repeat: no-repeat;
    background-position: 15px center;
}
.content .main_content .proj_invite .invite_box .user_wrap div{
    height: 15px;
    line-height: 15px;
    padding-left: 30px;
}
.content .main_content .proj_invite .invite_left{
    width: 205px;
    float: left;
    padding-left: 25px;
}
.content .main_content .proj_invite .invite_left .quick_search div,
.content .main_content.invite_right .quick_search div{
    height: 20px;
    line-height: 20px;
}
.content .main_content .proj_invite .invite_left .quick_search div input,
.content .main_content .invite_right .quick_search div input{
    height: 18px;
    line-height: 20px;
    width: 180px;
    background-color: #FFF;
    border: 0 none;
}
.content .main_content .new_mail .invite_right .quick_search div{
    height: 20px;
    line-height: 20px;
}
.content .main_content .proj_invite .invite_right{
    padding-left: 25px;
    width: 205px;
    float: left;
    padding-top: 5px;
}
.content .main_content .proj_invite .invite_right .caption{
    /*height: 20px;
    line-height: 20px;
    padding-top: 20px;*/
}
.content .main_content .proj_invite .msg{
    padding-top: 10px;
    float: left;
    width: 315px;
}
.content .main_content .proj_invite .msg textarea{
    width: 315px;
    border: 0 none;
    background-color: #FFF;
    margin-top: 9px;
    overflow: hidden;
}
.content .main_content .proj_invite .msg textarea.msg_area_old,
.content .main_content .proj_invite .msg textarea.msg_area{
    height: 400px;
}
.content .main_content .proj_invite .msg textarea.answer_msg{
    width: 315px;
    border: 0 none;
    background-color: #FFF;
    margin-top: 0;
    height: 110px;
    color: #555;
}
.content .main_content .proj_invite .msg div.answer_msg{
    height: auto;
    width: 313px;
    border: 0 none;
    background-color: #FFF;
    margin: 0 0 10px;
    padding: 0 1px 5px;
}
.content .main_content .proj_invite .msg input[type=text]{
    width: 315px;
    border: 0 none;
    background-color: #FFF;
    height: 18px;
    line-height: 20px;
}
.content .main_content .proj_invite .msg div{
    height: 21px;
    line-height: 20px;
}
.content .main_content .proj_invite .msg div.button{
    height: 0;
    margin-top: 5px;
}
.content .main_content .project_work_box .main .notice_form{
    position: relative;
}
.content .main_content .project_work_box .main .notice_form textarea{
    height: 90px;
    width: 160px;
}
.content .main_content .project_work_box .main .notice_form .notepad_pic{
    height: 152px;
    width: 163px;
    position: absolute;
    left: 240px;
    top: -80px;
    background: transparent url('images/notice_picture_0903120.jpg') no-repeat center;
}
.content .main_content .project_work_box .main .notice_form .row{
    padding-left: 20px;
    line-height:25px;
}
.content .main_content .home{
    border-bottom: 1px solid #8C8C8C;
}
.content .main_content .home .link_mosaic{
    height: 160px;
    width: 340px;
    position: relative;
    padding-top: 5px;
    float: left;
}
.content .main_content .home .link_mosaic .circle{
    background: transparent url('images/mosaic_circle_0903300.png') no-repeat center;
    height: 120px;
    width: 120px;
    position: absolute;
    left: 109px;
    top: 23px;
}
.content .main_content .home .link_mosaic span{
    display: block;
    float: left;
    width: 50%;
    height: 50%;
}
.content .main_content .home .link_mosaic a{
    display: block;
    width: 48%;
    height: 48%;
    position: absolute
}
.content .main_content .home .link_mosaic span.place1{
    background: transparent url('images/mosaic_newproject_0903300.png') no-repeat center;
}
.content .main_content .home .link_mosaic span.place2{
    background: transparent url('images/mosaic_profile_0904080.png') no-repeat center;
}
.content .main_content .home .link_mosaic span.place3{
    background: transparent url('images/mosaic_grow_0903300.png') no-repeat center;
}
.content .main_content .home .link_mosaic span.place4{
    background: transparent url('images/mosaic_invite_0903300.png') no-repeat center;
}
.content .main_content .home .link_mosaic a.place1{
    left: 0;
    top: 0;
}
.content .main_content .home .link_mosaic a.place2{
    right: 7px;
    top: 0;
}
.content .main_content .home .link_mosaic a.place3{
    left: 0;
    bottom: 0;
}
.content .main_content .home .link_mosaic a.place4{
    right: 7px;
    bottom: 0;
}
.content .main_content .startpage .col{
    float: left;
    padding: 7px 0 10px 23px;
}
.content .main_content .startpage .teaser_col{
    padding-left: 0;
}
.content .main_content .startpage .col .teaser{
    width: 535px;
    border-bottom: 1px solid #777;
    height: 240px;
    float: right;
}
.content .main_content .startpage .col .teaser,
.content .main_content .startpage .col .teaser *{
    text-align: right;
}
.content .main_content .startpage .col .desk{
    width: 288px;
    height: 240px;
    float: left;
    border-bottom: 1px solid #777;
}
.content .main_content .startpage .col .desk .head,
.content .main_content .startpage .col .teaser .head{
    color: #EEE;
    padding-left: 12px;
}
.content .main_content .startpage .col .desk .slot{
    width: 96px;
    height: 110px;
    float: left;
}
.content .main_content .startpage .col .gimgu_news{
    width: 230px;
    position: relative;
    padding: 0 5px;
    float: left;
    border-left: 1px solid #777;
    padding-left: 23px;
}
.content .main_content .startpage .col .g_n_space{
    width: 30px;
    height: 15px;
    float: left;
}
.content .main_content .startpage .col .gimgu_news .gimgu_head{
    color: #FFFFFF;
    font-style: italic;
    font-weight: 900;
    padding: 10px 0;
}
.content .main_content .startpage .col .gimgu_news .wrap{
    width: 230px;
    margin: 0 auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #777;
}
.content .main_content .startpage .col .gimgu_news .wrap .pic{
    float: left;
}
.content .main_content .startpage .col .gimgu_news .wrap .data{
    float: left;
    color: #BBB;
    width: 100%;
    height: 85px;
}
.content .main_content .startpage .col .gimgu_news .wrap .data span{
    float: right;
    color: #FFF;
    height: 30px;
    line-height: 30px;
}
.content .main_content .startpage .col .gimgu_news .wrap .data p{
    color: #FFF;
    margin-bottom: 2px;
    height: 30px;
    line-height: 30px;
}
.content .main_content .startpage .col .gimgu_news .wrap .data a{
    color: #CCC;
}
.content .main_content .startpage .col .gimgu_news .wrap .data a:hover{
    text-decoration: underline;
    color: #EEE;
}
.content .main_content .startpage .col .folders{
    width: 80px;
    height: 479px;
    background-color: #7E7E7E;
    margin-top: 2px;
}
.content .main_content .startpage .col .folders .slot{
    height: 70px;
}
.content .main_content .startpage .col .new_projects{
    width: 230px;
    float: left;
}
.content .main_content .startpage .col .new_projects .gimgu_head{
    color: #FFFFFF;
    font-style: italic;
    font-weight: 900;
    padding: 10px 0;
}
.content .main_content .startpage .col .new_projects .item{
    border-bottom: 1px solid #777;
    width: 230px;
    height: 90px;
}
.content .main_content .startpage .col .new_projects .item .created{
    line-height: 30px;
    height: 30px;
}
.content .main_content .startpage .col .new_projects .item .created a{
    color: #FFF;
}
.content .main_content .startpage .col .new_projects .item .created span{
    float: right;
    line-height: 30px;
    height: 30px;
}
.content .main_content .startpage .col .new_projects .item .created span a{
    color: #FFF;
}
.content .main_content .startpage .col .new_projects .item .pic{
    float: left;
}
.content .main_content .startpage .col .new_projects .item .pic img{
    height: 55px;
}
.content .main_content .startpage .col .new_projects .item .creator,
.content .main_content .startpage .col .new_projects .item .proj_name{
    float: right;
    width: 165px;
    overflow: hidden;
}
.content .main_content .startpage .col .new_projects .item .proj_name{
    height: 15px;
}
.content .main_content .startpage .col .new_projects .item .proj_name a{
    color: #FFF;
}
.content .main_content .startpage .col .new_projects .item .creator{
    height: 40px;
    position: relative;
}
.content .main_content .startpage .col .new_projects .item .creator .user_judge{
    top: 20px;
    left: 0;
}
.content .main_content .startpage .col .new_member{
    width: 230px;
    float: left;
    padding-left: 23px;
    border-left: 1px solid #777;
}
.content .main_content .startpage .col .new_member .gimgu_head{
    color: #FFFFFF;
    font-style: italic;
    font-weight: 900;
    padding: 10px 0;
}
.content .main_content .startpage .col .new_member .item{
    border-bottom: 1px solid #777;
}
.content .main_content .startpage .col_border_left{
}
.content .main_content .startpage .col .new_member .item .head{
    height: 30px;
    line-height: 30px;
    color: #EEE;
}
.content .main_content .startpage .col .new_member .item .head a{
    color: #EEE;
}
.content .main_content .startpage .col .new_member .item .head span{
    float: right;
}
.content .main_content .startpage .col .new_member .item .wrap{
    height: 60px;
}
.content .main_content .startpage .col .new_member .item .wrap .pic{
    float: left;
    width: 45px;
    height: 50px;
}
.content .main_content .startpage .col .new_member .item .wrap .pic img{
    height: 50px;
}
.content .main_content .startpage .col .new_member .item .wrap .data{
    float: left;
    width: 145px;
    height: 50px;
    overflow: hidden;
}
.content .main_content .startpage .col .new_member .item .wrap .data p a{
    color: #EEE;
}
.content .main_content .startpage .col .new_member .item .wrap .data span{
}
.content .main_content .startpage .col .new_member .item .wrap .option{
    float: right;
    padding-top: 5px;
}
.content .main_content .startpage .col .new_member .item .wrap .option a{
    display: block;
    height: 21px;
    width: 27px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .startpage .col .new_member .item .wrap .option a:hover{
    opacity: 1;
    filter: alpha(opacity: 1);
}
.content .main_content .startpage .col .new_member .item .wrap .option a.option1{
    background-image: url('images/send_mail_0904020.jpg');
}
.content .main_content .startpage .col .new_member .item .wrap .option a.option2{
    background-image: url('images/request_friendship_0904020.png');
}
.content .main_content .show_project{
    padding-bottom: 5px;
    border-bottom: 1px solid #8C8C8C;
}
.content .main_content .show_project .project_create_box{
    background: transparent url('images/createproject_button_0903030.jpg') no-repeat center;
    width: 150px;
    height: 75px;
    display: block;
    float: right;
}
.content .main_content .show_project .preview_head{
    border: solid #8C8C8C;
    border-width: 1px 0;
    margin: 5px 0 5px;
    padding: 5px;
    width: 815px;
}
.content .main_content .show_project .preview_head a{
    display: block;
    float: right;
}
.content .main_content .show_project .preview_head a:hover{
    color: #FFF;
}
.content .main_content .show_project .preview_caption .category_slots{
    padding: 0;
}
.content .main_content .show_project .preview_void{
    float: left;
    width: 305px;
    height: 387px;
    background: transparent url('images/underconstruction_0904030.png') no-repeat center;
}
.content .main_content .show_project .project_overview{
    background:transparent url(images/striped_bg_0904030.png) no-repeat center;
    float: left;
    height: 378px;
    margin-top: 0;
    padding-right: 15px;
    padding-top: 10px;
    width: 505px;
}
.content .main_content .show_project .project_overview .button{
    float: right;
    padding: 50px 5px 5px 0;
}
.content .main_content .show_project .project_overview .left{
    float: left;
    padding-left: 15px;
    width: 275px;
    color: #EEE;
}
.content .main_content .show_project .project_overview .left span{
    color: #08C7F7;
}
.content .main_content .show_project .project_overview .left p{
    padding-top: 10px;
    color: #EEE;
    text-align: justify;

}
.content .main_content .show_project .project_overview .right{
    float: right;
    width: 190px;
    padding-right: 5px;
}
.content .main_content .show_project .project_overview .right .pic{
    height: 190px;
    background: transparent url('images/big_shadow_project_0904070.png') no-repeat left top;
}
.content .main_content .show_project .project_overview .right .pic img{
    height: 180px;
}
.content .main_content .show_project .project_overview .right .left_datas{
    position: relative;
    margin-top: 10px;
}
.content .main_content .show_project .project_overview .right .left_datas span{
    position: absolute;
    left: 120px;
    top: 20px;
    font-weight: 900;
    font-size: 14px;
    display: block;
    color: #DDD;
}
.content .main_content .show_project .project_overview .right .right_datas{
    padding-top: 10px;
}
.content .main_content .show_project .project_overview .right .right_datas a{
    color: #1CF;
}
.content .main_content .show_project .project_overview .right .right_datas a:hover{
    color: #2DF;
}
.content .main_content .show_project .concerned_projects .head,
.content .main_content .show_project .similar_projects .head{
    color: #DDD;
    padding: 5px 10px;
}
.content .main_content .show_project .concerned_projects{
    float: left;
    width: 220px;
}
.content .main_content .show_project .concerned_projects .proj_wrap{
    height: 55px;
    padding: 10px;
}
.content .main_content .show_project .concerned_projects .proj_wrap .pic_border{
    float: left;
    width: 60px;
}
.content .main_content .show_project .concerned_projects .proj_wrap .pic_border img{
    float: left;
    height: 55px;
}
.content .main_content .show_project .concerned_projects .proj_wrap .span{
    display: block;
}
.content .main_content .show_project .similar_projects{
    float: left;
    width: 220px;
    position: relative;
}
.content .main_content .show_project .similar_projects .bigger_width{
    width: 280px;
}
.content .main_content .show_project .similar_projects .proj_wrap{
    height: 55px;
    padding: 10px;
}
.content .main_content .show_project .similar_projects .proj_wrap .pic_border{
    float: left;
    width: 60px;
}
.content .main_content .show_project .similar_projects .proj_wrap .pic_border img{
    float: left;
    height: 55px;
}
.content .main_content .show_project .similar_projects .proj_wrap .span{
    display: block;
}
.content .main_content .show_project .similar_projects .more{
    display: block;
    position: absolute;
    left: 240px;
    top: 5px;
}
.content .main_content .show_project .similar_projects .more:hover{
    color: #EEE;
}
.content .main_content .show_project_complete{
    padding: 10px 0 0 0;
}
.content .main_content .show_project_complete .right_project_head .wrap b{
    color: #EEE;
    font-weight: 300;
}
.content .main_content .show_project_complete .right_project_head .wrap span{
    color: #0CF;
}
.content .main_content .show_project_complete .right_project_head .downer_head{
    position: relative;
}
.content .main_content .show_project_complete .right_project_head .downer_head font{
    color: #0CF;
}
.content .main_content .show_project_complete .right_project_head .downer_head p{
    left: 200px;
    position: absolute;
    top: 0;
}
.content .main_content .show_project_complete .right_project_head .downer_head form p {
    left: 0;
    position: relative;
    top: 0;
}
.content .main_content .show_project_complete .left_project_head{
    float: left;
    width: 200px;
    border-bottom: 1px solid #8C8C8C;
    height: 250px;
}
.content .main_content .show_project_complete .left_project_head .pic{
    float: left;
    height: 190px;
    width: 190px;
    background: transparent url('images/big_shadow_project_0904070.png') no-repeat left top;
}
.content .main_content .show_project_complete .left_project_head .pic img{
    height: 180px;
}
.content .main_content .show_project_complete .left_project_head .category_slots{
    margin-left: -5px;
    margin-top: -13px;
}
.content .main_content .show_project_complete .left_project_head .judge_stars{
    position: relative;
}
.judge_result,
.content .main_content .show_project_complete .left_project_head .judge_result{
    left: 135px;
    position: absolute;
    top: 38px;
    color: #EEE;
    /*width: 95px;*/
}
.content .main_content .show_project .project_overview .right .left_datas .judge_result{
    left: 0;
    position: relative;
    top: 0;
    color: #EEE;
    width: auto;
}
.content .main_content .show_project_complete .right_project_head{
    float: left;
    border-bottom: 1px solid #8C8C8C;
    height: 250px;
}
.content .main_content .show_project_complete .right_project_head .wrap{
    float: left;
    width: 300px;
}
.content .main_content .show_project_complete .right_project_head .wrap p{
    color: #EEE;
    width: 275px;
    height: 135px;
    overflow: hidden;
    margin-top: 6px;
    text-align: justify;
}
.content .main_content .show_project_complete .right_project_head .project_toolbox{
    width: 250px;
    float: left;
    margin-top: -12px;
}
.content .main_content .show_project_complete .right_project_head .project_toolbox .main{
    height: 120px;
}
.content .main_content .show_project_complete .right_project_head .downer_head{
}
.content .main_content .show_project_complete .right_project_head .downer_head .stat{
    position: absolute;
    left: 320px;
    top: 0;
}
.content .main_content .show_project_complete .right_project_head .downer_head .stat font{
    color: #0CF;
}
.content .main_content .show_project_complete .plugin_content{
    margin-top: 10px;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu{
    float: right;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a,
.content .main_content .project_work_box .plugin_wrap_config div{
    display: block;
    position: relative;
    width: 200px;
    margin-bottom: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.folder_plugin,
.content .main_content .project_work_box .plugin_wrap_config .folder_plugin{
    height: 58px;
    width: 200px;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.special_plugin,
.content .main_content .project_work_box .plugin_wrap_config .special_plugin{
    height: 55px;
    width: 200px;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a span,
.content .main_content .project_work_box .plugin_wrap_config span{
    position: absolute;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.folder_plugin span,
.content .main_content .project_work_box .plugin_wrap_config .folder_plugin span{
    left: 75px;
    top: 30px;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.special_plugin span,
.content .main_content .project_work_box .plugin_wrap_config .special_plugin span{
    left: 8px;
    top: 30px;
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.blog_plugin,
.content .main_content .project_work_box .plugin_wrap_config .blog_plugin{
    background-image: url('images/plugin_blog_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.disc_plugin,
.content .main_content .project_work_box .plugin_wrap_config .disc_plugin{
    background-image: url('images/plugin_disc_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.task_plugin,
.content .main_content .project_work_box .plugin_wrap_config .task_plugin{
    background-image: url('images/plugin_task_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.fan_plugin,
.content .main_content .project_work_box .plugin_wrap_config .fan_plugin{
    background-image: url('images/plugin_fans_0904030.png');
}
/*.content .main_content .show_project_complete .plugin_content .plugin_menu a.group_plugin,
.content .main_content .project_work_box .plugin_wrap_config .group_plugin{
    background-image: url('images/plugin_group_0904030.png');
}*/
.content .main_content .show_project_complete .plugin_content .plugin_menu a.group_plugin,
.content .main_content .project_work_box .plugin_wrap_config .group_plugin{
    background-image: url('images/plugin_fans_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.cal_plugin,
.content .main_content .project_work_box .plugin_wrap_config .cal_plugin{
    background-image: url('images/plugin_cal_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.gallery_plugin,
.content .main_content .project_work_box .plugin_wrap_config .gallery_plugin{
    background-image: url('images/plugin_pics_0904030.png');
}
.content .main_content .show_project_complete .plugin_content .plugin_menu a.wall_plugin,
.content .main_content .project_work_box .plugin_wrap_config .wall_plugin{
    background-image: url('images/plugin_wall_0904030.png');
}
.content .main_content .project_article{
    position: relative;
}
.content .main_content .show_project_complete .project_article{
    padding: 10px 0 0 20px;
    width: 275px;
}
.content .main_content .show_project_complete .errors{
    margin: 10px 0;
    border: 1px solid #8C8C8C;
    padding: 10px;
}
.content .main_content .project_article .head{
    color: #EEE;
}
.content .main_content .project_article h3{
    color: #0CF;
    padding-top: 20px;
    font-size: 12px;
}
.content .main_content .project_article p{
    color: #EEE;
    text-align: justify;
    padding-top: 3px;
}
.content .main_content .project_article .more{
    padding-top: 20px;
    display: block;
    text-align: right;
}
.content .main_content .project_article .more:hover{
    color: #DDD;
}
.content .main_content .notice_pad{
    right: -200px;
    top: 43px;
    position: absolute;
}
.content .main_content .home .gimgu_box{
    width: 700px;
}
.content .main_content .project_work_box .plugin_wrap{
    float: left;
}
.content .main_content .project_work_box .plugin_wrap_config{
    padding: 5px;
    margin-bottom: 5px;
    position: relative;
}
.content .main_content .project_work_box .plugin_wrap_config h3{
}
.content .main_content .project_work_box .plugin_wrap_config .plugin_status{
}
.content .main_content .project_work_box .plugin_wrap_config .plugin_config{
    left: 170px;
    position: absolute;
    top: 70px;
}
.content .main_content .project_work_box .plugin_wrap_config .plugin_config input,
.content .main_content .project_work_box .plugin_wrap_config .plugin_status input{
    border: 1px solid transparent;
    background: none;
    color: #CCC;
}
.content .main_content .project_work_box .plugin_wrap_config .plugin_config input{
    width: 25px;
    height: 20px;
}
.content .main_content .project_work_box .plugin_wrap_config .plugin_config input:hover,
.content .main_content .project_work_box .plugin_wrap_config .plugin_status input:hover{
    /*background-color: #EEE;
    border: 1px solid #F5F5F5;*/
}
.content .main_content .project_work_box .plugin_wrap .plugin_status,
.content .main_content .project_work_box .plugin_wrap .plugin_status input{
    color: #CCC;
}
.content .main_content .project_work_box .manage_user{
}
.content .main_content .project_work_box .manage_user .head{
    margin-bottom: 30px;
}
.content .main_content .project_work_box .manage_user .error{
    color: #C00;
    margin-bottom: 5px;
    padding-left:100px;
}
.content .main_content .project_work_box .manage_user .left{
    float: left;
    width: 90px;
}
.content .main_content .project_work_box .manage_user .left span{
    display: block;
    height: 15px;
    padding-top: 50px;
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
    margin: 10px 0 20px;
    position: relative;
}
.content .main_content .project_work_box .manage_user .left span input{
    border: 0 none;
    background: none;
    position: absolute;
    left: 5px;
    top: -5px;
    width: 75px;
    height: 75px;
    opacity: 0;
    filter: alpha(opacity: 0);
    background-color: #FFF;
}
.content .main_content .project_work_box .manage_user .left span input:hover{
    opacity: 0.05;
    filter: alpha(opacity: 5);
}
.content .main_content .project_work_box .manage_user .left span.leaders{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_work_box .manage_user .left span.leaders.active{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_work_box .manage_user .left span.supporters{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_work_box .manage_user .left span.supporters.active{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_work_box .manage_user .left span.users{
    background-image: url('images/symbol_creator_folder_0904010.png');
}
.content .main_content .project_work_box .manage_user .left span.users.active{
    background-image: url('images/symbol_creator_folder_active_0904010.png');
}
.content .main_content .project_work_box .manage_user .right{
    float: left;
    width: 345px;
}
.content .main_content .project_work_box .manage_user .right h2{
    font-size: 12px;
}
.content .main_content .project_work_box .manage_user .right .manage_view{
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_top{
    height: 3px;
    background: transparent url('images/manage_border_top_0903110.jpg') no-repeat center;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_bottom{
    height: 3px;
    background: transparent url('images/manage_border_bottom_0903110.jpg') no-repeat center;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle{
    padding: 10px 10px;
    border-left: 2px solid #8c8c8c;
    border-right: 2px solid #8c8c8c;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .letter_menu{
    text-align: center;
    padding-bottom: 5px;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .letter_menu a{
    font-size: 14px;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .letter_menu a:hover{
    color: #EEE;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap{
    padding: 15px 0 15px 15px;
    position: relative;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .activate_form input{
    height: 90px;
    width: 200px;
    left: 0;
    top: 0;
    position: absolute;
    border: 0 none;
    background: none;
    opacity: 0;
    filter: alpha(opacity: 0);
    background-color: #FFF;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .activate_form input:hover{
    opacity: 0.05;
    filter: alpha(opacity: 5);
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap.active{
    background: #EEE;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .pic{
    float: left;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .pic img{
    height: 55px;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .datas{
    float: left;
    padding-left:5px;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .datas span{
    color: #DDD;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap.active .datas span{
    color: #777;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .actions{
    float: right;
    padding: 30px 10px 0 0;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .actions a:hover{
    color: #EEE;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .active .actions a:hover{
    color: #666;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .user_judge{
    float: left;
    display: none;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap.active .user_judge{
    display: block
}
 .do_judge{
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 105px;
    position: relative;
}
.content .main_content .do_judge code{
    display: none;
}
.content .main_content .do_judge .judge_window{
    position: absolute;
    width: 150px;
    display: none;
    background-color: #CCC;
    border: 1px solid #999;
    padding: 5px;
    left: 8px;
    bottom: 1px;
    opacity: 0.92;
    filter: alpha(opacity: 92);
}
.content .main_content .do_judge:hover .judge_window{
    display: block;
}
.content .main_content .do_judge .judge_window:focus{
    display: block;
}
.content .main_content .do_judge .judge_window .judge_stars{
    margin: 5px auto;
    display: none;
    padding: 0 4px 0 0;
    background-position: left top;
}
.content .main_content .do_judge .judge_window p{
    margin: 5px auto;
    color: #555;
    padding: 0;
}
.content .main_content .do_judge .judge_window p input{
    border:1px solid #EEE;
    background: 0 none;
    color: #555;
    text-align: right;
    width: 30px;
}
.content .main_content .do_judge .judge_window .button_grey{
    padding: 0;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .more_actions{
    float: right;
    padding-right: 10px;
    display: none;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap.active .more_actions{
    display: block;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .more_actions input{
    border: 0 none;
    background: 0 none;
    color: #AAA;
}
.content .main_content .project_work_box .manage_user .right .manage_view .manage_middle .user_wrap .more_actions input[type=submit]:hover{
    color: #666;
}
.content .main_content .plugin_folder{
    width: 190px;
    margin-bottom: 10px;
}
.content .main_content .plugin_special{
    width: 190px;
    margin-bottom: 10px;
}
.content .main_content .plugin_special h3{
    width: 190px;
    margin-bottom: 10px;
}
.content .main_content .user_profile{
    padding-top: 10px;
    border-bottom: 1px solid #8C8C8C;
    padding-bottom: 5px;
}
.content .main_content .user_profile .profile_header{
    border-bottom: 1px solid #8C8C8C;
}
.content .main_content .user_profile .line_between{
    border-bottom: 1px solid #8C8C8C;
    height: 5px;
}
.content .main_content .user_profile .profile_header .main_header{
    float: left;
    width: 740px;
    padding-right: 10px;
    margin-bottom: 10px;
}
.content .main_content .user_profile .profile_header .main_header .menu{
    height: 25px;
    background-color: #717171;
    margin-bottom: 10px;
}
.content .main_content .user_profile .profile_header .main_header .menu a{
    color: #EEE;
    display: block;
    float: left;
    padding: 0 5px;
    margin-right: 17px;
    height: 25px;
    line-height: 25px;
}
.content .main_content .user_profile .profile_header .main_header .menu a:hover{
    color: #FFF;
}
.content .main_content .user_profile .profile_header .main_header .menu a.active,
.content .main_content .user_profile .profile_header .main_header .menu a.active:hover{
    color: #0CF;
    cursor: default;
}
.content .main_content .user_profile .profile_header .main_header .pic{
    float: left;
    width: 125px;
}
.content .main_content .user_profile .profile_header .main_header .pic .pic_wrap{
    width: 125px;
    height: 160px;
    background: transparent url('images/big_user_shadow_0904060.png') no-repeat 0 0;
}
.content .main_content .user_profile .profile_header .main_header .pic img{
    width: 110px;
    height: 150px;
}
.content .judge_stars{
    background: transparent url(images/judge_stars_bg_0903100.png) no-repeat scroll left top;
    /*height: 18px;*/
    margin-top: 0;
    padding-left: 0;
    width: 105px;
    text-align: left;
}
.content .stars_layer{
    background:transparent url(images/judge_stars_0903100.png) no-repeat scroll 1px -1px;
    height: 18px;
}
.content .main_content .user_profile .profile_header .main_header .short_desc{
    float: left;
    width: 410px;
    position: relative;
}
.content .main_content .user_profile .profile_header .main_header .short_desc h1{
    color: #1BC;
    font-size: 12px;
    padding: 0;
}
.content .main_content .user_profile .profile_header .main_header .short_desc h2{
    color:#FFF;
    font-size: 12px;
    font-weight: 100;
    height: 20px;
    line-height: 20px;
    margin-bottom: 7px;
}
.content .main_content .user_profile .profile_header .main_header .short_desc p{
    padding: 6px 0 0;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .category_slots{
    margin-left: -5px;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box{
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url('images/profile_toolbox_0904060.png') no-repeat center;
    width: 217px;
    height: 102px;
    padding-top: 13px;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box a,
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box input[type=submit]{
    height: 25px;
    line-height: 25px;
    display: block;
    color: #FFF;
    opacity: 100;
    filter: alpha(opacity: 100);
    padding-left: 20px;
    width: 165px;
    border: 0 none;
    background: transparent;
    text-align: left;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box input[type=submit]{
    padding-left: 18px;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box input[type=submit]:hover,
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box a:hover{
    opacity: 0.78;
    filter: alpha(opacity: 78);
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box a.msg{
    background: transparent url('images/mail_symbol_0903100.jpg') no-repeat 157px center;
}
.content .main_content .user_profile .profile_header .main_header .short_desc .friendship_box a.offer_friendship{
    background: transparent url('images/toolbox_invite_0904060.png') no-repeat right center;
}
.content .main_content .user_profile .profile_header .main_header .datas{
    float: left;
    width: 190px;
}
.content .main_content .user_profile .profile_header .main_header .datas p{
    text-align: right;
    height: 20px;
    line-height: 20px;
}
.content .main_content .user_profile .profile_header .main_header .datas p span{
    float: left;
}
.content .main_content .user_profile .profile_header .main_header .datas hr{
    margin: 5px 0;
}
.content .main_content .user_profile .profile_header .main_header .datas .head{
    font-size: 12px;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px solid #8C8C8C;
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap{
    height: 75px;
    width: 190px;
    padding-top: 5px;
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap a{
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap a div{
    float: left;
    height: 75px;
    width: 80px;
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap a div img{
    height: 75px;
    width: 75px;
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap a span{
    float: right;
    width: 110px;
}
.content .main_content .user_profile .profile_header .main_header .datas .wrap a p{
    float: right;
    width: 110px;
    text-align: left;
    line-height: 15px;
}
.content .main_content .user_profile .profile_header .side_header{
    float: left;
    width: 75px;
}
.content .main_content .user_profile .links{
    float: left;
    width: 270px;
    padding-top: 15px;
}
.content .main_content .user_profile .links span{
    background: transparent url('images/profile_link_bg_0903100.jpg') no-repeat center;
    padding: 2px 7px 8px;
    width: 242px;
    height: 21px;
}
.content .main_content .user_profile .links span a{
    float: left;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    padding: 1px 7px;
    max-width: 220px;
}
.content .main_content .user_profile .links span a:hover{
    color: #FFF;
}
.content .main_content .user_profile .links span a,
.content .main_content .user_profile .links span{
    display: block;
}
.content .main_content .user_profile .scout{
    float: left;
    margin: 10px 0;
    padding: 10px 0 0 26px;
}
.content .main_content .user_profile .scout .search{
    padding-bottom: 15px;
}
.content .main_content .user_profile .scout .search span,
.content .main_content .user_profile .scout .offer span{
    display: block;
    float: left;
    width: 70px;
    color: #1BC;
}
.content .main_content .user_profile .scout .search p,
.content .main_content .user_profile .scout .offer p{
    float: left;
    color: #EEE;
    width: 380px;
}
.content .main_content .user_profile .scout .offer{
    padding-bottom: 5px;
}
.content .main_content .user_profile .scout .offer span{
    color: #EEE;
}
.content .main_content .user_profile .box{
    margin: 10px 0;
    width: 526px;
}
.content .main_content .user_profile .box .top{
    height: 5px;
    background: transparent url('images/profile_left_box_top_0903100.jpg') no-repeat center;
}
.content .main_content .user_profile .box .middle{
    border-left: 2px solid #AFAFAF;
    border-right: 2px solid #AFAFAF;
}
.content .main_content .user_profile .box .bottom{
    height: 5px;
    background: transparent url('images/profile_left_box_bottom_0903100.jpg') no-repeat center;
}
.content .main_content .user_profile h1.about_user{
    font-size: 12px;
    padding-left: 10px;
}
.content .main_content .user_profile div.about_user{
    float: left;
    width: 554px;
    margin-top: 10px;
}
.content .main_content .user_profile div.about_user .top{
    background: transparent url('images/profile_aboutuser_box_bottom_0904070.png') no-repeat center;
    height: 28px;
}
.content .main_content .user_profile div.about_user .bottom{
    background: transparent url('images/profile_aboutuser_box_top_0904070.png') no-repeat center;
    height: 34px;
}
.content .main_content .user_profile div.about_user .middle{
    background: transparent url('images/profile_aboutuser_box_0904070.png') repeat-y center;
    padding: 5px 15px;
    min-height: 300px;
}
.content .main_content .user_profile div.about_user .middle .row{
    padding-bottom: 5px;
}
.content .main_content .user_profile div.about_user .middle .row span{
    display: block;
    float: left;
    color: #EEE;
    margin-right:10px;
    width: 150px;
    overflow: hidden;
}
.content .main_content .user_profile div.about_user .middle .row p{
    float: left;
    width: 330px;
}
.content .main_content .user_profile .fotos{
    float: left;
    height: 263px;
    margin-top: 10px;
    padding-right: 64px;
    padding-left: 10px;
    position: relative;
    width: 200px;
    background: transparent url('images/small_foto_box_0904070.png') no-repeat center bottom;
}
.content .main_content .user_profile .fotos h1{
    font-size: 12px;
    margin-bottom: 15px;
    padding-left: 0;
}
.content .main_content .user_profile .fotos .pic_wrap{
    float: left;
}
.content .main_content .user_profile .fotos .pic_wrap .pic_border{
    padding:0 10px 10px 0;
    float: left;
    background: transparent url(images/thumbnailshadow_0904010.png) no-repeat left top;
}
.content .main_content .user_profile .fotos .pic_wrap .pic_border img{
    height: 50px;
}
.content .main_content .user_profile .fotos .pic_wrap .description{
    float: left;
    padding: 10px 0 0 5px;
}
.content .main_content .user_profile .fotos .pic_wrap .description p{
    margin-bottom: 10px;
    color: #EEE;
}
.content .main_content .user_profile .fotos a.more{
    bottom: 10px;
    display: block;
    margin-top: 10px;
    position: absolute;
    right: 20px;
}
.content .main_content .user_profile .fotos a.more:hover{
    color: #555;
}
.content .main_content .user_profile h1{
    font-size: 12px;
    padding-left: 10px;
}
.content .main_content .user_profile .small_box{
    margin: 5px 0 10px;
    width: 188px;
}
.content .main_content .user_profile .small_box .top{
    height: 4px;
    background: transparent url('images/profile_right_small_box_top_0903100.jpg') no-repeat center top;
}
.content .main_content .user_profile .small_box .middle{
    border-left: 2px solid #AFAFAF;
    border-right: 2px solid #AFAFAF;
}
.content .main_content .user_profile .small_box .bottom{
    height: 4px;
    background: transparent url('images/profile_right_small_box_bottom_0903100.jpg') no-repeat center bottom;
}
.content .main_content .user_profile .big_box{
    margin: 10px 0;
    width: 273px;
    float: left;
}
.content .main_content .user_profile .big_box .top{
    height: 4px;
    background: transparent url('images/profile_right_big_box_top_0903100.jpg') no-repeat center top;
}
.content .main_content .user_profile .big_box .middle{
    border-left: 2px solid #AFAFAF;
    border-right: 2px solid #AFAFAF;
}
.content .main_content .user_profile .big_box .bottom{
    height: 4px;
    background: transparent url('images/profile_right_big_box_bottom_0903100.jpg') no-repeat center bottom;
}
.content .main_content .user_profile .fav_proj .middle{
    min-height: 100px;
    padding: 10px 0 0 20px;
}
.content .main_content .user_profile .fav_proj .middle div{
    float: left;
    width: 60px;
    height: 55px;
}
.content .main_content .user_profile .fav_proj .middle div.clear{
    float: none;
    width: 0;
    height: 0;
}
.content .main_content .user_profile .fav_proj .middle div img{
    width: 55px;
    height: 55px;
}
.content .main_content .user_profile .fav_proj .middle span{
    display: block;
    float: left;
    width: 90px;
    height: 55px;
}
.content .main_content .user_profile  .fav_proj .middle p{
    margin-top: 10px;
}
.content .main_content .user_profile  .top_proj{
    padding-right: 13px;
    float: left;
    margin-top: 10px;
}
.content .main_content .user_profile  .top_proj .middle{
    height: 237px;
    padding: 10px 20px 0;
    width: 217px;
    background: transparent url('images/top_project_box_0904070.png') no-repeat center;
    position: relative;
}
.content .main_content .user_profile  .top_proj .pic_wrap{
    padding-top: 10px;
}
.content .main_content .user_profile  .top_proj .pic_wrap .pic_border{
    padding: 10px;
    float: left;
    background: transparent url('images/profile_foto_border_0903100.jpg') no-repeat center;
}
.content .main_content .user_profile  .top_proj .pic_wrap .pic_border img{
    width: 55px;
    height: 55px;
}
.content .main_content .user_profile  .top_proj .pic_wrap .description{
    float: left;
    padding: 10px 0 0 5px;
}
.content .main_content .user_profile  .top_proj .pic_wrap .description p{
    height: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #EEE;
    width: 137px;
}
.content .main_content .user_profile  .top_proj a.more{
    bottom: 10px;
    display: block;
    margin-top: 10px;
    position: absolute;
    right: 20px;
}
.content .main_content .user_profile  .top_proj a.more:hover{
    color: #FFF;
}
.content .main_content .user_profile  .friends{
    padding-right: 13px;
    float: left;
    margin-top: 10px;
}
.content .main_content .user_profile  .friends .middle{
    height: 237px;
    padding: 10px 0 0 17px;
    width: 240px;
    background: transparent url('images/top_project_box_0904070.png') no-repeat center;
    position: relative;
}
.content .main_content .user_profile  .friends .pic_wrap{
    height: 100px;
    width: 80px;
    float: left;
    background: transparent url(images/shadow_user_thumbnail_0904020.png) no-repeat left top;
}
.content .main_content .user_profile  .friends .pic_wrap img{
    height: 50px;
}
.content .main_content .user_profile  .friends .pic_wrap span{
    display: block;
    color: #DDD;
}
.content .main_content .user_profile  .friends .pic_wrap span a{
    color: #DDD;
    display: block;
    overflow: hidden;
    width: 65px;
}
.content .main_content .user_profile  .friends .pic_wrap span a:hover{
    color: #FFF;
}
.content .main_content .user_profile  .friends a.more{
    bottom: 10px;
    display: block;
    margin-top: 10px;
    position: absolute;
    right: 20px;
}
.content .main_content .user_profile .friends a.more:hover{
    color: #FFF;
}
.content .main_content .user_profile .project_overview{
    padding-top: 5px;
    height: 535px;
    width: 824px;
}
.content .main_content .mail_area .box_content{
    padding: 0;
}
.content .main_content .mail_area .proj_invite .invite_left{
    padding-left: 25px;
    width: 180px;
}
.content .main_content .new_mail{
    float: left;
    width: 570px;
}
.content .main_content .new_mail .box_content{
    padding: 10px;
}
.content .main_content .new_mail .mistakes{
    color: #E33;
}
.content .main_content .mail_area .head,
.content .main_content .mail_area .foot{
    height: 35px;
    border-bottom: 1px solid #888;
    padding: 10px 10px 0;
}
.content .main_content .mail_area .foot{
    border-bottom: 0 none;
}
.content .main_content .mail_area .head .button_grey,
.content .main_content .mail_area .foot .button_grey{
    float: right;
}
.content .main_content .mail_area .in_out_user_wrap{
    border-bottom: 1px solid #888;
    padding: 10px;
    position: relative;
}
.content .main_content .mail_area .in_out_user_wrap .mouseoverarea{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.content .main_content .mail_area .in_out_user_wrap .checkbox,
.content .main_content .mail_area .in_out_user_wrap .pic,
.content .main_content .mail_area .in_out_user_wrap .data,
.content .main_content .mail_area .in_out_user_wrap .actions,
.content .main_content .mail_area .in_out_user_wrap .subject,
.content .main_content .mail_area .in_out_user_wrap .delete{
    float: left;
}
.content .main_content .mail_area .in_out_user_wrap .checkbox{
    width: 30px;
    padding-top: 20px;
}
.content .main_content .mail_area .in_out_user_wrap .pic{
    width: 55px;
    min-height: 20px;
}
.content .main_content .mail_area .in_out_user_wrap .data{
    width: 140px;
}
.content .main_content .mail_area .in_out_user_wrap .actions{
    width: 50px;
    height: 50px;
}
.content .main_content .mail_area .in_out_user_wrap .actions div.blue_mail{
    width: 33px;
    height: 26px;
    background: transparent url('images/mail_blue_0903190.jpg') no-repeat center;
}
.content .main_content .mail_area .in_out_user_wrap .actions div.grey_mail{
    width: 33px;
    height: 26px;
    background: transparent url('images/mail_grey_0903190.jpg') no-repeat center;
}
.content .main_content .mail_area .in_out_user_wrap .actions div.arrow_mail{
    width: 33px;
    height: 26px;
    background: transparent url('images/mail_arrow_0903190.jpg') no-repeat center;
}
.content .main_content .mail_area .in_out_user_wrap .actions div.grey_mail a,
.content .main_content .mail_area .in_out_user_wrap .actions div.arrow_mail a{
    width: 33px;
    height: 26px;
    display: block;
}
.content .main_content .mail_area .in_out_user_wrap .subject{
    width: 307px;
}
.content .main_content .mail_area .in_out_user_wrap .delete{
}
.content .main_content .mail_area .in_out_user_wrap .delete form{
    display: inline;
}
.content .main_content .mail_area .in_out_user_wrap .delete form input{
    border: 0 none;
    background: transparent url('images/cross_white_0903160.png') no-repeat center;
    height: 13px;
    width: 13px;
}
.content .main_content .mail_area .in_out_user_wrap .msg_area{
    padding: 10px 0 0 40px;
}
.content .main_content .mail_area .in_out_user_wrap .msg_area .msg_text{
    background: #FFF;
    margin-bottom: 10px;
    padding: 10px;
}
.content .main_content .mail_area .in_out_user_wrap .msg_area .button,
.content .main_content .mail_area .in_out_user_wrap .msg_area .button_grey{
    float: right;
    padding-left: 15px;
}
.content .main_content .caption_mail{
    border-bottom: 1px solid #B2B2B2;
    margin: 10px 0;
    padding-bottom: 10px;
}
.content .main_content .caption_mail a{
    display: block;
    float: right;
}
.content .main_content .caption_mail a:hover{
    color: #FFF;
}
.content .main_content .mail_menu{
    float: left;
    width: 198px;
    padding-left: 5px;
}
.content .main_content .mail_menu .mail_picture{
    background: transparent url('images/mail_picture_0904010.jpg') no-repeat 5px center;
    height:60px;
}
.content .main_content .mail_menu a{
    display: block;
    height: 48px;
    margin-bottom: 3px;
    padding: 10px 0 0 70px;
    width: 125px;
    color: #FFF;
}
.content .main_content .mail_menu a span{
    padding-top: 5px;
    color: #AAA;
}
.content .main_content .mail_menu a.new{
    background: transparent url('images/button_new_msg_0904010.png') no-repeat center;
}
.content .main_content .mail_menu a.out{
    background: transparent url('images/button_out_msg_0904010.png') no-repeat center;
}
.content .main_content .mail_menu a.in{
    background: transparent url('images/button_in_msg_0904010.png') no-repeat center;
}
.content .main_content .mail_menu a:hover{
}
.content .main_content .addcontact{
    padding: 10px 0 0 1px;
    background-color: #B1B1B1;
}
.content .main_content .addcontact .pic{
    float: left;
    width: 120px;
    height: 155px;
    padding-left: 15px;
}
.content .main_content .addcontact .wrap_data{
    float: left;
    height: 80px;
    padding-top: 5px;
    padding-right: 10px;
}
.content .main_content .addcontact .wrap_data a{
    color: #666;
}
.content .main_content .addcontact form{
    padding-top: 5px;
    color: #666;
    float: left;
    width: 300px;
}
.content .main_content .addcontact form textarea{
    width: 300px;
    height: 80px;
}
.content .main_content .addcontact form .button{
    padding-top: 5px;
    float: right;
}
.content .main_content .myoffers,
.content .main_content .myrequest{
    padding: 80px 5px 0;
}
.content .main_content .mail_area{
    float: left;
    width: 622px;
}
.content .main_content .mail_area .msg{
    padding: 0;
}
.content .main_content .mail_area .mail_caption{
    height: 20px;
    line-height: 20px;
}
.content .main_content .mail_area .proj_invite .invite_right .caption{
    padding-top: 0;
}
.content .main_content .mail_area .msg .button{
    padding: 29px 0 0 232px;
}
.content .main_content .mail_area .proj_invite .invite_right{
    width: 180px;
}
.plugin_content .gimgu_box{
    width: 600px;
}
.content .main_content .plugin_content .disc_board{
    width: 460px;
}
.content .main_content .plugin_content .disc_board .create_new{
    float: right;
    padding-right: 9px;
}
.content .main_content .plugin_content .disc_board .create_new_area{
    color: #444;
    padding-bottom: 5px;
}
.content .main_content .plugin_content .disc_board .create_new_area input[type=text],
.content .main_content .plugin_content .disc_board .create_new_area textarea{
    width: 380px;
    border: 0 none;
}
.content .main_content .plugin_content .disc_board .create_new_area textarea{
    height: 120px;
}
.content .main_content .plugin_content .disc_board .create_new_area .button{
    padding-top: 10px;
}
.content .main_content .plugin_content .disc_board .themes{
    background: #C1BBB1 url('images/disc_board_fade_0903190.jpg') no-repeat center bottom;
    padding: 10px 0 50px 15px;
    font-size: 16px;
}
.content .main_content .plugin_content .disc_board .themes .head{
    color: #333;
    padding-bottom: 5px;
    font-size: 14px;
}
.content .main_content .plugin_content .disc_board .themes .head span{
    display: block;
    color: #444;
    padding-top: 5px;
}
.content .main_content .plugin_content .disc_board .themes .theme_wrap{
    background-color: #DFDCD1;
    margin-bottom: 10px;
    padding: 3px 0 3px 14px;
    width: 360px;
    position: relative;
}
.content .main_content .plugin_content .disc_board .themes .theme_wrap input{
    border: 0 none;
    background: none;
    width: 375px;
    height: 40px;
    top: 0;
    left: 0;
    position: absolute;
    background: #000;
    opacity: 0;
    filter: alpha(opacity: 0);
}
.content .main_content .plugin_content .disc_board .themes .theme_wrap input:hover{
    opacity: 0.07;
    filter: alpha(opacity: 7);
}
.content .main_content .plugin_content .disc_board .themes .active{
    background-color: #FFF;
}
.content .main_content .plugin_content .disc_board .themes .theme_wrap p{
    height: 17px;
    line-height: 17px;
    color: #333;
}
.content .main_content .plugin_content .disc_board .themes .theme_wrap span{
    display: block;
    height: 17px;
    line-height: 17px;
    color: #444;
}
.content .main_content .plugin_content .disc_board .disc_content{
    background-color: #DFDCD1;
    padding-bottom: 20px;
}
.content .main_content .plugin_content .disc_board .disc_content .head_wrap{
    padding: 0 13px 0 15px;
}
.content .main_content .plugin_content .disc_board .disc_content .head_wrap .first_argument{
    color: #444444;
    padding: 35px 35px 20px 90px;
}
.content .main_content .plugin_content .disc_board .disc_content .head{
    height: 28px;
    line-height: 28px;
    background-color: #FFF;
    margin-bottom: 5px;
    padding-left: 5px;
}
.content .main_content .plugin_content .disc_board .disc_content .head span{
    float: right;
    display: block;
    height: 28px;
    line-height: 28px;
    padding-right: 5px;
}
.content .main_content .plugin_content .disc_board .disc_content .subhead{
    float: right;
    height: 28px;
    line-height: 28px;
}
.content .main_content .plugin_content .disc_board .disc_content .subhead span{
    float: right;
    display: block;
    height: 28px;
    line-height: 28px;
    width: 180px;
    background-color: #FFF;
    text-align: right;
    padding-right: 5px;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap{
    border-top: 1px solid #BBB;
    padding: 10px 0 5px 20px;
}
.content .main_content .plugin_content .disc_board .disc_content .first_wrap{
    border-top: 0 none;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap .pic{
    float: left;
    width: 70px;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap .pic img{
    height: 55px;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap .post{
    float: left;
    width: 315px;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap .post span{
    color: #444;
}
.content .main_content .plugin_content .disc_board .disc_content .user_wrap .post p{
    padding: 17px 0 0 17px;
    color: #444;
}
.content .main_content .plugin_content .disc_board .disc_content .answer{
    padding: 15px 15px 5px 25px;
}
.content .main_content .plugin_content .disc_board .disc_content .answer p{
    padding-bottom: 5px;
}
.content .main_content .plugin_content .disc_board .disc_content .answer textarea{
    width: 420px;
    height: 130px;
    border: 0 none;
}
.content .main_content .plugin_content .disc_board .disc_content .answer .button{
    float: right;
    margin-top: 5px;
}
.content .main_content .plugin_content .disc_board .disc_content .actions label{
    display: block;
    padding: 20px 0 0 270px;
}
.content .main_content .plugin_content .disc_board .disc_content .actions label input{
    border: 0 none;
    background: #FFF;
    height: 25px;
    width: 175px;
    color: #666;
}
.content .main_content .plugin_content .disc_board .disc_content .actions label input{
    border: 0 none;
    background: #FFF;
    height: 25px;
    width: 175px;
    color: #666;
}
.content .main_content .plugin_content .wall{
    width: 600px;
}
.content .main_content .plugin_content .wall .top{
    height: 23px;
    background: transparent url('images/pinboard_top_0904090.png') no-repeat center top;
}
.content .main_content .plugin_content .wall .bottom{
    height: 28px;
    background: transparent url('images/pinboard_bottom_0904090.png') no-repeat center bottom;
}
.content .main_content .plugin_content .wall .wall_content{
    position: relative;
    background-color: #FFF;
    padding: 0 25px 15px 10px;
    background: transparent url('images/pinboard_mid_0904090.png') repeat-y center top;
}
.content .main_content .plugin_content .wall .wall_content .close{
    position: absolute;
    top: 0;
    right: 0;
}
.content .main_content .plugin_content .wall .wall_content .head{
    padding: 0 0 15px 5px;
}
.content .main_content .plugin_content .wall .wall_content .pin{
    float: left;
    height: 90px;
    width: 80px;
    background: transparent url('images/pin_wall_pic_0903200.jpg') no-repeat center;
}
.content .main_content .plugin_content .wall .wall_content .new_entry{
    float: left;
    width: 370px;
}
.content .main_content .plugin_content .wall .wall_content .new_entry span{
    display: block;
    margin-bottom: 5px;
}
.content .main_content .plugin_content .wall .wall_content .new_entry textarea{
    width: 370px;
    height: 80px;
}
.content .main_content .plugin_content .wall .wall_content .new_entry .data{
    width: 370px;
}
.content .main_content .plugin_content .wall .wall_content .new_entry .data .activate_button{
    margin-top: 5px;
    cursor: pointer;
}
.content .main_content .plugin_content .wall .wall_content .new_entry .data .complete_media{
}
.content .main_content .plugin_content .wall .wall_content .new_entry .data .button{
    float: right;
    margin-top: -10px;
}
.content .main_content .plugin_content .wall .wall_content .userwrap_area{
}
.content .main_content .plugin_content .wall .wall_content .user_wrap{
    border-bottom: 1px solid #DDD;
    padding-top: 10px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .pic{
    float: left;
    height: 90px;
    width: 90px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .pic img{
    height: 65px;
    width: 50px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .data{
    float: left;
    width: 350px;
    position: relative;
    padding-bottom: 20px;
    min-height: 70px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .data img{
    max-width: 450px;
    max-height: 650px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .data span{
    position: absolute;
    display: block;
    bottom: 5px;
    left: 5px;
    width: 105px;
}
.content .main_content .plugin_content .wall .wall_content .user_wrap .data p{
    float: right;
}
.content .main_content .plugin_content .blog{
    background-color: #FFF;
    padding: 5px;
    width: 600px;
    min-height: 81px;
}
.content .main_content .plugin_content .blog .head{
    position: relative;
    padding: 5px;
    height: 60px;
    color: #FC1;
    font-style: italic;
    font-weight: 800;
}
.content .main_content .plugin_content .blog .head form{
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}
.content .main_content .plugin_content .blog .head input{
    background: transparent url('images/create_blog_button_0903200.jpg') no-repeat center;
    height: 51px;
    width: 157px;
    border: 0 none;
}
.content .main_content .plugin_content .blog .create_new_blog{
    padding-bottom: 20px;
}
.content .main_content .plugin_content .blog .create_new_blog p{
    padding-left: 10px;
}
.content .main_content .plugin_content .blog .create_new_blog p font{
    display: block;
    color: #FC1;
    padding-bottom: 5px;
}
.content .main_content .plugin_content .blog .create_new_blog textarea{
    border: 1px solid #EEEEEE;
    height: 350px;
    margin: 4px 0;
    width: 568px;
}
.content .main_content .plugin_content .blog .create_new_blog .preview_it{
    padding-left: 5px;
}
.content .main_content .plugin_content .blog .create_new_blog .back_it{
    padding-left: 435px;
}
.content .main_content .plugin_content .blog .create_new_blog .save_it{
    padding-left: 495px;
}
.content .main_content .plugin_content .blog .blog_wrap{
}
.content .main_content .plugin_content .blog .blog_wrap .blog_top{
    height: 10px;
    background: transparent url('images/blog_content_top_0903200.jpg') no-repeat center;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle{
    padding: 0 29px 0 15px;
    background: transparent url('images/blog_content_middle_0903200.jpg') repeat-y center;
    color: #000;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle p{
    color: #000;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_bottom{
    height: 17px;
    background: transparent url('images/blog_content_bottom_0903200.jpg') no-repeat center;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .date{
    float: right;
    color: #AAA;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .caption{
    color: orange;
    font-style: italic;
    font-weight: 900;
    padding-bottom: 2px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .create_comment{
    padding-top: 40px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .create_comment input{
    width: 149px;
    height: 35px;
    border: 0 none;
    background: transparent url('images/blog_create_comment_0903200.jpg') no-repeat center;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .create_comment_area{
    display: none;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .create_comment_area textarea{
    width: 555px;
    height: 125px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .create_comment_area .button{
    padding: 5px 0 0 476px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #DDD;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap{
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap .pic{
    float: left;
    width: 65px;
    height: 65px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap .pic img{
    width: 50px;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap .text{
    float: left;
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap .text span{
}
.content .main_content .plugin_content .blog .blog_wrap .blog_middle .comments .comment_wrap .text p{
    padding: 5px 0 0 10px;
}
.content .main_content .plugin_content .tasks .tasklist{
    float: left;
    width: 216px;
}
.content .main_content .plugin_content .tasks .tasklist .top{
    height: 14px;
    background: transparent url('images/tasklist_top_0904080.png') no-repeat center top;
}
.content .main_content .plugin_content .tasks .tasklist .bottom{
    height: 15px;
    background: transparent url('images/tasklist_bottom_0904080.png') no-repeat center bottom;
}
.content .main_content .plugin_content .tasks .tasklist .box_content{
    padding: 0 7px 50px 12px;
    background: transparent url('images/tasklist_main_0904080.png') repeat-y center top;
}
.content .main_content .plugin_content .tasks .tasklist .head{
    height: 45px;
    padding: 10px 0 0 65px;
    background: transparent url('images/symbol_tasks_folder_0903250.jpg') no-repeat left bottom;
}
.content .main_content .plugin_content .tasks .tasklist .datas{
    margin-bottom: 5px;
    text-align: right;
}
.content .main_content .plugin_content .tasks .tasklist ul{
    min-height: 200px;
}
.content .main_content .plugin_content .tasks .tasklist li{
    height: 25px;
}
.content .main_content .plugin_content .tasks .tasklist li span{
    height: 32px;
    line-height: 25px;
    padding-left: 10px;
    width: 215px;
    display: block;
    position: absolute;
    cursor: pointer;
}
.content .main_content .plugin_content .tasks .tasklist li span a{
    color: #DDD;
}
.content .main_content .plugin_content .tasks .tasklist li span a:hover{
    color: #FFF;
}
.content .main_content .plugin_content .tasks .tasklist li span:hover{
    color: #FFF;
}
.content .main_content .plugin_content .tasks .tasklist li span.active,
.content .main_content .plugin_content .tasks .tasklist li span.active:hover{
    color: #FFF;
    background: transparent url('images/task_arrow_0903250.png') no-repeat left top;
    cursor: default;
}
.content .main_content .plugin_content .tasks .taskdetail{
    background-color: #FFF;
    float: left;
    margin-left: 5px;
    padding: 12px;
    width: 370px;
    min-height: 480px;
}
.content .main_content .plugin_content .tasks hr{
    height: 1px;
    border: 0 none;
    border-top: 1px solid #BBB;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task{
    display: none;
    margin-bottom: 12px;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .head{
    margin-bottom: 10px;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .first_row{
    height: 25px;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .first_row input{
    width: 230px;
    border: 0 none;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .second_row{
    padding-bottom: 10px;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .second_row textarea{
    width: 230px;
    height: 110px;
    border: 0 none;
}
.content .main_content .plugin_content .tasks .taskdetail .apply{
}
.content .main_content .plugin_content .tasks .taskdetail .apply .head{
    height: 30px;
}
.content .main_content .plugin_content .tasks .taskdetail .apply textarea{
    width: 340px;
    height: 100px;
    border: 0 none;
}
.content .main_content .plugin_content .tasks .taskdetail .apply .button{
    padding-top: 10px;
    float: right;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .first_row span,
.content .main_content .plugin_content .tasks .taskdetail .create_task .second_row span{
    float: left;
    width: 110px;
}
.content .main_content .plugin_content .tasks .taskdetail .create_task .button{
    float: right;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap{
    background-color: #E4E4E4;
    padding: 5px 15px 5px 15px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .head{
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .head span{
    color: #5CE;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .head p{
    padding: 5px 0 20px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .head .button{
    float: right;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .datas{
    padding-bottom: 10px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .datas span{
    float: right;
    padding-right: 10px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .user_wrap{
    float: left;
    width: 175px;
    height: 60px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .user_wrap .pic{
    float: left;
    width: 50px;
    height: 60px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .user_wrap .pic img{
    height: 50px;
}
.content .main_content .plugin_content .tasks .taskdetail .wrap .user_wrap .username{
    float: left;
    padding-top: 5px;
}
.content .main_content .plugin_content .becomemember{
    position: relative;
}
.content .main_content .plugin_content .becomemember .picture{
    position: absolute;
    left: 530px;
    top: 15px;
    height: 62px;
    width: 46px;
    background: transparent url('images/becomememberpic_0903250.jpg') no-repeat center;
}
.content .main_content .plugin_content .becomemember p{
    width: 500px;
}
.content .main_content .plugin_content .becomemember p span{
    width: 500px;
    display: block;
}
.content .main_content .plugin_content .becomemember .button_wrap{
    padding: 50px 0 0 150px;
    width: 280px;
}
.content .main_content .plugin_content .becomemember .button_wrap .button_grey{
    float: left;
}
.content .main_content .plugin_content .becomemember .button_wrap .button{
    float: right;
}
.content .main_content .plugin_content .projectinvite{
    position: relative;
}
.content .main_content .plugin_content .projectinvite .head{
    padding-bottom: 5px;
    color: #FFF;
}
.content .main_content .plugin_content .projectinvite .picture{
    position: absolute;
    top: 15px;
    left: 550px;
    height: 31px;
    width: 40px;
    background: transparent url('images/invitetoproject_picture_0903250.jpg') no-repeat center;
}
.content .main_content .plugin_content .projectinvite .left{
    float: left;
    width: 230px;
    border-right: 2px solid #888;
    padding-right: 30px
}
.content .main_content .plugin_content .projectinvite .right{
    float: left;
    width: 230px;
    padding-left: 30px
}
.content .main_content .plugin_content .projectinvite .button_grey{
    padding-top: 50px
}
.content .main_content .plugin_content .finance{
    position: relative;
}
.content .main_content .plugin_content .finance .picture{
    position: absolute;
    top: 15px;
    left: 550px;
    height: 40px;
    width: 32px;
    background: transparent url('images/finance_picture_0903250.jpg') no-repeat center;
}
.content .main_content .plugin_content .finance .head{
    color: #FFF;
    padding-bottom: 5px;
}
.content .main_content .plugin_content .finance p{
}
.content .main_content .plugin_content .finance p a{
    color: #FFF;
}
.content .main_content .plugin_content .finance p a:hover{
    text-decoration: underline;
}
.content .main_content .plugin_content .finance .row{
    height: 20px;
    padding-top: 10px;
}
.content .main_content .plugin_content .finance .row span{
    color: #0CE;
    display: block;
    float: left;
    width: 125px;
}
.content .main_content .plugin_content .finance .row input{
    border: 0 none;
}
.content .main_content .plugin_content .finance .row input.one{
    width: 220px;
}
.content .main_content .plugin_content .finance .row input.two{
    width: 130px;
}
.content .main_content .plugin_content .finance .button_wrap{
    padding: 50px 0 0 170px;
    width: 240px;
}
.content .main_content .plugin_content .finance .button_wrap .button_grey{
    float: left;
}
.content .main_content .plugin_content .finance .button_wrap .button{
    float: right;
}
.content .main_content .plugin_content .scoutproject{
    position: relative;
}
.content .main_content .plugin_content .scoutproject .picture{
    position: absolute;
    left: 530px;
    top: 15px;
    height: 62px;
    width: 46px;
    background: transparent url('images/scoutproject_picture_0903260.jpg') no-repeat center;
}
.content .main_content .plugin_content .scoutproject .head{
    color: #FFF;
    padding-bottom: 5px;
}
.content .main_content .plugin_content .scoutproject p{
    width: 500px;
}
.content .main_content .plugin_content .scoutproject .button_wrap{
    padding: 50px 0 0 170px;
    width: 240px;
}
.content .main_content .plugin_content .scoutproject .button_wrap .button_grey{
    float: left;
}
.content .main_content .plugin_content .scoutproject .button_wrap .button{
    float: right;
}
.content .main_content .plugin_content .galery{
    width: 624px;
}
.content .main_content .plugin_content .galery .top{
    background: transparent url('images/galery_foto_top_0904080.png') no-repeat center top;
    height: 15px;
}
.content .main_content .plugin_content .galery .box_content{
    background: transparent url('images/galery_foto_mid_0904080.png') repeat-y center top;
    min-height: 260px;
}
.content .main_content .plugin_content .galery .bottom{
    background: transparent url('images/galery_foto_bot_0904080.png') no-repeat center bottom;
    height: 15px;
}
.content .main_content .plugin_content .galery .head{
    padding-bottom: 5px;
    color: #FFF;
}
.content .main_content .plugin_content .galery .wrap{
    position: relative;
    padding: 15px 220px 5px 25px;
}
.content .main_content .plugin_content .galery .wrap .picture{
    position: absolute;
    right:30px;
    top:-2px;
    height: 62px;
    width: 46px;
    background: transparent url('images/galery_picture_0903260.jpg') no-repeat center;
}
.content .main_content .plugin_content .galery .wrap .pic{
    float: left;
    width: 65px;
    height: 75px;
    position: relative;
}
.content .main_content .plugin_content .galery .wrap .pic img{
    max-width: 55px;
    max-height: 55px;
}
.content .main_content .plugin_content .upload_project_images{
}
.content .main_content .plugin_content .upload_project_images p{
    padding-bottom: 5px;
}
.content .main_content .plugin_content .upload_project_images .button{
    padding-top: 5px;
}
.content .main_content .invitetogimgu{
    padding-left: 10px;
}
.content .main_content .invitetogimgu .void{
    height: 80px;
}
.content .main_content .invitetogimgu .invite_box{
    background-color: #FFF;
    padding: 15px;
    width: 692px;
}
.content .main_content .invitetogimgu .invite_box .left{
    float: left;
    width: 300px;
    height: 415px;
    border-right: 2px solid #DDD;
}
.content .main_content .invitetogimgu .invite_box .left .head{
    font-size: 13px;
    font-weight: 900;
    padding-bottom: 15px;
}
.content .main_content .invitetogimgu .invite_box .left input[type=text]{
    margin: 5px 0;
    width: 230px;
}
.content .main_content .invitetogimgu .invite_box .left .users{
    width: 235px;
    height: 235px;
    border: 1px solid #DDD;
    padding: 15px;
    margin-bottom: 5px;
}
.content .main_content .invitetogimgu .invite_box .left .userwrap{
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    background: transparent url('images/blue_dot_0903120.jpg') no-repeat 5px center;
}
.content .main_content .invitetogimgu .invite_box .left .button_grey{
    padding-left: 17px;
}
.content .main_content .invitetogimgu .invite_box .left .delete_button{
    padding-left: 74px;
}
.content .main_content .invitetogimgu .invite_box .left input[type=image]{
    margin-left: 5px;
}
.content .main_content .invitetogimgu .invite_box .right{
    float: left;
    width: 380px;
    height: 415px;
    position: relative;
    padding-left: 10px;
}
.content .main_content .invitetogimgu .invite_box .right span.head{
    margin-bottom: 5px;
    font-weight: 900;
    display: block;
}
.content .main_content .invitetogimgu .invite_box .right .right_text{
    
}
.content .main_content .invitetogimgu .invite_box .right span.color{
    color: #0DE;
}
.content .main_content .invitetogimgu .invite_box .right .picture{
    height: 225px;
    width: 219px;
    position: absolute;
    background: transparent url('images/invitetogimgu_men_0903300.png') no-repeat center;
    left: 15px;
    top: 5px;
}
.content .main_content .invitetogimgu .invite_box .right p{
    padding-left: 190px;
    margin-bottom: 100px;
}
.content .main_content .invitetogimgu .invite_box .right hr{
    background: none;
    border: 0 none;
    border-top: 1px solid #DDD;
    margin-left: -10px;
    width: 390px;
}
.content .main_content .invitetogimgu .invite_box .right a.myprojlink{
    display: block;
    margin-top: 5px;
    background: transparent url('images/invitetogimgu_folder_0903300.jpg') no-repeat 5px center;
    padding-left: 85px;
    height: 75px;
}
.content .main_content .search_area{
    padding: 5px 0 0 15px;
}
.content .main_content .search_area .head{
    height: 30px;
    position: relative;
}
.content .main_content .search_area .head a{
    position: absolute;
    background: transparent url('images/search_tab_0903300.png') no-repeat 0 0;
    height: 30px;
    width: 120px;
    color:#333;
    line-height: 30px;
    text-align: center;
}
.content .main_content .search_area .head a:hover{
    background: transparent url('images/search_tab_0903300.png') no-repeat 0 -30px;
}
.content .main_content .search_area .head a.active,
.content .main_content .search_area .head a.active:hover{
    background: transparent url('images/search_tab_0903300.png') no-repeat 0 -60px;
    cursor: default;
}
.content .main_content .search_area .head a.memberlink{
    left: 0;
    z-index: 300;
}
.content .main_content .search_area .head a.projectlink{
    left: 115px;
    z-index: 200;
}
.content .main_content .search_area .head a.friendslink{
    left: 225px;
    z-index: 100;
}
.content .main_content .search_area .top{
    background: transparent url('images/searcharea_top_0903300.jpg') no-repeat center;
    width: 724px;
    height: 4px;
}
.content .main_content .search_area .middle{
    border-left: 1px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    width: 692px;
    min-height: 150px;
    position: relative;
    padding: 5px 15px;
}
.content .main_content .search_area .bottom{
    background: transparent url('images/searcharea_bottom_0903300.jpg') no-repeat center;
    width: 724px;
    height: 4px;
}
.content .main_content .search_area .middle .picture{
    background: transparent url('images/search_big_lens_0903300.jpg') no-repeat center;
    width: 105px;
    height: 82px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.content .main_content .search_area .middle .upper_member{
    border-bottom: 2px solid #DDD;
    padding-bottom: 5px;
}
.content .main_content .search_area .middle .upper_member .top_row{
    width: 245px;
    float: left;
    height: 25px;
    text-align: right;
    padding-right: 25px;
}
.content .main_content .search_area .middle .upper_member .top_row span{
    display: block;
    float: right;
    width: 20px;
    height: 20px;
}
.content .main_content .search_area .middle .upper_member .row{
    width: 270px;
    float: left;
    height: 25px;
}
.content .main_content .search_area .middle .upper_member .row span{
    display: block;
    float: left;
    width: 70px;
}
.content .main_content .search_area .middle .upper_member .row input{
    width: 170px;
}
.content .main_content .search_area .middle .upper_member .row select{
    width: 155px;
}
.content .main_content .search_area .middle .upper_member .row input.location{
    width: 150px;
}
.content .main_content .search_area .middle .upper_member .row input.age{
    width: 48px;
}
.content .main_content .search_area .middle .main_member{
    padding: 10px 0 5px;
    border-bottom: 2px solid #DDD;
}
.content .main_content .search_area .middle .main_member .row{
    height: 30px;
}
.content .main_content .search_area .middle .main_member .row span{
    float: left;
    width: 90px;
    display: block;
}
.content .main_content .search_area .middle .main_member .row input{
    width: 400px;
}
.content .main_content .search_area .middle .main_member .category_area{
    padding-bottom: 10px;
}
.content .main_content .search_area .middle .main_member .category_area span{
    float: left;
    width: 90px;
    display: block;
}
.content .main_content .search_area .middle .main_member .category_area .gimgu_box{
    width: 602px;
    float: left;
}
.content .main_content .search_area .middle .main_member .category_area .gimgu_box .cat_wrap{
    width: 192px;
    height: 20px;
    line-height: 20px;
    float: left;
}
.content .main_content .search_area .middle .main_member .category_area .gimgu_box .top{
    background: transparent url('images/top_corner_gimgu_box_0903120.jpg') no-repeat left top;
    height: 4px;
    width: 4px;
}
.content .main_content .search_area .middle .main_member .category_area .gimgu_box .bottom{
    background: transparent url('images/gimgu_box_bottom_0903120.jpg') no-repeat right center;
    width: auto;
}
.content .main_content .search_area .middle .bottom_member{
    height: 30px;
    padding-top: 10px;
}
.content .main_content .search_area .middle .bottom_member .button{
    float: right;
}
.content .main_content .search_area .middle .top_project{
    padding-bottom: 5px;
    border-bottom: 2px solid #DDD;
}
.content .main_content .search_area .middle .top_project .row{
    width: 290px;
    float: left;
    height: 30px;
}
.content .main_content .search_area .middle .top_project .row span{
    display: block;
    float: left;
    width: 80px;
}
.content .main_content .search_area .middle .top_project .row input{
    width: 180px;
}
.content .main_content .search_area .middle .top_project .row select{
    width: 150px;
}
.content .main_content .search_area .middle .top_project .row input.age{
    width: 21px;
}
.content .main_content .search_area .middle .top_project .row input.region{
    width: 136px;
}
.content .main_content .search_area .middle .main_project{
    padding: 10px 0 5px;
    border-bottom: 2px solid #DDD;
}
.content .main_content .search_area .middle .main_project .category_area{
    padding-bottom: 10px;
    margin-top: 16px;
}
.content .main_content .search_area .middle .main_project .category_area span{
    float: left;
    width: 80px;
    display: block;
}
.content .main_content .search_area .middle .main_project .category_area .gimgu_box{
    width: 612px;
    float: left;
}
.content .main_content .search_area .middle .main_project .category_area .gimgu_box .cat_wrap{
    width: 196px;
    height: 20px;
    line-height: 20px;
    float: left;
}
.content .main_content .search_area .middle .main_project .category_area .gimgu_box .top{
    background: transparent url('images/top_corner_gimgu_box_0903120.jpg') no-repeat left top;
    height: 4px;
    width: 4px;
}
.content .main_content .search_area .middle .main_project .category_area .gimgu_box .bottom{
    background: transparent url('images/gimgu_box_bottom_0903120.jpg') no-repeat right center;
    width: auto;
}
.content .main_content .search_area .middle .main_project .row{
    height: 30px;
}
.content .main_content .search_area .middle .main_project .row span{
    display: block;
    float: left;
    width: 80px;
}
.content .main_content .search_area .middle .main_project .row input{
    width: 400px;
}
.content .main_content .search_area .middle .bottom_project{
    height: 30px;
    padding-top: 10px;
}
.content .main_content .search_area .middle .bottom_project .button{
    float: right;
}
.content .main_content .search_area .middle .friends_search{
    padding-bottom: 6px;
}
.content .main_content .search_area .middle .friends_search .head{
    font-weight: 900;
}
.content .main_content .search_area .middle .friends_search .email{
    width: 500px;
    height: 30px;
}
.content .main_content .search_area .middle .friends_search .email p{
    float: right;
    width: 230px;
}
.content .main_content .search_area .middle .friends_search .email input{
    width: 230px;
}
.content .main_content .search_area .middle .friends_search .caption{
    margin: 35px 0 5px;
    clear: both;
}
.content .main_content .search_area .middle .friends_search .box{
    width: 310px;
    height: 80px;
    background-color: #717171;
    float: left;
    border: 1px solid #AAA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
.content .main_content .search_area .middle .friends_search .box .wrap{
    float: left;
    height: 78px;
    padding-left: 20px;
    width: 287px;
}
.content .main_content .search_area .middle .friends_search .box .wrap .pic{
    float: left;
    padding-top: 15px;
    width: 60px;
    height: 75px;
    background: transparent url('images/shadow_user_thumbnail_0904020.png') no-repeat 0 15px;
}
.content .main_content .search_area .middle .friends_search .box .wrap .pic img{
    height: 50px;
}
.content .main_content .search_area .middle .friends_search .box .wrap .datas{
    float: left;
    padding-top: 9px;
    width: 140px;
}
.content .main_content .search_area .middle .friends_search .box .wrap .datas font{
    color: #FFF;
}
.content .main_content .search_area .middle .friends_search .box .wrap .options{
    float: left;
    padding-top: 9px;
    width: 80px;
    position: relative;
}
.content .main_content .search_area .middle .friends_search .box .wrap .options font{
    color: #0AC;
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .send_mail{
    display: block;
    right: 5px;
    top: 9px;
    position: absolute;
    height: 15px;
    width: 19px;
    background: transparent url('images/send_mail_0904020.jpg') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .send_mail:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .option3{
    border: 0 none;
    height: 27px;
    position: absolute;
    right: 2px;
    top: 24px;
    width: 23px;
    background: transparent url('images/request_friendship_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .option3:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .option4{
    border: 0 none;
    height: 26px;
    position: absolute;
    right: 3px;
    top: 42px;
    width: 23px;
    background: transparent url('images/invite_project_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .middle .friends_search .box .wrap .options .option4:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .content_box{
    width: 624px;
    height: 450px;
    background: transparent url('images/user_box_bg_0904010.png') no-repeat center;
}
.content .main_content .search_area .content_box .content_head{
    height: 29px;
    padding-top: 10px;
    text-align: center;
}
.content .main_content .search_area .content_box .wrap{
    float: left;
    height: 78px;
    padding: 0 0 0 20px;
    width: 287px;
}
.content .main_content .search_area .content_box .wrap .pic{
    float: left;
    padding-top: 15px;
    width: 60px;
    height: 75px;
    background: transparent url('images/shadow_user_thumbnail_0904020.png') no-repeat 0 15px;
}
.content .main_content .search_area .content_box .wrap .pic img{
    height: 50px;
}
.content .main_content .search_area .content_box .wrap .datas{
    float: left;
    padding-top: 9px;
    width: 140px;
}
.content .main_content .search_area .content_box .wrap .datas font{
    color: #FFF;
}
.content .main_content .search_area .content_box .wrap .options{
    float: left;
    padding-top: 9px;
    width: 80px;
    position: relative;
}
.content .main_content .search_area .content_box .wrap .options font{
    color: #0AC;
}
.content .main_content .search_area .content_box .wrap .options .send_mail{
    display: block;
    right: 5px;
    top: 9px;
    position: absolute;
    height: 15px;
    width: 19px;
    background: transparent url('images/send_mail_0904020.jpg') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .content_box .wrap .options .send_mail:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .content_box .wrap .options .option3{
    border: 0 none;
    height: 27px;
    position: absolute;
    right: 2px;
    top: 24px;
    width: 23px;
    background: transparent url('images/request_friendship_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .content_box .wrap .options .option3:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .content_box .wrap .options .option4{
    border: 0 none;
    height: 26px;
    position: absolute;
    right: 3px;
    top: 42px;
    width: 23px;
    background: transparent url('images/invite_project_0904020.png') no-repeat center;
    opacity: 0.70;
    filter: alpha(opacity: 70);
}
.content .main_content .search_area .content_box .wrap .options .option4:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .search_area .content_box .project_list_item{
    display: block;
    padding: 0 0 0 20px;
    width: 287px;
    height: 78px;
    float: left;
}
.content .main_content .search_area .content_box .project_list_item .pic{
    float: left;
    width: 60px;
    height: 65px;
    padding-top: 15px;
    background: transparent url('images/thumbnailshadow_0904010.png') no-repeat 0 15px;
}
.content .main_content .search_area .content_box .project_list_item .pic img{
    width: 50px;
    height: 50px;
}
.content .main_content .search_area .content_box .project_list_item .proj_name{
    padding-top: 10px;
}
.content .main_content .search_area .content_box .project_list_item .proj_name a{
    color: #DDD;
}
.content .main_content .search_area .content_box .project_list_item .creator{
}
.content .main_content .search_area .content_box .project_list_item .created{
    position: relative;
}
.content .main_content .search_area .content_box .project_list_item .created .user_judge{
    position: absolute;
    right: 10px;
    top: 0;
}
.content .main_content .search_area .content_box .project_list_item .created .user_judge .judge_stars{
    height: 12px;
    margin-top: 0;
    padding-left: 0;
    width: 71px;
    background: transparent url(images/judge_stars_bg_small_0904010.png) no-repeat left top;
}
.content .main_content .search_area .content_box .project_list_item .created .user_judge .stars_layer{
    background: transparent url(images/judge_stars_small_0904010.png) no-repeat left top;
    height: 12px;
}
.content .main_content .feedback{
    padding: 5px 0;
    margin: 5px 0;
    border-style: solid;
    border-color: #777;
    border-width: 1px 0;
}
.content .main_content .feedback .wrap{
    background-color: #6C6C6C;
    padding: 0 65px 10px 170px;
    position: relative;
}
.content .main_content .feedback .wrap .feedback_pic{
    background: transparent url('images/big_feedback_icon_0904030.jpg') no-repeat center;
    position: absolute;
    height: 37px;
    width: 112px;
    top: 15px;
    left: 15px;
}
.content .main_content .feedback .wrap p{
    border-bottom: 1px solid #777777;
    margin-bottom: 5px;
    padding: 10px 80px 5px 0;
}
.content .main_content .feedback .wrap textarea{
    height: 150px;
    width: 586px;
    font-size: 12px;
    color: #333;
}
.content .main_content .feedback .wrap .button{
    padding-top: 10px;
    float: right;
}
.content .main_content .account .account_navi{
    background-image: url('images/toolbox_account_0904030.png');
}
.content .main_content .memberstoproject{
    background: transparent url('images/memberstogimgu_bg_090422.jpg') no-repeat right bottom;
    height: 352px;
    width: 627px;
    padding: 5px 0 0 0;
}
.content .main_content .memberstoproject .first,
.content .main_content .memberstoproject .second,
.content .main_content .memberstoproject .third{
    float: left;
    height: 315px;
}
.content .main_content .memberstoproject .first{
    width: 175px;
    padding-left: 20px;
    height: 350px;
}
.content .main_content .memberstoproject .second{
    width: 175px;
    padding-top: 35px;
}
.content .main_content .memberstoproject .second form.clearlist{
    padding: 10px 0 0;
}
.content .main_content .memberstoproject .third{
    position: relative;
    width: 240px;
    padding-top: 35px;
}
.content .main_content .memberstoproject .third textarea{
    width: 235px;
    height: 170px;
    border: solid #EEE;
    border-width: 1px 0;
    padding-left: 5px;
}
.content .main_content .memberstoproject .third .msg_head{
    background: #FFF;
    width: 235px;
    color: #000;
    padding-left: 5px;
}
.content .main_content .memberstoproject .third .submit_area{
    padding-top: 10px;
}
.content .main_content .memberstoproject .third .submit_area .button_grey{
    float: right;
    padding-right: 5px;
}
.content .main_content .memberstoproject .third .submit_area .button{
    float: right;
}
.content .main_content .memberstoproject .caption{
    color: #FFF;
    height: 35px;
    line-height: 35px;
}
.content .main_content .memberstoproject .headline{
    height: 25px;
    line-height: 25px;
}
.content .main_content .memberstoproject .user_pool_box{
    height: 230px;
    width: 165px;
    background: #FFF;
    overflow-x: hidden;
    overflow-y: scroll;
}
.content .main_content .memberstoproject .user_pool_box .user_wrap{
    padding-top: 5px;
    position: relative;
    height: 30px;
}
.content .main_content .memberstoproject .user_pool_box .user_wrap input{
    border: 0 none;
    background: none;
    position: absolute;
    top: 5px;
    left: 0;
    width: 165px;
    height: 30px;
    background-color: #777;
    opacity: 0;
    filter: alpha(opacity: 0);
}
.content .main_content .memberstoproject .user_pool_box .user_wrap input:hover{
    opacity: 0.23;
    filter: alpha(opacity: 23);
}
.content .main_content .memberstoproject .user_pool_box .user_wrap .row_pri,
.content .main_content .memberstoproject .user_pool_box .user_wrap .row_sec{
    height: 15px;
    line-height: 15px;
    padding-left: 30px;
}
.content .main_content .memberstoproject .user_pool_box .user_wrap .row_pri{
    color: #444;
}

.content .main_content .pager{
    height: 25px;
    text-align: center;
}
.content .main_content .pager a{
    height: 25px;
    color: #EEE;
    opacity: 0.50;
    filter: alpha(opacity: 50);
}
.content .main_content .pager a.active,
.content .main_content .pager a:hover{
    opacity: 1;
    filter: alpha(opacity: 100);
}
.content .main_content .pager .back{
    width: 30px;
    background: transparent url('images/pager_arrow_left_0902160.gif') no-repeat center;
    padding-left: 20px;
}
.content .main_content .pager .pages{
    padding: 0 5px;
    line-height: 25px
}
.content .main_content .pager .for{
    width: 30px;
    background: transparent url('images/pager_arrow_right_0902160.gif') no-repeat center;
    padding-left: 20px;
}

.content .home .vertical_slot{
    width: 60px;
    height: 85px;
    padding: 65px 0 0 15px;
    float: right;
    margin-top: 5px;
}
.content .home .moon_slot,
.content .home .sun_slot{
    color: #333;
    font-size: 12px;
    font-weight: 900;
}
.content .home .moon_slot{
    background: transparent url('images/slot_moon_0903030.jpg') no-repeat center;
}
.content .home .sun_slot{
    background: transparent url('images/slot_sun_0903030.jpg') no-repeat center;
}
.content .home .moon_slot span,
.content .home .sun_slot span{
    color: #FFF;
    font-size: 13px;
    font-weight: 900;
}

.content .main_content .show_project_complete .right_project_head .vertical_slot{
    width: 60px;
    height: 85px;
    padding: 65px 0 0 15px;
    float: right;
    margin-top: 5px;
}
.content .main_content .profile_header .vertical_slot{
    width: 60px;
    height: 85px;
    padding: 65px 0 0 15px;
    float: right;
    margin-top: 0;
}
.content .main_content .show_project_complete .right_project_head .moon_slot,
.content .main_content .show_project_complete .right_project_head .sun_slot,
.content .main_content .profile_header .moon_slot,
.content .main_content .profile_header .sun_slot{
    color: #333;
    font-size: 12px;
    font-weight: 900;
}
.content .main_content .show_project_complete .right_project_head .moon_slot,
.content .main_content .profile_header .moon_slot{
    background: transparent url('images/slot_moon_0903030.jpg') no-repeat center;
}
.content .main_content .show_project_complete .right_project_head .sun_slot,
.content .main_content .profile_header .sun_slot{
    background: transparent url('images/slot_sun_0903030.jpg') no-repeat center;
}
.content .main_content .show_project_complete .right_project_head .moon_slot span,
.content .main_content .show_project_complete .right_project_head .sun_slot span,
.content .main_content .profile_header .moon_slot span,
.content .main_content .profile_header .sun_slot span{
    color: #FFF;
    font-size: 13px;
    font-weight: 900;
}
.content .main_content .show_project_complete .right_project_head .vertical_slot{
    margin-top: -47px;
}


/*The errors messages*/
.content .main_content .error_wrap{
    border-bottom: 1px solid #777;
    padding: 5px 0;
}
.content .main_content .error_wrap .negative_error{
    background: #7E4141 url('images/negative_msg_cross_0904080.jpg') no-repeat 540px 35px;
    padding: 40px 290px 40px 190px;
    text-align: justify;
    color: #EEE;
}
.content .main_content .error_wrap .positive_error{
    background: #84A461 url('images/positive_msg_cross_0904080.jpg') no-repeat 540px 35px;
    padding: 40px 290px 40px 190px;
    text-align: justify;
    color: #EEE;
}

/*The content of the footerlinks*/
.downerlinks{
    padding-left: 10px;
}
.downerlinks h2{
    color: #FFF;
    margin-top: 5px;
}
.downerlinks span{
    color: #EEE;
    display: block;
    margin: 20px 0 5px;
    font-weight: 900;
}
.downerlinks p{
    color: #EEE;
    width: 600px;
    line-height: 20px;
}

/*Part 4 - footer*/
.footer{
    text-align: center;
    margin-bottom: 100px;
}

.footer a{
    color: #9BC;
    font-size: 11px;
}
.footer a:hover{
    color: #689;
}

/*Mozilla optimization*/
.project_list_item .created{
    margin-left: 60px!important;
    margin-left: 0;
}


/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 0; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 75px; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../css/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../css/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }