/* Design - Main Containers */
#wrapper {width: 100%;}
#container {margin: 0 auto; width: 95%;}
#content {padding: 0; overflow: hidden; background: transparent; text-align: left;}
#contentPrimary {padding: 2.5%; border: 1px solid #d8d9db; -webkit-border-radius: 2px; border-radius: 2px; background: #fff;}
#contentSecondary {padding: 2.5%;}

/* Design - Header */
header:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
header div.logo {max-width: 55%; float: left;}
#smallDeviceNavEnabler {display: block; width: 40%; float: right; text-align: right;}
#smallDeviceNavEnabler button {margin-bottom: .9em; margin-left: .3em; font-size: .9em;}

/* Design - Container Contents */
#contentHeading {margin: 1.25em 0;}
.cms #contentHeading:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#contentHeading h1 {font-size: 1.4em;}
.cms #contentHeading h1 {width: auto; max-width: none; float: none; text-align: left;}

/* Design - Search start Page Containers */
#searchMainAction,
#searchOtherActions {margin-bottom: 1em;}

/* Design - Sidebar Contents */
#contentSecondary .sidebarTab {display: none;}

/* Design - Footer */
footer {text-align: left;}
footer img {display: block; margin-bottom: .7em;}


/* Design - Navigation */
/*   Main Nav */
#navPrimary {margin: 1em 0 .5em 0; padding-top: 1em; clear: both;}
#navPrimary li {margin-top: .3em; background: #1f7bae; border: none; -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; font-size: 1.1em; color: #fff;}
#navPrimary li a {display: block; padding: .4em .5em; font-size: .85em; border: none; color: #fff;}
#navPrimary li.current a, #navPrimary a:focus, #navPrimary a:hover, #navPrimary a:active {color: #5ed27f}


/* Design - Special Sections */
/*    Initial Interview Form */
.formWrapInitialSearch dl dl dt {margin: 0; padding: .75em 0 .2em 0;}
.formWrapInitialSearch dl dl dd {margin: 0; padding: 0 0 1em 0;}
.formWrapInitialSearch dl dl dt label {font-weight: bold; color: black;}

.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;}


/*    Refinement Interview Form */
#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;}

#formWrapRefinementSearch {margin: -.5em 0 2em 0; padding-top: 1em;}
#formWrapRefinementSearch h2 {
    padding: 1em;
    background: #5ed27f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlZDI3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2FlNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #5ed27f 0%, #37ae5e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ed27f), color-stop(100%,#37ae5e));
    background: -webkit-linear-gradient(top, #5ed27f 0%,#37ae5e 100%);
    background: -o-linear-gradient(top, #5ed27f 0%,#37ae5e 100%);
    background: -ms-linear-gradient(top, #5ed27f 0%,#37ae5e 100%);
    background: linear-gradient(to bottom, #5ed27f 0%,#37ae5e 100%);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: #000;
    text-shadow: 0px 0px 3px #fff;

    cursor: pointer;
    display: inline;
    padding: .3em .6em;
    margin: .5em 0;
    font-size: 1em;
}

/*    Search Results List */
#searchResultsWrap {}
#searchResultsWrap.singleScholarship {}
#searchResultsWrap header .actions {width: 50%; margin-left: 1.5%;}
#searchResultsWrap header .actions button {margin-bottom: 1em; width: 100%;}

/*    Scholarship Basket */
#basketActions {width: 30%;}
#basketActions button {margin-bottom: 1em;}
.basketGroupItem {padding-bottom: 1.6em; clear: both;}
.basketItemActions button {display: block; width: 100%; margin-bottom: .7em;}
#saveBasket br {line-height: 2.2;}

/*    msgAlert */
.msgAlert {width: 80%; left: 10%; top: 3%;}

/* Conditionaly-Displayed Content */
#navPrimary,
.finder #contentPrimary.hiddenSmallDev,
.finder #contentSecondary,
#formWrapRefinementSearch form.refinementInterview {display: none;}

#navPrimary.visibleSmallDev,
.finder #contentSecondary.visibleSmallDev,
#formWrapRefinementSearch form.refinementInterview.visibleSmallDev {display: block;}


/*   Minor Responsive Breakpoints */
@media screen and (max-width: 25em) {
    .searchResults th  {font-size: .9em;}
    .searchResults .summaryRow td  {font-size: .8em;}
}

@media screen and (max-width: 20em) {
    .searchResults th  {font-size: .8em;}
    .searchResults .summaryRow td  {font-size: .7em;}
    .searchResults .actions button {margin-top: .5em;}
}