/* CSS Document */

	/*CE generic*/

	Body,P {font-family:Verdana, Arial, Geneva, sans-serif; font-size:11px; font-style:normal; color:#000;}
	a:link {color:blue; text-decoration:none;}
	a:visited {color:purple; text-decoration:none;}
	a:hover {color:red; text-decoration:none;}

	.Toolbar {background-color:#eee;}
	.Breadcrumb {font-family:Verdana, Arial, Geneva, sans-serif; font-size:9px; font-weight:bold ; color:#333;}
	
    #CELogo { float:right; }

    #content {margin-top:10px;}
    #ProjectPanel_Welcome { float:right; }

    .content-padding {padding:10px;}

    .left-column {float:left; width:60%;}
    .right-column {float:right; width:40%;}

    .small { display:none; }
    .large .buttons { width:100px; float:left; }
    .large .buttons a { display: block; margin: 10px 0; }
    .ceWelcome { margin-left:110px; }
    .helpSection { float: right;  width: 100%;  margin-bottom: 17px;  padding: 0;  background: #F6F6F6; border: 0; border-top: 2px solid #A00; font-family: Verdana, Geneva, sans-serif;  }
    .helpSection div { font-weight: 800; width: 50%; float:left; }
    .helpSection .vinHelp { color: #004080; }
    .helpSection .vspnHelp { color: #008080; }
    .helpSection .inner { padding:8px; padding-left:40px; width:auto; margin: 0 auto; }
    .helpSection .vspnHelp .inner { border-left: 1px solid #EAEAEA; }
    #footer { width: 100%; text-align:center; font-weight:bold; }
    #footer .copyright { font-style:italic; font-family: Verdana, Arial, Helvetica; font-size: smaller; font-weight:normal; }

    /* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width : 780px) {
    .left-column {
        float:none;
        width:100%;
    }
    .right-column {
        float:none;
        width: 100%; 
    }

    .linkbar-left {display:none;}

    .sortcol { width:auto }

    .small .buttons { float:none; width:100%; }
    .small .buttons a { display:inline; margin: 0; }
    .ceWelcome { margin: 0; }

    .small { display:block; }
    .large { display:none; }

    .nav-margin { margin-top: 45px; display:block; }

    .sectionHeader {
        position:relative;
        margin: 10px -10px;
        color:black;
        background-color: #dddddd;
		background-image: linear-gradient(to bottom, #dddddd 0%, #cccccc 100%);
        	/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #dddddd  0%, #cccccc 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #dddddd  0%, #cccccc 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #dddddd  0%, #cccccc 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd ), color-stop(1, #cccccc));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #dddddd  0%, #cccccc 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #dddddd  0%, #cccccc 100%);
    	
    }

    .jumpLink { position:absolute; top:-42px; }

    .sectionHeader h2 {
        float:left;
        display:block;
        margin:0;
        padding: 5px 10px;
        font-style:normal;
        text-decoration:none;
        border:0;
        display:inline;

    }

    #smallNav {
        background-color: #575757;
        position: fixed;
        top:0;
        left:0;
        right:0;
        z-index:10;
		/* IE10 Consumer Preview */ 
		background-image: -ms-linear-gradient(top, #666666  0%, #333333 100%);
		
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top, #666666  0%, #333333 100%);
		
		/* Opera */ 
		background-image: -o-linear-gradient(top, #666666  0%, #333333 100%);
		
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666 ), color-stop(1, #333333));
		
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top, #666666  0%, #333333 100%);
		
		/* W3C Markup, IE10 Release Preview */ 
		background-image: linear-gradient(to bottom, #666666  0%, #333333 100%);
    }

    #smallNav a {
        color:white;
        font-weight:bold;
        font-size: 1.2em;
        text-decoration:none;
        width:32%;
		text-align:center;
        float: left;
		border-left: 1px solid #666666;
    	border-right: 1px solid #222222;
    }

    #smallNav a:first-of-type {
        border-left:0;
    }
    #smallNav a:last-of-type {
        border-right:0;
    }

    #smallNav span {
        padding:10px 0;
        display:block;
    }
    
        #smallNav a:hover {
			background-color:#333333;
			border-left-color: #333333;
		}

    .top {
		float:right;
        display:block;
        padding: 5px 10px 5px 5px;
        color: #174A7B;
        font-weight:bold;
        text-decoration: underline;
        cursor:pointer;
        border-left: 1px solid #bbbbbb;
    }

    .top:visited {
    	color: #174A7B;
    }

	.top:hover {
    	color: #174A7B;
		background-image: none;
		background-color: #cccccc;
}

    .top img {
        vertical-align:middle;
			border:0;
    }

    .AdminIcons { display: none; }
   
    #footer { -ms-word-wrap: break-word; word-wrap: break-word; }
}

    @media screen and (max-width : 568px) {
    body, p {
        font-size: 100%;
        line-height: 140%;
    }
    #CELogo { display:block; float:none; }

    .helpSection .inner { padding:8px; }
    .CECode, .CEYear, .CECredits, .CECreditsEarned, .CEActions { display:none; }
}

	/*Enrollment widget: header/box; labels and repeaters*/
	.Enrollment {font-family:Verdana, Arial, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#660000; border-top:2px solid #000066; border-bottom:1px solid #000066; padding:3px;}
	.EnrollLabel {font-family:Verdana, Arial, Geneva, sans-serif; font-size:10px; font-weight:bold ; color:#333; padding-bottom:5px;}
	.EnrollRepeat {font-family:Verdana, Arial, Geneva, sans-serif; font-size:11px; font-weight:100 ; color:#333;}
	
    @media screen and (max-width: 568px) {
        .EnrollLabel, .EnrollRepeat {
            font-size: 100%;
            line-height: 140%;
        }
    }

	/*MyCE*/
	.myCE {background-color:#FFC; border:1px solid #666; padding:10px;}
	.myCEHead {font-family:Verdana, Arial, Geneva, sans-serif; font-size:24px; font-weight:bold ; color:#333;}
	.myCEHead2 {font-family:Verdana, Arial, Geneva, sans-serif; font-size:18px; font-style:italic; font-weight:bold ; color:#333; background-color:#FC0; border-bottom:1px solid #666; padding-top:3px; padding-bottom:3px; width:100%;}
	.myCEWidget {background-color:#FFC; border:1px solid #666;}
	.myCECategories {border-bottom-color:#333; font-weight:bold;}
	
	/*CE VINdex*/
	.VINdexBox {background-color:#FFF; border:1px solid #666; padding:10px;}
	.VINdex {font-family:Verdana, Arial, Geneva, sans-serif; font-size:11px; font-weight:bold; height:15px;}
	.MediumGrey {font-family:Verdana, Arial, Geneva, sans-serif; font-size:11px; font-style:normal; color:#999;}
	.MediumGreyHead {font-family:Verdana, Arial, Geneva, sans-serif; font-size:14px; font-style:normal; font-weight:bold; color:#999;} 
	
	/*Welcome*/
	.WelcomeBox {background-color:#FFF; border:1px solid #666; padding:10px;}
	.WelcomeHead {font-family:Verdana, Arial, Geneva, sans-serif; font-size:18px; font-style:italic; font-weight:bold ; color:#333;}
	.Caption {font-family:Verdana, Arial, Geneva, sans-serif; font-size:10px; font-style:normal; font-weight:bold; color:#999; }
	
	.PreviousClassesTable tr td { border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:2px; } 
	.CurrentClassesTable tr td { border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:2px; } 
	.CourseTitle { background-color:#CCCCCC; font-weight:bold; font-size: 11px; }
	.CourseTitleRow { background-image:url(../images/Light_Gradient_MyCE.gif); background-repeat:repeat-x; font-weight:bold; height:21px; }
	
    /* Footer styles */
	#pageFooter {
	  padding: 25px 0;
	  clear: both;
	}
	
	#pageFooter.grey {
	  background-color: #f4f2f1;
	}
	
	#pageFooter #contactFooter .socialMedia a {
	  padding-top: 6px;
	}
	#pageFooter h2,
	#pageFooter h3 {
	  font-family: 'ProximaNovaLtSemibold', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	  font-weight: normal;
	  text-align: left;
	  margin-bottom: .35em;
	  line-height: 1em;
	  border: none;
	  font-weight: 700;
	}
	#pageFooter h1 {
	  border: 0;
	}
	#pageFooter h2 {
	  text-transform: uppercase;
	  margin-top: 0;
	}
	#promoPage680 #pageFooter h2 {
	  color: #001a72;
	}
	#promoPage8505 #pageFooter h2 {
	  color: #006f62;
	}
	#promoPage130 #pageFooter h2 {
	  color: #001a72;
	}
	#pageFooter h3 {
	  color: #333;
	  font-size: 12px;
	  margin-top: 0px;
	}
	#pageFooter h2,
	#pageFooter p {
	  font-size: 14px;
	}
	#pageFooter p {
	  margin-bottom: 1em;
	}
	#pageFooter ul {
	  list-style-type: none;
	  padding-left: 0px;
	}
	#pageFooter a {
	  text-decoration: none;
	  font-size: 12px;
	}
	#promoPage680 #pageFooter a {
	  color: #001a72;
	}
	#promoPage8505 #pageFooter a {
	  color: #006f62;
	}
	#promoPage130 #pageFooter a {
	  color: #001a72;
	}
	#pageFooter a:hover {
	  text-decoration: underline;
	}
	#promoPage680 #pageFooter .socialMedia a {
	  display: block;
	  text-decoration: none;
	  width: 25px;
	  height: 25px;
	  background-color: #001a72;
	  border-radius: 50%;
	  color: #fdfdfd;
	  line-height: 25px;
	  font-size: 10px;
	  text-align: center;
	  line-height: 2;
	}
	#promoPage680 #pageFooter .socialMedia a:hover {
	  background-color: #4164d9;
	  color: #fdfdfd;
	  text-decoration: none;
	}
	#promoPage8505 #pageFooter .socialMedia a {
	  display: block;
	  text-decoration: none;
	  width: 25px;
	  height: 25px;
	  background-color: #006f62;
	  border-radius: 50%;
	  color: #fdfdfd;
	  line-height: 25px;
	  font-size: 12px;
	  text-align: center;
	  line-height: 2;
	}
	#promoPage8505 #pageFooter .socialMedia a:hover {
	  background-color: #3ed9c7;
	  color: #fdfdfd;
	  text-decoration: none;
	}
	#promoPage130 #pageFooter .socialMedia a {
	  display: block;
	  text-decoration: none;
	  width: 25px;
	  height: 25px;
	  background-color: #001a72;
	  border-radius: 50%;
	  color: #fdfdfd;
	  line-height: 25px;
	  font-size: 12px;
	  text-align: center;
	  line-height: 2;
	}
	#promoPage130 #pageFooter .socialMedia a:hover {
	  background-color: #4164d9;
	  color: #fdfdfd;
	  text-decoration: none;
	}
	
	  /* Branding */
	  #pageFooter #footerLogo {
		text-align: center;
	  }
	  @media only screen and (max-width: 992px) {
		#pageFooter #footerLogo {
		  margin-bottom: 40px;
		}
	  }
	
		/* Logo */
		#pageFooter #footerLogo .logo {
		  margin-top: 0;
		}
		#pageFooter #footerLogo .logo img {
		  height: 40px;
		}
		#pageFooter #footerLogo .logo.studentsLogo img {
		  height: 60px;
		}
		/* end Logo */
	
		/* Sub logo */
		#pageFooter #footerLogo .subLogo {
		  text-align: center;
		  text-transform: none;
		}
		/* end Sub logo */
	  /* end Branding */
	
	#pageFooter #siteMap {
	  padding-left: 5%;
	}
	@media only screen and (max-width: 767px) {
	  #pageFooter #siteMap {
		padding-left: 15px;
	  }
	}
	#pageFooter #siteMap li {
	  line-height: 22px;
	}
	@media only screen and (max-width: 767px) {
	  #pageFooter #phoneUs {
		margin-top: 20px;
	  }
	}
	#pageFooter #phoneUs p {
	  font-size: 14px;
	}
	#pageFooter #phoneUs img {
	  width: 20px;
	  vertical-align: middle;
	}
	#pageFooter #phoneUs .row div {
	  padding-right: 0px;
	}
	#pageFooter .end {
	  margin-top: 20px;
	  text-align: center;
	}
	#pageFooter .end div {
	  margin-bottom: 5px;
	}
	#pageFooter .end h2 {
	  text-align: center;
	}
    /* end Footer styles */