/*
-----------------------------------------
Styles for ResourceCalendar.aspx
-----------------------------------------
*/

/* heading dropdown */
.resourcesOptionsContainer {background-color: #fff; padding: 2px; width: 400px;}
.resourcesOptionsSleeve {border: 1px solid #bfbfbf; padding: 10px 15px;}
.resourcesOptionsSleeve:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.resourcesOptionsSleeve h3 {margin: 0 0 10px; font: normal 1.43em georgia, sans-serif;}
.resourcesOptionsSleeve .close {position: absolute; top: 8px; right: 8px; border: 0; text-decoration: underline;}
.resourcesOptionsSleeve .close img {vertical-align: middle;}
.resourcesOptionsContainer ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.resourcesOptionsContainer ul.first {margin-right:20px;}
.resourcesOptionsContainer li {background: url(graphics/sprite.png) no-repeat -68px -386px; padding:0 0 0 10px; margin-bottom: 5px; margin-right: 10px; float: left; clear: none;}
.js-enabled .resourcesOptionsContainer {width: 20em; position: absolute; top: 35px; left: 7em; display: none; z-index: 10;}
.js-enabled .resourcesOptionsContainer .resourcesOptionsSleeve {padding-top: 0;}
.js-enabled .resourcesOptionsContainer ul {float: left; width: 7em;}
.js-enabled .resourcesOptionsContainer li { float: none; clear: left; margin-right:0; }
.js-enabled .resourcesOptionsContainer h3 {margin-top: 15px; width: 150px;}

/* calendar page */
#calendar .sections.p1 h1 {width: 400px;}
#calendar .pagingContainer {margin-top: 30px;}

.yourresources {margin-top: 5px; width: 400px; float: left;}
.yourresources h2 {color: #4f4d45; background: url(graphics/border_dotted.png) repeat-x bottom; padding-bottom: 7px; margin-bottom: 8px; margin-top: 15px;}
.sections.p1 .yourresources h2 {font-size: 1.728em;}
.yourresources .upload {background: url(graphics/upload.png) no-repeat top right;}
.yourresources p {font-size: 1.1em;}
.yourresources p.more {font-size: 1em; margin-top: 5px;}
.yourresources p.more a:hover {background-color: transparent;}

#calendar .colour1 .resultsReturned h2 a {color: #ed1746;}
#calendar .colour2 .resultsReturned h2 a {color: #00a560;}
#calendar .colour3 .resultsReturned h2 a {color: #1a3892;}
#calendar .colour4 .resultsReturned h2 a {color: #0085cf;}
.colour1 .resultsReturned h2 a:hover {border-bottom-color:#ed1746;}
.colour2 .resultsReturned h2 a:hover {border-bottom-color:#00a560;}
.colour3 .resultsReturned h2 a:hover {border-bottom-color:#1a3892;}
.colour4 .resultsReturned h2 a:hover {border-bottom-color:#0085cf;}

/*calendar styles*/
.calendar_container {width: 152px; background: url(graphics/calendar_top.png) no-repeat top; padding-top: 12px; float: right; margin-top: -30px;}
.calendar_container:after{content:"."; visibility: hidden; height: 0; display: block; clear: both}
.calendar_sleeve {background: url(graphics/calendar_bottom.png) no-repeat bottom; padding: 0 6px 0 8px;}
.calendar_meta {overflow: hidden; position: relative; margin-bottom: 5px;}
.calendar_meta div {position: absolute; top: 0; }
.calendar_next { right:0; }
.calendar_header {margin:0; font-size: 1.08em; text-align: center}
.calendar_Month {padding-bottom: 8px;}
.calendar_container table {border: 1px solid; width: 137px; background: #fff repeat-x top; margin:0;}
.calendar_container table th, .calendar_container td {padding:0; }
.calendar_Month thead a {font-weight: bold;}
.calendar_container td {padding: 2px 3px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.calendar_container td.calendar_remove {border-right:0;}
.calendar_container td.calendar_currentDay a {color: #fff;}
.calendar_container td a {padding:0; border:0; cursor: pointer}
.calendar_container .calendar_event a {border-bottom: 1px dotted #4F4D45;}
.calendar_container td a:hover {background-color: transparent;}
.calendar_unselectable {color: #959595}
.calendar_event a, .calendar_currentDay a { font-weight: bold;}
.calendar_viewing a {font-weight: bold;}

.colour2 .calendar_Month thead a, .colour2 .calendar_viewing a {color: #00af6f;}
.colour2 .calendar_viewing a {border-bottom: 1px dotted #00af6f;}
.colour2 .calendar_container table { border-color: #01A661; background-image: url(graphics/calendar_table_bg_2.png); }
.colour2 .calendar_currentDay {background-color: #58c294;}

.colour3 .calendar_Month thead a, .colour3 .calendar_viewing a {color: #0085cf;}
.colour3 .calendar_viewing a {border-bottom: 1px dotted #0085cf;}
.colour3 .calendar_container table { border-color: #0085cf; background-image: url(graphics/calendar_table_bg_3.png); }
.colour3 .calendar_currentDay {background-color: #54acdc;}