/* Design - Main Containers */
#wrapper {width: 100%; min-height: 100%; padding-top: 8px; background: transparent url(../images/template/bgWrapper.png) left top repeat-x;}
.no-touch #wrapper {}
#container {margin: 0 auto; width: 90%; max-width: 1100px;}
#content {padding: 3.5% 0 1% .5%; clear: both; overflow: hidden; background: transparent; text-align: left;}
#contentPrimary {width: 68%; padding: 2%; float: left; border: 1px solid #d8d9db; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(216, 217, 218, 1); box-shadow: 0px 0px 5px 0px rgba(216, 217, 218, 1);}
#contentSecondary {position: relative; width: 20.3%; float: right; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;}

/* Design - Header */
header {position: relative;}
header div.logo {float: left; max-width: 31.5%;}

/* Design - Container Contents */
#tempShareThis {float: right;}
.finder #contentHeading h1 {float: left;}
.finder #contentHeading #tempSearchProgress {margin-top: .5em; float: right;}
#contentHeading:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.lt-ie8 #contentHeading {zoom: 1;}

/* Design - Search start Page Containers */
#searchMainAction {width: 60%; float: left;}
#searchOtherActions {width: 25%; margin-right: 3%; float: right;}

/* Design - Sidebar Contents */
#contentSecondary .sidebarTab {position: absolute; left: -23px; top: -1px; width: 23px; height: 172px;}
.lt-ie8 #contentSecondary .sidebarTab {display: none;}


/* Design - Navigation */
/*   Main Nav */
#navPrimary {margin: 1.5em 0 1em 0; float: right;}
#navPrimary li {display: inline; padding-left: 1.75em;}
#navPrimary a {padding-bottom: .2em; font-size: 1em; font-weight: bold; color: #898d8e; border: none; text-transform: uppercase;}
.lt-ie9 #navPrimary a {}
#navPrimary li.current a, #navPrimary a:focus, #navPrimary a:hover, #navPrimary a:active {border-bottom: 4px solid #00b832;}
#navPrimary li.current a:focus, #navPrimary li.current a:hover, #navPrimary li.current a:active {cursor: default;}

/* Design - Special Sections */
/*    Initial Interview Form */
.formWrapInitialSearch dl dl dt {width: 44%; float: left; clear: both; margin: 0; padding: 0 0 .6em 0;}
.formWrapInitialSearch dl dl dd {width: 54%; float: right; margin: 0; padding: 0 0 .6em 0;}
.lt-ie8 .formWrapInitialSearch dl dl dd {float: none; zoom: 1;}


/*    Refinement Interview Form */
#facetedSelection {width: 30%; float: left;}

/*    Search Results List */
#searchResultsWrap {width: 65.5%; float: right;}
#searchResultsWrap.singleScholarship {width: 100%; float: none;}

/*    Scholarship Basket */
#basketActions {width: 18%;}

/*    msgAlert */
.msgAlert {width: 400px; left: 50%; top: 50px; margin-left: -200px;}

/* Device adjustments */
/*   Touch-enabled Device Adjustments - Duplicate in a Media Query to Catch More Devices */
.touch .formWrapInitialSearch dl dl dd {padding: 0 0 1em 0;}
.touch .formWrapInitialSearch #gender-element label,
.touch .formWrapInitialSearch #cocurricular-element label,
.touch .formWrapInitialSearch #parent_employer-element label,
.touch .formWrapInitialSearch #major-element label,
.touch .formWrapInitialSearch #college-element label {line-height: 2.4;}
.touch #formWrapRefinementSearch dl dl dt {margin-top: .6em; padding: .4em .5em;}
.touch #formWrapRefinementSearch #gender-element label,
.touch #formWrapRefinementSearch #cocurricular-element label,
.touch #formWrapRefinementSearch #parent_employer-element label,
.touch #formWrapRefinementSearch #major-element label,
.touch #formWrapRefinementSearch #college-element label {line-height: 2.9;}
.touch #searchResultsWrap header .actions button {margin-bottom: 1em;}
.touch #basketActions button {margin-bottom: 1em;}
.touch #saveBasket br {line-height: 2.2;}

/*   Catch devices with max device (not viewport) width smaller than 1024;
     attempt to get touch devices where .touch class not triggered
*/
@media all and (max-device-width: 1023px) {
    .formWrapInitialSearch dl dl dd {padding: 0 0 1em 0;}
    .formWrapInitialSearch #gender-element label,
    .formWrapInitialSearch #cocurricular-element label,
    .formWrapInitialSearch #parent_employer-element label,
    .formWrapInitialSearch #major-element label,
    .formWrapInitialSearch #college-element label {line-height: 2.4;}
    #formWrapRefinementSearch dl dl dt {margin-top: .6em; padding: .4em .5em;}
    #formWrapRefinementSearch #gender-element label,
    #formWrapRefinementSearch #cocurricular-element label,
    #formWrapRefinementSearch #parent_employer-element label,
    #formWrapRefinementSearch #major-element label,
    #formWrapRefinementSearch #college-element label {line-height: 2.9;}
    #searchResultsWrap header .actions button {margin-bottom: 1em;}
    #basketActions button {margin-bottom: 1em;}
    #saveBasket br {line-height: 2.2;}
}

/*   Minor Responsive Breakpoints */
@media screen and (max-width: 65em) {
    #navPrimary li {padding-left: 1.4em;}
    #navPrimary li:first-child {padding-left: 0;}
    #navPrimary a {font-size: .8em;}
}

@media screen and (max-width: 56.25em) {
    #container > header {text-align: center;}
    header div.logo {float: none; max-width: none;}
    #navPrimary {margin-top: 2em; float: none;}
    #navPrimary li {padding-left: 0; padding-right: 1.75em;}
    #navPrimary li:last-child {padding: 0;}
    
    #content {padding-top: 1em;}
    
    .finder #contentHeading {margin-bottom: 2em;}
    .finder #contentHeading h1,
    .finder #contentHeading #tempSearchProgress {float: none;}

    .finder #content {position: relative; overflow: visible;}
    .finder #content:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
    .finder #contentPrimary {width: 90%;}
    .finder #contentSecondary {width: 23px; padding: 0; right: 0;}
    .finder #contentSecondary aside {display: none;}
    .finder #contentSecondary img.sidebarTab {cursor: pointer; left: 0;}
    .finder #contentSecondary.visibleMedDev {position: absolute; padding: 2%; width: 55%; right: 2%;}
    .finder #contentSecondary.visibleMedDev aside {display: block;}
    .finder #contentSecondary.visibleMedDev img.sidebarTab {left: -23px;}
}

@media screen and (max-width: 46.875em) {
/*    #contentHeading h1 {font-size: 1.5em;}*/
    #searchResultsWrap header .actions {width: 40%;}
    #searchResultsWrap header .actions button {width: 100%;}
    #navPrimary a {}
}
@media screen and (max-width: 38em) {
    #navPrimary li {padding-right: 1em;}
    #navPrimary li:last-child {padding: 0;}
    #navPrimary a {font-size: .75em;}
}