﻿@media only screen and (min-width: 1000px) {
    .configpane {
        top: 56px;
        left: 0px;
        width: 760px;
        height: 100%;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DBDBDB;
    }
.tm_configbuttattr {
    position: relative;
    width:160px;
    height:40px;
    line-height:18px !important;
    margin-top:10px !important;
}
.configcontentarea {
    position:absolute;
    top:0px;
    bottom:0px;
    left:136px;
    right:0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}
.configbannerarea {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    width:136px;
    background-color:#A8DEF0;
    border-top-left-radius :6px;
    border-bottom-left-radius :6px;
    background-image : url(../images/mg_banrbtm.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

}

@media only screen and (max-width: 999px) {

.tm_configbuttattr {
    position: relative;
    width:49%;
    height:40px;
    line-height:18px !important;
    margin-top:10px !important;
}
        .configpane {
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #DBDBDB;
    }
        .configbannerarea {
    display:none;
}
        .configcontentarea {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}

}

/*.configpane {
    position:absolute;
    top:70px;
    left:0px;
    width:950px;
    height:550px;
    background-color:#FFFFFF;
    border-radius: 6px;
    border:1px solid #DBDBDB;
}

.boundingbox{
    border-left:1px solid #536674;
    border-right:1px solid #536674;
    border-bottom:1px solid #536674;
    width:100%;
    height:370px;
    overflow-y:scroll;
    overflow-x:none;
}

.boundingboxhdr {
    display:none;
    border-top:1px solid #536674; 
    border-left:1px solid #536674; 
    border-right:1px solid #536674; 
    width:100%;
    height:30px;
    background-color:#CCCECF; 
}

.footerpane {
    font-size:12px;
    position:absolute;
    bottom:-30px;
}

.configrows {
    list-style-type: none;
    text-align:left;
    padding: 0;
}

.contactrows {
    list-style-type: none;
    text-align:left;
    padding: 15px;

}

.configpanearea {
    margin: 25 25 25 25;
    text-align:left;
}

.configbannerarea {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    width:170px;
    background-color:#A8DEF0;
    border-top-left-radius :6px;
    border-bottom-left-radius :6px;
    background-image : url(../images/mg_banrbtm.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.configcontentarea {
    position:absolute;
    top:0px;
    bottom:0px;
    left:170px;
    right:0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}

.configcontentarea2 {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}

.mgli {
    height:60px;
}

.mgCfgLogo {
    left:50%;
    width:150px;
    margin-left:-75px;
    margin-top:30px;
    margin-bottom:15px;
    position:relative;
}

.mglipic {
    width:60px;
    height:60px;
    float:left;
}

.mglititle {
    width:600px;height:60px;float:left;
}

.mglicaption {
    margin-left:20px;margin-top:-5px;float:left;
}

.configfieldsarea {
    float:left;
    clear:both;
    position:relative;
    width:100%;
}

.tm_configbuttattr {
    position: relative;
    width:200px;
    height:50px;
}

.tm_configbuttattr2 {
    position: relative;
    width:200px;
    height:50px;
    left:50%;
    margin-left:-100px;
    margin-top:20px;
}

.mg_obtltitle {
    position: relative;
    margin-left:0px;
    font-weight:600;
    color:#358EB7;
    font-size:23pt;
}

.mg_obtltitle2 {
    position:relative;
    left:0px;
    right:0px;
    font-weight:600;
    color:#358EB7;
    font-size:23pt;
    text-align:center;
    line-height:30px;
    letter-spacing:-0.5px;
}

.mg_obtl {
    position: relative;
    margin-left:0px;
    font-weight:normal;
}

.mg_obtl2 {
    position: relative;
    font-weight:normal;
    width:500px;
    left:50%;
    margin-left:-250px;
    margin-top:8px;
    text-align :center;
}

.mgContPhoto {
    width:50px;
    height:50px;
}

.mgContContain {
    position:absolute;
    left:80px;
    top:0px;
    background-color: #FF00FF;
}

.chkContTick {
    cursor:pointer;
}*/




.boundingbox{
    border-left:1px solid #536674;
    border-right:1px solid #536674;
    border-bottom:1px solid #536674;
    width:100%;
    height:296px;
    overflow-y:scroll;
    overflow-x:none;
}

.boundingboxhdr {
    display:none;
    border-top:1px solid #536674; 
    border-left:1px solid #536674; 
    border-right:1px solid #536674; 
    width:100%;
    height:24px;
    background-color:#CCCECF; 
}

.footerpane {
    font-size:10px;
    position:absolute;
    bottom:-24px;
}

.configrows {
    list-style-type: none;
    text-align:left;
    padding: 0;
}

.lispacer {
    margin-top:8px;
}

.contactrows {
    list-style-type: none;
    text-align:left;
    padding: 15px;

}

.configpanearea {
    margin: 25 25 25 25;
    text-align:left;
}




.configcontentarea2 {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom-right-radius :6px;
    border-top-right-radius :6px;
}

.mgli {
    height:48px;
}

.mgCfgLogo {
    left:50%;
    width:120px;
    margin-left:-60px;
    margin-top:24px;
    margin-bottom:12px;
    position:relative;
}

.mglipic {
    width:48px;
    height:48px;
    float:left;
}

.mglititle {
    width:480px;height:48px;float:left;
}

.mglicaption {
    margin-left:16px;margin-top:-4px;float:left;
}

.configfieldsarea {
    float:left;
    clear:both;
    position:relative;
    width:100%;
}



.tm_configbuttattr2 {
    position: relative;
    width:160px;
    height:40px;
    left:50%;
    margin-left:-80px;
    margin-top:16px;
    line-height:18px !important;
}

.mg_obtltitle {
    position: relative;
    margin-left:0px;
    font-weight:600;
    color:#358EB7;
    font-size:18pt;
}

.mg_obtltitle2 {
    position:relative;
    left:0px;
    right:0px;
    font-weight:600;
    color:#358EB7;
    font-size:18pt;
    text-align:center;
    line-height:24px;
    letter-spacing:-0.5px;
}

.mg_obtl {
    position: relative;
    margin-left:0px;
    font-weight:normal;
}

.mg_obtl2 {
    position: relative;
    font-weight:normal;
    width:400px;
    left:50%;
    margin-left:-200px;
    margin-top:6px;
    text-align :center;
}

.mgContPhoto {
    width:40px;
    height:40px;
}

.mgContContain {
    position:absolute;
    left:64px;
    top:0px;
    background-color: #FF00FF;
}

.chkContTick {
    cursor:pointer;
}
