div#customPages {
    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;
}
#pageTable{
    width : 100%;
    padding : 10px 0;
    clear: both;
}
#pageTable .pageRow {
    padding: 13px;
    height: 39px;
    background-color: #ECECEC;
    border-top: #FFF 1px solid;
}
#pageTable .pageRow:hover{
    background-color: #CCCCCC;
}
#pageTable .indent_1 .pageName{
    padding-left : 20px;
}
#pageTable .indent_2 .pageName{
    padding-left : 50px;
}
#pageTable .pageRow .pageName{
    width : 600px;
    float : left;
    line-height: 35px;
}
#pageTable .pageRow .pageEdit{
    width : 100px;
    float : right;
    text-align: center;
}
#pageTable .pageRow .pageDelete{
    width : 100px;
    float : right;
    text-align: center;
}
#newPage1{
    width : 70%;
    height : 300px;
    margin : 0 auto;
}
#newPage1 .row{
    width : 100%;
    height : 35px;
    margin : 25px 0 0 0;
}
#newPage1 .row .label{
    width : 200px;
    float : left;
    margin : 0 25px 0 0 ;
    line-height: 34px;
}
#newPage1 #parent{
    width : 200px;
}
#newPage1 .row input{
    width : 200px;
}
input#pageName {
    padding: 5px;
}
#newPage2{
    width : 100%;
}
#newPage2 .column{
    width : 25%;
    float : left;
    text-align : center;
    font-size: 14px;
    line-height: 23px;
}
#newPage2 .column #column1image{
    background-image: url('../../../images/community/common/customPages/layout1.jpg');
    background-repeat: no-repeat;
    width : 133px;
    height : 131px;
    margin : 0 auto;
}
#newPage2 .column #column2image{
    background-image: url('../../../images/community/common/customPages/layout2.jpg');
    background-repeat: no-repeat;
    width : 133px;
    height : 131px;
    margin : 0 auto;
}
#newPage2 .column #column3image{
    background-image: url('../../../images/community/common/customPages/layout3.jpg');
    background-repeat: no-repeat;
    width : 133px;
    height : 131px;
    margin : 0 auto;
}
#newPage2 .column #column4image{
    background-image: url('../../../images/community/common/customPages/layout4.jpg');
    background-repeat: no-repeat;
    width : 133px;
    height : 131px;
    margin : 0 auto;
}
#newPage2 .column #column5image{
    background-image: url('../../../images/community/common/customPages/layoutSchoolDashboard.jpg');
    background-repeat: no-repeat;
    width : 133px;
    height : 131px;
    margin : 0 auto;
}
#newPage3{
    width : 100%;
}
#newPage3 #topRow{
    width : 100%;
    margin: 5px 0 10px;
    padding: 5px 0;
    border-bottom : 1px dotted #CCCCCC;
    font-size: 14px;
    clear: both;
    height: 45px;
    float: left;
}
#newPage3 #topRow b {
    line-height: 46px;
    float: left;
    padding-right: 10px;
}
#newPage3 #topRow select{
    width : 200px;
}
#topRow .chzn-container {
    margin: 10px 6px 0 0;
    float: left;
}
/*#newPage3 #topRow #widgetType_chzn .chzn-single,
#newPage3 #topRow #widgetLocation_chzn .chzn-single{
    height : 30px;
    padding : 5px;
}*/
#newPage3 #topRow #newWidgetButton{
    float: left;
    margin : 6px 25px 0 0;
    font-size: 13px;
}
#newPage3 #topRow #widgetType{
    float : left;
    margin : 0 25px 0 0;
}
#newPage3 #topRow #widgetLocation{
    float : left;
    margin : 0 25px 0 0;
}
#newPage3 #left{
    width : 50%;
    padding : 0 2%;
    float : left;
    min-height : 300px;
    border-right : 1px solid #000000;
}
#newPage3 #right{
    width : 41%;
    padding : 0 2%;
    float : left;
    min-height : 300px;
}
#newPage3 #widgetTable{
    width : 100%;
    margin-top: 10px;
}
div#widgetTable b {
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
}
#newPage3 #widgetTable #widgetTableRow{
    width : 100%;
    height: 20px;
    padding: 9px 0;
    font-size: 15px;
    background-color: #FFF;
    margin-bottom: 1px;
}
#newPage3 #widgetTable #widgetTableRow .numberBox{
    width : 18px;
    float : left;
    margin: 0 10px;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox{
    width : 18px;
    float : left;
    margin-right : 10px;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox .upArrow{
    width : 18px;
    height : 9px;
    opacity: .8;
    background-image: url('../../../images/community/common/arrowUp1.png');
    background-repeat: no-repeat;
    cursor : pointer;
    margin-bottom : 3px;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox .justUpArrow{
    width : 18px;
    height : 9px;
    opacity: .8;
    margin-top : 5px;
    background-image: url('../../../images/community/common/arrowUp1.png');
    background-repeat: no-repeat;
    cursor : pointer;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox .downArrow{
    width : 18px;
    height : 9px;
    opacity: .8;
    background-image: url('../../../images/community/common/arrowDown1.png');
    background-repeat: no-repeat;
    cursor : pointer;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox .justDownArrow{
    width : 18px;
    height : 9px;
    opacity: .8;
    margin-top : 5px;
    background-image: url('../../../images/community/common/arrowDown1.png');
    background-repeat: no-repeat;
    cursor : pointer;
}
#newPage3 #widgetTable #widgetTableRow .arrowBox .upArrow:hover,
#newPage3 #widgetTable #widgetTableRow .arrowBox .justUpArrow:hover,
#newPage3 #widgetTable #widgetTableRow .arrowBox .downArrow:hover,
#newPage3 #widgetTable #widgetTableRow .arrowBox .justDownArrow:hover {
    opacity:1;
}
#newPage3 #widgetTable #widgetTableRow .widgetType{
    width : 135px;
    float : left;
}
#newPage3 #widgetTable #widgetTableRow .widgetLocation{
    width : 135px;
    float : left;
}
#newPage3 #widgetTable #widgetTableRow .widgetDeleteButton{
    width : 20px;
    height : 20px;
    cursor : pointer;
    background-image: url('../../../images/community/common/btngraph_deleteMd.png');
    background-repeat: no-repeat;
    float : left;
}
#newPage3 #pagePreview .previewBox{
    width : 300px;
    min-height : 300px;
    margin : 10px auto;
    border : 2px solid #000000;
    background-color: #FFFFFF;
    padding : 5px;
    float : left;
}
#newPage3 #pagePreview #previewBoxOne #previewLeftColumn, #newPage3 #pagePreview #previewBoxFive #previewLeftColumn{
    width : 142px;
    min-height : 290px;
    margin : 5px;
    background-color: #DAE5E8;
    float : left;
}
#newPage3 #pagePreview #previewBoxOne #previewRightColumn, #newPage3 #pagePreview #previewBoxFive #previewRightColumn{
    width : 142px;
    min-height : 290px;
    margin : 5px 0 5px 5px;
    background-color: #DAE5E8;
    float :left;
}
#newPage3 #pagePreview #previewBoxTwo #previewLeftColumn{
    width : 195px;
    min-height : 290px;
    margin : 5px 0 5px 5px;
    background-color: #DAE5E8;
    float : left;
}
#newPage3 #pagePreview #previewBoxTwo #previewRightColumn{
    width : 90px;
    min-height : 290px;
    margin : 5px;
    background-color: #DAE5E8;
    float : left;
}
#newPage3 #pagePreview #previewBoxThree #previewLeftColumn{
    width : 90px;
    min-height : 290px;
    margin : 5px;
    background-color: #DAE5E8;
    float : left;
}
#newPage3 #pagePreview #previewBoxThree #previewRightColumn{
    width : 195px;
    min-height : 290px;
    margin : 5px 0 5px 5px;
    background-color: #DAE5E8;
    float :left;
}
#newPage3 #pagePreview #previewBoxFour #previewLeftColumn{
    width : 0;
    min-height : 0;
    margin : 0;
    background-color: #DAE5E8;
    float : left;
}
#newPage3 #pagePreview #previewBoxFour #previewRightColumn{
    width : 284px;
    min-height : 290px;
    margin : 5px;
    background-color: #DAE5E8;
    float :left;
}
#newPage3 #pagePreview .previewBox .bigBox{
    width : 183px;
    height : 68px;
    margin : 10px 5px;
    border : 1px dotted #000000;
    background-color: #CCCCCC;
    text-align : center;
    padding-top : 30px;
}
#newPage3 #pagePreview .previewBox#previewBoxFour .bigBox {
    width: 270px;
}
#newPage3 #pagePreview .previewBox .mediumBox{
    width : 130px;
    height : 68px;
    margin : 10px 5px;
    border : 1px dotted #000000;
    background-color: #CCCCCC;
    text-align : center;
    padding-top : 30px;
}
#newPage3 #pagePreview .previewBox .smallBox{
    width : 78px;
    height : 68px;
    margin : 10px 5px;
    border : 1px dotted #000000;
    background-color: #CCCCCC;
    text-align : center;
    padding-top : 30px;
}
#newPage3 #pagePreview .previewBox {
    font-size: 13px;
}
#pageTable .indent_1 .pageName:before {
    content: "- ";
}
#pageTable .indent_2 .pageName:before {
    content: "-- ";
}
table#pageTable tr td {
    padding: 4px 13px;
    border-bottom: 1px dotted #999;
}
div#pageTable_wrapper {
    clear: both;
}
div#pageTable_filter input {
    font-size: 14px;
    padding: 5px 5px;
    margin-left: 5px;
    width: 470px;
}
div#pageTable_filter {
    float: right;
}