/****************************************************************/
/*	stylesheet for section discover beauty						*/
/****************************************************************/


#localnav { height: 36px; width: 980px; background: url(images/aperture.jpg) center center no-repeat; color: #999; padding-top: 15px; font-size: 12px; *margin-bottom: 10px; /* Fix IE BUG */ }
#localnav { width: 950px; text-align: right; padding-top: 10px; }
#localnav li { list-style-type: none; padding: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; line-height: 15px; margin-left: 25px; }
#localnav li { float: right; }
#localnav li a { color: #999; text-decoration: none;}
#localnav li a:hover { color: #666; text-decoration: none;}
#localnav li.current a, #localnav li.current a:hover { color: #fff; text-decoration: none; }
#billboard { margin-top: 10px; }
#db_home { width: 950px; height: 580px; background: url(images/bg_db_home080329.jpg) top left no-repeat; }
#db_home div#upload { position: relative; top: 330px; left: 684px; }

/* homepage */

.scrollable { position: relative; width: 980px; height: 500px; margin: 0; padding: 0; overflow: hidden; }
.scrollable .items { width: 2000em; position: absolute; clear: both; }
.scrollable .items div.banner { float: left; margin-top: 0; }
.middle { margin: 0 4px 0 4px; }
.page { float: left; }
a.browse { background:url(images/hori_large.png) no-repeat; display: block; width:30px; height:30px; cursor:pointer; font-size:1px; float: left; }
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; } 
a.left	 { margin-left: 0px; } 
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
a.disabled { visibility: hidden !important;} 	
		
		
/* foto2010 */
div#foto2010Main { width: 980px; height: 600px; padding: 0; background:url(../images/db/foto2010/bg_main.jpg) top left no-repeat; }
div#foto2010Main div#logo { width: 200px; height: 59px; margin-top: 15px; background:url(../images/db/foto2010/logo.gif) top left no-repeat; margin-right: 5px; float: left; }
div#foto2010Main a#menuEntries { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_entries.gif) -59px 0 no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuRules { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_rules.gif) top left no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuIncentives { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_incentives.gif) top left no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuEntries_active { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_entries.gif) top left no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuRules { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_rules.gif) top left no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuIncentives { display: block; width: 59px; height: 59px; margin-top: 15px; background: url(../images/db/foto2010/bg_menu_incentives.gif) top left no-repeat; margin-right: 1px; cursor: pointer; float: left; }
div#foto2010Main a#menuEntries:hover, div#foto2010Main a#menuRules:hover, div#foto2010Main a#menuIncentives:hover { background-position: -59px 0; }

div#foto2010Main div#loading { display: none; width: 32px; height: 32px; padding: 4px; margin-top: 34px; background: #fff; float: left; }
div#foto2010Main div#partition { display: block; height: 6px; clear: left; }
div#foto2010Main div#banners { width: 200px; height: 520px; margin-right: 5px; float: left; }
div#foto2010Main div#banners div { margin-bottom: 10px; }
div#foto2010Main div#main { width:775px; height: 520px; background: #fff; float: left; }
/* div#foto2010Main div#banners div#formUpload { background: #000 url(../images/db/foto2010/bg_upload.gif) top left no-repeat; padding: 15px 0 0 5px; color: #fff; height: 52px; } */
div#foto2010Main div#banners div#formUpload { background: #000 url(../images/db/foto2010/bgSubmissionClosed.gif) top left no-repeat; padding: 15px 0 0 5px; color: #fff; height: 11px; }
div#foto2010Main div#banners div#formUpload div#loader { display: none; }
div#pagingNewUploads { margin: 15px 0 5px 5px; background: #000; padding: 5px; }
div#pagingNewUploads span { padding: 5px; margin-right: 1px; color: #fff; }

/* gallery home */
#db_gallery { width: 950px; padding-top: 50px; padding-bottom: 0px; background: url(images/bg_db_gallery.gif) top left no-repeat; clear: both; text-align: left; margin-left: 15px; margin-bottom: 15px; }
#db_gallery { width: 950px ; }
* #db_gallery img.frame { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/db_g_frame.png');}
.gallery_pagination { text-align: right; }
.gallery_pagination span { color: #fff; font-weight: 600; margin-left: 10px; }
.gallery_pagination span a { color: #f7cc32; }
div#pod{ color: #fff; margin: 5px 0 15px 0; text-align: center; }


/* gallery upload */
table#db_gallery_publish { width: 950px; background: url(images/db_g_upload.gif) top left no-repeat; margin-left: 15px; margin-bottom: 15px; }
table#db_gallery_publish td, table#db_gallery_publish td div, table#db_gallery_publish td p { color: #f7cc32; }
table#db_gallery_publish td#uploadForm { width: 400px; padding-top: 50px; vertical-align: top; }
table#db_gallery_publish td#spacing { width: 50px; }
table#db_gallery_publish td#terms { padding-top: 50px; }
table#db_gallery_publish td#terms div { width: 500px; vertical-align: top; }
table#db_gallery_publish td#terms div.terms { width: 100%; height: 300px; padding: 10px 0 0 2px; display: block; overflow: auto; border: 1px solid #f7cc32; }
table#db_gallery_publish td#terms li { margin-left: 2px; }
table#uploadForm { width: 400px; }
table#upload td { color: #f7cc32; }

/* gallery view pic */
.db_gallery_textbox, .db_gallery_textarea { padding: 10px 0 0px 2px; color: #f7cc32; border: 1px solid #f7cc32; background-color: #000; width: 100%; }
#viewpic { width: 950px; padding: 20px 0 20px 0; border: 1px solid #999; text-align: center; }
#viewpic p { color: #ccc; font-size: 11px; font-weight: 600; }
#viewpic span { width: 200px; margin-top: 15px; color: #ccc; font-weight: 600; }
#preNextTop { text-align: left; margin: 0 0 10px 20px; }
#preNextBottom { text-align: right; margin: 0 20px 0 0; }
#delImg { text-align: left; margin-left: 20px; }

/* wallpapers */
#db_wallpaper { width: 950px; padding-top: 50px; background: url(images/bg_db_wallpaper.gif) top left no-repeat; clear: both; text-align: left; margin-left: 15px; margin-bottom: 15px; }
#db_wallpaper div { color: #fff; }
#db_wallpaper p { color:#f7cc32; }
#db_wallpaper a:hover { color: #666; }
#db_submitWallpaper { margin-top: 2px; width: 980px; height: 74px; background: #000 url(images/bg_wallpaper_submit.gif) center right no-repeat; }

/* time to change */
table#db_change_home { width: 950px; background-color: #FFFFFF; margin-left: 15px; margin-bottom: 15px; }
table#db_change_home td.tl { width: 7px; height: 7px; background: url(images/7x7_white_tl.gif) top left no-repeat; }
table#db_change_home td.tr { width: 7px; height: 7px; background: url(images/7x7_white_tr.gif) top right no-repeat; }
table#db_change_home td.bl { width: 7px; height: 7px; background: url(images/7x7_white_bl.gif) bottom left no-repeat; }
table#db_change_home td.br { width: 7px; height: 7px; background: url(images/7x7_white_br.gif) bottom right no-repeat; }

/* tickbox */
table#tickBox { width: 950px; height: 401px; border: 0;  margin-left: 15px; margin-bottom: 15px; }

/* invite */
table#db_invite { width: 950px; background-color: #333333; }
table#db_invite2 td { colo #fff; }
table#db_invite td.tl { width: 7px; height: 7px; background: url(images/7x7_db_grey_tl.gif) top left no-repeat; }
table#db_invite td.tr { width: 7px; height: 7px; background: url(images/7x7_db_grey_tr.gif) top right no-repeat; }
table#db_invite td.bl { width: 7px; height: 7px; background: url(images/7x7_db_grey_bl.gif) bottom left no-repeat; }
table#db_invite td.br { width: 7px; height: 7px; background: url(images/7x7_db_grey_br.gif) bottom right no-repeat; }
table#db_invite2 td { color: #FFFFFF; }

/* love */
div#db_love_home, div#db_love_discover, div#db_love_voice  { width: 950px; padding: 69px 0 0 0; margin: 0px; color: #ccff33; background: url(images/bg_db_love_home.jpg) top left no-repeat; clear: both; text-align: left; margin-left: 15px; }
table#db_love_home { width: 950px; }
table#db_love_home td { color: #333;}
table#db_love_home td.left { width: 600px; }
table#db_love_home td.spacing { width: 50px; }
table#db_love_home td.right { width: 300px; }
table#db_love_discover td.left, table#db_love_voice td.left { width: 730px; }
table#db_love_discover td.spacing, table#db_love_voice td.spacing { width: 40px; }
table#db_love_voice td.left { background-color: #1a1a1a; padding: 20px; color: #fff; }
table#db_love_discover td.right, table#db_love_voice td.right { width: 180px; }
p.introText { font-size: 15px; font-weight: 600; color: #99cc33; text-align: justify; width: 100%;  }
div.sidelink { margin-bottom: 25px; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/colorBox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/colorBox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/colorBox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/colorBox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/colorBox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/colorBox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/colorBox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/colorBox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/colorBox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/colorBox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorBox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/colorBox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/colorBox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorBox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderTopLeft.png', sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderTopCenter.png', sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderTopRight.png', sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderBottomLeft.png', sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderBottomCenter.png', sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderBottomRight.png', sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/images/colorBox/internet_explorer/borderMiddleRight.png', sizingMethod='scale');}