/* Design - Main Containers */
#wrapper {width: 100%; min-height: 100%;}
.no-touch #wrapper {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.65) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(68%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.65) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.65) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.65) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0.65) 100%);
}
#container {margin: 0 auto; width: 90%; max-width: 1100px;}
#content {padding: 2%; overflow: hidden; background: #fff; border: 1px solid #d6edff; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 9px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 0px 9px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0); box-shadow: 0px 0px 9px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0); text-align: left;}
#contentPrimary {width: 71%; float: left;}
#contentSecondary {position: relative; width: 20.3%; float: right; -webkit-border-top-left-radius: 0; border-top-left-radius: 0;}

/* Design - Header */
header {position: relative;}
#hostLocation {position: absolute; right: 2.5%; top: 0; text-align: right;}
#hostLocation img {display: block; max-width: 100%; margin-top: 8px; float: right; clear: right;}

/* Design - Container Contents */
#tempShareThis {float: right;}
.finder #contentHeading h1 {float: left;}
.finder #contentHeading #tempSearchProgress {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: 2em 0 1em 0;}
#navPrimary li {display: inline;}
#navPrimary a {margin-right: .75em; font-size: 1em; color: #050505; padding: .5em 1em;
    background: #94d1fe;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzk0ZDFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NGQxZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ebf7ff 0%, #94d1ff 33%, #94d1ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf7ff), color-stop(33%,#94d1ff), color-stop(100%,#94d1ff));
    background: -webkit-linear-gradient(top, #ebf7ff 0%,#94d1ff 33%,#94d1ff 100%);
    background: -o-linear-gradient(top, #ebf7ff 0%,#94d1ff 33%,#94d1ff 100%);
    background: -ms-linear-gradient(top, #ebf7ff 0%,#94d1ff 33%,#94d1ff 100%);
    background: linear-gradient(to bottom, #ebf7ff 0%,#94d1ff 33%,#94d1ff 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #d6eeff;
    -moz-box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,1);
}
.lt-ie9 #navPrimary a {background: #94d1fe; behavior: url(/styles/PIE.htc);}
#navPrimary li.current a, #navPrimary a:focus, #navPrimary a:hover, #navPrimary a:active {color: #004a82;
    background: #dbedfb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmYwZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 73%, #d6f0ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(73%,#ffffff), color-stop(100%,#d6f0ff));
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 73%,#d6f0ff 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#ffffff 73%,#d6f0ff 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 73%,#d6f0ff 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 73%,#d6f0ff 100%);
    -moz-box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    box-shadow: 0px 0px 12px rgba(005,005,005,1), inset 0px 0px 0px rgba(255,255,255,0);
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,1);
}
.lt-ie9 #navPrimary li.current a, .lt-ie9 #navPrimary a:focus, .lt-ie9 #navPrimary a:hover, .lt-ie9 #navPrimary a:active {background: #edf4f9;}

/* 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: 33%; float: left;}

/*    Search Results List */
#searchResultsWrap {width: 62.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 .cms #socialShare > span {padding: 0 0 0 14px;}
.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) {
    .cms #socialShare > span {padding: 0 0 0 14px;}
    .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: 59.375em) {
    #hostLocation {right: 0; width: 48%;}
    #hostLocation img {display: inline-block; max-width: 45%; vertical-align: top; padding-right: 5px; float: none; clear: none;}
}

@media screen and (max-width: 46.875em) {
    #contentHeading h1 {font-size: 1.5em;}
    .cms #contentHeading h1 {max-width: 45%;}
    #searchResultsWrap header .actions {width: 40%;}
    #searchResultsWrap header .actions button {width: 100%;}
    #navPrimary a {margin-right: .5em; font-size: .9em; padding: .5em .5em;}
}
@media screen and (max-width: 37.5em) {
    #navPrimary a {margin-right: .5em; font-size: .85em; padding: .5em .5em;}
}

@media screen and (max-width: 56.25em) {
    .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: 93%;}
    .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: 57%; right: 2%;}
    .finder #contentSecondary.visibleMedDev aside {display: block;}
    .finder #contentSecondary.visibleMedDev img.sidebarTab {left: -23px;}
}