/* put local changes to styles here */


/* Photo Gallery
=================================*/

div.gallery_container p, div.gallery_container div { font: 12px/13px arial, sans-serif; color:#000;}
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: 772px; margin: 0px auto; padding: 5px 0px; background: #f2e7d3; }
div.gallery { width: 772px; margin: 0px 0px 10px 0px; padding: 0px; }

div.photo_info { margin-top: 6px; margin-bottom: 0px; position: relative; float: left; width: 100%;  }
div.gallery div.gallery_left { width: 535px; margin-right: 1px; float: left;  }
div.gallery div.gallery_right { width: 221px; float: left; margin-left: 15px  }
div.photo_info h2#photo_name { color: #A00101; 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; padding: 0px; margin-top: 0px; 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: 525px; list-style-type: none; margin: 0px; padding: 0px 5px; display: block; background: url('/shared/images/gallery/photo_area_bg.gif') repeat-x; } 
ul.photo li.control_left { list-style-type: none; width: 20px; height: 20px; margin: 175px 0px 0px 0px; padding: 0px; float: left; background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat; cursor: pointer; cursor: hand; } 
ul.photo li.control_leftOver { list-style-type: none; width: 20px; height: 20px; margin: 175px 0px 0px 0px; padding: 0px; float: left; background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat 0px -20px; cursor: pointer; cursor: hand; } 
ul.photo li#photo_canvas { width: 475px; height: 347px; list-style-type: none; float: left; overflow: hidden; margin: 0px 5px; padding: 15px 0px 5px 0px; text-align: center; } 
ul.photo li.control_right { margin: 175px 0 0 0; width: 20px; padding: 0px; height: 20px; list-style-type: none;  float: left;  background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat -20px 0px;  cursor: pointer; cursor: hand;} 
ul.photo li.control_rightOver { margin: 175px 0 0 0; width: 20px; padding: 0px; height: 20px; list-style-type: none;  float: left;  background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat -20px -20px; cursor: pointer; cursor: hand;} 

div.gallery_info { height: 122px; width: 525px; background: url('/shared/images/gallery/gallery_area_bg.gif') repeat-x; padding: 0px 5px; margin: 0px 0px 10px 0px; position: relative; float: left; } 
div.gallery_info * { margin: 0; padding: 0 }
div.gallery_info h2#gallery_name { color: #333; font: bold 15px/17px arial, sans-serif; margin: 5px 5px 5px 0px; }
div.gallery_info { color: #222; font: 12px/14px arial, sans-serif; }
div.gallery_info p#gallery_count { font: bold 11px Verdana, Arial;  }
div.gallery_info #gallery_desc { font: normal 11px Verdana, Arial;  }
div.gallery_info p { margin: 4px 0px; }
div.gallery_info div.gallery_data { margin: 0px; padding: 0px 5px; width: 125px; height: 101px; overflow: hidden; float: left; }
div.gallery_info div.gallery_thumb_left { height: 20px; width: 20px; margin: 32px 5px 10px 0px; float: left; background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat; cursor: pointer; cursor: hand;  }
div.gallery_info div.gallery_thumb_right { height: 20px; width: 20px; margin: 32px 0px 10px 0px; float: left; background: url('http://music2-ip.tritondigitalmedia.com/graphics/1/arrows.gif') no-repeat -20px 0px; 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: 218px; list-style-type: none; display: block; border: solid 1px #b2b6b9; margin-top: 0px }
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: 220px; 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 #d7d7d7; margin: 0 0 10px 0; padding: 0 0 3px 0px; }

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: #A00101 } 

/* Advertiser Directory
=================================*/

div#adv_container { width: 466px; }
div#adv_container div.adv_logo { float: right; } 
div#adv_container div.adv_desc { margin-left: 20px }

table.advertiser_cats { background-color: #fff }
table.advertiser_cats th { background-color: #fff;}
table.advertiser_cats td { background-color: #ffe; padding: 3px; }

table.list_table { background-color: #444 }
table.list_table th { background-color: #ddd; font-weight: bold; text-align: center; padding: 3px }
table.list_table td { background-color: #fff; padding: 3px; text-align: center;  }

ul.coupon_list { display: block; list-style-type: none; text-align: center; clear: both; }
ul.coupon_list li { margin: 10px; display: block; background: url('/shared/images/icons/coupon.gif') no-repeat; width: 140px; float: left; cursor: pointer; cursor: hand;  }
ul.coupon_list li p { display: block; margin-top: 60px; text-align: center } 

table.advertiser_home { width: 100% }
table.advertiser_home td { width: 42%; vertical-align: top }
table.advertiser_home td.adv_spacer { width: 5% }

table.advertiser_list td { text-align: center }

div.coupon { border: dashed 1px #000; cursor: pointer; cursor: hand; }
div.coupon img { margin: 5px; }  



/* School Closings
=================================*/

div#closings_container * { margin: 0; padding: 0 }
div#closings_container h2 { font-size: 16px }
div#closings_container h3 { font-size: 14px }
div#closings_container h4 { font-size: 12px }
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: #eee; padding: 3px 4px  }
div#closings_container table.closings_table tr.row_2 td { background: #fff; padding: 3px 4px  }
div#closings_container table.closings_table tr.highlighted td { background: #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: #eee; padding: 3px 4px  }
div#closings_container table.group_table tr.row_2 td { background: #fff; padding: 3px 4px  }
div#closings_container table.group_table tr.highlighted td { background: #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 }