/* VERSION: $Id$ $Rev: 47978 $ $Date: 2009-04-15 21:55:03 +0000 (Wed, 15 Apr 2009) $ */
@import url("color.css");

body {margin:5px 10px;font-family:Arial,Verdana, Geneva,  Helvetica, sans-serif;}
/*Layout*/
#calendarMain {width: 79%;float: left;text-align:center;padding-right: 10px;}
#calendarSidebar {float: right;width: 18%;}
#viewContent div {padding:3px;}
#roomContent div {padding:0px;}
#viewContent {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif; z-index:10; position:absolute; display:none;border-style:solid; border-width:2px;border-right-width:0px; padding:5px; top: 0px;}
#listMain {width:79%;float: left;text-align:center;padding-right:10px;}
#listSidebar {float: right;width:19%;}
/*General*/
a img {border-width:0px;}
img {padding:0;margin:0}
a {margin-bottom:3px;}
a:link,a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
/*Calendar Grid*/	
.calendarTitle {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1.4em;font-weight:bold;}
#calendarMonth {position:relative;top:-5px;left:12px;}
table.calendar {table-layout: fixed;border-collapse:collapse;border-style:solid;border-width:1px;font-size: 1em;font-family:Arial,Verdana, Geneva,  Helvetica, sans-serif;;width:100%;}
table.calendar th {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1.2em;font-weight:bold;}
table.calendar th.day {border-style:solid;border-width:0px;border-top-width:1px;border-right-width:1px;font-size:1em;letter-spacing:1px;}
table.calendar td {font-size: .8em;border-style:solid;border-width:1px;border-bottom-width:0px;text-align:left;width:14.28%;cursor:pointer;height:120px;background-image: url(../images/greybg.jpg);background-repeat:repeat-x;}
* html table.calendar td {font-size: .9em;text-align:left;width:14.28%;cursor:pointer;min-height:120px;height:0;}
table.calendar td#eventAll{height:5px;border-top:0px;background-image:none;}
* html table.calendar td#eventAll{min-height:5px;border-top:0px;background-image:none;}
table.calendar td.currentDay{background-image:none;}
table.eventEntry {width:100%}
table.eventEntry td { border-width:0px; font-size:.6em;padding:2px 3px;height:0px;width:0;}
table.eventEntry td.icon { border-width:0px;width:0;padding:0}
table.eventEntry td.eventTime {text-align:right;}
table.eventEntry td.eventMore {text-align:right;padding:0 2px 5px 0;}
table.eventEntry a:link,table.eventEntry a:visited,table.eventEntry a:active {padding:0;letter-spacing:1px;outline:none;}
table.eventEntry a:hover {text-decoration:underline;padding:0;letter-spacing:1px;outline:none;}
/*Day number on small navigational calendar and maini grid display*/
.dayNum {color:#ccc;font-size: 18px;font-weight: bold;font-face:'Trebuchet MS',Helvetica,Arial, sans-serif;}
.dayNumArchive{color:#ccc;font-size: 15px;font-weight: bold;font-face:'Trebuchet MS',Helvetica,Arial, sans-serif;}


/*Boxes*/
.dateStamp {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1em;font-weight:bold;text-align:left;margin:0 0 2px 5px;}
.smallBoxTitleBlue1 {font-size:.9em;font-weight:bold;min-height:20px;padding:5px 5px;font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;}
.smallBox {}
.smallBoxBody {font-size:.8em;border-style:solid;border-width:1px;border-top-width:0px; margin:0;padding:8px 2px 0 5px;display:block;}
* html .smallBoxBody {font-size:.8em;border-style:solid;border-width:1px;border-top-width:0px; margin:0;padding:2px 2px 0 5px;}
.smallcalBox { border-style:solid;border-width:1px;border-top-width:0px; margin:0;padding:10px;font-size:.8em;}
table.eventlist {font-size:.9em;padding:3px;margin-bottom:5px;}
table.eventlist td.startTime {text-align:right;padding-right:5px;}
table.eventlist a:hover {text-decoration:underline;}
.listViewTab {position:absolute;top:43px;right:0px;z-index:5;margin:0;padding:0;}
.calViewTab {position:absolute;top:5px;right:0px;z-index:5;margin:0;padding:0;}
.dayEvents {margin:3px 0;padding:0;text-align:left;font-size:1.1em;display:block;font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;}
.dayEventItem img {position:relative; top:3px;}
/*Panel view*/
#contentPanel{font-size:12px;}
/*Announcement display on panel*/
.dayAnnouncement {display:block;font-weight:bold; font-size:1.1em;font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;border-style:dotted;border-width:0px;border-bottom-width:1px;padding:0 0 4px 0;clear:both}
.dayAnnouncementName{font-size:1.1em;font-weight: bold;padding:3px;}
/*Day display on panel*/
.dayEvent {display:block;font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;border-style:dotted;border-width:0px;border-bottom-width:1px;padding:0 0 4px 0;clear:both;}
#contentPanel .dayEvent{font-size:1.1em}
.dayEventName {display:block;padding:3px;font-size:1.1em;font-weight:bold;}
.dayEventName a:hover {text-decoration:underline;}
.dayEventTime {display:block;padding:0 3px;font-size:.9em;}
.dayEventType {display:block;padding:0 3px;font-size:.9em;}
.dayEventButton {float:right;margin-right:5px;}
.roomEventTime {display:block;}

.roomEvent {display:block;font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;border-style:dotted;border-width:0px;border-bottom-width:1px;clear:both;}

.roomEventName {display:block;padding:0 3px;font-size:1.1em;font-weight:bold;margin-left:3px;}
.roomEventName a:hover {text-decoration:underline;}
.roomEventTime {display:block;padding:0 3px;font-size:.9em;}
.roomEventLink a {display:block;padding:0 3px;font-size:.9em;}
.roomEventType {display:block;padding:0 3px;font-size:.9em;}

/*List view*/
h3.events {margin:3px 0;padding:0;text-align:left;text-decoration:underline;}
h2.events {margin:3px 0;padding:0;text-align:left;font-size:.8em;}
ul.eventsList {margin:0;padding:0;}
ul.eventsList li {font-size:1em;list-style-type:none;padding:5px 5px 10px 5px;border-style:dotted;border-width:0px;border-bottom-width:1px;text-align:left;display:block;clear:both;float:left;width:100%;}
table.eventInfo {font-size:.9em;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.summaryListTitle {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1.1em;font-weight:bold;text-align:left;margin-bottom:7px;}

/*Panel view*/
td.eventLabel {font-weight:bold;text-align:right;vertical-align:top; padding: 0 5px 0 0; }
#contentPanel .summaryTitle {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:.9em;font-weight:bold;text-align:left;margin-bottom:7px;}
#contentPanel .programTitle {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1em;text-align:left;margin-bottom:7px;}
#contentPanel td.eventLabel {text-align:left;}
#contentPanel td.eventDetails {padding-left:7px;}
#contentPanel .eventInfo{font-size:.8em;}
#contentPanel .programTitle {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1em;text-align:left;margin-bottom:7px;}

/*Grid event/announcement display*/
.vevent, .vannounce {margin:0 0 8px 0}
li.dayAnnounceItem {font-weight:bold;cursor:pointer;}
/*color included here for testing only - if choosen will get moved to color.css*/
 .vannounce a:link {font-weight:bold;color:#9c1f2e;}

/*List announcement*/
.announceThumb{float:right;}
.aevent{}

abbr {border-width:0px;}
a img {border-width:0}
.linkArr {margin-right:5px;}
a.navBox:link,  a.navBox:visited, a.navBox:active, a.navBox:hover {display:block;}

#scopeSelect {width:236px;font-size:1em;}
#navViews a:hover {text-decoration:underline;}
.regLink {position:relative;top:-12px;left:8px;font-size:.8em;}
.regAnchor {margin-bottom:8px;}
.regAnchor a:hover {text-decoration:underline;}
#calSelect {position:absolute;top:3%;left:23%;border-style:solid;border-width:3px;background:white;padding:5px 15px;visibility:hidden;}
#listSelect {position:absolute;top:5px;;right:4%;border-style:solid;border-width:3px;background:white;padding:5px 15px;visibility:hidden;}
.calSelectYear {text-align:center;border-style:dotted;border-width:0px;border-bottom-width:1px;font-size:1.1em;}
.calSelectMonth {padding:5px;text-align:center;}
.calSelectMonth a:link, .calSelectMonth a:active, .calSelectMonth a:visited {display:block;font-size:.9em;}
.calSelectMonth a:hover {text-decoration:underline;display:block;font-size:.9em;}
.calSelectClose {text-align:center;border-style:solid;border-width:0px;border-top-width:1px;font-size:.6em;padding-top:8px;}
.calSelectClose a:link, .calSelectClose a:active, .calSelectClose a:visited, .calSelectClose a:hover{display:block;outline:none;}
.calSelected {font-weight:bold;}
.calSelected a:link, .calSelected a:active, .calSelected a:visited {display:block;font-size:.9em;}
.calSelected a:hover {text-decoration:underline;display:block;font-size:.9em;}

/*Small navigation calendar on list view*/
table.archive {border-style:solid;border-width:1px;}
table.archive, table.archive th, table.archive td { font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif; font-size:.8em; text-align: center;}
table.archive th { height: 20px;vertical-align: middle; font-weight:bold;border-style:solid;border-width:1px;}
table.archive th.month {font-size:1em; height: 20px;vertical-align: middle; font-weight:bold;border-style:solid;border-width:1px;}
table.archive th.month img#calendarMonth {position:relative; top:1px; left:1px; width:10px;}
table.archive td {width: 30px; height: 20px;vertical-align: middle;border-style:solid;border-width:1px;}
table.archive td .dayNum {font-size:1.4em;}
table.archive td.current {width: 20px; height: 20px;vertical-align: middle;border-style:solid;border-width:1px;}
table.archive a {display: block; padding:0;}
table.archive a:hover { text-decoration: underline;padding:0;}
table.archive th a {display:inline;}
table.archive th a:hover {display:inline;}

.listDate {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;border-style:dotted;border-width:0px;border-bottom-width:1px;}
.calDate {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;text-align:left;border-style:dotted;border-width:0px;border-bottom-width:1px;margin-bottom:8px;}
.calDateText {font-family:'Trebuchet MS', Helvetica, Geneva, Arial, sans-serif;font-size:1.4em;font-weight:bold;text-align:left;letter-spacing:1px;}
.patronGreeting {text-align:right;font-weight: bold;font-size:.8em;font-style:italic;}
h3.events {margin:3px 0;padding:0;text-align:left;text-decoration:underline;font-size:.9em;}

.linkArr {margin-right:5px;}
.hide {display:none;}
a.progWebpacLink:hover {text-decoration:underline;}

#scopeSelect {width:225px;font-size:1em;}
#navViews a:hover {text-decoration:underline;}
.switchLink {position:relative;font-size:.7em;width:71%;float:right;margin-top:-5px;vertical-align:top;}
.switchLink a:hover {text-decoration:underline;}
.regLink {position:relative;top:-12px;left:8px;font-size:.7em;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;letter-spacing:1px;}
.regAnchor {margin-bottom:8px;}
.regAnchor a:hover {text-decoration:underline;}
 a.listRegLink:hover {text-decoration:underline;}
#calendarMonth {cursor:pointer;}
.togLogoutLink {position:relative;top:-12px;right:0px;font-size:.7em;letter-spacing:1px;}
.togLogoutLink a:hover {text-decoration:underline;}
.togLink {font-size:.7em;width:50%;float:left;position:relative;top:7px;margin-right:8px;}
.togLink a:hover {text-decoration:underline;}

a.allArr:link, a.allArr:visited, a.allArr:active, a.allArr:hover {margin-left:4px;}
.daySwitch {margin:150px 0 0 10px;}
.searchSelector {font-size:.7em; letter-spacing:1px;position:relative;top:-3px;left:3px;}
.srchSlctHead {font-size:.7em; letter-spacing:1px;font-weight:bold;}
.pastYear {font-size:.7em;}
#calSelect .calSelectYear {font-weight:bold;}
.miniSelects {border-style:solid;border-width:0px;border-top-width:1px;}

.dates {float:left}

.pub-month {display:block; font-size: .8em;  margin:0; padding:0; padding-top:12px; background:url(/iii/calendar/resources/images/date-top_eng.png) center top repeat-x; }
.pub-year { display:block; font-size: .8em; font-weight:bold; margin:0; padding:0; }
.cal {display:block; text-align: center;float:left; font-family: Arial, Helvetica, sans-serif;border-bottom:none;background:url(/iii/calendar/resources/images/date-bottom_eng.png) right bottom no-repeat;width:2.2em;margin:0 10px; letter-spacing:1px;}
.debls {position:relative;top:-12px;left:0;font-size:.7em;letter-spacing:1px;}

.progImages { float:right;margin:1px 5px;}
.progThumb  { display:block; text-align: center;float:left; margin:0 10px;}

.eventCount {display:block; font-weight: bold; text-align: left; float:left; padding:5px;}

/*new stuff */
ul.dayEventList { margin:7px 0 0 5px; list-style-type:none;padding:0;}
li.dayEventItem {overflow:hidden;margin: 10px 0 0 0;}
li.dayAnnounceItem {overflow:hidden;margin-top: 10px;font-size:.8em;}
.eventMoreDiv{width:100%;text-align:right;}
.eventTime{color: #666666;font-size: 10px;line-height: 10px;}
a.eventLink{line-height: 1em;display: block;padding: 3 0 3 0;}
a.eventLink, a.eventLink:link, a.eventLink:visited, a.eventLink:active {font-size:.8em;}
a.eventLink:hover {text-decoration:underline;}
a.eventMore, a.eventMore:link, a.eventMore:visited, a.eventMOre:active {background:url(/iii/calendar/resources/images/allArr.png) no-repeat 95% 50%;padding:1px 18px 1px 2px;display:block; outline:none;font-size:.8em;}
a.eventMore:hover {text-decoration:underline;outline:none;background:url(/iii/calendar/resources/images/allArr.png) no-repeat 95% 50%;}

/*forms*/
.buttonAlignment{
 text-align:center;
 margin:5px;
}
.scopeSelect {
	text-align:center;
}
.scopeSelect select {width:165px;}
/* floating pane */

div#displayLargeThumbnail {
	clear: both;
	padding: 0;
	height: 15%;
	width: 100%;
}
/* forms */
input{font-size: 14px;}