@charset "utf-8";
/* CSS Document */
span.help {
    font-size: .9em;
    color: #888;
    float: right;
    cursor: pointer;
}

.help-text {
	display:none;
}
.degreeOptions h4, .card h4 {
    font-size: 115%;
    line-height: 1.15em;
    color: #467ba6;
    
}
.degreeOptions h2, .card h2 {
    font-size: 190%;
    font-weight: normal;
    color: #4a4d7a;
    line-height: 1.15em;
    margin-bottom: .45em;
    margin-top: .35em;
}
#content.withoutSidebarRight, .sidebarRight_hidden #content {
    width: 900px
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clear, .clearfix:after, .columns hr, .columns:after, .lw_widget.col2:after, .lw_widget.col3:after, .lw_widget.col4:after, .page-wrap:after {
    clear: both
}
.feature>*, .imgWrap img, .lw_image_caption, a img, img {
    max-width: 100%
}

.page-wrap {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    zoom: 1
}
.page-wrap:after, .page-wrap:before {
    content: "";
    display: table
}
.page-wrap>#content {
    margin-top: 10px
}
.page-wrap>#sidebarRight {
    margin-top: 10px
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clear, .clearfix:after, .columns hr, .columns:after, .lw_widget.col2:after, .lw_widget.col3:after, .lw_widget.col4:after, .page-wrap:after {
    clear: both
}
.columns:after, .columns:before, .lw_widget.col2:after, .lw_widget.col2:before, .lw_widget.col3:after, .lw_widget.col3:before, .lw_widget.col4:after, .lw_widget.col4:before, .lw_widget_columns:after, .lw_widget_columns:before {
    display: table;
    content: ""
}
.btn-group-justified>.btn-group .btn, .columns {
    width: 100%
}
.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}
.columns {
    margin: 10px 0;
    zoom: 1
}
.columns [class*=col-] {
    float: left;
    margin: 0 1%!important
}
.columns [class*=col-]:first-child {
    margin-left: 0!important
}
.columns [class*=col-]:last-child {
    margin-right: 0!important
}
.col-3-5 {
    width: 59.2%
}
.box {
    background-color: #efefef;
    border: 1px dotted #cdcdcd;
    border-radius: 6px;
    padding: 5px 10px;
    margin-bottom: 1em;
    text-shadow: 0 1px 0 #fff;
    overflow: hidden
}
.bioCard .bioInfo, body.lw_overlay_open .lw_overlay_wrapper {
    overflow: auto
}
.box a {
    color: #2d6da3
}
.box a.button {
    color: #fff
}
.sectionWithIcon {
    position: relative;

}
.sectionWithIcon img.icon {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 72px;
    height: auto
}
#sidebarRight .sectionWithIcon {
    padding-left: 50px;
    position: relative;
    min-height: 50px
}
#sidebarRight .sectionWithIcon img.icon {
    width: 42px;
    height: auto
}
@media (max-width:767px) {
#pageType-full #content.withoutSidebarRight, #pageType-full.sidebarRight_hidden #content {
    width: 960px!important
}
    #pageType-home .page-wrap .social-snapshot {
    width: 100%;
    float: none
}
}
#pageType-home .page-wrap .i-chose-asu {
    display: block;
    width: 340px;
    height: 182px;
    padding: 20px 0 20px 290px;
    background: url(/images/i-chose-angelo-state-arrow.png) -10px 50% no-repeat #002f65;
    border-radius: 4px;
    float: right;
    font-size: 16px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}
#pageType-home .page-wrap .i-chose-asu:hover {
    text-decoration: none;
    background-position: 0 50%
}
#pageType-home .page-wrap .i-chose-asu>div {
    margin: 0
}
#pageType-home .page-wrap .i-chose-asu li {
    margin: 0!important;
    color: #fff;
    font-size: 12px
}
#pageType-home .page-wrap .i-chose-asu img {
    border: 4px solid #fff;
    margin: 0 10px 0 0;
    float: left;
    max-width: 150px;
    max-height: 150px;
    box-sizing: border-box
}
#pageType-home .page-wrap .i-chose-asu h2 {
    margin: 0;
    font-family: Rokkitt;
    font-size: 20px;
    color: #ffc423;
    font-weight: 400;
    font-weight: 700;
    line-height: 1
}
#pageType-home .page-wrap .i-chose-asu b {
    font-size: 16px;
    word-break: break-all
}
#pageType-home .page-wrap .i-chose-asu .link-text {
    display: inline-block;
    font-family: Rokkitt, sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    clear: left;
    line-height: 1;
    margin-top: 10px
}
#pageType-home .page-wrap .i-chose-asu .link-text:after {
    font-family: asu-icons;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
    font-size: 13px;
    margin-left: 4px;
    position: relative;
    top: 1px
}
#pageType-home .page-wrap .i-chose-asu .link-text b {
    color: #ffc423;
    font-size: inherit
}
@media print {
    #container, #content.withoutSidebarRight, #masthead, .content-wrap, .page-wrap, .sidebarRight_hidden #content {
    width: 100%
}
    #container, #content.withoutSidebarRight, #masthead, .content-wrap, .page-wrap, .sidebarRight_hidden #content {
    width: 100%
}
}
@media only screen and (max-width:767px) {
    body:not(.lw_editor_on) #content, body:not(.lw_editor_on) #content.withoutSidebarRight, body:not(.lw_editor_on)#pageType-full #content, body:not(.lw_editor_on)#pageType-full #content.withoutSidebarRight, body:not(.lw_editor_on)#pageType-full.sidebarRight_hidden #content, body:not(.lw_editor_on)#pageType-home #content, body:not(.lw_editor_on).sidebarRight_hidden #content {
    margin: 1em 0 0;
    padding: 2%!important;
    width: 96%!important;
    float: none;
    clear: both
}
    body:not(.lw_editor_on) .col-1-2, body:not(.lw_editor_on) .col-1-3, body:not(.lw_editor_on) .col-1-4, body:not(.lw_editor_on) .col-1-5, body:not(.lw_editor_on) .col-2-3, body:not(.lw_editor_on) .col-2-5, body:not(.lw_editor_on) .col-3-4, body:not(.lw_editor_on) .col-3-5, body:not(.lw_editor_on) .col-4-5, body:not(.lw_editor_on) .column, body:not(.lw_editor_on) .columnLeft, body:not(.lw_editor_on) .columnRight, body:not(.lw_editor_on) .fifty-fifty .column, body:not(.lw_editor_on) .forty, body:not(.lw_editor_on) .forty-sixty .columnLeft, body:not(.lw_editor_on) .forty-sixty .columnRight, body:not(.lw_editor_on) .fourth, body:not(.lw_editor_on) .half, body:not(.lw_editor_on) .lw_widget.col2 li, body:not(.lw_editor_on) .lw_widget.col3 li, body:not(.lw_editor_on) .lw_widget.col4 li, body:not(.lw_editor_on) .lw_widget_column, body:not(.lw_editor_on) .lw_widget_column.lw_widget_column.lw_widget_column, body:not(.lw_editor_on) .seventyfive, body:not(.lw_editor_on) .sixty, body:not(.lw_editor_on) .third, body:not(.lw_editor_on) .thirds .column, body:not(.lw_editor_on) .twothirds {
    float: none;
    width: 100%!important;
    margin-right: 0!important;
    margin-left: 0!important;
    display: block
}
    body:not(.lw_editor_on) #sidebarRight .sectionWithIcon {
    padding-left: 12%
}
body:not(.lw_editor_on) #sidebarRight .sectionWithIcon img.icon {
    width: 10%
}
    body:not(.lw_editor_on) .page-wrap {
    width: 100%
}
}