/*-------------------------------------

Author:		Hugo M.
Date:		2014/06/17
Web Site:	Gantry Department Template for Rutgers SAS
File: 		sas_red.css

----

Table of Contents

. 	Debug
. 	HTML Elements
. 	Top-Menu
. 	Search
. 	RT-Header
. 	RT - Menu / Maintop
. 	Breadcrumbs
. 	Showcase
	RT-Feature
. 	RT-Main
. 	RT-Sidebar A + B
. 	RT-Sidebar A + B
. 	RT-Extension
. 	RT-Bottom
. 	RT-Footer
. 	RT-Copyright
. 	To Top Button
. 	JEvents
. 	Bootstrap overrides
. 	News & Announcements, and Research Blog Pages
. 	ReadMore Button
. 	tbl_people
. 	Titles and Headings
. 	Modules
-------------------------------------*/

/* EMERGENCY ALERT "TICKER" CSS */
@import url("http://www.sas.rutgers.edu/cms/_assets/_ticker/ticker.css");

/* Custom CSS */
@import url("custom.css");
@import url("styles.css");


/* =Debug
-----------------------------*/
.rt-container {
	/* border: 0px solid #0000FF; */
	border: none !important;
}



/* =HTML Elements
-----------------------------*/
body {
	background-color: #FFFFFF !important;
	color: #6e6e6e;
}
h1, h2, h3, h4, h5, h6, title {
    color: #cc0033;
}
a, ul.menu li .separator {
    color: #cc0033;
}


#rt-mainbody h1 {
    color: #cc0033;
}
#rt-mainbody ul li {
 color: inherit;
}

.img_caption {
	color: #818181;
}
p.img_caption {
	text-transform: none;
	color: #999999;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	background-color: #F9F2E2;
    clear: both;
    color: #555555;
    display: block;
	border: none;
}

legend {
    line-height: 140%;
    margin-bottom: 2px;
    padding: 0px 0px 8px 0px;
    font-size: 18px;
    color: #CC0033;
}

/*Add elements 1/21/2016 by HM */
/* =HTML Elements
-----------------------------*/

/* Blockquotes */
blockquote {
  background: #f9f9f9;
  border-left: 2px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  border: none !important;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/* Lists and Tables */
.striped-list {
	list-style-position: inside;
}
#rt-mainbody .striped-list ul li {
	line-height: 30px;
	padding: 8px;
}
#rt-mainbody .striped-list ul li p {
	line-height: 30px;
	padding: 8px;
}
.striped-list li:nth-child(odd) {
	background-color: #FFFFFF;
	line-height: 30px;
	padding: 8px;
}
.striped-list li:nth-child(even) {
	background-color: #DBDBDB;
	line-height: 30px;
	padding: 8px;
}
#rt-mainbody .striped-list-no-color ul li {
	line-height: 30px;
	padding: 8px;

}
#rt-mainbody .striped-list-no-color li:nth-child(odd) {
	line-height: 30px;
	padding: 8px;
	list-style-type: none;
}
#rt-mainbody .striped-list-no-color li:nth-child(even) {
	line-height: 30px;
	padding: 8px;
	list-style-type: none;
}

/* =list-fix Striped List
--------------------*/
#rt-mainbody .sas-list-striped ul li {
    line-height: 1.5em;
    padding: 8px;
}

#rt-mainbody .sas-list-striped li:nth-child(2n+1) {
    background-color: #f9f9f9;
}
#rt-mainbody .sas-list-striped  ul li ul li{
    background-color: none;
    margin-bottom: 0px;
    padding: 0 8px;
}

/* Bootstrap override - 01/21/2016 HM */
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th {
    background-color: #DBDBDB;
}

/* =Editor styles
--------------------*/
.red-text {
	color: #cc0033 !important;
}

/** Sidebar and Content Buttons **/

.content-button{
	text-align: center;
	background-color: #E0E0E0;
	display: block;
}
.content-button a {
	padding: 24px;
	color: #cc0033;
	display: block;
	font-size: 22px;
}
.content-button a:hover, .content-button:hover {
	color: #FFFFFF;
	background-color: #00626D;
	display: block;
}

.sidebar-button {
	text-align: center;
	background-color: #cc0033;
	display: block;
}
.sidebar-button a {
	padding: 42px;
	color: #FFFFFF;
	display: block;
	font-size: 24px;
	line-height: 110%;
}
.sidebar-button:hover, .sidebar-button a:hover  {
	color: #FFFFFF !important;
	background-color: #000000;
	display: block;
}

.sidebar-teal-button{
	text-align: center;
	background-color: #00626D;
	display: block;
}
.sidebar-teal-button a {
	padding: 42px;
	color: #FFFFFF;
	display: block;
	font-size: 24px;
}
.sidebar-teal-button:hover, .sidebar-teal-button a:hover  {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
}
.sidebar-gray-button{
	text-align: center;
	background-color: #505050;
	display: block;
}
.sidebar-gray-button a {
	padding: 42px;
	color: #FFFFFF;
	display: block;
	font-size: 24px;
}
.sidebar-gray-button:hover, .sidebar-gray-button a:hover  {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
}
.sidebar-cream-button{
	text-align: center;
	background-color: #cc0033;
	display: block;
}
.sidebar-cream-button a {
	padding: 42px;
	color: #FFFFFF;
	display: block;
	font-size: 24px;
}
.sidebar-cream-button:hover, .sidebar-cream-button a:hover {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
}



/** Contact Us CSS **/
.gray-banner {
	background-color: #EBEBEB;
	color: #000000;
	text-align: center;
}
.gray-banner-phone {
	margin: 30px 0px 0px 0px;
	font-size: 14px;
}
.gray-banner-addr {
	margin: 20px 0px 0px 0px;
	font-size: 14px;
}
.gray-banner-button a {
	margin: 20px 0px 0px 0px;
	background-color: #cc0033;
	padding: 10px;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
}
@media(min-width: 800px) {
	.gray-banner-button a {
	margin: 20px 30px 0px 0px;
	}
}


/* =Top-Menu
-----------------------------*/
#rt-top, #rt-banner .rt-container{
	background-color: #333333 !important;
}
#rt-top a{
	color: #F1F1F1 !important;
	text-shadow: none !important;
}
#rt-top a:hover {
	background-color: #000000 !important;
	border: 1px solid #000000 !important;
	border-radius: 0px !important;
	color: #FFC910 !important;
	text-decoration: underline !important;
}
#rt-top ul.menu li {
    border-right: 0px solid white;
}
#rt-top .nav-tabs {
    border-bottom: none;
}
.menu_secondary {
	font-size: 10px;
}



/* =Search
----------------------------- */
#rt-top form.form-search {
     margin: 8px 0 2px 0;
}


#rt-top .form-search input[type="text"] {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #6e6e6e;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#rt-top .form-search input[type="search"] {
	color: #6e6e6e;
}

#rt-top .form-search input.search-query {
    background-color: #ffffff;
    border: 1px solid #d5d5d5;
    border-radius: 0;

    text-shadow: none;
    width: 300px;
}



/* =RT-Header
-----------------------------*/
#rt-header {
	background-color: #CC0033 !important;
}
#rt-top-surround {
	color: #555555;
	text-shadow: none;
	border-bottom: none;
	box-shadow: none;
}
#rt-header .center-name h2, #rt-header .site-slogan h4{
	 color: #FFFFFF;
}
#rt-header .name-primary h2 a, #rt-header .name-secondary h4 a{
	 color: #FFFFFF;
}



/* =RT - Menu / Maintop
-----------------------------*/
#rt-maintop { /* Added to give space at the bottom of the menu */
	background: #FFFFFF !important;
    border-bottom: 0px solid #000000 !important;
    box-shadow: 0 0px 0 #FFFFFF, 0 0px 0px 0 rgba(0, 0, 0, 0.1) inset !important;
}
#rt-maintop .rt-container .gf-menu {
	background-color: #333333 !important;
}
#rt-maintop .rt-container .gf-menu .item {
    color: #F1F1F1 !important;
    cursor: pointer !important;
    display: block !important;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 11px !important;
    line-height: 24px !important;
    outline: 0 none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}
#rt-maintop .rt-container .gf-menu li:hover > .item {
	color: #FFC910 !important;
	text-shadow: none !important;
	background-color: #000000;
}
#rt-maintop .rt-container .gf-menu li:hover, #rt-maintop .rt-container .gf-menu li.active:hover {
	border-radius: 0px !important;
	border-style: none !important;
	border-width: 0px !important;
	box-shadow: none !important;
}
#rt-maintop .rt-container .gf-menu.l1 > li.active > .item {
	background: none repeat scroll 0 0 #000000 !important;
    color: #FFC910 !important;
    border: 0px solid #c4c4c4 !important;
    border-radius: 0px !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) inset, 0 0px 0 #ffffff !important;
   	
}
#rt-maintop .rt-container .gf-menu .dropdown ul li {
	border: 0px none;
	display: block;
}
#rt-maintop .rt-container .gf-menu .dropdown,
#rt-maintop .rt-container .gf-menu .dropdown ul li {
	background-color: #000000;
}
#rt-maintop .rt-container .gf-menu .dropdown,
#rt-maintop .rt-container .gf-menu .dropdown ul li .item {
	color: !important;
}
#rt-maintop .rt-container .gf-menu.l1 > li:hover > .item .border-fixer {
	background: none repeat scroll 0 0 #000000 !important;
	bottom: 0px !important;
	display: block;
}
#rt-maintop .rt-container .gf-menu li:hover, 
#rt-maintop .rt-container .gf-menu li.active:hover, 
#rt-maintop .rt-container .gf-menu li.parent:hover, 
#rt-maintop .rt-container .gf-menu li {
	background: none !important;
	border: none !important;
	box-shadow: none !important;

}
/*2/20/2017, LG, removed !important tag for this line */
#rt-maintop .rt-container ul.gf-menu li {
	background-color: #333333 ;
}
#rt-maintop .rt-container ul.gf-menu {
	width: 100%;
}
#rt-maintop .rt-container .gf-menu .dropdown {
	background-color: #000000 !important;
	border-radius: 0px;
	border-style: none;
	border-width: 0px;
	box-shadow: none !important;
}
#rt-maintop .rt-container .gf-menu .dropdown ul li:hover > .item {
	background-color: #555555 !important;
	border-radius: 0px !important;
	border-color: #555555 !important;
	border-width: 1px 1px 1px 1px !important;
	box-shadow: none !important;
	color: #FFC910;
	text-decoration: underline !important;
}
#rt-maintop .rt-container .gf-menu .dropdown ul li.active > .item {
	background-color: #555555 !important;
	color: #FFC910 !important;
}
.gf-menu li.parent > .item::after { /* Down arrow icons after menu item */
    color: #FFFFFF !important;
}

#rt-top ul.menu li a:focus,
#rt-maintop ul.menu li a:focus {
    outline: -webkit-focus-ring-color auto 5px !importatnt;
    background: none repeat scroll 0 0 #444 !important;
    border-color: #555555 !important;
}




/* =Breadcrumbs
--------------------------*/
#rt-breadcrumbs .breadcrumb li, #rt-breadcrumbs  .breadcrumb li a {
    font-size: 11px;
}
#rt-breadcrumbs li:after {
    content: "";
    font-family: FontAwesome;
}
#rt-breadcrumbs a:after, #rt-breadcrumbs li:active {
    content: none;
}
#rt-breadcrumbs a:hover {
    text-decoration: underline;
}
#rt-breadcrumbs .icon-location:before {
    content: none;
}
.breadcrumb {
	background: none;
}



/* =Showcase
-----------------------------*/
#rt-showcase {
    background: none;
    background-image: none;
    background-repeat: no-repeat;
    border-bottom: none !important;
    box-shadow: none;
    color: #;
    text-shadow: none;
    background-color: #FFFFFF;
}
#rt-showcase .rt-container {
	background-color: none !important;
}
.rt-showcase-pattern {
	background-image: none !important;
	background-size: none !important;
	background-position: none !important;
}


/* =RT-Feature
-----------------------------*/
#rt-feature .rt-container .title, #rt-feature .component-content h2 {
    border-bottom: medium none !important;
    box-shadow: none !important;
    color: #CC0033 !important;
    text-shadow: none !important;
}


/* =RT-Main
-----------------------------*/
#rt-main .rt-container {
	background: #F0F0F0;
    background: #f9f9f9 none repeat scroll 0 0;
}

#rt-mainbody .component-content h2 {
	background: none !important;
}



/* =RT-Sidebar A + B
-----------------------------*/
#rt-main .module-content {
	border-bottom: 0px solid #d1d1d1;
}
#rt-sidebar-a .newsflash-title {

}
#rt-sidebar-a .rt-block {

}
#rt-sidebar-a .rt-block .title, #rt-sidebar-b .rt-block .title {
    font-size: 26px;
    color: #444444;
    background-color: none;
    text-shadow: none;
    box-shadow: none !important;
	border-bottom: 1px solid #D1D1D1 !important;
}
#rt-sidebar-a .rt-block .module-content ul.menu li a:hover, #rt-sidebar-b .rt-block .module-content ul.menu li a:hover {
	color: #FFFFFF;
	background-color: #cc0033;
	text-decoration: underline;
}
#rt-sidebar-b ul.menu li.active.current > a {
    color: #565656;
}
#rt-sidebar-b ul li a{
    color: #cc0033;
}

#rt-sidebar-b .right-white {
    background: #fff;
    margin: 10px;
}

#rt-transition .white-bg {
    background: #ffffff;
    padding: 10px;
}

/* =RT-Mainbottom
-----------------------------*/
#rt-mainbottom .rt-container .title, #rt-mainbottom .component-content h2 {
    border-bottom: medium none !important;
    box-shadow: none !important;
    color: #CC0033 !important;
    text-shadow: none !important;
}


/* =RT-Transition
-----------------------------*/


#rt-transition .component-content h2{
    font-size: 30px;
    color: #444444;
    background-color: none;
    text-shadow: none;
    box-shadow: none !important;
}

#rt-transition .component-content h3{
    line-height: 140%;
    margin: 15px 0 10px;
}

/* =RT-Extension
-----------------------------*/
#rt-extension {
	background: #FFFFFF !important;
}
#rt-extension .rt-container .title, .component-content h2 {
    border-bottom: none !important;
    box-shadow: none !important;
    color: #cc0033 !important;
    text-shadow:none !important;
}



/* =RT-Bottom
-----------------------------*/
#rt-bottom {
	background-color: #757575 !important;
	font-size: 12px;
	color: #FFFFFF !important;
}
#rt-bottom .rt-container .bottom-title h2, #rt-bottom .rt-container h2.title {
	font-size: 13px !important;
	color: #FFC910 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	border-bottom: none !important;
}
#rt-footer-surround {
	background-color: #000000 !important;
}
#rt-bottom .rt-container .module-content a {
	color: #FFFFFF !important;
	display: inline-block;
	border-radius: 0px !important;
}
#rt-bottom .rt-container .module-content a:hover {
	color: #FFC913 !important;
	display: inline-block;
	border-radius: 0px !important;
	background-color: #000000;
}



/* =RT-Footer
-----------------------------*/
#rt-footer {
	background: url("") no-repeat scroll 0 0 #505050 !important;
    border-top: none !important;
    box-shadow: none !important;
    color: #333333 !important;
}
#rt-footer .rt-container .rt-block .nav > li > a:hover {
	background-color: #cc0033 !important;
	text-decoration: underline !important;
}
#rt-footer .rt-container .rt-block .nav-tabs > li > a:hover {
	border-radius: 0px !important;
	border-color: #505050 !important;
}
#rt-footer .nav-tabs > li > a {
	border-radius: 0px !important;
	color: #DDDDDD;
}
#rt-footer .nav-tabs > li > a:hover {
	border-radius: 0px;
	background-color: #cc0033;
	color: #FFFFFF;
}
#rt-footer .nav-tabs > .active > a, #rt-footer .nav-tabs > .active > a:hover {
	background-color: #cc0033;
	border: 0;
	color: #FFFFFF;
}



/* =RT-Copyright
-----------------------------*/
#rt-copyright {
	border-top: 0 none !important;
	box-shadow: none !important;
}
.sas-copyright {
	font-size: 11px;
	text-align: right;
	color: #DDDDDD;
}
#rt-copyright .rt-block .module-surround .module-content {
	font-size: 11px;
}

@media (max-width: 768px) {
	div.sas-copyright {
		text-align: center;
	}
}


/* =To Top Button
-----------------------------*/
#gantry-totop {
	color: #FFFFFF;
	background-color: #444444;
	border: 0;
    border-radius: 0px;
    display: inline-block;
    box-shadow: none;
}
#gantry-totop:hover {
	background-color: #cc0033;
	color: #FFFFFF;
}



/* =JEvents
--------------------------*/
ul.ev_ul li.ev_td_li {
    border-width: 0;
}
#rt-transition td.mod_events_latest_first, #rt-transition td.mod_events_latest {
    border-width: 1px 0;
    line-height: 1.5em;
    border-color: #bbbbbb;
}
#rt-transition td.mod_events_latest_first, #rt-transition td.mod_events_latest {
    border-color: #bbbbbb !important;
}
#rt-transition .mod_events_latest_content a {
	font-weight: bold;
}
a.ev_link_row:link {
    color: #c41414 !important;
}
#rt-mainbody #jevents .btn:hover {
	background-position: 0;
}



/* =Bootstrap overrides
-----------------------------*/
.nav-tabs {
	border-bottom: 0 !important;
}
a:hover {
	text-decoration: underline;
}





/* =News & Announcements and Blog Pages
--------------------------*/
#rt-mainbody .component-content .news_announcements_blog h2, .research_blog h2{
	text-align: left;
}
#rt-mainbody .component-content .news_announcements_blog article, .research_blog article {
	border-radius: 0px !important;
}
#rt-mainbody .component-content .items-row{
	background: ;
	border-bottom: 1px solid #CCCCCC;
}
#rt-mainbody .component-content .blog .items-row article {
}

#rt-mainbody .blog .items-row:nth-child(2n+2) {
	background-color: #fff;
}
#rt-mainbody .blog .items-row:nth-child(2n+1) {
	background-color: #f9f9f9;
}


/* =ReadMore Button
--------------------------*/
.button, .btn-primary, .readon, .readmore,  button.validate, #member-profile a, #member-registration a, .formelm-buttons button, #rt-mainbody .readmore a {
	background-color: #CC0033;
	color: #FFFFFF;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #670b0b;
    border: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
}


.button:hover, .readon:hover, .readmore:hover, button.validate:hover, #member-profile a:hover, #member-registration a:hover, .formelm-buttons button:hover, .btn-primary:hover {
	background-color: #555555;
	color: ;
    background-image: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
}

#rt-mainbody .blog .readmore:hover {
	background-color: #cc0033;
}



/* =tbl_people
--------------------------*/
#leftDiv, #rightDiv, #middleDiv {
    background: none repeat scroll 0 0 #efefef !important;
    display: inline-block;
}



/* =Titles and Headings
--------------------------*/
.title, .component-content h2 {
    border-bottom: 1px solid #d1d1d1;
    box-shadow: none;
    color: #006aac;
    text-shadow: none;
}
h2.module-title {
	color: #006aac;
}



/* =Modules
--------------------------*/
#rt-main .module-content ul li a {
    font-weight: normal;
}
#rt-main .module-content ul li.active {
    font-weight: bold;
}
ul.menu li.active.current > a, 
ul.menu li.active.current > .item, ul.menu li.active.current > .separator, 
ul.menu li#current.active > a, 
ul.menu li#current.active > .item, ul.menu li#current.active > .separator {
    color: #303030;
}


/* =Weblinks
--------------------------*/
ul.weblinks li {
	color: #6e6e6e;
}
ul.weblinks li a,
.weblink-category .list-title {
	font-weight: bold;
}

/* Define Gray box background with interior white outline 
------------------------------------------------------------*/
.gray-bg {
    outline: solid #757575 5px;
    background: #757575;
    color: #fff;
    height: 80%;
    padding: 30px;
    font-size: 16px;
    border: 3px #fff solid;
}