/*
    Template "overrides"
*/
#wdn_search, #wdn_tool_links, #wdn_navigation_wrapper {
    display:none;
}
.nav_unpinned #wdn_content_wrapper {margin-top:0;}
#maincontent .grid12 {width:960px;margin-left:0;clear:left;}
.grid12 {width:960px;}
/*
    Form styles
*/
#maincontent .stuapp {
    z-index: 1;
    position: relative;
}
#maincontent .stuapp .required:after {
    content: '*';
    color:#ac0302;
}
#maincontent .stuapp > fieldset {
    border-bottom: 1px solid #D9D4C7;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 40px #f2f2e3 inset;
    -moz-box-shadow: 0 0 40px #f2f2e3 inset; 
    box-shadow: 0 0 40px #f2f2e3 inset;
    margin-bottom: 30px;
}
#maincontent .stuapp > fieldset:after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 50%;
    max-width: 100px; /* avoid rotation causing ugly appearance at large container widths */
    height: 10px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    -ms-transform: skew(-15deg) rotate(-6deg);
    -o-transform: skew(-15deg) rotate(-6deg);
    transform: skew(-15deg) rotate(-6deg); 
}
#maincontent .stuapp > fieldset:after {
    left: auto;
    right: 10px;
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    -ms-transform: skew(15deg) rotate(6deg);
    -o-transform: skew(15deg) rotate(6deg);
    transform: skew(15deg) rotate(6deg); 
}
#maincontent .stuapp fieldset ol {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    font-size: 115%;
}
#maincontent .stuapp > fieldset > p {
    margin:1em 10px;
}
#maincontent .stuapp > fieldset > ol > li {
    width: 284px;
    margin-left: 24px;
    float: left;
    border-top: 1px solid #F2EDDE;
    padding: 0 10px 1em 10px;
}
#maincontent .stuapp > fieldset > ol.full > li {
    width:auto;
}
#maincontent .stuapp > fieldset > ol > li:nth-child(odd) {
    clear: left;
    margin-left: 0;
}
#maincontent .stuapp > fieldset > ol > li.odd {
    clear: left;
    margin-left: 0;
}
#maincontent .stuapp > fieldset > ol > li.full {
    clear: left;
    margin-left: 0;
}
#maincontent .stuapp >fieldset > legend {
    font-family: Helvetica,Arial,sans-serif;
    color: #535353;
    font-weight: bold;
    text-shadow: -1px -1px 0 #fdfbf3;
    font-size: 1.3em;
    display: block;
    width: 98%;
    border-bottom: 2px solid #B70302;
    background: #F2EDDE;
    line-height: 100%;
    padding: 1%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#maincontent .stuapp > fieldset > ol > li {
}
#maincontent .stuapp ol li label {
    display: block;
    margin-top: 1em;
}
#maincontent .stuapp ol li label em {
    color:#ac0302;
}
#maincontent .stuapp .helperText {
    font-size: 70%;
    color: #999;
}
#maincontent .stuapp > fieldset fieldset {
    margin-top: 1em;
    margin-left: 10px;
}
#maincontent .stuapp > fieldset fieldset.long_options label {
    display:block;
    margin-top:0;
}
#maincontent .stuapp > fieldset fieldset fieldset {
    margin-top: 0;
}
#maincontent .stuapp > fieldset fieldset legend {
    padding-bottom: 0.5em;
    margin-left: -10px;
    width:95%;
    position:relative;
    white-space:normal; /*force the legend to wrap*/
}
#maincontent .stuapp > fieldset fieldset legend span {display:inline-block;width:auto;}
#maincontent .stuapp ol li fieldset label {
    display:inline;
}
#maincontent .stuapp input[type="text"], #maincontent .stuapp input[type="email"], #maincontent .stuapp select, #maincontent .stuapp textarea {
    max-width: 99%;
    width:99%
}
#maincontent .stuapp input[type="text"], #maincontent .stuapp input[type="email"] {
    width: 99%;
}
#maincontent .stuapp > fieldset ul {
    list-style: none;
    padding: 0;
}
#maincontent .stuapp #date_of_birth select {
    max-width:45px;
    width:45px;
}

/* Residency Date Ranges */
#maincontent .stuapp .date_range_set legend {
    display: block;
    font-size: 75%;
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    border-bottom: 1px solid #F2EDDE;
    padding: 0;
    width: 100%;
}
#maincontent .stuapp .date_range_set div {
    width: 45%;
    float: left;
    margin-right: 5%;
    margin-bottom: 5%;
}
#maincontent .stuapp .date_range_set.tri div { width:20%; }
#maincontent .stuapp .date_range_set:last-child div {
    margin-bottom: 0;
}
#maincontent .stuapp .date_range_set div:first-of-type {
    float: left;
}
#maincontent .stuapp .date_range_set label, #maincontent .stuapp #non-us label {
    display: block;
}
.stuapp input[type="submit"]{
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    background: #9E0202; /* Old browsers */
    background: -moz-linear-gradient(top, #C40202 0%, #9E0202 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C40202), color-stop(50%,#9E0202)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C40202 0%,#9E0202 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C40202 0%,#9E0202 50%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #C40202 0%,#9E0202 50%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C40202', endColorstr='#9E0202',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #C40202 0%,#9E0202 50%); /* W3C */
    padding: 1% 3%;
    text-transform: uppercase;
    font-weight: bold;
    color:#fff;
    text-shadow:0px 1px 1px rgba(255,255,255,0.5);
    font-size: 1.3em;
    cursor: pointer;
    border-top: 1px solid #9E0202;
    border-right: 1px solid #9E0202;
    border-bottom: 1px solid #9E0202;
    border-left: 1px solid #9E0202;
}
.stuapp input[type="submit"]:hover {
    -webkit-box-shadow: inset 0px 3px 3px 0px rgba(149, 184, 204, 0.5);
    -moz-box-shadow: inset 0px 3px 3px 0px rgba(149, 184, 204, 0.5);
    box-shadow: inset 0px 3px 3px 0px rgba(149, 184, 204, 0.5);
}

/* Core Courses Sets */
#maincontent .stuapp #core_courses fieldset > legend {
    display: block;
    font-size: 75%;
    text-transform: uppercase;
    color: #999;
    font-weight: bold;
    border-bottom: 1px solid #F2EDDE;
    padding: 0;
    width: 100%;
}
#maincontent .stuapp #core_courses fieldset fieldset {
    background:rgba(217,212,199,0.5);
    padding:3px;
    margin-bottom:10px;
    border-radius:0 0 3px 3px;
}
#maincontent .stuapp #core_courses fieldset fieldset legend {
    font-size: 100%;
    text-transform: normal;
    color:#333;
    font-weight: bold;
    background:#fff;
    border-bottom: 3px solid #D9D4C7;
    padding: 0;
    margin:0 -3px;
    width: 103%;
}
#maincontent .stuapp #core_courses fieldset fieldset label {font-size:75%;}

/* form table styles */
col.state input {width:1em;}

.stuapp table select { width:80%;}
.stuapp table {
    margin:0 10px;
}
.stuapp th {
    background:#FFFAEB;
    text-align:center;
    text-transform:uppercase;
    font-size:80%;
    border-left: 1px solid rgba(84,72,38,0.3);
    border-right: 1px solid rgba(84,72,38,0.3);
    padding:0 0.2em;
}
.stuapp td {
    text-align:center;
    border-left: 1px solid rgba(84,72,38,0.3);
    border-right: 1px solid rgba(84,72,38,0.3);
    vertical-align:bottom;
    max-width:100px;
}
.stuapp tr {
    border-bottom: 1px solid rgba(84,72,38,0.1);
}
#maincontent .stuapp td.date_range_set {min-width:100px;}
#maincontent .stuapp td.date_range_set div {margin-bottom:0;}
#maincontent .stuapp td.date_range_set .month {margin-left:1%;width:44%;}
caption {
    font-weight:bold;
    text-transform:uppercase;
    text-align:center;
    border-bottom: 1px solid rgba(84,72,38,0.3);
    border-top: 1px solid #fff;
    background: #F2EDDE;
    padding:0.3em;
}
#maincontent .stuapp td input[type="text"] {
    max-width:auto;
    width:90%;
}
#maincontent .stuapp .state input[type="text"] {
    width: 20px;
}
/*
    Right info boxes
*/
#app_notice {
    float: right;
}
.options {
    background-color:#F2EDDE;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    overflow:hidden;
    box-shadow:0px 0px 1px #655b3c;
    margin: 0;
}
.options:before {
    border:1px dashed rgba(84,72,38,0.3);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    position:absolute;
    top:3px;
    left:3px;
    right:3px;
    bottom:3px;
    content:'';
    -webkit-box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    -moz-box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    z-index: 10;
}
.options *::selection {
    text-shadow: none;
    background-color: #cbc3ab;
}
.options > * {
    position:relative;
    z-index:11;
 }
#maincontent .options h4 {
    line-height: 100%;
    display:block;
    position:relative;
    background-color:#A7CEE5;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    float:right;
    margin-top:-0.4em;
    margin-right:-2.5em;
    margin-bottom:0.3em;
    font-size:1.3em;
    font-weight:bold;
    color:#123C54;
    text-shadow:-1px -1px 0px #c5e2f3;
    padding:1em 3em 1em 4em;
    -webkit-box-shadow: 0px 1px 1px 1px #b4a885;
    -moz-box-shadow: 0px 1px 1px 1px #b4a885;
    box-shadow: 0px 1px 1px 1px #b4a885;
    z-index: 11;
}
#maincontent .options p {
    margin: 0 1em 1em 1em;
}
#maincontent .options p, #maincontent .options ol {
    color:#123C54;
    position: relative;
    z-index: 11;
}
#maincontent .options ol {
    margin: 0 1em;
}
#maincontent .options p:first-of-type {
    margin: 3em 3em 1em 1em;
}
aside{
    background: #A7CEE5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    position: relative;
    z-index:11;
    margin-bottom:24px;
}
aside:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 5px;
    width:0px; 
    height:0px; 
    border-bottom:10px solid transparent;  /* left arrow slant */
    border-top:10px solid transparent; /* right arrow slant */
    border-right:10px solid #A7CEE5; /* bottom, add background color here */
    font-size:0px;
    line-height:0px;
    z-index:10;
}
aside:after {
    border:1px dashed rgba(84,72,38,0.3);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    position:absolute;
    top:3px;
    left:3px;
    right:3px;
    bottom:3px;
    content:'';
    -webkit-box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    -moz-box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    box-shadow: inset 0px 0px 2px 1px rgba(84, 72, 38, 0.1);
    z-index: 10;
}
aside > * {
    position:relative;
    z-index:11;
 }
#app_notice:before, #app_notice:after{
    border:none;
}
aside dl {
    line-height: 1.8em;
    margin: 0 10px 10px 10px;
}
aside dt {border-bottom:1px dashed rgba(84,72,38,0.3);}
aside dd {
    margin-top: -1.8em;
    margin-left: 5em;
}
/* show hide of zenbox content */
#maincontent aside a.showHide {
    float:right;
    margin-top:-33px;
    text-indent:-99999px;
    background:url(/wdn/templates_3.0/css/content/images/zenboxShowHide.png) no-repeat top right;
    background-position:0px 0px;
    display:block;
    width:20px;
    height:20px;
}
#maincontent aside h4 {position:inherit;}
#maincontent aside a.showHide.show {
    background-position: 0 -42px;
}
#course_notice {
    color: #535353;
    background: #F2EDDE;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-bottom:24px;
}
#course_notice .grid4 h4 {
    text-shadow: -1px -1px 0 #fdfbf3;
}
#course_notice p {padding:10px;}
#course_notice .grid4 section {
    padding:10px;
}
#maincontent aside > * {
    margin: 10px;
}
#maincontent aside h4 {
    font-size:1.3em;
    font-weight:bold;
    color:#123C54; /* Color contrast ratio is 7 */
    text-shadow:-1px -1px 0px #c5e2f3;
}
#maincontent aside:not([id="app_notice"]) p{
    color:#123C54;
}
#personal_statement_wrapper {
    padding:0 10px;
}
#personal_statement_wrapper label {
    clear:both;
    display:block;
}