/**
	Theme Name: Catalog Theme
	Version: 2
	Description: A theme created for CSUN Catalog

	General
	Extra Small
	Small
	Medium
	Large

	1 - Overall Rules
	2 - Header Rules
	3 - Footer Rules
	4 - Page Rules
	5 - Search Page Rules
	6 - Academic Page Rules
	7 - Index Page Rules
	8 - Policy Page Rules
	9 - Planning Page Rules
	10 - General Education Rules
	11 - Faculty Rules
	12 - Collumnizer Rules

*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *									General Rules
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* --------------------------- 1 - Overall Rules --------------------------- */

html,
body {
	font-family: museo-sans, helvetica, arial, sans-serif;
	height: 100%;
	background-image: url('./img/noisy_grid.png');
}

#overflow-wrap {
	overflow-x: hidden;
}

/* * * * * * * * Headers * * * * * * * */

h1, h2, h3, h4, h5, h6,
.pseudo-h1, .pseudo-h2, .pseudo-h3,
.pseudo-h4, .pseudo-h5, .pseudo-h6,
.pseudo-h7, .pseudo-h8{
	font-family: museo-sans, helvetica, arial, sans-serif;
	font-weight: bold;
}

h1, .pseudo-h1{
	font-size: 30px;
	color: #D00D2D;
}

h2, .pseudo-h2 {
	font-size: 24px;
	color: #D00D2D;
}

h3, .pseudo-h3 {
	font-size: 20px;
	color: #000000;
}

h4, .pseudo-h4 {
	font-size: 18px;
	color: #D00D2D;
}

h5, .pseudo-h5, .sm-h4 {
	font-size: 16px;
	color: #000000;
}

h6, .pseudo-h6, .sm-h3 {
	font-size: 14px;
	color: #D00D2D;
}

.pseudo-h7 {
	font-size: 13px;
	color: #000000;
}

.pseudo-h8 {
	font-size: 13px;
	color: #000000;
}

/* * * * * * * * Text/Links * * * * * * * */

p {
	color: #4c4c4c;
	font-size: 14px;
	line-height: 28px;
}

.spacey p
{
	margin: 0 0 7px;
	line-height: 20px;
}
.spacey
{
	margin: 0 0 3px;
}

a {
	color: #0057a9;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.no-line {
	text-decoration: none;
}

/* --------------------------- 2 - Header Rules ---------------------------- */

#fixbar{
	position: fixed;
	width: 100%;
	height: 68px;
	background-color: #D00D2D;
	display: block;
	z-index: 200;
	top:0;
	left:0;
}

/* * * * * * * * * Regular Header Bar * * * * * * * * */

#headerbar{
	display: block;
	position: relative;
	height: 100%;
	background-color: none;
}

#logo{
	display: none;
}

#stacked-logo {
	width: 150px;
	margin-top: 10px;
}

#quicklinks-lg{
	display: none;
	margin-top: 15px;
	width: 100%;
}

#quicklinks-lg>ul>li {
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 1px solid #181818;
	font-size: 12px;
}

#refer_catalog{
	margin-top: 2px;
	font-size: 16px;
	display: block;
}

#refer_catalog_mobile{
	display: none;
}

#quicklinks-lg>ul>li:last-child{
	padding-right: 0px;
	border: 0;
}

#quicklinks-lg>ul>li>a {
	color: #D00D2D;
}

#quicklinks-lg>ul>li>a:hover {
	background-color: transparent;
}

#quicklinks{
	margin-top: 10px;
	width: 100%;
}

#quicklinks>ul>li {
	display: inline-block;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #181818;
}

#quicklinks>ul>li:last-child{
	padding-right: 0px;
	border: 0;
}

#quicklinks>ul>li>a {
	color: #D00D2D;
}

#quicklinks>ul>li>a:hover {
	background-color: transparent;
}

/* * * * * * * * * XS Header Bar * * * * * * * * */

#mininav {
	padding-left: 20px;
	padding-right: 20px;
	min-width: 280px;
	display: block;

}

#neglogo {
	width: 50%;
	height: 60px;
	margin-top: 5px;
	display: inline-block;
	float: left;
}

#neglogo a > img{
	position: relative;
	max-height: 60px;
	min-width: 115px;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
}

.iconblock{
	position: relative;
	height: 38px;
	margin-top: 20px;
	width: 25%;
	min-width: 58px;
	display: inline-block;
	background-color: none;
	float: left;
	font-size: 20px;
	color: #ffffff;
	z-index: 20;
}

#menuicon, #searchicon {
	color: #ffffff;
	cursor: pointer;

}

/* * * * * * * * * Search Bar * * * * * * * * */

.navbar-form {
	margin-top: 0px;
}

.navbar-form > label {
	display: none;
	line-height: 38px;
	color: #1e1e1e;
}

#csunsearch {
	background-color: #adadad;
	padding: 2px;
	width: 80%;
	float: right;
}

#csunsearch .form-control {
	border-radius: 0px !important;
	border-color: #ffffff;
}

#csunsearch .input-group-btn .btn {
	border-radius: 0px !important;
	background-color: #D00D2D;
	color: #ffffff;
	border-color: #444444;
}

#csunsearch .input-group-btn .btn:hover {
	background-color: #242426;
}

#csunsearch .input-group-btn .btn > .arrow-left {
	margin-bottom:-20px;
	margin-left: -20px;
	background-color: ;
}

#search-div p{
	margin-top: -4px;
	margin-right: 20px;
	padding: 0;
	float:right;
}

/* * * * * * * * * Main Navigation * * * * * * * * */

#csunnav {
	width: 100%;
	background-color: #181818;
	z-index: 20;
}

#menu-catalog-menu > li > a {
	color: #ffffff;
	text-decoration: none;
}

/* * * * * * * * * Banner * * * * * * * * */

#full-banner{
	border-bottom: 5px solid #444;
	background-color: #FFFFFF;
	margin: 68px 0 0 0px;
}

#full-banner-inner{
	border-bottom: 5px solid #444;
	background-color: #fff;
	margin-top: 68px;

}

/* --------------------------- 3 - Footer Rules ---------------------------- */

/* * * * * * * * * Containers * * * * * * * * */

#footer {
	padding: 0;
	border-top: 0;
}

#outside-footer {
	border-top: solid 2px #D00D2D;
	background-color: #ffffff;
}

#footer > .row {
	padding: 0 15px 0 15px;
}

/* * * * * * * * * Top Content * * * * * * * * */

.footpad {
	padding: 20px 0 30px 0;
}

.footbox {
	display: block;
	color: #1e1e1e;
	line-height: 30px;
	border-right: solid 1px #d0d0d0;
	min-height: 100px;
}

.btnbox{
	width: 100%;
	margin: auto;
}

.noborder {
	border: 0;
}

.footbox > a {
	text-align: center;
	display: block;
}

.footbox > p {
	display: block;
	min-height: 50px;
	text-align: center;
	width: 95%;
	padding-left: 20px;
}

.footbox > span {
	text-align: center;
	display: block;
}

.redbtn{
	width: 135px;
	height: 40px;
	display: block;
	background-color: #D00D2D;
	margin: auto;
	border: 1px solid #3b3b3b;
	padding: 4px;
	color: #ffffff;
}

.redbtn:hover {
	background-color: #242426;
}

.redbtn > a {
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}

/* * * * * * * * * Lower Content * * * * * * * * */

.linksrow{
	background-image: url('./img/noisy_grid_light.png');
	border-top: solid 1px #949494;
}

.footerlinks {
	padding: 30px 35px 30px 35px;
	text-align: center;
	vertical-align: middle;
	line-height: 38px;
}

.footerlinks > a {
	 color: #D00D2D;
	 padding: 0 10px 0 10px;
	 border-left: 1px solid #D00D2D;
}

.footerlinks > a:hover {
	 text-decoration: underline;
}

.footerlinks > a:first-child {
	 border-left: 0;
}

#lastrow {	/* just for padding */
	background-color: #000;
	height: 20px;
}

/* ----------------------------- 4 - Page Rules ---------------------------- */

/* * * * * * * * Containers * * * * * * * */

#main-section {
	background-color: #ffffff;
	border-top: solid 1px #959595;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -120px;
	padding: 0px 0px 120px 0px;
}

#main-section .container {
	min-height: 400px;
}

.content{
	padding-left: 10px;
	padding-right: 10px;
}

.pad-box {
	padding-left: 30px;
	padding-right: 30px;
}

#inset-content{
	border: 1px solid #d0d0d0;
	/*border-radius: 5px;*/
	-webkit-box-shadow: 0px 3px 19px 0px rgba(50, 50, 50, 0.16);
	-moz-box-shadow: 0px 3px 19px 0px rgba(50, 50, 50, 0.16);
	box-shadow: 0px 3px 19px 0px rgba(50, 50, 50, 0.16);
	padding: 30px 15px 20px 15px;
	margin-bottom: 10px;
}

.section-content {
	margin-bottom: 20px;
	padding: 10px 20px;
}

.inner-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #d0d0d0;
}

/* * * * * * * * Titles * * * * * * * */

.page-title-section {
	padding: 10px 0px 10px 0px;
	margin: 0;
	margin-bottom: 20px;
	margin-right: 15px;
	margin-left: 15px;
}

.dept-title-small {
	display: block;
	color: #2d2d2d;
	font-size: 16px;
	font-weight: 700;
	margin-top: 18px;
	text-transform: uppercase;
}

.dept-title-small:hover {
	color: #1e1e1e;
}

a.prog-title{
	color: #D00D2D;
}

.prog-title{
	color: #D00D2D;
	padding: 0px 0 5px 0;
	margin-top: 5px;
}

.inner-title-wrap{
	padding: 0 30px 0 30px;
}

.inner-title {
	font-weight: 700;
}

.section-title {
	display: block;
	width: 100%;
	padding-bottom: 6px;
	border-bottom: solid 2px #cecfd1;
	margin-bottom: 25px;
	margin-top:25px;
}

.section-content .section-title{
	margin-top:0px;
}

.section-title h2, .section-title h3,
.section-title .pseudo-h2, .section-title .pseudo-h3 {
	font-size: 18px;
	display: inline;
	color: #D00D2D;
}

#define-star-act-div{
  width:305px;
  position: static;
   top: 0;
   left: 0;
   z-index: 1010;
   max-width: 376px;
   padding: 1px;
   margin-top:35px;
   margin-bottom: 35px;
   text-align: left;
   white-space: normal;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,0.2);
   border-radius: 6px;
   -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   box-shadow: 0 5px 10px rgba(0,0,0,0.2);
   background-clip: padding-box;
}
#define-star-act-title{
  color: #D00D2D;
  font-family: museo-sans, helvetica, arial, sans-serif;
  font-size: 18px;
  display:inline;
}
#define-star-act-title-div{
  padding: 8px 14px;
  margin: 0;
  font: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
#define-star-act-define-p{
    font-family: museo-sans, helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
		margin-bottom: 25px;
}
#define-star-act-div-p{
  display:block;
  text-align: left;
  white-space: normal;
  padding: 0px 14px;
  font-family: museo-sans, helvetica, arial, sans-serif;
}

.section-title span {
	display: inline;
	padding-bottom: 8px;
	min-width: 10%;
	max-width: 90%;
	height: 100%;
	border-bottom: solid 2px #D00D2D
}

.section-title div span {
	border-bottom: none;
	top: 3px;
}

.csun-subhead{
	font-size: 18px;
	font-weight: 700;
	color: #D00D2D;
}

a.csun-subhead{
	text-decoration: underline;
}

/* * * * * * * * To Top Link * * * * * * * */

#to_top.affix {
	visibility: visible;
}

#to_top {
	width: 52px;
	padding: 5px 10px;
	background: rgba(230, 230, 230, .25);
	text-align: center;
	visibility: hidden;
}

a.top-link .glyphicon{
	color: #D00D2D;
	font-size: large;
}

a.top-link {
	color: rgb( 30, 30, 30);
	font-size: large;
}

.right{
	float:right;
}

/* * * * * * * * Side Navigation * * * * * * * */

.side-nav-col {
	padding-left: 0;
	padding-right: 0;
}

.side-nav {
	padding-left: 0;
}

.side-nav li {
	display: block;
	border-bottom: solid 1px #949494;
	background-color: #fafafa;
}

.side-nav li a {
	display: block;
	color: #1e1e1e;
	width: 100%;
	padding: 10px;
	font-size: 14px;
	text-decoration: none;
}

.side-nav li.side-nav-active,
.side-nav li.current-menu-item{
	display: block;
	border: solid 1px #D00D2D;
	background-color: #D00D2D;
}

.side-nav li.side-nav-active a,
.side-nav li.current-menu-item a {
	color: #ffffff;
}

.side-nav li.current-menu-item li a {
	color: #000;
}

.side-nav li:hover .sub-menu li a{
	color: #000;
}

ul.side-nav ul {
	margin-left: -40px;
}

.side-nav li:hover .sub-menu li:hover{
	background-color: #900;
}

.side-nav li:hover .sub-menu li:hover a{
	color: #fff;
}

.side-nav li li{
	border-bottom: 0px;
	border-top: solid 1px #949494;
	padding-left: 12%;
}

.side-nav li:hover {
	background-color: #242426;
	border-bottom: solid 1px #242426;
}

.side-nav li:hover a {
	color: #ffffff;
}

/* * * * * * * * Tables * * * * * * * */

.csun-table {
	margin-bottom: 10px;
}

.csun-table > thead > tr > th,
.csun-table > tbody > tr > th,
.csun-table > tfoot > tr > th,
.csun-table > thead > tr > td,
.csun-table > tbody > tr > td,
.csun-table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border: 0;
}

.csun-table > thead > tr > th {
	vertical-align: bottom;
}

.csun-table{
	border: 0;
}

.csun-table > tbody > tr:first-child > th {
	background-color: #f9f9f9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.csun-table .header-footer th,
.csun-table .header-footer td{
	background-color: #f9f9f9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.csun-table > tbody > tr:hover > td,
.csun-table > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

/* * * * * * * * Misc * * * * * * * */

.bold{
	font-weight: bold;
}

.noborder {
	border: 0;
}

.dark {
	color: #1e1e1e;
}

.red{
	color: #D00D2D;
}

.small-marg-top {
	margin-top: 20px;
}

.small-marg-bottom {
	margin-bottom: 20px;
}

.img-responsive {
	width: 100% !important;
	max-width:100%;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
	margin-top: 7px;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
	margin-top: 7px;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

.alignright {
	float: right;
	margin-top: 7px;
}

.alignleft {
	float: left;
	margin-top: 7px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
}

/* ------------------------ 5 - Search Page Rules -------------------------- */

ul.search_results li a:hover {
	color: #fff;
}

ul.search_results li{
	border : 1px solid #949494;
}

ul.checkbox-list{
	list-style-type: none;
	padding: 0;
}

.pagination-content{
	text-align: center;
}

span.option-title {
	display: block;
	color: #000;
	font-size: 88%;
}

#fund_source_container legend{
	display: inline-block;
	margin: 5px 0;
	padding-top: 5px;
	font-size: 14px;
	border-bottom: none;
	font-weight: bold;
	line-height: 1.428571429;
}

/* ------------------------ 6 - Academic Page Rules ------------------------ */

/* * * * * * * * Titles * * * * * * * */

.with-option {
	margin-bottom: 3px;
}

.option-title {
	margin-top: 2px;
}

/* * * * * * * * Subnavigation * * * * * * * */

.arrow-wrap {
	width: 30px;
	height: 30px;
	margin: auto;
	margin-bottom: -60px;
}

.subnav-arrow {
	display: block;
	position: relative;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #D00D2D;
	margin:auto;
}

#catalog-subnav{
	margin-bottom: 0px;
	z-index: 50;
}

#catalog-subnav ul{
	padding-left: 0;
	display: block;
	width: 100%;
	margin: auto;
}

#catalog-subnav ul li {
	display: block;
	float: left;
	width: 25%;
	padding-left: 5px;
	padding-right: 5px;
}

#catalog-subnav ul li.active:hover .subnav-arrow{
	border-top: 15px solid #900;
}

#catalog-subnav ul li.active a {
	color: #ffffff;
	background-color: #D00D2D;
	border: solid 1px #D00D2D;
}

#catalog-subnav ul li.active:hover a {
	background-color: #900;
	border: solid 1px #900;
}

#catalog-subnav ul li:hover a {
	background-color: #242426;
	color: #ffffff;
}

#catalog-subnav ul li a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #000;
	padding: 10px 0px 10px 0px;
	background-color: #c7c7c7;
	border: solid 1px #949494;
	text-decoration: none;
}

#catalog-subnav ul li ul {
	position: absolute;
	z-index: 150;
	top: 149px;
	display: none;
	background-color: #000;
	width: 25%;
	max-width: 50%;
	padding-bottom: 5px;
}

#catalog-subnav ul li.active ul {
	background-color: #710100;
	border: solid 1px #710100;

}

#catalog-subnav ul li.active ul li:hover{
	background-color: #242426;
}

#catalog-subnav ul li.active ul li a{
	border: 0;
}

#catalog-subnav ul li.active ul li a:hover{
	background-color: #242426;
}

#catalog-subnav ul li ul li {
	display: block;
	width: 100%;
	margin: 0;
}

#catalog-subnav ul li ul li a {
	color: #ffffff;
	display: block;
	font-size: 12px;
	border: 0;
	border-bottom: solid 1px #000;
}

#catalog-subnav ul li ul li:last-child a{
	border-bottom: 0;
}

#catalog-subnav ul li ul li:hover a{
	background-color: #D00D2D;
}

#catalog-subnav ul li:hover ul {
	display: block;
}

/* * * * * * * * Sharing Icons * * * * * * * */

#share-icons {
	min-height: 32px;
	position: relative;
	list-style:none;
	margin: 8px 0 0 0;
	overflow:hidden;
	padding-left: 0;
	padding: 5px 5px 5px 20px;
}

#share-icons li{
	width: 33%;
	float:left;
	color:#1e1e1e;
}

#share-icons li a span,
#share-icons li span{
	display: block;
	margin: auto;
	text-align: center;
}

.share-icon {
	display: block;
	font-size: 24px;
	color: #D00D2D;
}

.share-icon:hover {
	color: #1e1e1e;
}

.screen-reader-text { /* hides text */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* * * * * * * * Bread Crumbs * * * * * * * */

#breadcrumbs{
	position: relative;
	list-style:none;
	margin: 8px 0 8px 0;
	overflow:hidden;
	padding-left: 0;
	background-color: #efefef;
	padding: 5px 5px 5px 20px;
	border: 1px solid #d0d0d0;
}

#breadcrumbs li{
	font-size: 14px;
	float:left;
	margin-right:15px;
	color:#1e1e1e;
}

#breadcrumbs li a{
	color: #1e1e1e;
}

#breadcrumbs li a:hover{
	text-decoration: underline;
}

#breadcrumbs .separator{
	font-weight:700;
	font-size:14px;
	color:#1e1e1e;
}

/* * * * * * * * Tseng * * * * * * * */

.well-tseng {
	color: #fff;
	background-color: #688a7e;
	border-color: #42564f;
	text-align: left;
	margin-top: auto;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;

}

.well-tseng a{
	color: #fff;
}

/* ------------------------- 7 - Index Page Rules -------------------------- */

#landing-section {
	background-image: url('./img/noisy_grid.png');
	padding-bottom: 10px;
}

.landing-item {
	padding: 0px 4px 0px 4px;
	margin-top: 8px;
	height: 90px;
	text-align: center;
	border-bottom: solid 1px #cacaca;
}

.land-bg {
	height:100%;
	position: relative;
	background: #fff url('./img/landing-bg.jpg') no-repeat center top;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.landing-over {
	top: 0;
	left: 0;
	height: 85px;
}

.land-text {
	display:inline-block;
}

.land-head{
	color: #1e1e1e;
	font-family: museo, helvetica, arial, sans-serif;
	text-align: center;
	padding-top: 10px;
}

.land-copy {
	color: #727272;
	display: none;
	text-align: center;
}

.landing-link:focus	.land-bg,
.landing-link:active .land-bg{
	border: 1px solid #428bca;
}

/* ------------------------- 8 - Policy Page Rules ------------------------- */

#policy-tags a {
	text-decoration: none;
}

#policy-cats a {
	text-decoration: none;
}

.policy-page-title {
	margin-top: 0px;
}

.tax-name {
	color: #000;
}

#policy-tags .btn{
	margin-bottom: 5px;
}

#policy-cats .btn{
	margin-bottom: 5px;
}


.btn-primary{
	color:#fff;
	background-color:#0078ad;
	border-color:#00638e;
}
.btn-primary:hover,.btn-primary:focus,
.btn-primary:active,.btn-primary.active,
.open .dropdown-toggle.btn-primary{
	color:#000;
	background-color:#bce6f6;
	border-color:#57c1e8;
}

.btn-success{
	color:#fff;
	background-color:#5b4c93;
	border-color:#403566;
}
.btn-success:hover,.btn-success:focus,
.btn-success:active,.btn-success.active,
.open .dropdown-toggle.btn-success{
	color:#000;
	background-color:#c8acd0;
	border-color:#752f8a;
}


/* ------------------------ 9 - Planning Page Rules ------------------------ */

a.planning-degree-title{
	text-decoration:underline;
	color:#D00D2D;
}

/* * * * * * * * Tables * * * * * * * */

.plans table {
	width: 100%;
	margin-bottom: 20px;
}

.plans table > thead > tr > th,
.plans table > tbody > tr > th,
.plans table > tfoot > tr > th,
.plans table > thead > tr > td,
.plans table > tbody > tr > td,
.plans table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border: 0;
}

.plans table > thead > tr > th {
	vertical-align: bottom;
}

.plans table{
	border: 0;
}

.plans table > tbody > tr:last-child > td,
.plans table > tbody > tr:first-child > th {
	background-color: #f9f9f9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.plans table > tbody > tr:hover > td,
.plans table > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

.plans tr th+th{
	width: 20%;
}

.plans td, .plans th {
	text-align: left;
}

/* * * * * * * * Link Grid * * * * * * * */

.plan-grid {
	margin-bottom: 10px;
}

.plan-grid ul {
	list-style: none;
}

.plan-grid ul li a {
	width: 150px;
	height: 50px;
	color: #FFF;
	font-size: 24px;
	text-decoration: none;
	background-color: #D00D2D;
	display: block;
	margin-bottom: 8px;
	text-align: center;
	padding: 45px 0px 75px 0px;
	float: left;
	margin-left: 8px;
	border: 1px solid #000;
}

.plan-grid ul li a:hover {
	background-color: #242426;
}

.extra-plan-grid ul {
	list-style: none;
}

.extra-plan-grid ul li {
	width: 150px;
	height: 130px;
	text-align: center;
	float: left;
	margin-left: 8px;
	margin-bottom: 8px;
	border: 1px solid #000;
	overflow: hidden;
}

.extra-plan-grid ul li a {
	background-color: #D00D2D;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 20px;
	text-decoration: none;
	display: table;
}

.extra-plan-grid ul li a span{
	display: table-cell;
	vertical-align: middle;
}

.extra-plan-grid ul li a:hover {
	background-color: #242426;
}

h1.popup-title{
	font-size: 24px;
	color: #D00D2D;
	margin: 5px;
}

/* --------------------- 10 - General Education Rules ---------------------- */

/* * * * * * * * Pop Up List * * * * * * * */

html.popup {
	height: auto;
}

.popup body{
	height: auto;
}

div.popup {
	background: #ffffff;
}

.popup .content{
	background: #eee;
	margin: 0;
	padding: 5px 10px;
}

.popup h2 a, .popup .pseudo-h2 a{
	font-size: medium;
	margin: 0;
}

.popup h2, .popup .pseudo-h2	{
	margin: 0;
}

/* * * * * * * * GE Accordions * * * * * * * */

.panel-default a.collapsed .glyphicon-minus-sign{
	display: none;
}

.panel-default a.collapsed .glyphicon-plus-sign{
	display: inline-block;
}

.panel-default	.glyphicon-plus-sign{
	display: none;
}

.collapsed .panel-heading{
	background: #fafafa;
}

.panel-heading{
	background: #D00D2D;
}

.collapsed h4.panel-title, .collapsed .pseudo-h4.panel-title{
	color: #D00D2D;
}

h4.panel-title, .pseudo-h4.panel-title{
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
}

#accordion .panel a{
	text-decoration: none;
}

.panel p {
	line-height: 18px;
}

/* * * * * * * * Tables * * * * * * * */

#ge-table {
	width: 100%;
	margin-bottom: 20px;
}

#ge-table > thead > tr > th,
#ge-table > tbody > tr > th,
#ge-table > tfoot > tr > th,
#ge-table > thead > tr > td,
#ge-table > tbody > tr > td,
#ge-table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border: 0;
}

#ge-table > thead > tr > th {
	vertical-align: bottom;
}

#ge-table{
	border: 0;
}

#ge-table > tbody > tr:last-child > td,
#ge-table > tbody > tr:first-child > th {
	background-color: #f9f9f9;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#ge-table > tbody > tr:hover > td,
#ge-table > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

/* -------------------------- 11 - Faculty Rules --------------------------- */

.space_char{
	margin-right: 1%;
	margin-left: 1%;
	font-size: 120%;
}

/* ------------------------ 12 - Collumnizer Rules ------------------------- */

.dept-container{
	margin-bottom: 40px;
}

.dept-item {
	border: solid 1px #cacaca;
	color: #000;
	height: 70px;
	display: inline-block;
	width: 100%;
	padding:10px 10px;
}

.dept-item:hover {
	background-color: #242426;
	color: #ffffff;
}

.dept-item.credential {
	overflow: hidden;
	margin-top: -6px;
}

.center {
	text-align: center;
}

/* ---------------------------- 13 - A-Z Rules ----------------------------- */
.a-z-container .first.column {
	padding-right: 15px;
	padding-left: 0;
}

.a-z-container .column {
	padding-right: 15px;
	padding-left: 15px;
}

.a-z-container .last.column {
	padding-right: 0;
	padding-left: 15px;
}

#abc_nav .btn{
	margin-bottom: 5px;
	width: 35px;
}

#abc_nav a{
	text-decoration: none;
}


/* * * * * * * * * * * * * * * * * * * * * * * End General * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *										Extra Small Media Size
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 767px) {

	/* --------------------------- 1 - Overall Rules --------------------------- */
	/* --------------------------- 2 - Header Rules ---------------------------- */

	#csunnav {
		position: absolute;
		top: 68px;
	}

	.menu-item {
		display: block;
	}

	#menu-catalog-menu {
		padding-left: 0;
	}

	#menu-catalog-menu li {
		padding: 5px;
		margin: 4px 0 4px 0;
	}

	#menu-catalog-menu li:hover{
		background-color: #242426;
	}

	.mainbanner {
		margin-top: 68px;
		width:100%;
		height:auto;
		max-width:100%;
	}

#refer_catalog{
		display: none;
	}
	
	#refer_catalog_mobile{
		margin-top: 68px;
		font-size: 20px;
		display: block;
	}

	.nav > li > a:hover {
		background-color: #242426;
	}

	#csunsearch {
		position: absolute;
		top: 68px;
		width: 100%;
		height: 80px;
		padding: 10px 15px;
		background-color: #181818;
		z-index: 20;
	}

	#search-div{
		position: absolute;
		top: 0px;
		width: 100%;
	}


	#search-div a{
		color: #fff;
		position: absolute;
		right: 25px;
		top: 117px;
		z-index: 22;
	}

	#search-div .input-group-btn
	{
		vertical-align: baseline;
	}

	#quicklinks-lg, #quicklinks,
	#headerbar .headerbar-logo{
		display: none;
	}

	#headerbar .row{
		position: absolute;
		top: 0px;
		width: 100%;
	}
	.hideme,
	#headerbar #search-div .hideme {
		display: none;
	}

	.showme,
	#headerbar #search-div .showme,
	.showme .navbar-form > label{
		display: block;
	}

	#headerbar .col-xs-12{
		padding: 0;

	}
	.fit-mobile{
		width:100%;
		height:auto;
		max-width:100%;
	}

	#neglogo a {
		display: block;
	}

	body.customize-support #fixbar {
		top: 46px;
	}

	/* --------------------------- 3 - Footer Rules ---------------------------- */

	.footbox {
		padding: 0 20px 0 20px;
	}

	.footerlinks > a {
		font-size: 12px;
	}

	/* ----------------------------- 4 - Page Rules ---------------------------- */

	#wrap{
		border: 0;
	}

	.pad-box {
		padding-left: 0px;
		padding-right: 0px;
	}

	.inner-title-wrap{
		padding: 0 30px 0 30px;
	}

	.section-content {
		padding-left: 10px;
		padding-right: 10px;
	}

	.inner-title {
		font-size: 21px;
	}

	.prog-title{
		font-size: 18px;
	}

	.dept-title-small {
		font-size: 12px;
	}

	.side-nav {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	/* ------------------------ 5 - Search Page Rules -------------------------- */

	#advanced-search label {
		display: block;
		margin: 5px 0;
	}

	#advanced-search input {
		margin: 0 5px;
	}

	#advanced-search input[type="submit"]
	{
		margin: 15px 5px 5px 5px;
	}

	#fund_source_container legend{
		display: block;
	}

	#fund_source_option_container label
	{
		display: inline-block;
	}
	#fund_source_option_container span
	{
		display:block;
	}

	#hire_year_select_container,
	#fund_source_option_container
	{
		padding-left:5%;
	}

	#advanced-search input[type=text],
	#advanced-search input[type=number],
	#advanced-search select{
		width: 95%;
		height: 35px;
	}
	#advanced-search input[type=radio],
	#advanced-search input[type=checkbox]{
		width: 20px;
		height: 20px;
	}

	/* ------------------------ 6 - Academic Page Rules ------------------------ */

	#breadcrumbs-wrap {
		display: none;
	}

	#share-icons {
		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
		padding: 10px 0 10px 0;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#share-icons li a span, ##share-icons li span span {
		font-size: 18px;
	}

	#catalog-subnav ul li {
		padding: 0;
	}

	#catalog-subnav ul li a {
		font-size: 12px;
		border-left: 1px solid #848484;
	}

	/* ------------------------- 7 - Index Page Rules -------------------------- */

	.landing-over {
		position: relative;
		padding: 2px;
		text-align: center;
	}

	.land-head	{
		padding-top: 2px;
		margin: 2px;
		font-size: 15px;
	}

	.land-icon {
		display: block;
		margin: 0px auto !important;
		max-height: 62px;
	}

	.land-text {
		display:block;
	}

	/* ------------------------- 8 - Policy Page Rules ------------------------- */
	/* ------------------------ 9 - Planning Page Rules ------------------------ */
	/* --------------------- 10 - General Education Rules ---------------------- */
	/* -------------------------- 11 - Faculty Rules --------------------------- */

	.space_char {
		font-size : 150%;
		margin: 0 3% 0 2%;
		line-height: 210%;
	}

	.abc_title h2, .abc_title .pseudo-h2{
		font-size: 24px;
	}

	/* ------------------------ 12 - Collumnizer Rules ------------------------- */

	.dept-container{
		padding: 0;
	}

	/* ---------------------------- 13 - A-Z Rules ----------------------------- */

}

/* * * * * * * * * * * * * * * * * * * * * End Extra Small * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *										Small Media Size
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 768px) {

	/* --------------------------- 1 - Overall Rules --------------------------- */
	/* --------------------------- 2 - Header Rules ---------------------------- */

	#headerbar{
		height: 135px;
	}

	#fixbar{
		position: relative;
		background-color: #ffffff;
		height: 160px;
		-webkit-box-shadow: 0px 6px 5px 0px rgba(50, 50, 50, 0.14);
		-moz-box-shadow:		0px 6px 5px 0px rgba(50, 50, 50, 0.14);
		box-shadow:				 0px 6px 5px 0px rgba(50, 50, 50, 0.14);
	}

	.iconblock{
		display: none;
	}

	#mininav{
		display: none;
	}

	#quicklinks-lg{
		display: inline-block;
	}

	#quicklinks-lg>ul>li {
		display: inline-block;
	}

	#csunnav {
		display: block;
		height: 30px;
		background-color: #D00D2D;
		padding: 0;
	}
	.fit-mobile{
		width:100%;
		height:auto;
		max-width:100%;
		display:none;
	}

	#csunnav > .container{
		height: 100%;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #D00D2D;
	}

	.menu-catalog-menu-container {
		display: block;
		height: 100%;
	}

	#menu-catalog-menu {
		display: block;
		min-width: 10px;
		padding-left: 0;
		margin-left: auto;
		margin-right: auto;
		height: 100%;
	}

	#menu-catalog-menu li {
		float: left;
		display: inline-block;
		height: 100%;
		border-right: solid 1px #a9a8a9;
	}

	#menu-catalog-menu li:hover {
		background-color: #242426;
		color: #ffffff;
	}

	#menu-catalog-menu li a {
		background-color:#D00D2D;
		display: block;
		height: 100%;
		vertical-align: middle;
		padding: 5px 14px 0 14px;
	}

	#menu-catalog-menu li a:hover {
		background-color: #242426;
		color: #ffffff;
	}

	#menu-catalog-menu li:last-child{
		border: 0;
	}

	#csunsearch {
		width: 100%;
	}

	#full-banner {
		padding: 0;
		margin: 0;
	}

	#full-banner-inner {
		padding: 0;
		margin:0;
	}

	.mainbanner {
		padding: 0px 15px 0px 15px;
	}
	#row-index-margin-fix.row{
		margin-right: -5px;
		margin-left: -5px;
	}

	/* --------------------------- 3 - Footer Rules ---------------------------- */

	.footbox {
		text-align: center;
	}

	/* ----------------------------- 4 - Page Rules ---------------------------- */
	/* ------------------------ 5 - Search Page Rules -------------------------- */

	#advanced-search label,
	#fund_source_container legend	{
		width: 35%;
		padding-left: 5%;
	}
	#advanced-search label.little-label {
		width: initial;
		padding-left: initial;
	}
	#advanced-search input[type=text],
	#advanced-search input[type=number],
	#advanced-search select {
		width: 54%;
	}
	#advanced-search input[type=radio],
	#advanced-search input[type=checkbox]{
		width: initial;
	}

	#hire_year_select_container
	{
		padding-left: 35%;
	}

	#hire_year_select_container label
	{
		width: 8%;
		padding-left: 2%;
	}

	#hire_year_select_container input[type=number] {
		width: 29%;
		margin: 0 3% 0 2%;
	}

	#fund_source_container span{
		display: block;
		margin-left:36%;
	}

	/* ------------------------ 6 - Academic Page Rules ------------------------ */

	#share-icons li a span, #share-icons li span span {
		font-size: 21px;
	}

	#catalog-subnav{
		margin-top: 13px;
		z-index: 100;
	}

	/* ------------------------- 7 - Index Page Rules -------------------------- */

	.land-head {
		font-size: 18px;
		font-weight: bold;
	}

	.land-icon {
		max-height: 70px;
	}

	/* ------------------------- 8 - Policy Page Rules ------------------------- */
	/* ------------------------ 9 - Planning Page Rules ------------------------ */
	/* --------------------- 10 - General Education Rules ---------------------- */
	/* -------------------------- 11 - Faculty Rules --------------------------- */
	/* ------------------------ 12 - Collumnizer Rules ------------------------- */
	/* ---------------------------- 13 - A-Z Rules ----------------------------- */

	#abc_nav.affix {
		width: 185px;
		top: 60px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * End Small * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *											Medium Media Size
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 992px) {

	/* --------------------------- 1 - Overall Rules --------------------------- */
	/* --------------------------- 2 - Header Rules ---------------------------- */

	#logo{
		margin-top: 20px;
		width: 350px;
		display: inline;
	}

	#stacked-logo{
		display: none;
	}

	#quicklinks-lg>ul>li {
		padding-left: 8px;
		padding-right: 8px;
	}

	#csunsearch {
		width: 80%;
	}

	#menu-catalog-menu li a {
		font-size: 14px;
		padding: 5px 30px 0 30px;
	}

	#row-index-margin-fix.row{
		margin-right: -5px;
		margin-left: -5px;
	}

	/* --------------------------- 3 - Footer Rules ---------------------------- */

	.btnbox{
		width: 100%;
		margin: auto;
	}

	/* ----------------------------- 4 - Page Rules ---------------------------- */
	/* ------------------------ 5 - Search Page Rules -------------------------- */
	/* ------------------------ 6 - Academic Page Rules ------------------------ */
	/* ------------------------- 7 - Index Page Rules -------------------------- */

	.landing-item {
		height: 110px;
	}

	.landing-over {
		height: 110px;
	}

	.land-icon {
		max-height: 90px;
		vertical-align: text-bottom;
	}

	.land-text {
		display:inline-block;
		max-width: 50%;
	}

	.land-head {
		padding: 0px;
		margin: 10px;
	}

	.land-copy {
		display: block;
		font-size: 14px;
	}
	.fit-mobile{
		width:100%;
		height:auto;
		max-width:100%;
		display:none;
	}

	/* ------------------------- 8 - Policy Page Rules ------------------------- */
	/* ------------------------ 9 - Planning Page Rules ------------------------ */
	/* --------------------- 10 - General Education Rules ---------------------- */
	/* -------------------------- 11 - Faculty Rules --------------------------- */
	/* ------------------------ 12 - Collumnizer Rules ------------------------- */
	/* ---------------------------- 13 - A-Z Rules ----------------------------- */

	#abc_nav.affix {
		width: 240px;
		top: 60px;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * End Medium * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *											Large Media Size
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 1200px){

	/* --------------------------- 1 - Overall Rules --------------------------- */
	/* --------------------------- 2 - Header Rules ---------------------------- */

	#fixbar{
		height: 170px;
	}

	#csunnav {
		height: 35px;
	}

	#menu-catalog-menu li a {
		font-size: 14px;
		padding: 10px 35px 0 35px;
	}

	#quicklinks-lg>ul>li {
		padding-left: 10px;
		padding-right: 10px;
	}
	.fit-mobile{
		width:100%;
		height:auto;
		max-width:100%;
		display:none;
	}

	#row-index-margin-fix.row{
		margin-right: -5px;
		margin-left: -5px;
	}

	/* --------------------------- 3 - Footer Rules ---------------------------- */
	/* ----------------------------- 4 - Page Rules ---------------------------- */
	/* ------------------------ 5 - Search Page Rules -------------------------- */
	/* ------------------------ 6 - Academic Page Rules ------------------------ */
	/* ------------------------- 7 - Index Page Rules -------------------------- */

	.landing-over {
		padding: 5px;
	}

	.landing-over h2, .landing-over .pseudo-h2 {
		font-size: 20px;
		font-weight: bold;
	}

	.landing-over > span {
		display: block;
		font-size: 16px;
	}

	/* ------------------------- 8 - Policy Page Rules ------------------------- */
	/* ------------------------ 9 - Planning Page Rules ------------------------ */
	/* --------------------- 10 - General Education Rules ---------------------- */
	/* -------------------------- 11 - Faculty Rules --------------------------- */
	/* ------------------------ 12 - Collumnizer Rules ------------------------- */
	/* ---------------------------- 13 - A-Z Rules ----------------------------- */

	#abc_nav.affix {
		width: 290px;
		top: 60px;
	}

}

/* * * * * * * * * * * * * * * * * * * * * * * * End Large * * * * * * * * * * * * * * * * * * * * * * * */