div#maincontainer {
width : 1000px;
margin : 0 auto;
background : #000000;
}
.wrapper {
width : 100%;
overflow : hidden;
position : relative;
background : #FFFFFF;
}
.extra-wrap {
overflow : hidden;
display : block;
}
.container_12 {
position : relative;
width : 100%;
margin : 0 auto;
padding : 0;
background : #FFFFFF;
}
#main {
position : relative;
max-width : 1000px;
width : 100%;
margin : 0 auto;
padding : 0;
background : #FFFFFF;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .container_12 .alpha {
margin-left : 0 !important ;
background : #FFFFFF;
}
.container_12 .omega {
margin-right : 0 !important ;
margin-bottom : 0 !important ;
}
.container_12 .grid_1 {
width : 680px;
float : left;
}
.container_12 .grid_2 {
width : 100%;
text-align: center;
border-bottom : 1px solid #FFFFFF;
float : left;
}
.grid_22 {
width : 100%;
float : left;
background: #000000;
}
.adatlap_tooltip .grid_2 {
width : 70%;
height: 30px;
margin : 6px 0 30px 10px;
}
.container_12 .userlist {
width: 99%;
}
.container_12 .grid_3 {
width: 100%;
float : left;
}
.adatlap_tooltip .grid_3 {
width : 150px;
float : left;
}
.tabs {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e1e1e1;
    float: left;
    margin: 0 2px;

    position: relative;
    width: 99%;
}
UL.tabNavigation {
    list-style : none;
    margin : 0;
    background-color : #e1e1e1;
    height : 20px;
    padding : 0;
}
.container_1 .userBox {
    background: #f2f2f2 none repeat scroll 0 0;
    float: left;
    font-size: 11px;
    height: 235px;
    margin: 7px;
    overflow: hidden;
    padding: 6px 3px 8px 6px;
    width: 149px;
}
.container_12 .grid_4 {
width : 380px;
background : #f3f3f3;
float : right;
}
.adatlap_tooltip .grid_5 {
width : 100px;
float : left;
}
.container_12 .grid_5 {
    float: left;
    text-align: center;
    width: 100%;
}
.container_12 .grid_6 {
width : 100%;
float : left;
}
.adatlap_tooltip .grid_6 {
width : 100px;
float : left;
}
.container_12 .grid_7 {
width : 260px;
float : left;
}
.adatlap_tooltip .grid_7 {
display: none;
}
.adatlap_tooltip .faded {
display: none;
}
.container_12 .grid_8 {
width : 620px;
background : #f7f7f7;
float: left;
}
.container_12 .grid_9 {
width : 940px;
background : #ffffff;
padding : 30px;
}
.container_12 .grid_10 {
width : 620px;
height : 350px;
}
.container_12 .grid_11 {
width : 1000px;
height : 350px;
}
.container_12 .grid_12 {
width: 100%;
}
.container_12 .grid_13 {
width : 920px;
margin : 0 40px;
padding : 40px 0;
}
.container_12 .grid_14 {
width : 700px;
float : left;
background : #ffffff;
}
.container_12 .grid_44 {
width : 300px;
background : #f3f3f3;
float : right;
}
.container_12 .prefix_1 {
padding-left : 80px;
}
.container_12 .prefix_2 {
padding-left : 160px;
}
.container_12 .prefix_3 {
padding-left : 240px;
}
.container_12 .prefix_4 {
padding-left : 320px;
}
.container_12 .prefix_5 {
padding-left : 400px;
}
.container_12 .prefix_6 {
padding-left : 480px;
}
.container_12 .prefix_7 {
padding-left : 560px;
}
.container_12 .prefix_8 {
padding-left : 640px;
}
.container_12 .prefix_9 {
padding-left : 720px;
}
.container_12 .prefix_10 {
padding-left : 800px;
}
.container_12 .prefix_11 {
padding-left : 880px;
}
.container_12 .suffix_1 {
padding-right : 80px;
}
.container_12 .suffix_2 {
padding-right : 160px;
}
.container_12 .suffix_3 {
padding-right : 240px;
}
.container_12 .suffix_4 {
padding-right : 320px;
}
.container_12 .suffix_5 {
padding-right : 400px;
}
.container_12 .suffix_6 {
padding-right : 480px;
}
.container_12 .suffix_7 {
padding-right : 560px;
}
.container_12 .suffix_8 {
padding-right : 640px;
}
.container_12 .suffix_9 {
padding-right : 720px;
}
.container_12 .suffix_10 {
padding-right : 800px;
}
.container_12 .suffix_11 {
padding-right : 880px;
}
.dgrid_2 {
float : left;
width : 140px;
}
.dgrid_3 {
float : left;
width : 220px;
}
.dgrid_4 {
float : left;
width : 300px;
}
.dgrid_14 {
float : left;
width : 300px;
}
.dgrid_2:first-child, .dgrid_3:first-child, .dgrid_4:first-child {
margin-right : 20px;
}
.tgrid_2 {
float : left;
width : 140px;
margin-right : 20px;
}
.tgrid_3 {
float : left;
width : 220px;
margin-right : 20px;
}
.tgrid_2.last-col, .tgrid_3.last-col {
margin-right : 0;
}
#rightblokk {
    
}


    /* Note: Design for a width of 768px */
    @media only screen and (max-width: 995px) {

.container_12 {
width : 768px;
background : #ffffff;
}
.container_12 .grid_1 {
width : 468px;
}
#footer {
width : 460px;
margin: 0px auto;
}
.container_12 .grid_2 {
width : 440px;
}
.adatlap_tooltip .grid_2 {
width : 440px;
}
.adatlap_tooltip .grid_3 {
width : 440px;
}
.container_12 .userlist {
width: 99%;
}
.container_1 .userBox {
    float: left;
    height: 250px;
    margin: 7px;
    overflow: hidden;
    padding: 6px 3px 8px 6px;
    width: 149px;
}
.container_12 .grid_3 {
width: 100%;
float : left;
}
.container_12 .grid_4 {
float: right;
width : 360px;
}
.container_12 .grid_14 {
float: left;
width : 460px;
background: #FFFFFF;
}
.container_12 .grid_5 {
width : 200px;
}
.adatlap_tooltip .grid_5 {
width : 200px;
}
.container_12 .grid_6 {
width : 200px;
padding-left : 10px;
}
.adatlap_tooltip .grid_6 {
width : 200px;
padding-left : 10px;
}
.container_12 .grid_7 {
display : none;
}
.adatlap_tooltip .grid_7 {
display: none;
}
.adatlap_tooltip .faded {
display: none;
}
.container_12 .grid_8 {
width : 408px;
}
.container_12 .grid_9 {
width : 708px;
padding : 30px;
}
.container_12 .grid_10 {
width : 468px;
}
.container_12 .grid_11 {
width : 768px;
}
.container_12 .grid_12 {
width : 428px;
}
.container_12 .grid_13 {
width : 708px;
margin : 0 30px;
padding-top : 40px;
}
.container_12 .grid_44 {
width : 300px;
background : #f3f3f3;
float : right;
}
#main {
width : 768px;
background : #ffffff;
}
.container_12 .prefix_1 {
padding-left : 64px;
}
.container_12 .prefix_2 {
padding-left : 128px;
}
.container_12 .prefix_3 {
padding-left : 192px;
}
.container_12 .prefix_4 {
padding-left : 256px;
}
.container_12 .prefix_5 {
padding-left : 320px;
}
.container_12 .prefix_6 {
padding-left : 384px;
}
.container_12 .prefix_7 {
padding-left : 448px;
}
.container_12 .prefix_8 {
padding-left : 512px;
}
.container_12 .prefix_9 {
padding-left : 576px;
}
.container_12 .prefix_10 {
padding-left : 640px;
}
.container_12 .prefix_11 {
padding-left : 768px;
}
.container_12 .suffix_1 {
padding-right : 64px;
}
.container_12 .suffix_2 {
padding-right : 128px;
}
.container_12 .suffix_3 {
padding-right : 192px;
}
.container_12 .suffix_4 {
padding-right : 256px;
}
.container_12 .suffix_5 {
padding-right : 320px;
}
.container_12 .suffix_6 {
padding-right : 384px;
}
.container_12 .suffix_7 {
padding-right : 448px;
}
.container_12 .suffix_8 {
padding-right : 512px;
}
.container_12 .suffix_9 {
padding-right : 576px;
}
.container_12 .suffix_10 {
padding-right : 640px;
}
.container_12 .suffix_11 {
padding-right : 768px;
}
.dgrid_2 {
width : 108px;
}
.dgrid_3 {
width : 172px;
}
.dgrid_4 {
width : 236px;
}
.tgrid_2 {
width : 108px;
}
.tgrid_3 {
width : 172px;
}
img {
max-width : 100%;
height : auto;
}
.hide-tp {
display : none !important ;
}
.img-indent-none-tp {
float : none !important ;
margin-right : 0 !important ;
margin-bottom : 20px !important ;
}
.clear-tp {
display : block;
clear : both !important ;
padding-top : 20px !important ;
}
.extra-wrap-none-tp {
overflow : visible !important ;
}

    }


/*  #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
    @media only screen and (max-width: 767px) {

.container_12 {

background : #ffffff;
}
.container_12 .grid_1 {
width : 420px;
}
.container_12 .grid_2 {
width : 400px;
}
#footer {
width : 420px;
margin: 0px auto;
}
.adatlap_tooltip .grid_2 {
width : 400px;
}
.container_12 .userlist {
width: 99%;
}
.container_12 .grid_3 {
width: 100%;
float : left;
}
.adatlap_tooltip .grid_3 {
width : 400px;
}
.container_1 .userBox {
    float: left;
    height: 250px;
    margin: 5px;
    overflow: hidden;
    padding: 0px;
    width: 195px;
}
.container_12 .grid_4 {
width : 400px;
}
.container_12 .grid_14 {

float : left;
background: #FFFFFF;
}
.container_12 .grid_44 {

background : #f3f3f3;
    width: 300px;
float : right;
}
.container_12 .grid_5 {
margin-right : 20px;
width : 380px;
}
.adatlap_tooltip .grid_5 {
margin-right : 20px;
width : 380px;
}
.container_12 .grid_6 {
margin-right : 20px;
width : 380px;
padding : 0;
}
.adatlap_tooltip .grid_6 {
margin-right : 20px;
width : 380px;
padding : 0;
}
.container_12 .grid_7, .container_12 .grid_8 {
width : 400px;
}
.adatlap_tooltip .grid_7 {
display: none;
}
.adatlap_tooltip .faded {
display: none;
}
.container_12 .grid_9 {
width : 380px;
padding : 20px;
}
.container_12 .grid_10 {
width : 420px;
height : 300px;
}
.container_12 .grid_11 {
width : 420px;
}
.container_12 .grid_12 {
width : 380px;
}
.container_12 .grid_13 {
width : 380px;
margin : 0 20px;
padding-top : 40px;
}
#main {
width : 420px;
margin : 0 auto;
background : #ffffff;
}
.container_12 .prefix_1, .container_12 .prefix_2, .container_12 .prefix_3, .container_12 .prefix_4, .container_12 .prefix_5, .container_12 .prefix_6, .container_12 .prefix_7, .container_12 .prefix_8, .container_12 .prefix_9, .container_12 .prefix_10, .container_12 .prefix_11 {
padding-left : 0;
}
.container_12 .suffix_1, .container_12 .suffix_2, .container_12 .suffix_3, .container_12 .suffix_4, .container_12 .suffix_5, .container_12 .suffix_6, .container_12 .suffix_7, .container_12 .suffix_8, .container_12 .suffix_9, .container_12 .suffix_10, .container_12 .suffix_11 {
padding-right : 0;
}
.dgrid_2, .dgrid_3, .dgrid_4 {
width : 200px;
}
.tgrid_2, .tgrid_3 {
width : 126px;
}
.last-col {
margin-bottom : 0 !important ;
}
.hide-ml {
display : none !important ;
}
.img-indent-none-ml {
float : none !important ;
margin-right : 0 !important ;
margin-bottom : 20px !important ;
}
.clear-ml {
display : block;
clear : both !important ;
padding-top : 20px !important ;
}
.extra-wrap-none-ml {
overflow : visible !important ;
}

#rightblokk {

}

    }


/* #Mobile (Portrait)
================================================== */
    
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 479px) {

.container_12 {
width : 300px;
background : #ffffff;
}
#footer {
width : 300px;
margin: 0px auto;
background : #ffffff;
}
.container_12 .grid_1 {
width : 300px;
}
.container_12 .grid_2 {
width : 260px;
}
.adatlap_tooltip .grid_2 {
width : 260px;
}
.container_12 .userlist {
width: 99%;
}
.container_12 .grid_3 {
width: 100%;
float : left;
}
.adatlap_tooltip .grid_3 {
width : 260px;
}
.tabs {
    background: #fff none repeat scroll 0 0;
    border: none;
}
UL.tabNavigation {
    list-style : none;
    margin : 0;
    background-color : #e1e1e1;
    height : 20px;
    padding : 0;
}
.container_1 .userBox {
    float: left;
    height: 250px;
    margin: 5px;
    overflow: hidden;
    padding: 0px;
    width: 300px;
}
.container_12 .grid_4 {
width : 280px;
float : left;
}
.container_12 .grid_5 {
width : 260px;
}
.adatlap_tooltip .grid_5 {
width : 260px;
}
.container_12 .grid_6 {
width : 260px;
padding : 0;
}
.adatlap_tooltip .grid_6 {
width : 260px;
padding : 0;
}
.container_12 .grid_8 {
width : 280px;
}
.container_12 .grid_9 {
width : 260px;
padding : 20px;
}
#main {
width : 300px;
margin : 0 auto;
background : #ffffff;
}
.container_12 .grid_10 {
width : 300px;
height : 200px;
}
.container_12 .grid_11 {
width : 300px;
}
.container_12 .grid_12 {
width : 260px;
background : none 0% 0% repeat scroll #ffffff;
}
.container_12 .grid_13 {
width : 260px;
margin : 0 20px;
padding-top : 40px;
}
.container_12 .grid_14 {
width : 300px;
float : none;
background: #FFFFFF;
}
.container_12 .grid_44 {
width : 300px;
background : #f3f3f3;
float : none; 
}
.dgrid_2 {
width : 140px;
}
.dgrid_3, .dgrid_4 {
width : 300px;
}
.dgrid_3:first-child, .dgrid_4:first-child {
margin-right : 0;
margin-bottom : 30px;
}
.tgrid_2 {
width : 90px;
margin-right : 15px;
}
.tgrid_3 {
width : 300px;
margin-right : 0;
margin-bottom : 30px;
}
.tgrid_3.last-col {
margin-bottom : 0;
}
.hide-mp {
display : none !important ;
}
.img-indent-none-mp {
float : none !important ;
margin-right : 0 !important ;
margin-bottom : 20px !important ;
}
.clear-mp {
display : block;
clear : both !important ;
padding-top : 20px !important ;
}
.extra-wrap-none-mp {
overflow : visible !important ;
}
#rightblokk {

}

    }


/* #Clearing ================================================== */


.container_12:after {
content : "\0020";
display : block;
height : 0;
clear : both;
visibility : hidden;
background : #ffffff;
}
div.container_12 div.pad_box {
background : #ffffff;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
content : '\0020';
display : block;
/*overflow : hidden;
visibility : hidden;*/
width : 0;
height : 0;
}
.row:after, .clearfix:after {
clear : both;
}
.clear {
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}