div#customAreas {
    margin: 25px;
}
h2 {
    float: left;
    width: 70%;
}
#buttonRow {
    width: 20%;
    padding: 10px 0;
    float: right;
    text-align: right;
}
p {
    float: left;
    clear: left;
    width: 70%;
    margin-top: 0;
    font-size: 13px;
    line-height: 16px;
}
#areaTable{
    width : 100%;
    padding : 10px 0;
    clear: both;
}
#areaTable .areaRow {
    padding: 13px;
    height: 39px;
    background-color: #ECECEC;
    border-top: #FFF 1px solid;
}
#areaTable .areaRow:hover{
    background-color: #CCCCCC;
}
#areaTable .indent_1 .areaName{
    padding-left : 20px;
}
#areaTable .indent_2 .areaName{
    padding-left : 50px;
}
#areaTable .areaRow .areaName{
    width : 600px;
    float : left;
    line-height: 35px;
}
#areaTable .areaRow .areaEdit{
    width : 100px;
    float : right;
    text-align: center;
}
#areaTable .areaRow .areaDelete{
    width : 100px;
    float : right;
    text-align: center;
}
#newArea1{
    width : 70%;
    height : 300px;
    margin : 0 auto;
}
#newArea1 .row{
    width : 100%;
    height : 35px;
    margin : 25px 0 0 0;
}
#newArea1 .row .label{
    width : 200px;
    float : left;
    margin : 0 25px 0 0 ;
    line-height: 34px;
}
#newArea1 #parent{
    width : 200px;
}
#newArea1 .row input{
    width : 200px;
}
input#areaName {
    padding: 5px;
}

#areaTable .indent_1 .areaName:before {
    content: "- ";
}
#areaTable .indent_2 .areaName:before {
    content: "-- ";
}
table#areaTable tr td {
    padding: 4px 13px;
    border-bottom: 1px dotted #999;
}
div#areaTable_wrapper {
    clear: both;
}
div#areaTable_filter input {
    font-size: 14px;
    padding: 5px 5px;
    margin-left: 5px;
    width: 470px;
}
div#areaTable_filter {
    float: right;
}

.edit select{
    width : 250px;
}