/* put local changes to styles here */

/* events calendar big table */

table.bigcal_table { background: #fff; width: 646px; }
table.bigcal_table td, table.bigcal_table th { padding: 0; margin: 0; } 
table.bigcal_table th { padding: 2px 0px; background:#928163; color:#fff; font: bold 12px Arial, Helvetica,Sans-serif; } 
table.bigcal_table td.caltop { padding: 2px 0px; text-align: center; font-size: 16px; font-weight: bold }
table.bigcal_table td.caltop a:link, table.bigcal_table td.caltop a:visited, table.bigcal_table td.caltop a:hover { 
	text-align: center; font-size: 14px; font-weight: bold; color:#000; text-decoration: none;  }
table.bigcal_table td.day, table.bigcal_table td.empty, table.bigcal_table td.over, table.bigcal_table td.today { 
	height: 80px; vertical-align: top; width: 91px; }
table.bigcal_table td.empty { background: #decdae; }
table.bigcal_table td.day { background: #d1c0a0; cursor: hand; cursor: pointer }
table.bigcal_table td.over { background: #ede2cd; cursor: hand; cursor: pointer }
table.bigcal_table td.today { background: #e8dcc6; cursor: hand; cursor: pointer }
table.bigcal_table td div { position: relative; display: block;  }
table.bigcal_table td h4 { display: block; text-align: right; border-bottom: 1px dashed #928163; height: 14px;  width: 100%; background: #b3a180; margin: 0; padding: 0 }
table.bigcal_table td h4 span { font-size: 11px; color: #000; margin: 2px 4px; }

table.bigcal_table td ul.event_list { list-style-type: none; margin: 0px; padding: 2px; display: block; }
table.bigcal_table td ul.event_list li { list-style-type: none; padding: 0 0 2px 0; margin: 0 0 2px 0; display: block; border-bottom: 1px solid #928163 }
table.bigcal_table td ul.event_list li span { margin: 0px; display: block; }
table.bigcal_table td ul.event_list li span a:link, 
table.bigcal_table td ul.event_list li span a:visited { font: bold 10px/10px Arial, sans-serif; color:#000; text-decoration: none; }
table.bigcal_table td ul.event_list li span a:hover  { font: bold 10px/10px Arial, sans-serif; color:#000; text-decoration: underline; }


/* GALLERY defaults */
div.gallery_container p, div.gallery_container div { font: 12px/13px arial, sans-serif; }
div.gallery_container img {border:0}
div.gallery_container th {font:bold 12px Arial; color:#000;} 
div.gallery_container td th {font: 12px Arial; color:#000;} 
div.gallery_container a:link, div.gallery_container a:active, div.gallery_container a:visited {color: #575a5c;; text-decoration: underline; }
div.gallery_container a:hover {color: #575a5c;; text-decoration: none;}

div.gallery_container * { margin: 0; padding: 0 }
div.gallery_container { width: 950px; margin: 0px auto; padding: 10px 0px; background: #fff; }

div.gallery { margin: 0px 10px 10px 10px; }

div.photo_info { margin-top: 6px; margin-bottom: 0px; position: relative; float: left; width: 100%;  }
div.gallery div.gallery_left { width: 630px; margin-right: 1px; float: left;  }
div.gallery div.gallery_right { width: 270px; margin-right: 1px; float: left; margin-left: 15px  }

div.photo_info h2#photo_name { color: #4596d7; font: bold 15px/17px arial, sans-serif; }
div.photo_info p { color: #222; font: 12px/14px arial, sans-serif; }

div.photo { clear: both; }

ul.photo_toolbar { width: 100%; list-style-type: none; display: block; border-top: solid 1px #d7d7d7; margin-top: 10px; margin-bottom: 20px; }
ul.photo_toolbar li { list-style-type: none; display: block; height: 20px; width: auto; float: left; margin-top: 4px;  }
ul.photo_toolbar li.share { background: url('/shared/images/gallery/share.gif') right 0px no-repeat; float: left; width: auto; margin-right: 25px; cursor: pointer; cursor: hand; }
ul.photo_toolbar li.share a { margin-right: 20px }
ul.photo_toolbar li.print { background: url('/shared/images/gallery/print.gif') right 0px no-repeat; float: left; width: auto; margin-right: 25px; cursor: pointer; cursor: hand; }
ul.photo_toolbar li.print a { margin-right: 20px }
ul.photo_toolbar li.rate { width: 120px;  } 
ul.photo_toolbar li.view { float: right; }

ul.photo { height: 383px; width: 100%; list-style-type: none; display: block; background: url('/shared/images/gallery/photo_area_bg.gif') repeat-x; } 
ul.photo li.control_left { width: 70px; height: 347px; list-style-type: none; float: left; background: url('/shared/images/gallery/photo_button_left.gif') center no-repeat; cursor: pointer; cursor: hand; } 
ul.photo li.control_leftOver { width: 70px; height: 347px; list-style-type: none; float: left; background: url('/shared/images/gallery/photo_button_left_over.gif') center no-repeat; cursor: pointer; cursor: hand; } 
ul.photo li#photo_canvas { width: 488px; height: 347px; list-style-type: none; float: left; overflow: hidden; padding: 20px 0px 5px 0px; text-align: center;  } 
ul.photo li.control_right { width: 71px; height: 347px; list-style-type: none;  float: left;  background: url('/shared/images/gallery/photo_button_right.gif') center no-repeat;  cursor: pointer; cursor: hand;} 
ul.photo li.control_rightOver { width: 71px; height: 347px; list-style-type: none;  float: left;  background: url('/shared/images/gallery/photo_button_right_over.gif') center no-repeat; cursor: pointer; cursor: hand;} 

div.gallery_info { height: 122px; background: url('/shared/images/gallery/gallery_area_bg.gif') repeat-x; padding: 0px; margin: 0; position: relative; float: left; width: 100%; } 
div.gallery_info * { margin: 0; padding: 0 }

div.gallery_info h2#gallery_name { color: #4596d7; font: bold 15px/17px arial, sans-serif; margin: 5px 5px 5px 15px; }
div.gallery_info { color: #222; font: 12px/14px arial, sans-serif; }
div.gallery_info p { margin: 4px 0px; }
div.gallery_info div.gallery_data { margin: 0px 0px 0px 15px; width: 180px; height: 101px; overflow: hidden; float: left; }
div.gallery_info div.gallery_thumb_left { height: 78px; width: 40px; margin: 12px 0px 10px 0px; float: left; background: url('/shared/images/gallery/gallery_button_left.gif') center no-repeat; cursor: pointer; cursor: hand;  }
div.gallery_info div.gallery_thumb_right { height: 78px; width: 36px; margin: 12px 0px 10px 0px; float: left; background: url('/shared/images/gallery/gallery_button_right.gif') center no-repeat; cursor: pointer; cursor: hand;  }
div.gallery_info div#gallery_thumb_canvas { width: 343px; height: 78px; margin: 2px 0px 10px 0px; display: block; float: left; overflow: hidden; position: relative; }
div.gallery_info ul#gallery_thumbs { width: 343px; height: 78px; margin: 0px; display: block; list-style-type: none; position: absolute; top: 0px; left: 0px; }
div.gallery_info ul#gallery_thumbs li { width: 86px; height: 78px; float: left; display: block;  }
div.gallery_info ul#gallery_thumbs li img { width: 78px; height: 78px; border: solid 1px #b2b6b9; float: left; display: block;  cursor: pointer; cursor: hand;}

ul#set_list { width: 270px; list-style-type: none; display: block; border: solid 1px #b2b6b9; margin-top: 10px }
ul#set_list li { clear: both; }
ul#set_list div.set_head {  height: 32px; background: #e4e7e9 url('/shared/images/gallery/set_head.gif') repeat-x; width: 100%; overflow: hidden; }
ul#set_list div.set_head h4 { margin: 8px; color: #1c84d6; font: bold 16px arial; float: left; display: block; width: auto; cursor: pointer; cursor: hand; }
ul#set_list div.set_head p { margin: 8px; font: bold 12px arial; float: right; width: auto; }
ul#set_list div.set_head p a { color: #575a5c; }

ul#set_list ul.set_body_closed { display: none; }

ul#set_list ul.set_body_open { display: block; width: 100%; list-style-type: none;}
ul#set_list ul.set_body_open li { display: block; float: left; clear: none; list-style-type: none; width: 80px; height: 140px; margin: 14px 7px 14px 7px; }
ul#set_list ul.set_body_open li.clear { list-style-type: none; display: block; width: 1px; height: 1px; margin: 0; clear: both; float: none; }
ul#set_list ul.set_body_open li p { margin-top: 5px; font: 12px/13px arial }
ul#set_list ul.set_body_open li p img { border: solid 1px #b2b6b9 }

div.gallery_banner { width: 270px; background-color: #aaa; margin: 10px 0px; }

ol#top_albums { list-style-type: decimal; list-style-position: outside; margin-left: 20px; }
ol#top_albums li { color: #aaa; font: 12px arial; margin: 4px 0px }
ol#top_albums li span { color: #444 }

div.gallery_container h3 { display: block; font: 18px/20px arial; color: #444; border-bottom: solid 1px #f0f2f4; margin-bottom: 10px  }

ul#album_list { list-style-type: none; display: block; width: 100%; clear: both; }
ul#album_list li { width: 90px; height: 140px; float: left; margin: 4px; list-style-type: none; overflow: none; clear: none; }
ul#album_list li img { border: solid 1px #aaa }
ul#album_list li p { margin: 5px 2px; text-align: center }

div.gallery_container p.pagination { margin: 5px 0px; font: 12px/13px arial, sans-serif; }
div.gallery_container p.pagination a { color: #4596d7 } 

/* school closings  */

div#closings_container * { margin: 0; padding: 0 }

div#closings_container h2 { font-size: 18px }
div#closings_container h3 { font-size: 16px }
div#closings_container h4 { font-size: 14px }

div#closings_container table.closings_table { width: 100%; border-right: solid 1px #bbb; border-left: solid 1px #bbb; border-top: solid 1px #bbb;  }
div#closings_container table.closings_table tr td { border-bottom: solid 1px #bbb; }
div#closings_container table.closings_table thead td, div#closings_container table.closings_table th { font-size: 14px; font-family: Tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: left; padding: 5px }
div#closings_container table.closings_table .status { text-align: center; width: 160px; }
div#closings_container table.closings_table tbody td { font-size: 12px; font-family: Tahoma, verdana, arial, sans-serif; text-align: left; }
div#closings_container table.closings_table td p.remarks { font-size: 12px; font-family: Tahoma, verdana, arial, sans-serif; text-align: left;  font-style: italic; }
div#closings_container table.closings_table tr.row_1 td { background-color: #000000; padding: 3px 4px  }
div#closings_container table.closings_table tr.row_2 td { background-color: #000000; padding: 3px 4px  }
div#closings_container table.closings_table tr.highlighted td { background-color: #eee; }
div#closings_container table.closings_table td.sub { width: 10px }
div#closings_container table.closings_table thead.clickable { cursor: hand; cursor: pointer; }

div#closings_container table.group_table { width: 100%; border-right: solid 1px #bbb; border-left: solid 1px #bbb; border-top: solid 1px #bbb; }
div#closings_container table.group_table tr td { border-bottom: solid 1px #bbb; }
div#closings_container table.group_table td.expandable { width: 20px; background: url('/shared/images/icons/16x16/plain/folder_closed.png') 2px 2px no-repeat;  }
div#closings_container table.group_table td.expanded { width: 20px; background: url('/shared/images/icons/16x16/plain/folder.png') 2px 2px no-repeat;  }
div#closings_container table.group_table thead td, div#closings_container table.group_table th { font-size: 14px; font-family: Tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: left; padding: 5px }
div#closings_container table.group_table .status { text-align: center; width: 160px; }
div#closings_container table.group_table tbody td { font-size: 12px; font-family: Tahoma, verdana, arial, sans-serif; text-align: left; }
div#closings_container table.group_table td p.remarks { font-size: 12px; font-family: Tahoma, verdana, arial, sans-serif; text-align: left;  font-style: italic; }
div#closings_container table.group_table tr.row_1 td { background-color: #000000; padding: 3px 4px  }
div#closings_container table.group_table tr.row_2 td { background-color: #000000; padding: 3px 4px  }
div#closings_container table.group_table tr.highlighted td { background-color: #eee; }
div#closings_container table.group_table td.sub { width: 10px }
div#closings_container table.group_table thead.clickable { cursor: hand; cursor: pointer; }

div#closings_container input { border: solid 1px #444; } 

div#closings_container span.activeLetter { font-weight: bold; color: #444 }
div#closings_container span.inactiveLetter { color: #ccc }
div#closings_container span.availLetter { } 

div#closings_container p.small { font-size: 10px }
