/* These are generic styles applicable to all templates; overridden styles should go under the respective DesignXXX.css file. */

.hide {display:none !important;}
/* Banner Module */
#OUCodebaseBannerContainer
{
    width:100%; height:100%;
    overflow:hidden;
    position:relative;
    background-color:#505050;
}
    #OUCodebaseBannerNav{position:absolute; height:30px; background-color:rgb(77, 77, 77); text-align:center; bottom:0px;}
        #OUCodebaseBannerNavButtonContainer{margin:0px auto 0px auto; display:inline-block; zoom:1; *display:inline;}
            .OUCodebaseBannerNavButton{cursor:pointer; width:15px; height:15px; background-color:#ffffff; border-radius:15px; margin:7px 10px 0px 0px; display:inline-block; zoom:1; *display:inline;}
            .OUCodebaseBannerNavButtonSelected{background-color:#AF8E37;}
    .OUCodebaseBanner{
        position:absolute; 
        z-index:10; 
        width:100%; 
        height:100%;
        background-color:#505050;
    }
        .OUCodebaseBanner img{width:100%; height:auto; position:absolute; top:0px; bottom:0px; margin:auto;}
        .OUCodebaseBanner a{}
/* End */

/* Admissions Adviser Finder App */
#AdmissionsAdviserFinderApp{width:100%;}
    #AdmissionsAdviserFinderApp_StartButton{margin:0px auto; cursor:pointer;}
    #AdmissionsAdviserFinderApp_Center{position:absolute; top:50%; left:50%; display:none;}
        #AdmissionsAdviserFinderApp_ButtonContainer{color:#ffffff; width:350px; margin:-200px 0px 0px -125px; background-color:#000000; box-shadow:0px 0px 10px #000000; border-radius:5px; display:none; padding:10px;}
            #AdmissionsAdviserFinderApp_Header{width:100%; text-align:center; background-color:#545454; border-radius:5px 5px 0px 0px; padding:10px 0px 10px 0px; font-size:14px; font-weight:bold;}
            #AdmissionsAdviserFinderApp_IFrameContainer{height:100%; width:100%;}
                #AdmissionsAdviserFinderApp_IFrame{border-radius:3px;}
            #AdmissionsAdviserFinderApp_CloseButton{ width:100%; cursor:pointer; text-align:center; padding:10px 0px 0px 0px; font-weight:bold;}
            
            
/* End */ 

/* faux fieldsets*/
.FauxFieldset{overflow:hidden;}
    .FauxLegend{
        font-size:14px;
        cursor:pointer; 
        margin:0px 0px 5px 0px;
        font-weight:bold; 
        padding:0px 0px 2px 0px;
        border:0px solid #BABABA;
        border-bottom-width:1px;
        width:100%;
        color: #877148 !important;
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .FauxLegendOpened{}
/* End */

/* Collapsible Box Module */
.CollapsibleBoxContainer{}
    .CollapsibleBoxHeader{ font-size:14px; color:#000000; cursor:pointer; }
    .CollapsibleBoxContent{ font-size:inherit; display:none; }
/* End */
    
/* Salary Information Module */
#SalaryApp{font-size:12px; border-radius:10px; padding:10px 0px 10px 0px; background-color:#efefef; width:auto; width:220px;}
#SalaryApp img{cursor:pointer;}
    #SalaryHeading{font-size:22px;}
    #SalaryStep2{display:none;}
    .SalarySection{float:left;}
        .SalaryButton{margin-bottom:10px;}
        .SalaryDropDownList{width:190px; margin-left:5px; box-shadow: 0px 0px 10px #888; position:absolute; display:none; max-height:300px; overflow-x:auto;}
            .SalaryDropDownItem{cursor:pointer; padding:5px; border:1px solid #b3b3b3; border-top-width:0px; background-color:#ffffff;}
            .SalaryDropDownItem:hover{background-color:#E7D19A;}
            .SalaryDropDownFirst{border-top-width:1px;}
    
    #SalaryStep3{display:none;}
        #SalaryInformation{padding-left:10px;}
            .SalaryInformationItem{display:none;}
            .SalaryProgramTitle { font-size:16px; margin-top:10px; width:95%; border-width:0px 0px 1px 0px; border-style:solid; border-color:#877148; margin-bottom:10px;}
            .SalaryProgramInformation {}
            .SalaryProgramSource{font-size:10px; margin-top:15px; width:95%;}
            .SalaryProgramProjection{font-size:12px; font-weight:bold; margin-top:15px; width:95%;}
            .SalaryProgramProjectionInformation{font-size:10px;  width:95%;}
            .SalaryProgramProgramLink{margin-top:15px;}
/* End */

/* GPA Calculator Module */
	#GPAApp{font-size:11px; border-radius:10px; padding:10px 0px 10px 0px; background-color:#efefef; width:auto;}
	#GPAApp img{cursor:pointer;}
	#GPAApp input{font-size:10px !important;}
		.GPAAppCredit{width:30px;}
		.GPAAppGPA{width:40px;}
			.GPAAPPTitle{font-size:22px;}
			.GPAAppRow{padding:0px 5px 0px 5px;}
				.GPAAppCol{float:left; padding:2px;}
				.GPAAppColCourse{width:60px; padding-top:5px;}
				.GPAAppColCredits{width:55px;}
				.GPAAppColGradePoints{width:60px;}
				.GPAAppColTotals{width:120px;}
				.GPATotals{display:inline;}
/* End */

/* Pop out section */
.PopUpBorder{border-radius:5px; border:1px solid gray;}
#BlackOutPopUp{font-family:Verdana, Arial, Sans-Serif; padding:20px; background-color:#474747; position:absolute; z-index:2100; display:none; box-shadow: 0px 0px 15px #000000;}
    #PopUpVideo{background-color:#000000; padding:5px;}
        .PopUpFormButton{cursor:pointer; background-color:#000000; font-weight:bold; font-size:15px; font-family:Verdana; color:White; padding:5px;}
    #PopUpButtonContainer{text-align:center; width:100%; margin-top:20px;}
#BlackOut{background-color:#000000; position:absolute; left:0px; top:0px; z-index:2000; opacity:0.9; filter: alpha(opacity=90); display:none;} 

/* End */

/* Program Guide Section  */

.ProgramGuideAPPToggle{cursor:pointer; display:block; width:350px; color:#4C4C4C;}
    .ProgramGuideAPPCollegeName{font-size:13px; line-height:20px; font-weight:bold;}
    .ProgramGuideAPPCollegeNameInactive{color:#898989;}
    .ProgramGuideAPPSchoolContainer{display:none; font-weight:normal; margin-left:20px; line-height:18px; font-size:13px; padding-bottom:10px;}
        .ProgramGuideAPPSubjectContainer{display:none; margin-left:20px; line-height:14px; font-size:11px;}

/* End  */

/* News Module */
#NewsContainer{}
    .NewsItem{background-color:#ffffff; padding:10px; margin-bottom:15px; border: 1px solid #CCCCCC; color:#212629;}
        .NewsItemWidth{width:100%;}
                
            .NewsItemFeaturedImageContainer{width:100%; height:auto; max-height:400px; overflow:hidden; position:relative; background-color:#000000; text-align:center;}
                .NewsItemFeaturedTitleContainer{
                    width:100%;
                    font-size:15px; 
                    font-weight:bold; 
                    line-height:14px; 
                    color:#ffffff;
	                line-height:14px;
	                text-shadow: 0.1em 0.1em 0.2em #000000;
	                text-align:left;
	                background-color: rgba(0, 0, 0, 0.5);
	                position:absolute;
	                bottom:0px;
                    }
                    .NewsItemFeaturedTitleContainerPadding {padding:8px;}
                    .NewsItemFeaturedTitleContainer a{text-decoration:none; color:#ffffff;}
                .NewsItemFeaturedImage{width:100%; height:auto;}
                .NewsItemFeaturedDate{color:#ffffff; font-size:11px;}
                    
            .NewsItemRegularImageContainer{float:right; margin:0px 0px 0px 10px; width:100px; height:auto;}
                .NewsItemRegularImage{max-width:190px !important; height:auto; float:right; margin:0px 0px 0px 10px;}
            .NewsItemRegularTextContainer{width:100%;}
                .NewsItemRegularTitle{font-size:15px; font-weight:bold; line-height:14px; display:inline;}
                .NewsItemRegularTitle a{color:#000000; text-decoration:none;}
                .NewsItemRegularDate{font-size:11px; display:inline;}
                .NewsItemRegularSummary{display:inline;}

/* End News Module */

/*All Purpose css*/
#PageContent.perc-region {
overflow-x: visible !important;}
.rxbodyfield  img {padding:0px;}
.rxbodyfield ul{ list-style: initial;}
.rxbodyfield ol {list-style: decimal;}
.main-content-container .rxbodyfield li { line-height: 1.3em; margin: 5px 0px;}
.subnavigation-container .info-box {height:auto !important;}