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

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

.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 input:hover,
.button span.main_bg a:hover{
    color: #FFF;
}

/*The page*/
.body{
    width: 1000px;
    margin: 10px auto 5px;
    cursor: default;
    background-color: #666;
    border: 1px solid #888;
    padding-bottom: 20px;
    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;
}
.window .head .close_it:hover{
    opacity: 1;
}
.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;
}

/*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 .menu{
    padding: 10px 0 0 4px;
    background: #B2B2B2;
    margin-top: 10px;
    background: transparent url('images/login_sidebar_0903270.jpg') no-repeat center;
    height: 300px;
}
.sidebar .menu .caption{
    color: #EEE;
    margin-bottom: 20px;
    padding-left: 5px;
}
.sidebar .menu label{
    color: #777;
    padding-left: 5px;
    display: block;
    margin-bottom: 6px;
}
.sidebar .menu label input{
    width: 138px;
}
.sidebar .menu label.submit{
    text-align: right;
    padding: 0 10px 0 5px;
}
.sidebar .menu label.submit input{
    width: auto;
}
.sidebar .menu .forgot_password{
    margin-bottom: 50px;
    font-size: 12px;
    font-style: italic;
}
.sidebar .menu .align_right{
    text-align: right;
    color: #777;
    padding-right: 10px;
    font-size: 12px;
    font-style: italic;
}
.sidebar .menu .register_link, .sidebar .menu .forgot_password{
    float: right;
    color: #777;
    padding-right: 10px;
}
.sidebar .menu .register_link, .sidebar .menu .forgot_password:hover{
    text-decoration: underline;
}
.sidebar .menu .register_link{
    width: 75px;
    height: 23px;
    background: transparent url('images/register_button_0903270.jpg') no-repeat left center;
}

/*Part 2.2 - main*/
.main{
    float: left;
    width: 525px;
    padding-left: 5px;
}

/*Part 2.1 - header*/
.header{
    height: 68px;
    color: #FFF;
    padding-top: 13px;
}
.header font{
    color: #0CF;
    cursor: help;
}

/*Part 2.3 - trailer*/
.trailer_area{
    min-height: 335px;
    background: #3d5c69 url('images/welcome_window_bottomright_0902170.jpg') no-repeat right bottom;
    position: relative;
    padding: 0 0 7px 7px;
}
.trailer_area .top_corner{
    background: #3d5c69 url('images/welcome_window_topright_0902170.jpg') no-repeat right top;
    height: 55px;
    width: 55px;
    position: absolute;
    left: 470px;
    top: 0;
}
.trailer_area .top_corner_norm{
    background: #3d5c69 url('images/welcome_window_topright_0904060.jpg') no-repeat right top;
    height: 22px;
    width: 27px;
    position: absolute;
    left: 498px;
    top: 0;
}
.trailer_area .caption{
    color: #FFF;
    padding: 7px 0;
}
.trailer_area .trailer{
    /*margin: 10px 0;
    min-height: 285px;*/
}
.trailer_area .trailer .trailer_pic{
    height: 119px;
    width: 331px;
    background: transparent url('images/trailer_pic_0903270.png') no-repeat center;
}
.trailer_area .trailer .trailer_pic input{
    height: 119px;
    width: 116px;
    border: 0 none;
    background: none;
}
.trailer_area .preview{
    width: 263px;
    height: 150px;
    float: left;
    margin-top: 3px;
    background: transparent url('images/wel_example_bg_0903270.png') no-repeat center left;
}
.trailer_area .preview .example{
    display: block;
    padding: 8px 0;
}
.trailer_area .preview .example .pic{
    float: left;
}
.trailer_area .preview .example .pic, .trailer_area .preview .main_preview .example .pic img{
    width: 55px;
    height: 55px;
    padding-left: 10px;
}
.trailer_area .preview .example .description{
    float: left;
    width: 165px;
    height: 55px;
    overflow: hidden;
    padding-left: 10px;
}
.trailer_area .preview .example .description a{
    color: #0CF
}
.trailer_area .preview .example .description font{
    color: #FFF
}
.trailer_area .tour{
    color: #FFF;
    float: left;
    padding-top: 5px;
}
.trailer_area .tour div{
    margin-top: 63px;
    color: #FFF;
}
.trailer_area .tour a{
    display: block;
    height: 20px;
    width: 85px;
    background: transparent url('images/gimgu_tour_0903270.png') no-repeat center;
}
.trailer_area .register .caption{
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
}
.trailer_area .register .errors,
.trailer_area .forgotpwd .errors{
    border: 1px solid #CC0000;
    color: #CC5500;
    margin-bottom: 10px;
    padding: 5px 5px 5px 20px;
    width: 300px;
}
.trailer_area .register table{
    margin-left: 20px;
}
.trailer_area .register table td{
    height: 22px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 800;
}
.trailer_area .register table td.description{
    width: 160px;
    color: #1AC;
}
.trailer_area .register table td.input{
    width: 150px;
}
.trailer_area .register table td.input_dif{
    width: 150px;
}
.trailer_area .register table td.input input{
    width: 140px;
}
.trailer_area .register table .policy td.input input,
.trailer_area .register table .privacy td.input input{
    width: 14px;
}
.trailer_area .register table td.feedback{
    width: 20px;
}
.trailer_area .register table td.error{
    width: 160px;
    color: #C00;
}
.trailer_area .register table td.spacer{
    height: 20px;
}
.trailer_area .forgotpwd{
    padding: 10px 0 0 20px;
    color: #EEE;
}
.trailer_area .forgotpwd p{
    padding:10px 0 30px;
    color: #EEE;
}
.trailer_area .forgotpwd .row{
    height: 30px;
}
.trailer_area .forgotpwd .row input{
}
.trailer_area .forgotpwd span{
    float: left;
    display: block;
    padding-left: 30px;
    width: 150px;
    line-height:20px;
    color: #0CF;
}
.trailer_area .forgotpwd .button{
    padding: 50px 0 72px 200px;
}

/*Part 2.4 - project preview*/
.main .project_overview{
    height: 368px;
    margin-top:30px;
    padding: 10px 20px 10px 10px;
    width: 489px;
    background: transparent url('images/striped_bg_0904030.png') no-repeat center;
}
.main .project_overview .left{
    width: 290px;
    float: left;
}
.main .project_overview .left .head{
    margin-bottom: 10px;
}
.main .project_overview .left .head font{
    color: #1CF;
}
.main .project_overview .right{
    width: 180px;
    float: right;
}
.main .project_overview .right .pic{
    width: 180px;
    height: 180px;
}
.main .project_overview .right .pic img{
    width: 180px;
    height: 180px;
}
.main .project_overview .right p{
    margin-top: 10px;
}
.main .project_overview .right .stars{
    background: transparent url(images/judge_stars_bg_0903100.png) no-repeat 2px 0;
    height: 17px;
    margin-top: 5px;
    padding-left: 2px;
    width: 105px;
}
.main .project_overview .right .bg_stars{
    background: transparent url(images/judge_stars_0903100.png) no-repeat left top;
    height: 17px;
    width: 0;
}
.main .project_overview .right .font{
    color: #EEE;
}
.main .project_overview .right .button{
    padding-top: 60px;
    float: right;
}

/*Part 3 - right*/
.right{
    float: right;
    width: 290px;
}
.right .wrapper{
    float: left;
    width: 200px;
}
.right .wrapper .for_free{
    height: 130px;
    background: transparent url('images/for_free_0902190.jpg') no-repeat right bottom;
}
.right .wrapper .examples{
}
.right .wrapper .examples .caption{
}
.right .wrapper .examples .example{
    height: 75px;
    background: transparent url('images/login_square_0903270.jpg') no-repeat 2px 2px;
}
.right .wrapper .examples .example .pic{
    float: left;
    height: 65px;
    padding: 10px 0 0 10px;
    width: 70px;
}
.right .wrapper .examples .example .pic img{
    height: 55px;
    width: 55px;
}
.right .wrapper .examples .example .datas{
    float: left;
    height: 65px;
    padding-top: 10px;
    width: 119px;
}
.right .wrapper .examples .example .datas span{
    color: #FFF;
    display: block;
    height: 15px;
    overflow: hidden;
}
.right .slots{
    float: right;
    width: 81px;
    padding-top: 10px;
}
.right .slots .vertical_slot{
    width: 60px;
    height: 85px;
    padding: 65px 0 0 15px;
}
.right .slots .moon_slot,
.right .slots .sun_slot{
    color: #333;
    font-size: 12px;
    font-weight: 900;
}
.right .slots .moon_slot{
    background: transparent url('images/slot_moon_0903030.jpg') no-repeat center;
}
.right .slots .sun_slot{
    background: transparent url('images/slot_sun_0903030.jpg') no-repeat center;
}
.right .slots .moon_slot span,
.right .slots .sun_slot span{
    color: #FFF;
    font-size: 13px;
    font-weight: 900;
}
.right .teaser_wrap{
    width: 250px;
}
.right .register_now{
    border-top: 1px solid #888;
    margin-top: 32px;
    padding: 7px 0;
}
.right .register_now a{
    color: #EEE;
}
.right .vertical_line{
    float: right;
    width: 790px;
    border-bottom: 1px solid #888;
}
.right .teaser_head{
    color: #EEE;
    padding: 7px 0;
    border-bottom: 1px solid #888;
}
.right .right_teaser{
}
.right .right_teaser .teaser_head{
    border-bottom: 0 none;
}
.right .right_teaser .data{
    border-top: 1px solid #888;
    margin-top: 10px;
    padding-top: 10px;
}
.right .right_teaser .data div{
    padding-bottom: 10px;
}
.right .right_teaser .data div span{
    width: 60px;
}
.right .right_teaser .data span{
    float: left;
    width: 40px;
    height: 28px;
}
.right .right_teaser .bottom{
    padding: 5px 0 0;
    border-top: 1px solid #888;
    height: 25px;
    margin-top: 5px;
}
.right .right_teaser .bottom .firstlink{
    float: right;
    color: #EEE;
}
.right .right_teaser .bottom .secondlink{
    float: left;
    color: #EEE;
}
.main .mid_teaser_box{
    float: left;
    height: 515px;
    left: -7px;
    margin-top: 20px;
    position: relative;
    width: 510px;
}
.main .mid_teaser_box .caption{
    border-bottom: 1px solid #888;
    color: #DDD;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.main .mid_teaser_box .subcaption{
    height: 30px;
    line-height: 30px;
    color: #FFF;
}
.main .mid_teaser_box .subcaption span{
    float: right;
}
.main .mid_teaser_box .embed_area{
    padding-bottom: 5px;
    border-bottom: 1px solid #888;
}

/*Part 4 - footer*/
.footer{
    text-align: center;
}

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