/**************************
        STRUCTURE
**************************/

table.layout-news-spotlight {
	width: 670px;
	float: right;
	border-collapse: collapse;
}

table.layout-news-spotlight td.text {
    width: 380px;
    padding: 0 20px 0 0;
}

table.layout-news-spotlight td.image {
    width: 270px;
}

table.layout-news-spotlight td.image img a, table.layout-news-spotlight td.image img { margin: 0px; padding: 0px; }

/*Mostly Depricated Table but not sure if News sub pages are still using*/
table.main-content {
    width: 960px;
    border: solid 0px red;
    border-collapse: collapse;
}

table.main-content td.channel {
    width: 270px;
    border: solid 0px red;
    padding: 0 20px 0 0;
}

table.main-content td.newswire {
    width: 380px;
    border: solid 0px green;
    padding: 0 20px 0 0;
}

table.main-content td.events {
    width: 270px;
    border: solid 0px blue;
}

table.main-content h2.gray {
    border: solid 0px black;
    padding: 10px 0 10px 0;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #d6dbde;
}

/*News div layout style*/

.news-mod1 {
	width: 670px;
	height: auto;
	overflow: auto;	
	float: right;
}

.news-mod1 a img {
	 width: 270px; 
	 height: 184px;
	 float: right;
	 margin: 0px 0px 0px 20px;	
}

.ts-news-content, #ts-btf {
	width: 960px;
	height: auto;
	overflow: auto;
}

.ts-news-content .channel {
	width: 270px;
    padding: 0 20px 0 0;
	float: left;
}

.ts-news-content .newswire {
	width: 380px;
    padding: 0 20px 0 0;
	float: left;
}

.ts-news-content .events {
	width: 270px;
    padding: 0;
	float: right;
}

.ts-news-content h2.gray {
    border: solid 0px black;
    padding: 10px 0 10px 0;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-color: #d6dbde;
}

#ts-btf .col1, #ts-btf .col2, #ts-btf .col3 {
    width: 270px;
    padding: 0 20px 0 20px;
    margin: 0;
	float: left;
}

#hp-news-video { width: 100%; height: auto; }

#hp-news-video iframe { width: 100%; height: auto; }

/*Event mod*/
#post a{
	display:block;
    font-weight:normal;
    font-size: 10pt;
    text-decoration:none;
    color:#005DAA;
}
#post a:hover, #post a:active{
	display:block;
   	background-color:#005DAA;
    color:#fff;
}
#post .event-date{
	color:#666f74;
}
#post .event-college{
	color:#666f74;
}
#post{
    padding:10px 0;
}

/*overwrite Auto Menu Margin*/

.auto-menu { margin-bottom: 10px; }

div#news-search {
    width: 230px;
    padding: 10px 20px 15px 20px;
    margin: 0 0 10px 0;
    background-color: #eeeeee;
    clear: left;
}

div#news-search .search_input_q {
	width: 190px;
	height: 22px;
	border: solid 1px #d6dbde;
}

div#news-search .search_submit {
	position: relative;
	top: 5px;
	left: 3px;
}

*html div#news-search .search_submit {
	position: relative;
	top: 0px;
	left: 0px;
}



/* CUNY Matters Library */

#publications {
    width: 960px;
    border-collapse: collapse;
    border: solid 0px red;
}

#publications thead td.left {
    width: 352px;
    border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 0;
}

#publications thead td.middle {
    width: 342px;
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 10px;
}

#publications thead td.right {
    width: 190px;
    padding: 10px 0 20px 10px;
}

#publications tbody td.left {
    width: 370px;
    border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 0 0 0 0;
}

#publications tbody td.middle {
    width: 370px;
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 0 0 0 10px;
}

#publications tbody td.right {
    width: 229px;
    padding: 0 0 0 10px;
}

.publication {
    width: 218px;
    height: 130px;
    margin: 0 0 10px 0;
    padding: 0;
    border-style: solid;
    border-color: #d6dbde;
    border-width: 0 0 1px 0;
}

.publication img {
    width: 80px;
    height: 120px;
    float: left; 
    margin: 0 15px 5px 0;
    border: solid 1px #999;
}

.publication img.preview {
    border: solid 0px red;
    width: 200px;
    height: 300px;
}

.publication a img.preview {
    display: none;
}

.publication a:hover {
    cursor: default;
    z-index: 1;
}

*html .publication a:hover {
    display: block;
    position: relative;
    z-index: 1;
}

.publication a:hover img.preview {
    display: block;
    position: absolute;
    margin: -30px 0 0 -45px;
    z-index: 3;
}

*html .publication a:hover img.preview {
    display: block;
    position: absolute;
    margin: -30px 0 0 -120px;
}

.publication h2 {
    border: solid 0px red;
    margin: 0 0 8px 0;
}

.publication h3 {
    margin: 0 0 3px 0;
    border: solid 0px green;
    font-size: 8pt;
    font-weight: bold;
}

h3.BCtitle, h3.BCtitle a {
	margin-bottom: 0px;
	padding: 0px;
}

p.BCdescription {
	margin-top: 0px;
	padding: 0px;
}

.format {
    text-transform: uppercase;
}

.caption {
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    margin: 3px 0px 3px 0px;
}

.byline {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    margin: 3px 0px 10px 0px;
}

#publications thead td.pub1, td.pub2 {
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 10px;
}

#publications thead td.pub3 {
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 10px;
}

#publications thead td.pub4 {
    padding: 10px 0 20px 10px;
}

#publications tbody td.pub1, td.pub2 {
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 10px;
}

#publications tbody td.pub3 {
	border-style: solid;
    border-color: #d6dbde;
    border-width: 0 1px 0 0;
    padding: 10px 7px 20px 10px;
}

#publications tbody td.pub4 {
    padding: 10px 0 20px 10px;
}

.pub-head { padding: 10px 7px 0px 0px; height: 150px; }

/***********************
         VIDEO
***********************/

.video-item { clear:both; display: block; height: 85px; min-height: 85px; margin: 7px 5px 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #d6dbde; }
.video-img {
	float:left; margin: 0 8px 7px 0;
}

.video-players { border-top: solid 0px #d6dbde; }
.video-category {margin-top:23px;}
.video-time, .video-format { font-weight: bold;line-height:12pt; }
.video-format img {
	display: inline;
	text-decoration: none;
	position: relative;
	top: 3px;
	margin: 0 2px;
}
.table4videos {
    border-collapse: collapse; width: 600px; 
    border-top: solid 1px #d6dbde;
	border-bottom: solid 1px #d6dbde;
}

.table4videos td {
	width: 300px;
	border: solid 0px #d6dbde;
}

.table4videos .row1-col1, .table4videos .row2-col1 {
	padding: 0 7px 15px 0;
}

.table4videos .row1-col2, .table4videos .row2-col2 {
	padding: 0 0 0 7px;
}

.table4videos .row1-col2 { border-width: 0 0 0 1px; }
.table4videos .row2-col1 { border-width: 1px 0 0 0; }
.table4videos .row2-col2 { border-width: 1px 0 0 1px; }

.table4videos .video-time, .table4videos .video-format { clear:both; display:block; }
.table4videos .video-time { padding:0; margin: 10px 0 0 0; }
.table4videos .video-format { padding:0; margin: 0; }
.table4videos .more-videos { }

.video-players img { display: inline; position: relative; top: 3px; margin: 0 3px; }

.hidden-item {
        display: none;
        visibility:hidden;
        padding: 0px;
        margin: 0px;
}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */


/****************************
* Mini-Calendar Navigation *
*****************************/

#calendar {
	clear:both;
}

#calendar-table {
	width: 200px;
	margin: 0 0 20px 0;
	padding: 0;
	border-collapse: collapse;
	border: solid 1px #dee0e1;
	text-align: center;
	font-family: helevetica, arial, sans-serif;
	font-size: 9pt;
	line-height: 11pt;
}

#calendar-table a {
	text-decoration: none;
	color: #005daa;
}

#calendar-table td {
	text-align: center;
	vertical-align: middle;
}

#calendar-table thead .previous, #calendar-table thead .month, #calendar-table thead .next {
	background-color: #1d3a83;
	color: #fff;
	padding: 10px 0;
	padding-left:0pt; padding-right:0pt;
}

#calendar-table thead {
	font-size: 9pt;
}

#calendar-table thead a {
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
}

#calendar-table thead a:hover {
	color: #dee0e1;
	background-color: transparent;
	text-decoration: none;
}

#calendar-table thead .weekday {
	background-color: #dee0e1;
	color: #666f74;
	padding: 8px 4px;
}

#calendar-table tbody .first-row .day {
	padding-top: 8px;
	height: 25px;
}

#calendar-table tbody .last-row .day {
	padding-bottom: 6px;
	height: 25px;
}

#calendar-table tbody .day, #calendar-table tbody .dayOtherMonth {
	width: 24px;
	height: 21px;
	min-height: 21px;
	vertical-align: middle;
	padding: 1px;
	color: #fff;
}

#calendar-table tbody .day a,
#calendar-table tbody .dayOtherMonth a {
	display: block;
	padding: 1px 1px 0 1px;
	width: 22px;
	vertical-align: middle;
	margin: auto;
}

#calendar-table tbody .dayOtherMonth a { color: #fff; }

#calendar-table tbody .day a:hover {
	background-color: #005daa;
	color: #fff;
	text-decoration: none;
}

#calendar-table tbody .day #today a {
	background-color: #005daa;
	color: #fff;
	border: solid 1px #dee0e1;	
}

#calendar-table tbody  td#today a {
    display: block;
	padding: 1px;
	width: 22px;
	vertical-align: middle;
	margin: auto;
	background-color: #005daa;
	color: #ffffff;
	border: solid 1px #dee0e1;	
}

#calendar-table tbody .dayOtherMonth a:hover {
	background-color: #ccc;
	text-decoration: none;
}

#calendar-table td.monthnl { 
    background-color: #1d3a83;
	color: #fff;
	padding: 10px 0;
}

.powerpress_player { 

	padding: 10px 0px 10px 0px;
	
}


@media screen and (max-width: 999px) and (min-width: 671px) {
	
.news-mod1 {
	width: auto;
	float: none;
}

.news-mod1 a img {
	 width: 40%; 
	 height: auto;
	 margin: 0px 0px 40px 2%;	
}

	
.ts-news-content, #ts-btf {
	width: 100%;
}

.ts-news-content .channel {
	width: 27%;
    padding: 0 2% 0 0;
}

.ts-news-content .newswire {
	width: 38%;
    padding: 0 2% 0 0;
}

.ts-news-content .events {
	width: 27%;
}

#ts-btf .col1, #ts-btf .col2, #ts-btf .col3 {
    width: 27%;
    padding: 0 2%;

}

div#news-search {
    width: 23%;
    padding: 10px 2% 15px 2%;
}

div#news-search .search_input_q {
	width: 80%;
	height: 22px;
	border: solid 1px #d6dbde;
}


.pub-head { padding: 10px 7px 10px 0px; height: auto; }

.publication {
    width: 100%;
    height: auto;
	overflow: auto;
    margin: 0 0 10px 0;
    padding: 0;
    border-style: solid;
    border-color: #d6dbde;
    border-width: 0 0 1px 0;
}

.publication img {
    width: 80px;
    height: 120px;
    float: left; 
    margin: 0 15px 5px 0;
    border: solid 1px #999;
}
	
}

@media screen and (max-width: 670px) {

.news-mod1 {
	width: auto;
	float: none;
}

.news-mod1 a img {
	 width: 100%; 
	 height: auto;
	 margin: 0px 0px 7px 0px;
	 float: none;	
}

div#news-search {
    width: 96%;
    padding: 10px 2% 15px 2%;
	margin: 10px 0px;
}

div#news-search .search_input_q {
	width: 85%;
	height: 22px;
	border: solid 1px #d6dbde;
}
		
.ts-news-content, #ts-btf {
	width: 100%;
}

.ts-news-content .channel, .ts-news-content .newswire, .ts-news-content .events, #ts-btf .col1, #ts-btf .col2, #ts-btf .col3 {
	width: 100%;
    padding: 0;
}

.ts-news-content .channel iframe { width: 100%; height: auto; }

.pub-head { padding: 5px 0px 7px 0px; height: auto; }

.publication {
    width: 100%;
    height: auto;
	overflow: auto;
}


.publication a:hover img.preview {
    margin: -30px 0 0 0px;
}

*html .publication a:hover img.preview {
    margin: -30px 0 0 0px;
}
	
}