#wpmob-settings {
	margin: 20px;
	width: 960px;
	/*background: url('../../imgs/main_bg.png') repeat-y;*/
	overflow: hidden;
	/*border: 1px solid #c6c6c6;*/
	position: relative;
}
#wpmob-sidebar{
    width: 250px;
    float:left;
}

.wpmob-hide{
    display:none;
}

#wpmob-content{
	border: 1px solid #c6c6c6;
    line-height: 18px;
    font-family: 'Arial', sans-serif;
    color: #2b2b2b;
    height: 100%;
    font-weight: normal;
    font-size: 12px;
    padding: 20px;
    width: 668px;
    float:right;
    min-height: 285px;
}

#wpmob-content h4{
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#wpmob-meta-info{
    padding: 20px;
    overflow: hidden;
}

/* Forms */

#wpmob-settings input, 
.wpmob-image-checkbox,
.wpmob-image-radio,
.wpmob-button-blue, 
.wpmob-button,
#wpmob-settings textarea{
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 8px 10px;
    font-size: 12px;

    color: #898989;
    display: block;
}

#wpmob-settings select{
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 34px;
    padding: 0 0 0 5px;
    font-size: 12px;
    min-width: 150px;

    color: #898989;
    display: block;
}

#wpmob-settings input.wpmob-color-picker{
    width: 70px;
    color: #f0f0f0;
}

#wpmob-settings textarea{
    font-family: 'Arial', sans-serif;
}

#wpmob-settings input:focus, #wpmob-settings textarea:focus{
    outline: none!important;
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
}

#wpmob-settings input[type="button"],
#wpmob-settings input[type="submit"],
.wpmob-button-blue, 
.wpmob-button,
#wpmob-settings input[type="reset"]{
    display: inline;
    padding: 7px 17px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;

    font-size: 11px;
}

.wpmob-button,
#wpmob-settings input[type="button"]{
    color: #a9a9a9;
    text-shadow: 0 1px 0 white;
    background: rgb(245,245,245);


    background-image: linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 100%, rgb(237,237,237) 0%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(245,245,245)),
        color-stop(0, rgb(237,237,237))
        );

    border: 1px solid #c0c0c0;

    box-shadow: 0 1px 0 white inset;
}

.wpmob-button:active,
#wpmob-settings input[type="button"]:active{
    background-image: linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -o-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(237,237,237) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(245,245,245)),
        color-stop(1, rgb(237,237,237))
        );

    box-shadow: none;
}
.wpmob-button:hover,
#wpmob-settings input[type="button"]:hover{
    background-image: linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -o-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -moz-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -webkit-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);
    background-image: -ms-linear-gradient(bottom, rgb(242,242,242) 100%, rgb(235,235,235) 0%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(242,242,242)),
        color-stop(0, rgb(235,235,235))
        );
}

#wpmob-settings input[type="submit"],
.wpmob-button-blue, 
#wpmob-settings input[type="reset"]{
    color: white;
    text-shadow: 0 1px 0 #24538b;
    background: url('../../imgs/buttonblue_bg.png');

    border: 1px solid #477dae;

    box-shadow: 0 1px 0 #93c1eb inset;
}

#wpmob-settings input[type="submit"]:hover,
.wpmob-button-blue:hover, 
#wpmob-settings input[type="reset"]:hover{
    background: #558BBC;
    box-shadow: 0 1px 0 #558BBC inset;
}

#wpmob-settings input[type="submit"]:active,
.wpmob-button-blue:active, 
#wpmob-settings input[type="reset"]:active{
    background-image: linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -o-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -moz-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -webkit-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);
    background-image: -ms-linear-gradient(bottom, #679CCE 0%, #497EB0 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #679CCE),
        color-stop(1, #497EB0)
        );

    box-shadow: none;
}

/* Content */

.save-button{
    float: right;
    display: inline;
}

.wpmob-settings-headline{
    font-size: 14px;
    text-transform: uppercase;
    color: #898989;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 0;
    border-bottom: 1px solid #c0c0c0;
    overflow: hidden;
}

#wpmob-content h2{
    display: inline;
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    color: #898989;
    font-weight: bold;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
    padding-bottom: 5px;
    margin-bottom: 0;
}


#wpmob-meta-info h1{
    font-family: 'Rokkitt', serif;
    color: #ffffff;
    font-weight: normal;
    font-size: 18px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin-top: 0;
}


#wpmob-meta-info h2{
    font-family: 'Arial', sans-serif;
    color: #898989;
    font-weight: normal;
    font-size: 10px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin-top: 0;
    margin-bottom: 5px;
}

#wpmob-content label{
    width: 100%;
    font-size: 12px;
    color: #535356;
    display: inline-block;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
    padding-bottom: 3px;
    -webkit-transition: color .12s ease-in-out;
    -moz-transition: color .12s ease-in-out;
    -o-transition: color .12s ease-in-out;
    -ms-transition: color .12s ease-in-out;
    transition: color .12s ease-in-out;
}

#wpmob-content label:hover{
    color: #0c84bb;
}

#wpmob-content input[type="radio"], #wpmob-content input[type="checkbox"]{
    display: inline-block;
}

.wpmob-fullwidth{
    width: 389px;
}

.tab-content .separator{
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #f5f5f5;
    margin-bottom: 0;
    padding-top: 20px;
    overflow: hidden;
    margin: 0 10px;
}

.tab-content .separator:nth-last-child(1){
    border: none;
    border-top: 1px solid #f5f5f5;
}

.tab-content .separator:nth-child(2){
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 0;
}

#wpmob-content .label{
    width: 209px;
    height: 100%;
    float: left;
    margin-top: 10px;
}

#wpmob-content .description{
    font-style: italic;
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 20px;
    color: #898989;
}

/* Main Menu */

#wpmob-main-menu p{
    margin: 0;
}

#wpmob-main-menu{
    list-style: none;
    font-family: 'Arial', serif;
    color: #f5f5f8;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0 1px 0 #2b2b2b;  
    margin: 0;
    padding: 0; 
    border: 1px solid #252525;
}

#wpmob-main-menu li{
    margin-bottom: 0;
}

#wpmob-main-menu p{
    line-height: 45px;
    cursor: pointer;
}

.settings-content{
    float: right;
    width: 440px;
}

#wpmob-main-menu > li p, #wpmob-main-menu > li .p{
    background: url('../../imgs/top_men_bg.png');  
    border-top: 1px solid #535356;
    border-bottom: 1px solid #252525;
    padding-left: 50px;
    position: relative;
}

#wpmob-main-menu > li:nth-last-child(1) > p{
    border-bottom: none;
}

#wpmob-main-menu li p:hover{
    box-shadow: 0 0 25px #2a2a2a inset;
    border-top: 1px solid #2a2a2a;
}

#wpmob-main-menu li p:active{
    box-shadow: 0 0 25px #121212 inset;
    border-top: 1px solid #121212;
}

#wpmob-main-menu a{
    text-decoration: none;
    color: #f5f5f8;
    text-shadow: 0 1px 0 #2b2b2b;  
}

#wpmob-main-menu > li > ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: none;
}

.wpmob_image_preview img{
    max-width: 380px;
    margin: 5px 3px 0;
    padding: 2px;
    background: white;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    
    background: #ffffff;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
}

.wpmob_image_preview img:hover{
    border: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
}

#wpmob-main-menu > li > ul li p:hover{
    box-shadow: 0 0 25px #191919 inset;
    border-top: 1px solid #191919;
}

#wpmob-main-menu > li > ul li p:active{
    box-shadow: 0 0 25px #121212 inset;
    border-top: 1px solid #121212;
}

#wpmob-main-menu > li > ul li p{
    background: #2d2d2d;
    border-bottom: 1px solid #252525;
    border-top: 1px solid #2d2d2d;
    padding-left: 25px;
    position: relative;
}

#wpmob-main-menu > li > ul li:nth-last-child(1) p{
    border-bottom: none;
}

#wpmob-main-menu > li > ul li p:after{
    position: absolute;
    right: 15px;
    top: 15px;
    content: ' ';
    background: url('../../imgs/arrow.png');
    width: 9px;
    height: 15px;
}


.wpmob-button-blue, .wpmob-button{
    margin: 5px 2px;
    line-height: 40px;
}

.wpmob-image-radio,
.wpmob-image-checkbox{
    margin: 5px;
    padding: 5px 5px 0;
    float: left;
    text-align: center;
    width: auto !important;
}

.cOf{
    overflow: hidden;
    display: block;
}

.wpmob-img-selected{
    background: #558bbc;
    border: 1px solid #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
    color: white !important;
    text-shadow: none !important;
}

.wpmob-image-radio p,
.wpmob-image-checkbox p{
    margin: 0;
}

.centerInfo h4{
    font-size: 12px!important;
    font-weight: normal;
    color: #535356;
    text-align: center;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    font-style: italic;
    font-family: 'Arial', sans-serif;
    text-shadow: 0 1px 0 #f5f5f5;
}

.centerInfo img{
    text-align: center;
    margin: 0 auto;
    width: 300px;
}

.centerInfo {
    width: 300px;
    margin: 50px auto;
}


.wpmob-image-radio-b,
.wpmob-image-checkbox-b{
    background: black;
    display: none !important;
}


#wpmob-main-menu > li span{
    position: absolute;
    left: 0;
    top: 14px;
    left: 25px;
    width: 16px;
    height: 16px;
}
