﻿.col-row,
#ns-admin-content {
    overflow: auto;
}

.col,
#ns-admin-sub-nav,
#primary-content,
.primary-content {
    float: left;
}

.col { margin-right: 20px; }
.col.last { margin-right: 0; }

.fr,
#ns-admin-body,
#secondary,
.secondary {
    float: right;
}

/* Fixed Grid System */

/* column count: 14 / column width: 50px / gutter: 20px  = Total width: 960px */

.fgs-1 { width: 50px; }
.fgs-2,
#ns-admin-sub-nav { width: 120px; }

.fgs-3 { width: 190px; }

.fgs-4,

#secondary,.secondary { width: 240px; margin-right:20px; }

.fgs-5 { width: 330px; }
.fgs-6 { width: 400px; }
.fgs-7 { width: 470px; }
.fgs-8 { width: 540px; }
.fgs-9 { width: 610px; }
.fgs-10 { width: 680px; }
.fgs-11 { width: 750px; }
.fgs-12 { width: 820px; }
.fgs-13 { width: 890px; }
.fgs-14 { width: 960px; }

/* Fluid Columns */

.fc-1col,
#ns-admin-body,
#primary-content,.primary-content { width: 100%; }

.fc-2cols { width: 50%; }
.fc-4cols { width: 25%; }
.fc-4cols-3 { width: 75%; }
.fc-3cols { width: 33.33%; }
.fc-3cols-2 { width: 66.66%; }
.fc-5cols { width: 20%; }
.fc-5cols-2 { width: 40%; }
.fc-5cols-3 { width: 60%; }
.fc-10cols { width: 10%; }

/* Margins */

#ns-admin-sub-nav { margin: 0 0 20px 20px; position: relative; }
#ns-admin-body { margin-left: -230px; }
#ns-admin-content { margin-left: 20px; margin-right: 20px; }
#primary-content,.primary-content { margin-right: -260px; }
#primary,.primary { margin-right: 280px; }
#secondary {}

/* Some pages doesn't fit well, adjust */

.narrower-primary-content {
    margin-right: -330px;
}

.narrower-primary {
    margin-right: 310px;
}

.wider-secondary {
    width: 260px;
    margin-right: 0px !important;
}

.wider-secondary .editor-field input[type="text"],.wider-secondary .editor-field textarea, .wider-secondary .editor-field input[type="password"], .wider-secondary .editor-field select { 
    width: 250px;
}

/* And some of them need even narrower right column, adjust 150 px */

.narrowest-primary-content {
    margin-right: -480px;
}

.narrowest-primary {
    margin-right: 460px;
}

/*.ui-tabs-panel .narrowest-primary-content {
    margin-right: -580px;
}

.ui-tabs-panel .narrowest-primary {
    margin-right: 560px;
}*/

.widest-secondary {
    width: 410px;
    margin-right: 0px !important;
}

.widest-secondary .editor-field input[type="text"],
.widest-secondary .editor-field .mceLayout,
.widest-secondary .editor-field input[type="password"],
.widest-secondary .editor-field select { 
    width: 400px !important;
}
