@import "reset.css";

/* Styles for Yale Event Calendar
   5-21-09 (vv)
   6-2-09 (vv)
   6-10-09 (vv)
   6-25-09 (vv)
   6-29-09 (vv)
   7-17-09 (vv)
--------------------------------- */

body {
background: #fff;
color: #585858;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5;
text-align: center;
}

/* Layout and Global Styles
--------------------------------- */
#wrap {
margin: 0 auto;
width: 960px;
text-align: left;
}

#header {
position: relative;
}

#head-top {
position: relative;
height: 90px;
cursor: pointer;
background: #0e4c92 url(images/yale_calendar_header.gif) no-repeat top left;
}

#head-top h1 {
width: 960px;
height: 90px;
margin: 0;
padding: 0;
background: none;
text-indent: -5000px;
float: left;
}

h1 { /* h1 is reserved for Phark IR */
display: block;
margin: .5em 0 0 0;
padding: 0 0 0 10px;
line-height: 2px;
font-size: 1.1em;
font-weight: bold;
color: #fff;
background: #014b94;
}

#nav-search-wrap { /* horizontal nav, see #nav-main below */
background: #d3702c;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
float: left;
width: 100%;
}

#content { /* wrapper for everything below the horiz nav, plus footer rule */
width: 960px;
float: left;
overflow: hidden;
background-color: #fff;
/* padding: 0 0 20px 0;
border-bottom: 1px solid #ccc; */
}

div.contentSection { /* ?? beats me */
clear: both;
margin: 0;
}

#contentSection { /* holdes calendar widget, feature images */
overflow: hidden;
border-bottom: 1px solid #fff;
}

div.left_column {
float: left;
width: 240px;
margin-bottom: -20000px; 
padding-bottom: 20000px; /* trick for equal height columns */
background-color: #fbfae8;
border-right: 1px solid #fff;

/* set minimum height */
min-height: 500px;
height: auto !important;
height: 500px;
}

div.center_column {
float: left;
width: 479px;
margin-bottom: -20000px; 
padding-bottom: 20000px; 
border-right: 1px solid #fff;
}

div.right_column {
float: left;
width: 239px;
margin-bottom: -20000px; 
padding-bottom: 20000px; 
}

div.double_center_column {
float: left;
width: 719px;
}

#footer {
clear: both;
height: 40px;
padding: 10px;
color: #a1a1a1;
border-top: 1px solid #ccc;
}

#footer {
color: #A1A1A1;
font-size: .8em;
}

#footer h5 a { /* Phark IR */
display: block;
width: 70px;
height: 30px;
text-indent: -5000px;
background: transparent url(images/yale_logo.gif) no-repeat;
float: left;
}

#footer p {
float: left;
margin: 0em 0 0 2em;
}

#footer a {
color: #5D93C2;
}

#footer a:hover {
color: #2a85ee;
}

a#currentDate {
position: absolute;
bottom: 33px;
left: 95px;
font-style: italic;
font-size: 1.2em;
color: #fff;
line-height: normal;
padding: 0;
margin: 0;
display: block;
}

h2 { /* undefined */
}

h3 {  /* reserved for secondaryColHeader */
}

h4 {
font-weight: bold;
font-size: .8em;
margin: 1.7em 0 .4em 0;
}

em {
font-style: italic;
}

a:link { text-decoration: none; color: #0e4d94; }
a:visited { text-decoration: none; color: #0e4d94; }
a:hover { text-decoration: none; color: #2a85ee; }
a:focus { text-decoration: none; }
a { text-decoration: none; }

.clear {
display: block;
clear: both;
height: 0px;
overflow: hidden; /* IE6 needs this */
font-size: 0; /* IE7 needs this */
}

#rssRequest {
float: right;
vertical-align: top;
margin: 5px 12px 0 12px;
*margin-left: 6px; /* for IE */
}


/* Search Form
--------------------------------- */
form#basic_search * {
padding: 0;
margin: 0;
}

form#basic_search {
float: right;
margin: 0.3em 12px 0 0;
}

/*
form#basic_search label {
color: #fff;
}

form#basic_search a {
color: #fff;
text-decoration: none
}

form#basic_search a:hover {
color: #00346a;
text-decoration: underline
}
*/

form#basic_search input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
padding: 2px;
border: none;
background: #fff;
margin-left: 5px
}

form#basic_search #basicsearchbox { /* width of text box */
width: 150px;
}

form#basic_search #searchSubmit { /* search button */
font-size: 0.9em;
color: #fff;
border: solid 1px #fff;
background: transparent;
margin-left: 5px
cursor: pointer;
padding: 2px 7px;
}

form#basic_search #searchSubmit.over {
background: #bd6528;
color: #fe6;
cursor: pointer;
}


/* Main Horizontal Nav
--------------------------------- */
ul#nav-main {
float: left;
}

ul#nav-main li {
display: inline;
float: left;
}

ul#nav-main li a {
display: block;
margin: 0;
padding: 0.5em 1em 0.5em 1em;
font-size: 1.1em;
line-height: 1.2em;
color: #fff;
}

ul#nav-main li a:hover {
color: #fe6;
}

ul#nav-main li a.current {
color: #fe6;
}


/* ? ? ?
--------------------------------- */
a.breadcrumb {
color: #335080;
}

.extFeeds {
background-color: #d6decc;
margin-top: 10px;
padding: 5px 5px 10px 5px;
border-top: solid 4px #FFF;
}

.extFeeds li {
padding: 3px 0
}

.extFeeds a {
display: block;
color: #2F5081
}

.extFeeds img {
margin-left: 10px
}

#buzzTrigger {
font-weight: bold;
text-align: right;
color: #2f5081;
text-transform: uppercase
}


/* Calendar
--------------------------------- */
#cal1 {
float: left;
width: 240px;
padding: 0;
min-height: 185px;
}

div.calContainer {
background: #fff;
}

.yui-calendar {
width: 100%;
padding: 0;
border-collapse: separate;
}

.yui-calendar .calheader {
position: relative; /* allows the previous next arrows to be absolutely positioned */
background-color: #377ba8;
color: #fff;
font-size: 1.1em;
line-height: 1.5;
height: 1.5em; /* IE */
text-align: center;
}

.yui-calendar .calnavleft {
position: absolute;
top: 5px;
left: 10px;
padding: 0 .5em 0 .2em;
background: url(images/left-arrow.gif) no-repeat;
cursor: pointer;
}

.yui-calendar .calnavright {
position: absolute;
top: 5px;
right: 10px;
padding: 0 .2em 0 .6em;
background: url(images/right-arrow.gif) no-repeat;
cursor: pointer;
}

.yui-calendar .calweekdaycell {
text-align: center;
}

.yui-calendar .calweekdayrow {
}

.yui-calendar .calweekdaycell { /* calendar, days of the week */
background-color: #00346a;
color: #fff;
text-align: center;
line-height: 1.7;
}

.yui-calendar .today a { /* calendar, current day */
background-color: #00346a;
color: #fff;
}

.yui-calendar .selector {
color: #585858;
display: block;
}

.yui-calendar .selector:hover {
color: #4af;
}

.yui-calendar .oom {
color: #A4A4A4;
}

.yui-calendar .calcell {
text-indent: 8px;
font-size: 1em;
line-height: 1.7; /* determines height of date cells */
}

.yui-calendar .selected {
background-color: #ddd;
}

.yui-calendar .calbody tr td {
border-spacing: 1em;
border: 1px solid #fff;
height: 1.5em;
}


/* Feature Photos
--------------------------------- */
#feature {
float: right;
height: 185px;
overflow: hidden;
display: inline;
}

#feature img {
display: block;
float: left;
width: 239px;
height: 185px;
}

#feature img.border {
border-right: 1px solid #fff;
}

#feature a {
border: none;
}


/* ? ? ?
--------------------------------- */
#reminders {
float: left;
width: 235px;
padding: 0 0 0 4px;
}

#errors {
clear: both;
background: red;
border: 5px solid red;
line-height: 1.5;
padding: .5em;
color: #FFF;
font-size: 1.2em;
}


/* Column Headers
--------------------------------- */
.secondaryColHeader {
padding: 7px 0 7px 10px;
background: #00346a;
clear: both;
border-bottom: 1px solid #fff;
}

h3 {  /* reserved for secondaryColHeader */
font: normal 1.8em/1.2 Georgia, "Times New Roman", Times, serif;
color: #fff;
}

.secondaryColHeader h3 {
display: inline;
}

#backToCal a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 0.5em; /* size is relative to h3 */
line-height: 1.2em;
padding-right: 10px;
padding-top: 9px;
float: right;
text-decoration: none;
}

#backToCal a:hover {
color: #fc6;
}

a#prevViewPeriod, a#nextViewPeriod {
font: normal 1.8em/1.2 Georgia, "Times New Roman", Times, serif;
color: #fff;
text-decoration: none;
padding: 0 .4em;
}

a#prevViewPeriod:hover, 
a#nextViewPeriod:hover { /* hover color for middle column date arrows */
color: #fc6;
}

a#prevViewPeriod {
margin-left: -10px;
}

.groupHeader {
padding: 0 12px;
background: #00346a;
}

.groupHeader h3 {
display: inline;
}

.groupHeader a {
font-size: 1em;
font-weight: bold;
color: #00346a;
float: right;
}

.groupHeader a:hover {
color: #DDB500;
}


/* === Left Column ============================== */


/* Calendar View List Menu
--------------------------------- */
ul.viewList {
margin: 0 1em;
font-weight: bold;
font-size: 1.1em;
line-height: 1.2em;
list-style-type: none;
}

ul.viewList li {
padding: 0.5em 0 0.5em 17px; /* see span */
border-bottom: 1px solid #ccc;
}

ul.viewList li a {
/* color: #0e4d94; */
}

ul.viewList li a:hover {
/* color: #2a85ee; */
}

ul.viewList li a.current {
color: #d3702c;
}

ul.viewList li span { 
font-weight: bold;
padding: 0;
margin: 0;
float: left;
font-size: 1.1em;
line-height: 1em;
cursor: pointer;
/* position: relative; */
margin-left: -17px; /* see LI */
/* outline: 1px solid #f00; */
}

*html ul.viewList li {
padding-left: 15px;
}

*html ul.viewList li span { 
margin-left: -15px; /* see LI */
}

ul.subviewList {
margin: 0;
padding-left: 0;
font-size: 0.8em;
list-style-type: none;
overflow: hidden;
}

ul.subviewList li {
border-bottom: none;
padding-left: 10px;
padding-bottom: 0;
}

ul.subviewlist li a {
/* color: #0e4d94; */
}

ul.subviewlist li a:hover {
/* color: #2a85ee; */
}

ul.subviewlist li a.current {
background: #85c13d;
color: #0e4d94;
}

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


/* Additional Links Menu
--------------------------------- */
div.sideBarContainer {
margin: 0 1em;
padding-bottom: 2em;
}

.sideBarContainer h4 {
margin: 1.4em 0 0.8em 0;
}

ul.sideLinks {
margin: 0;
padding: 0;
}

ul.sideLinks li {
font-size: 0.9em;
font-weight: bold;
margin: .5em .5em .5em 1.6em;
line-height: 1.5em;
}

ul.sideLinks li a {
}

ul.sideLinks li a:hover {
}


/*
ul.sideLinksExpand {
font-size: 1em;
border-top: none;
border-bottom: none;
overflow: hidden;
}

ul.sideLinksExpand li h4 {
display: inline;
}

ul.sideLinksExpand li a {
margin: .5em .5em;
padding-left: 3px;
display: block;
font: bold 1em Arial, sans-serif;
color: #335080;
}

ul.sideLinksExpand li a.current {
background: #85C13D;
color: #335080;
}

ul.sideLinksExpand li a.current:hover {
color: #FFF;
}

ul.sideLinksExpand li a:hover {
color: #DDB500;
}

ul.sideLinksExpand li span {
font-weight: bold;
margin-left: 10px;
padding: 4px;
font-size: 1.1em;
cursor: pointer
}

*/

#groupListDiv {
width: 720px;
margin-left: 240px
}

ul.groupList {
margin: 0;
padding: 0 0 0 8px;
border-top: 2em solid #FFF;
font-size: 0.9em;
}

ul.groupList li {
margin: 0;
padding: 0;
}

ul.groupList li a {
padding: 4px;
display: block;
color: #335080;
font-weight: bold;
font-size: 1.2em;
}
 /* line-height: .9em font: bold 1.2em/2 Arial, sans-serif; border-bottom: 1px solid #FFF;*/
ul.groupList li a.current {
background: url(images/selectedGroup.gif) no-repeat;
background-position: top left;
}

ul.groupList li a.current:hover {
color: #FFF;
}

ul.groupList li a:hover {
color: #DDB500;
}

select#groupSelection {
width: 100%;
}


/* ----- */



/* === Center Column ============================== */

table.eventList {
border-collapse: collapse;
width: 98%;
margin: 0 1%;
}

table.eventList tr td {
padding: .5em .5em .7em .5em;
font-size: .9em;
border-bottom: 1px solid #C5C5C5;
}

table.eventList tr td.dateRow {
}

table.eventList tr td.dateRow a {
/* color: #00346a; */
font-weight: bold;
}

table.eventList tr td.dateRow a:hover {
/* color: #2a85ee; */
}

table.eventList tr td.time {
text-align: center;
background: #ececec;
width: 20%;
}

table.eventList tr td.description {
padding-left: 0.8em;
}

table.eventList tr td.description a {
color: #585858;
}

table.eventList tr td.description a:hover {
color: #2a85ee;
}

table.eventList tr td.description li {
padding: 0;
}

table.eventList tr td.icons {
width: 11%;
white-space: nowrap;
}

table.eventList tr td.fillrow {
border-bottom: none;
height: 1px;
}

table.eventList tr td.eventFilterInfo {
font-size: 1.1em;
padding: .4em .5em .3em .5em;
}

table.eventList tr td span.displayGroupName {
font-weight: bold;
}

table.eventList li {
padding: 1px 0
}

a#allView:visited, a#allView {
color: #00346a;
}

div.groupDesc {
display: block;
padding: .3em 0 .1em 5em;
}

ul#calDisplayOptions {
float: right;
font-size: 0.9em;
margin: 0.75em 0 0 0;
}

ul#calDisplayOptions li {
float: left;
list-style: square inside;
color: #fff;
margin: 0 0.7em;
*padding: 0 0.7em; /* for IE 6+7 */
}

ul#calDisplayOptions li a {
margin: 0 0 0 -3px;
color: #fff;
text-decoration: none;
}

ul#calDisplayOptions li a:hover { /* Show Details hover color */
color: #fc6;
}


/* Ongoing Events List Menu
--------------------------------- */
ul.eventList {
margin-bottom: 20px;
}

ul.eventList li {
padding: .7em 1em;
font-size: .9em;
font-weight: bold;
}

ul.eventList li.noOngoingEventsInfo {
font-weight: normal;
}

ul.eventList li a {
display: inline;
color: #585858;
}

ul.eventList li a:hover {
color: #2a85ee;
}

.ongoingEventDates {
font-weight: normal;
font-style: normal; /* change date style if desired */
}



.bwStatusCancelled {
}

.bwStatusTentative {
}

.bwStatusConfirmed {
}

.eventTitle {
display: block;
}

.eventListingCal {
display: block;
}

.eventLink {
display: block;
}

.eventWhen {
display: block;
}

.eventWhere {
display: block;
}

.eventDescription {
display: block;
}

.eventStatus {
display: block;
}

.eventCost {
display: block;
}

.eventLink {
display: block;
}

.eventContact {
display: block;
}

.eventCategories {
display: block;
}

.eventComments {
display: block;
}

.eventIcons {
display: inline;
padding-left: 1px;
}

.dateRangeCrossDay {
background-color: red;
}

.dateRangeEarlyMorning {
background-color: green;
}

.dateRangeMorning {
background-color: yellow;
}

.dateRangeAfternoon {
background-color: gray;
}

.dateRangeEvening {
background-color: orange;
}

table.yearViewMonthTable {
width: 167px;
padding: 0;
margin: 0 0.5em 0 0.5em;
font-size: .9em;
border-top: 1px solid #ccc;
border-collapse: collapse;
float: left;
display: inline; /* fixes double-margin bug IE 6 */
}

table.yearViewMonthTable th {
width: 24px;
font-size: .8em;
}

table.yearViewMonthTable tr td {
height: 2em;
}

div.yearMonthRow {
clear: both;
padding: 1.5em 0 1.5em 2px;
}

.secondaryColHeader span.resultPages {
float: right;
margin: 0 1em;
font: italic 1.8em/2 Garamond, sans-serif;
color: #FFF;
letter-spacing: 1px;
}

.secondaryColHeader span.resultPages .current {
text-decoration: underline;
}

.secondaryColHeader span.resultPages a {
color: #FFF;
}

.resultPages#resultsBottom {
display: block;
clear: both;
margin: 10px 0;
}

.resultPages#resultsBottom .current {
text-decoration: underline;
}

.resultPages#resultsBottom {
}

span.numReturnedResults {
display: block;
clear: both;
padding: 10px 0;
font-size: 1.4em;
}

span.queryInfo {
font-size: 1.2em;
}

span.queryInfo em {
font-weight: bold;
}

table#searchTable {
font-size: .9em;
color: #585858;
}

table#searchTable th {
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px solid #BBB;
}

table#searchTable td {
padding: .7em .5em;
border-bottom: 1px solid #ccc;
vertical-align: middle;
}

table#searchTable .search_relevance {
width: 3em;
}

table#searchTable .search_date {
width: 4em;
}

table#searchTable .search_summary {
width: 24em;
padding: 0 0 0 1em;
}

table#searchTable .search_summary a {
color: #585858;
}

table#searchTable .search_calendar {
width: 10em;
}

table#searchTable .search_calendar a {
color: #585858;
}

table#searchTable .search_location {
width: 8em;
}

table#searchTable td.search_date, table#searchTable td.search_relevance {
background-color: #ECECEC;
}

#advSearchForm {
margin-left: 5px;
}

#advSearch {
margin: 20px 0 10px 10px;
}

#advSearch h3 {
color: #335080;
}

div.singleEvent {
padding: 1em 8px 1em 8px;
}

div.singleEvent h2 {
font: normal 1.6em/1.3 Georgia, "Times New Roman", Times, serif;
color: #00346a;
display: block;
border-bottom: 1px solid #ccc;
}

div.singleEvent .eventTitle {
}

div.singleEvent .eventIcons {
float: right;
margin: 1px;
}

div.singleEvent .eventIcons img {
width: 16px;
}

div.singleEvent .infoTitle {
font-weight: bold;
}

ul.calendarTree {
padding: 1em;
}

ul.calendarTree li {
}

ul.calendarTree li a {
color: #335080;
}

ul.calendarTree li.folder {
font-weight: bold;
margin: .8em 0 0 0;
}

ul.calendarTree li.calendar {
font-weight: normal;
margin: .2em 0 0 0;
}

ul.calendarTree li ul {
margin: 0 0 .5em 1em;
}

ul.calendarTree li ul li {
margin: 0;
padding: 0;
}


/* === Right Column ============================== */

ul#groups {
}

ul#groups li {
border-bottom: 1px solid #BBB;
padding: .4em 0 0 .5em;
}

ul#groups li span.groupName {
display: block;
}

ul#groups li p {
}

ul#groups li span.feeds {
display: block;
text-align: right;
font-size: .9em;
}

#searchCats h4 {
font-size: 1.1em;
padding: 3px;
margin: 2px;
border-bottom: solid 1px #ccc;
}

#searchCats {
padding: 6px;
margin: 4px;
border: solid 1px #ccc;
}

.bwEventImage {
float: right;
margin: 0pt 0.5em 1em 1em;
}


/* --- */

/*
#rssRequest {
float: left;
margin-top: 0.5em;
}
*/

#rssPopUp {
background: #FFF;
border: solid 1px #ccc;
padding: 6px;
width: 300px;
color: #585858;
}

#rssPopUp strong {
font-weight: bold;
}

#rssPopUp h5 {
font-weight: bolder;
border-bottom: solid 1px #ccc;
}

#rssClose {
float: right;
color: #0000FF;
border: solid 1px #ccc;
margin: 3px;
padding: 3px;
cursor: pointer;
font-size: .8em;
}

#rssValue {
border: solid 1px #000;
padding: 2px;
}
/* --- */


.moreLink {
font-weight: bold
}

.titleEvent {
font-weight: bold;
font-size: 1em;
display: inline;
}

.eventInfoIndent {
  padding-left: 25px;
}