/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Your Name Here
Last Updated: Enter Date Here
*/

ul.ou-news {
	list-style:none;
}

ul.pagination {
	list-style: none;
	text-align: center;
}

li.pagination-item {
	list-style:none;
	display:inline-block;
	margin: 5px 8px;
}

.pagination-item a {
	padding: 5px 8px;
}

.pagination-item a.active {
	display:inline-block;
	padding: 5px 8px;
	font-weight:700;
	border: 2px solid #3498db;
}


.ou-form button.btn-default {
	color:#333 !important;
}



/*Snippets*/
/*Two Column Responsive*/
.responsive-columns {
	width: 100%;
}
.content-block {
    height: auto;
	max-width: 370px;
	text-align: left;
    vertical-align: top;
}
.content-block img {
	max-width: 375px;
}
@media screen and (max-width: 1199px) {
.content-block {
	max-width: 370px;
}
}

/*Programs of Study*/
.pos-header {
	float: left;
    margin-bottom: 15px;
    height: auto;
    max-width: 300px;
}
.pos-icon {
    margin: 0 0 10px 0;
}
#ou-three-column .span4 {
    background-color: transparent;
    width: 45%;
}
#ou-three-column .content-block {
    background-color: transparent;
}
#ou-three-column .span4 img {
    height: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
#ou-three-column .content-block {
    height: auto;
    max-width: 100%;
    display: block;
}
#pos-three-column .span4 {
    background-color: transparent;
    width: 22%;
}
@media screen and (max-width: 1280px) and (min-width: 690px) {
#ou-three-column .span4 {
    width: 100%;
}
.pos-header {
    float: left;
    margin-bottom: 15px;
    height: auto;
    max-width: 225px;
}
.pos-icon {
    height: 200px;
    width: auto;
    float: left;
    margin-bottom: 10px;
}
#pos-three-column .span4 {
	background-color: transparent;
	width: 32%;
	display: inline-block;
	margin: 20px auto 0 auto
}
#ou-three-column .content-block {
    height: auto;
    max-width: 100%;
    display: block;
}
#ou-three-column .span4 img {
    max-width: 100%;
    width: 100%;
}
}
@media screen and (max-width: 689px) and (min-width: 489px) {
#ou-three-column .span4 {
    width: 100%;
}
.pos-header {
    float: left;
    margin-bottom: 15px;
    height: auto;
    max-width: 100%;
}
.pos-icon {
    height: 200px;
    width: auto;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
#pos-three-column .span4 {
	background-color: transparent;
	width: 32%;
	display: inline-block;
	margin: 20px auto 0 auto
}
#ou-three-column .content-block {
    height: auto;
    max-width: 100%;
    display: block;
}
#ou-three-column .span4 img {
    max-width: 100%;
    width: 100%;
}
}
@media screen and (max-width: 488px) and (min-width: 320px) {
.pos-header {
    max-width: 100%;
}
.pos-header p {
    margin: 0;
    width: 100%;
    position: relative;
}
.pos-icon {
    margin: 0;
    width: 50%;
    margin-bottom: 15px;
    float: left;
    height: auto;
    margin-right: 10px;
}
.content-block img {
    max-width: 100%;
    
}
.content-inner a {
    font-size: .8em;
}
#ou-three-column .span4 {
    background-color: transparent;
    max-width: 100%;
    margin-left: 0;
}
#ou-three-column .content-block {
    background-color: transparent;
}
#ou-three-column .content-inner {
    padding: 10px 0 10px 0;
}
#ou-three-column .span4 {
    width: 100%;
}
#ou-three-column .span4 img {
    height: auto;
    max-width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -10px;
}
#ou-three-column .content-block {
    height: auto;
    max-width: 100%;
    display: block;
    margin: 10px 0 -30px 0;
}
#pos-three-column .span4 {
    background-color: transparent;
    width: 95%;
    display: inline-block;
    /*margin: 10px 40px;*/
}
}

/* Search */
.well {
    border: solid 1px;
    padding: 10px;
    margin: 0 10px 20px 0;
    background-color: #fff;
    box-shadow: 3px 3px 5px #ccc;
}
.parametric-results h3 {display: none;}
/*.parametric-results {display: none;}*/


/*label[for=ou-search-programs] {
    display: none;
}
#ou-search-programs {
    display: none;
}*/
input[class="ou-search-not-selected"] {
    margin: 3px 10px 0 0 !important;
    float: left;
}input[class="ou-search-selected"] {
    margin: 3px 10px 0 0 !important;
    float: left;
}

.advocacy-footer {
    position: relative;
    max-width: 350px;
    float: right;
    max-height: 270px;
    border-radius: 10px;
    margin-left: 50px;
    margin-bottom: 10px;
}
.advocacy-footer-home {
    position: relative;
    background: #6ab1c9;
    max-width: 350px;
    max-height: 270px;
    border-radius: 10px;
    padding: 10px;
}
.advocacy-footer-inner, .advocacy-footer-inner-home  {
    border: solid #8db5ce;
    padding: 15px 10px 0px 15px;
    margin: 10px;
    background: #e3ebed;
    border-radius: 10px;
}
.advocacy-footer a, .advocacy-footer-home a {
    color: #15303c!important;
    font-weight: normal !important;
}
.advocacy-footer p, .advocacy-footer-home p {
    color: #15303c;
}
.advocacy-footer-title {
    font-weight: bold;
    font-size: 1.2em;
}

/*Gala Formatting*/

.gala {
    display: inline-flex;
    list-style-type: none;
}
.gala-left {
    width: 45%;
    margin: auto;
    margin-left: 25px !important;
}
.gala-right {
    width: 33%;
}
.gala-text {
    color: #4b161a;
    font-size: 1.2em;
}
.gala-para {
    font-size: 1.1em;
}
.gala-icons {
    display: -webkit-inline-box;
    list-style-type: none;
}
.gala-icons ul li {
    width: 25%;
    vertical-align: middle;
}

/*Councils and Committees*/
.hvrbox {
	position: relative;
    width: 200px;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    width: 200px;
    height: 150px;
    background: transparent;
    color: #000;
    /* padding: 15px; */
}
.hvrbox-layer_top1 {
   margin: -35px 0 0 -160px;
}
.hvrbox-layer_top2 {
    margin: 20px 0 0 -180px;
    width: 150px !important
}
.hvrbox-layer_top3 {
    margin: 420px 0 0 -190px;
    width: 150px !important;
}
.hvrbox-layer_top4 {
   margin: 550px 0 0 -60px;
}
.hvrbox-layer_top5 {
   margin: -110px 0 0 430px;
}
.hvrbox-layer_top6 {
   margin: -15px 0 0 520px;
}
.hvrbox-layer_top7 {
   margin: 215px 0 0px 585px;
}
.hvrbox-layer_top8 {
   margin: 460px 0 0 530px;
}
.hvrbox-layer_top9 {
   margin: 570px 0 0 390px;
}
.hvrbox-layer_top10 {
   margin: 223px 0 0 -197px;
   width: 150px !important;
}
.hvrbox-layer_top11 {
   margin: 220px 0 0 580px;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text a {
    font-weight: normal;
	text-decoration: none;
	cursor: pointer;
}
.hvrbox .hvrbox-text {
    text-align: center;
    font-size: 0.8em;
    display: table-cell;
    top: 45%;
    left: 43%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1.3em;
    background-color: #fff;
    z-index: 1;
    border: solid 1px;
    border-radius: 10%;
    height: 110px;
    width: 200px;
    vertical-align: middle;
    padding: 10px;
}
.cc-item-main1 img {
    margin: 40px 0 0 0;
    position: absolute;
}
.cc-item-main2 img {
    margin: 40px 0 0 183px;
    position: absolute;
}
.cc-item {

}
.cc-item1 img {
    position: absolute;
    margin: -77px 0 0 -25px;
}
.cc-item2 img {
    position: absolute;
    margin: 10px 0 0 -120px;
}
.cc-item3 img {
    position: absolute;
    margin: 224px 0 0 -120px;
}
.cc-item4 img {
    position: absolute;
    margin: 356px 0 0 -26px;
}
.cc-item5 img {
    position: absolute;
    margin: -80px 0 0 184px;
}
.cc-item6 img {
    position: absolute;
    margin: -19px 0 0 292px;
}
.cc-item7 img {
    position: absolute;
    margin: 130px 0 0 358px;
}
.cc-item8 img {
    position: absolute;
    margin: 280px 0 0 285px;
}
.cc-item9 img {
    position: absolute;
    margin: 374px 0px 0 183px;
}
.cc-block {
    height: 550px;
    margin: 50px 0 0 50px;
}
.cc-block-l {
	margin: 60px 25% 300px 25%;
    display: inline-block;
}
.cc-block-r {
    margin: -304px 25% 183px 25%;
}

/* MEDIA QUERIES */
@media screen and (min-width:415px ) {
.cc-block {
    display: block;
}
.cc-block-sm {
    display: none;
}
}
@media screen and  (max-width: 414px) {
.cc-block {
    display: none;
}
.cc-block-sm {
    display: block;
}
}

.content-header-ff-holder1, .content-header-ff-holder3, .content-header-ff-holder2, .content-header-ff-holder4, .content-header-ff-holder5, .content-header-ff-holder6   {
	padding: 10px;
    min-height: 150px;
    color: #fff;
}	
.content-header-ff-holder1 {
    background-color: #102B51;
}
.content-header-ff-holder2 {
    background-color: #B49759;
}
.content-header-ff-holder3 {
    background-color: #006E60;
}
.content-header-ff-holder4 {
    background-color: #1C6396;
}
.content-header-ff-holder5 {
    background-color: #164ea5;
}
.content-header-ff-holder6 {
    background-color: #a93741;
}
.gray-box {
    background-color: #cac8c826;	
    padding: 10px;
}