/* 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: 100%; margin: 5px auto; /* background-color: #fff */ }

div.gallery { margin: 12px; }

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: 290px; margin-right: 1px; float: left; margin-left: 10px  }

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 * { margin: 0; padding: 0; border: 0}

ul#set_list { width: 100%; 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: 300px; 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 } 

