﻿h2#title{ font-size:2.2em !important; font-weight:bold; color:#fff !important; text-align:left !important; }


#approve-panel{ font-size:1.2em; margin:20px auto 30px; min-height:600px; color:#000; }

#approve-list-mod, #admin-list-entry{ position:relative; float:left; width:650px; padding:10px; background:#272626; border:1px solid #676262; margin:0 5px 0 0; }
#approve-list-entry{ width:280px; margin:0; }
#approve-panel h2{ font-size:1.2em; text-align:center; margin:10px 0; color:#cc8030; }
#approve-panel h2 span{ color:#b8b7b7; font-size:0.6em; }
#approve-panel ul li{ height:100px; padding:10px; overflow:hidden; background:#fff; position:relative; }
div.itemLoad { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #fff url(../images/loader.gif) no-repeat center; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); z-index:2; }
#approve-panel input{ margin-top:45px; }
#approve-panel img{ margin:0 5px; border:3px solid #e87f0f; }
#approve-panel ul li.alt{ background:#ccc; }

.uploaded-desc{ font-size:1.2em; color:#e87f0f; font-weight:bold; padding:0 5px; position:relative; }
.uploaded-desc span{ font-size:0.8em; color:#666; }

.del-apr{ position:absolute; bottom:5px; right:10px; }
.del, .apr{ display:block; float:left; padding:10px; margin:5px; text-decoration:none !important; font-weight:bold; }

.del{ background:#FBE3E4; border:2px solid #FBC2C4; color:#D33823 !important; }
.del:hover{ background:#f00; color:#fff !important; }

.apr{ background:#E6EFC2; border:2px solid #C6D880; color:#529214 !important; }
.apr:hover{ background:#3c3; color:#fff !important; }

/*facebox */
div.header  { background: #f9b204; text-transform: uppercase; margin-bottom: 10px;}
span#uploadTitle { padding-left: 85px; text-transform: uppercase; font: 22px "Futura", Verdana, Arial !important;}
a.close { float:right;}
.content { padding-left: 10px;}
label, span.example { font: 13px Arial !important;}
div#agreeStatement label { 10px Arial;}
div#agreeStatement { width: 240px; float:left;}
div#uploadBtn {float: left; padding-right: 20px; width: 85px; margin-top: -20px;}
input { margin-bottom: 10px;}


#approve-panel #entries li{ height: 55px; }
#entries_back { position: relative; }
#entries .uploaded-desc{ font-size:0.9em; }
.uploaded-desc a{ position:absolute; right:5px; bottom:0; }
/*#entries li:hover{ background:#ffd6aa; }*/
#entries li#first:hover{ background:#fff; }

a.white{ color:#fff !important; }
a.return{ font-size:1.4em; }
.example{ color:#444; font-size:0.8em; font-weight:normal; }
.left{ float:left; }

.flickrWarning_back { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:#666; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); z-index:2; }
.flickrWarning { position:absolute; top:30px; left:140px; z-index:3; padding:20px 30px 10px 110px; margin: 0 auto; background:#fff url(../images/admin-flickr-back-bg.gif) no-repeat; width:254px; height:194px; }
.flickrWarning { font: normal 13.05px Verdana, Arial, sans-serif; }
.flickrWarning a { font: bold 13.05px Verdana, Arial, sans-serif;  }
.flickrWarning_head, .flickrWarning_head a { text-align: center; font-size: 16.05px; }


#slideshowTop { width: 555px; top: 0px; left: 0px; }
/*#slideshowDialogBar { width: 100%; height: 55px; position: relative; font-family: Arial; background: #FFF url(images/DetailsBanner.gif) no-repeat center; text-align: center; }
#slideshowDialogBar span { line-height: 25px; } 
#lblCaption { font-weight: bold; font-size: 11.24pt; }*/
#slideshowMiddle { width: 554px; height: 450px; position: relative; overflow-y: hidden; /*border-top: solid 1px #FFF;*/ background: #000 url(/DesktopModules/Artemis.FlickrSlideshow/images/load.gif) no-repeat center; }

#slideshowBottom { width: 555px; height: 75px; background: #FFF; padding-top: 5px; background: #989898; }
#slideshowBottom table { width: 100%; height: 100%; }
#slideshowBottomLeft { width: 30px; height: 100%; text-align: center; background: #989898; }
#slideshowBottomLeft div { width: 30px; height: 77px; background-color: #FFF; cursor: pointer; display: inline-block; background-image: url(images/LeftScroll.gif); background-repeat: no-repeat; background-position: center; }
#slideshowBottomLeft div.active { background-image: url(images/LeftScroll_Pressed.gif); background-repeat: no-repeat; background-position: center; }
#slideshowBottomRight div { width: 30px; height: 77px; background-color: #FFF; cursor: pointer; display: inline-block; background-image: url(images/RightScroll.gif); background-repeat: no-repeat; background-position: center; }
#slideshowBottomRight div.active { background-image: url(images/RightScroll_Pressed.gif); background-repeat: no-repeat; background-position: center; }
#slideshowBottomMiddle { width: auto; height: 100%; background: Gray; border: solid 1px Gray; }
#slideshowBottomRight { width: 30px; height: 100%; text-align: center; }
a#fullsizeImage { display: block; width: 535px; height: 430px; position: relative; top: 10px; left: 10px; }

#slideshowScrollBar { width: 100%; height: 100%; border: solid 1px #FFF; overflow: hidden; position: relative; }
#scrollBarList { height: 100%; width: 100000px; position: absolute; left: 1px; top: -1px; background: #000; margin: 0; padding: 5px; }
#scrollBarList li { display: inline; padding: 0px 5px 0px 5px; list-style: none; background: #000; }
#scrollBarList li a.thumb:hover { color: #000; border: solid 1px #FFFFFF; }
#scrollBarList li a.selected img { border: solid 2px #FFFFFF; }
#scrollBarList li a.thumb, #scrollBarList li a.thumb:link { display: inline-block; border: solid 1px Gray; color: #000000; }
#scrollBarList li a.loading { background: url(images/load.gif) no-repeat center; }

#slideshowControlPanel { position: absolute; bottom: 0px; left: 0px; width: 554px; height: 55px; background-color: #000000; background-image: url(images/controlPanelBack.gif); background-repeat: repeat-x; background-position: center; }
#controlPanelLip { position: absolute; top: -16px; left: 206px; width: 142px; height: 17px; background-repeat: no-repeat; background-position: center; }
#slideshowControlPanel div.down { background-image: url(images/controlPanelLip.png); }
#slideshowControlPanel div.up { background-image: url(images/controlPanelLip_Up.png); }

#controlButtons { margin: 0 auto; width: 172px; height: 55px; position: absolute; top: 0px; left: 201px; }
#controlButtons a { display: block; background-position: center center; background-repeat: no-repeat; height: 40px; position: relative; top: 8px; }
#controlButtons div { display: inline-block; position: relative; float: left; height: 100%; }

#prevButtonDiv { width: 48px; }
#prevButtonDiv a { width: 48px; background-image: url(images/prevButton.gif); }
#prevButtonDiv a.pressed { background-image: url(images/prevButton_Pressed.gif); }

#nextButtonDiv { width: 48px; }
#nextButtonDiv a { width: 48px; background-image: url(images/nextButton.gif); }
#nextButtonDiv a.pressed { background-image: url(images/nextButton_Pressed.gif); }

#pauseButtonDiv { width: 56px; }
#pauseButtonDiv a { width: 56px; background-image: url(images/pauseButton.gif); }
#pauseButtonDiv a.pressed { background-image: url(images/pauseButton_Pressed.gif); }

#playButtonDiv { width: 56px; }
#playButtonDiv a { width: 56px; background-image: url(images/playButton.gif); }
#playButtonDiv a.pressed { background-image: url(images/playButton_Pressed.gif); }

