/*

SlideShowPro Director Master Style Sheet         

You should not make modifications to this file!
Use user.css for future proof modifications to the
stylesheet. user.css is loaded *after* this file.

*/

/* 
-----------------------------------------------------------------------------
NULL BROWSER DEFAULTS
-----------------------------------------------------------------------------*/
* {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;}
ul {list-style:none;}
iframe {border:0;}

/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {margin-top:1px;text-align:left;font:75%/140% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;margin-bottom:50px;}

a {}
a:focus {}
a:hover {text-decoration:underline;}
a img {border:0;} 

h1,h2,h3,h4,h5,h6 {font-weight:bold;font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;;}
h1 {font-weight:normal;font-size:2.2em;}
h2 {font-size:.9em;margin:0 0 12px 0;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em;}

p {margin:0 0 15px 0;}

small {font-size:9px;}

strong {font-weight:bold;}

/* 
-----------------------------------------------------------------------------
HEADER CLASSES
-----------------------------------------------------------------------------*/
h2 a {text-decoration:none;}

h2 span {font-weight:normal;}

div.left-col h4, div.left-col-solo h4 {margin:0 0 4px 0;}

h3 small {font-size:10px;font-weight:normal;word-spacing:0em;}   

h3.dash {padding:3px;}

h3.dash a {text-decoration:none;}       

h4 span {top:6px;right:8px;font-size:10px;}

h4 small {font-weight:normal;}

h4.error {padding:6px;font-size:12px;font-weight:bold;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Global (cascading order)
-----------------------------------------------------------------------------*/
div#helper {
	position:absolute;
	width:200px;
	padding:5px;
	z-index:500;
}

div#helper p {padding:0;margin:0;}

span.preview-me span {display:none;}
span.preview-me:hover {cursor:pointer;}

#pop-image-preview {
	position:absolute;
	z-index:501;
	padding:6px;
	float:left;
	display:table;
}
#pop-image-preview ul {
	list-style:none;
	margin-bottom:15px;
	font-size:10px;float:right;margin-left:8px;
}
#pop-image-preview a {text-decoration:underline;}

div#header-links {
	position:absolute;
	top:4px;
	right:30px;
	font-size:9px;
}

div#header {
	display:block;
	width:100%;
	float:left;
	position:relative;
}

div#header-logo {display:block;margin:8px 0 8px 30px;}
div#header-logo a.img {width:192px;height:48px;display:block;}

div#header-nav {position:relative;height:29px;}

ul#main-nav {
	list-style:none;
	width:100%;
	min-width:400px;
}                   

ul#main-nav li {
	float:left;
	margin:0 3px 0 0;
	padding:0 0 0 7px;
	height:29px;
}

ul#main-nav li.first {margin-left:30px;}

ul#main-nav li a {
	float:left;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:7px 10px 9px 3px;
}

ul#main-nav li a:hover {text-decoration:none;}

div#header-slideshow {
	height:31px;
	position:absolute;
	right:30px;
	top:0;
}
div#header-slideshow div.wrap {
	padding:0 0 0 7px;
	float:left;
}
div#header-slideshow span {
	display:block;
	padding:8px 13px 8px 3px;
	height:31px;
	float:left;
}

div#page {float:left;width:100%;padding:20px 0;}

div#container {margin:0 24px;min-width:740px;}

div#head {padding:18px 15px 0 15px;}

div#head div.head-wrap {position:relative;width:100%;}

div#head div.album-head {padding:10px 0;float:left;position:relative;width:100%;}

div#head h1 {padding:1px 0 15px 0;}

div#head h3 {margin-top:3px;}

div#head h3 span.desc {font-size:12px;margin-top:5px;display:block;}

div#head-form {float:right;}
div#head-form div.icon-bump {padding-top:4px;}

div#container h1 a.instruction-link {font-size:10px;}

div#page-info {
	margin:0 0 12px 0;
	float:left;
	font-size:14px;
	line-height:1.4;
	display:block;
	width:100%;
}

div#container-wrap {position:relative;float:left;width:100%;}

div#container-footer {line-height:0.5;}

div#container-footer div {padding-top:2px;}

div.col-wrap {margin:15px 15px 0;}

div.left-col {float:left;width:50%;}

div.left-col-solo {float:left;width:100%;}

div.left-col-inside {margin-right:8px;}

div.right-col {float:left;width:50%;}

div.right-col-inside {margin-left:7px;}

div.left-full {float:left;width:100%;}

div.module {
	margin-bottom:15px;
	font-size:11px;
	position:relative;
	width:100%;
}
div.module-head h3 {padding:9px 15px;display:block;font-size:1.2em;text-shadow:none;}
div.module-head h3.yanker {line-height:1;}
div.module h5 {margin:0 0 4px 0;}
div.module p {font-size:11px;padding:0 0 4px 0;}

div.module-yanker {display:block;}

div.module div.wrap {float:left;width:100%;}
div.module div.content {margin:15px 15px -4px 15px;}
div.module div.divider {margin-bottom:10px;float:left;width:100%;}

div.module-link {
	font-size:9px;
	padding:0 0 0 5px;
	height:16px;
	position:absolute;right:0;top:10px;
	line-height:1.8;
}

div.module-link span {display:block;padding:0 5px 1px 0;}

div.module-footer div {display:block;}

div.embed, div.embedlast {padding:8px 10px 0 10px;margin:0 0 8px 0;}

div.embedlast {border-bottom:0;}

div.hdrBttns {position:absolute;top:6px;right:6px;}

div.embed fieldset, fieldset.solo p {font-size:11px;}

div.embed fieldset span {font-size:10px;}

div.boxy ul, ul.styled {
	margin-bottom:20px;
	padding-left:20px;
	list-style:disc;
}

div#footer {  
	display:block;
	font-size:9px;
	clear:both;
	height:80px;
}
div#footer span {padding:0 30px;font-size:10px;}
div#footer a {text-decoration:underline;}

div#multi-footer {   
	display:block;
	width:100%;
	padding:14px 0 2px 0;
	position: fixed;
	left: 0px;
	bottom: 0px;
	text-align:center;
	font-size:10px;
	z-index:10000;
}
div#multi-footer div {display:block;margin:0 auto;width:450px;}

body>div#multi-footer {width:100%;}


/* 
-----------------------------------------------------------------------------
NAVIGATION: SUB
-----------------------------------------------------------------------------*/
ul#sub-nav {
	list-style:none;
	width:100%;
	float:left;
	position:relative;
}                   

ul#sub-nav li {float:left;margin:9px 6px 9px 0;}

ul#sub-nav li span {
	width:auto;
	text-decoration: none;
	float:left;
	padding:0 0 0 5px;
	height:25px;
}

ul#sub-nav li a { 
	height:25px;
	font-weight:bold;
	font-size: 11px;
	float:left;
	display:block;
	padding:4px 9px 0 4px;
}

ul#sub-nav li a:hover {text-decoration:none;}

/* 
-----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input, textarea {
	font-family:'Lucida Grande','Lucida Sans Unicode', Verdana;
	font-size:11px;
	margin:0;
	padding:0;
}

input.radio {width:auto;margin:0;background:transparent;}

input.field-input {margin:2px 0 14px 0;} /* subsitute for fieldset b/c IE 6 doesnt like inputs wrapped within fieldsets */

input.wide, textarea.wide {width:100%;}

input.nomargin {margin:0;}

fieldset {border:0;margin:0;padding:2px 0 14px 0;display:block;position:relative;}

fieldset.short {padding-bottom:8px;}

fieldset.solo {
	padding:10px 0;
	margin:0 0 14px 0;
	display:block;
}

label {
	font-weight:bold;
	display:block;
	margin:0;
	padding:0 0 6px 0;
	font-size:1.1em;
}


fieldset span img {margin-bottom:-2px;}

select {font-size:11px;font-weight:bold;}

form.quad {padding-bottom:8px;}

form.quad td {font-size:10px;width:33%;}

form.quad label {font-weight:normal;}    

/* 
-----------------------------------------------------------------------------
LISTS
-----------------------------------------------------------------------------*/
ul.album {
	background:#e1e1e1;
	font-size:.9em;
	padding:3px 10px;
	margin:0 10px;
}
ul.dash-strip li {
	padding:10px 0;
	position:relative;
}

ul.dash-strip li.inactive, ul#albums-repo li {opacity:0.6;filter:alpha(opacity:60);}

ul.dash-strip li.inactive:hover {opacity:0.9;filter:alpha(opacity:90);}

ul.dash-strip li.solo {padding-top:0;border-bottom:0;}

ul.dash-strip li.last {border-bottom:0;}

ul.dash-strip li strong {font-weight:normal;}

ul.dash-strip li span small a {font-size:9px;line-height:2.5;}

fieldset.embed { 
	margin:0 0 15px 0;
	padding:8px 10px;
	font-size:10px;
}       

ul.dash-strip li.sort {cursor: move;}

ul.dash-strip li.sort span small {cursor:pointer;}

/*ul.dash-strip li span, div.dash-strip span {position:absolute;right:0; bottom:5px;}
*/
ul.dash-strip li div.thumb {
	float:left;
	margin-right:8px;
	width:34px;
	height:29px;
	overflow:hidden;
	background-image-position:center;
}

ul.dash-strip div.no-thumb {height:25px;} 

ul.dash-strip div.no-thumb div {width:30px;height:100%;}

ol.photo-thumbs-list {list-style:none;}
ol.photo-thumbs-list li {float:left;margin:0 12px 12px 0;}
ol.photo-thumbs-list li.end {margin-right:0;}
ol.photo-thumbs-list li img {padding:2px;}

ul.list {
	list-style:none;
	margin-bottom:15px;
}

ul.list li {
	padding-left:14px;
	line-height:1.5;
	margin-bottom:8px;
	font-size:11px;
	background-repeat:no-repeat;
	background-position:0 4px;
}


/* 
-----------------------------------------------------------------------------
ALBUM THUMBNAILS
-----------------------------------------------------------------------------*/
.album-thumb-bg {
	display:block;
	width:48px;
	height:37px;
	margin-right:12px;
	position:relative;
	float:left;
}

.album-thumb-img {
	margin:1px 0 0 1px;
	width:46px;
	height:35px;
	overflow:hidden;
	background-image-position:center;
	display:block;
}


/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/
div.dialogueBttns {margin-top:8px; text-align:center; display:block;}
div.dialogueBttns div {
	display:table;
	width:auto; 
	height:18px; 
	margin:0 auto;
}

div.radBttn {clear:left;margin:8px 0 0 0;}

div.radBttn div {clear:left;}

a.radBttn000, a.radBttn121212, a.radBttnSel121212, a.radBttnDismiss121212, a.radBttn222, a.radBttn363636 {
	font-family:"Lucida Grande", Verdana;
	width:auto;
	margin:0 0 4px 0;
	padding:0 0 0 4px;
	text-decoration: none;
	float:left;
	line-height:1.9;
}
a.radBttn000 span, a.radBttn121212 span, a.radBttnSel121212 span, a.radBttnDismiss121212 span, a.radBttn222 span, a.radBttn363636 span {
	display:block;
	padding:1px 9px 8px 5px;
	_padding-top:0px;
	font-weight:bold;
	font-size: 9px;
	float:left;
}

a.radBttnDismiss121212 span {padding-right:20px;}


/* 
-----------------------------------------------------------------------------
LAYOUT: Dashboard
-----------------------------------------------------------------------------*/
div#dash-profile {margin:0 0 15px 0;position:relative;}
div#dash-profile div.content {padding:3px 15px;margin:0;}
div#dash-profile img.gray-edge {float:left;position:relative;margin:2px 8px 0 0;padding:1px;}
div#dash-profile span.subtext {font-size:9px;display:block;}
div#dash-profile div.tr {padding:4px 0 0 4px;}
div#dash-profile div.br {padding:4px 0 0 0;}


/* 
-----------------------------------------------------------------------------
LAYOUT: Edit images / Manage albums (shared)
-----------------------------------------------------------------------------*/
div#edit-head {
	padding:2px 15px 0;
	margin:-24px 0 0 0;
	position:relative;
}

ul.small-nav {list-style:none;}
ul.small-nav li {float:left;margin:0 4px 0 0;}
ul.small-nav li.title {font-weight:bold;}

div.counter, div.counter-off {
	margin:6px 0 0 0;
	height:16px;
	text-align:center;
}

div.counter span, div.counter-off span {
	display:block;
	margin-left:5px;
	padding:0 5px 1px 0;
}

div.editBttns {display:block;width:134px;margin:0 auto;}


/* 
-----------------------------------------------------------------------------
LAYOUT: Sortable Table
-----------------------------------------------------------------------------*/
table.sortable {width:100%;margin:0 0 12px 0;}
table.sortable th, table.sortable td {padding:10px;text-align:center;}
table.sortable th {font-size:12px;}
table.sortable th.sortcol {cursor:pointer;}
table.sortable th.nosort {cursor:default;}
table.sortable th span.sm {font-size:9px;}
table.sortable td {font-size:10px;vertical-align:middle;}
table.sortable th.title, table.sortable td.title {text-align:left;}
table.sortable td.title {vertical-align:top;}
table.sortable td.thumb {text-align:left;padding-right:0;width:40px;vertical-align:top;}
table.sortable td.thumb div.album-thumb-bg {width:38px;height:29px;}
table.sortable td.thumb div.album-thumb-img {width:36px;height:27px;}
table.sortable tr.foot td {text-align:left;}
table.sortable tr.subth td {padding:4px 10px;}
table.sortable div.album-thumb-bg {margin-right:0;}



/*
-----------------------------------------------------------------------------
ALERTS
-----------------------------------------------------------------------------*/
div#alert {margin:0 0 15px 0;font-size:1.1em;position:relative;clear:left;}
div#alert div.tr {padding:4px 0 0 4px;}
div#alert div.br {padding:4px 0 0 0;}
div#alert div.content {padding:0 6px;margin:0;}
div#alert div.fluid {min-height:30px;padding:0 0 0 36px;}
div#alert div.fixed {height:30px;line-height:30px;padding:0 0 0 36px;}
div#alert div.radBttn {float:right;}
div#alert div.fixed div.radBttn {margin-top:5px;}

div#alert a.suppress {
	padding:0 20px 0 0;
	font-size:10px;
	float:right;
	display:block;
	text-decoration:underline;
}

div#alert ul.list li {background-image:url(default/img/bullet_circle.png);}



/* 
-----------------------------------------------------------------------------
LOGIN
-----------------------------------------------------------------------------*/
body#login h4 {padding:15px;font-size:22px;font-weight:normal;}

div#login-container {text-align:center;width:100%;}

div#login-content {margin:120px auto 0;text-align:left;}

ul#process {background:#444;list-style:none;float:left;display:block;width:100%;margin-bottom:24px;}

ul#process.end {background:#76b41c;}

ul#process li {
	background:transparent url(../img/bg_process_default.gif) top right no-repeat;
	text-shadow: #222 0px 0px 2px;
	float:left;
	height:24px;
	line-height:24px;
	padding:0 20px 0 6px;
	font-weight:bold;
	font-family:"Lucida Grande", Verdana;
}

ul#process li.last {background:none;}

ul#process li.first {padding-left:15px;}

ul#process li.active {
	color:#fff;
	text-shadow:#3a5810 0px 0px 2px;
	background:#76b41c url(../img/bg_process_active.gif) top right no-repeat;
	padding-right:20px;
}

ul#process li.prevactive {
	color:#fff;
	text-shadow:#3a5810 0px 0px 2px;
	background:#679c19 url(../img/bg_process_prevactive.gif) top right no-repeat;
}

ul#process li.complete {
	color:#fff;
	text-shadow:#3a5810 0px 0px 2px;
	background:#679c19 url(../img/bg_process_complete.gif) top right no-repeat;
}

ul#process li.complete span, ul#process li.prevactive span {background:transparent url(../img/icon_check_process_12px.gif) 0 50% no-repeat;}

ul#process li span {display:block;}

ul#process li.complete span, ul#process li.prevactive span {padding-left:18px;}

ul#process.end  li.active {background:none;}

label.twin-top {padding-bottom:2px;}
label.sub {font-weight:normal;font-size:10px;}

/* 
-----------------------------------------------------------------------------
PARAGRAPH CLASSES
-----------------------------------------------------------------------------*/
p.accept, h3.accept {padding-left:22px !important;background:url(../img/icons/accept.png) no-repeat; }

p.error, h3.error {padding-left:22px !important;display:block;}

p.halfstep {margin:0 0 4px 0;}


/* 
-----------------------------------------------------------------------------
CLEARFIXES
-----------------------------------------------------------------------------*/
div.clear {clear:both;line-height:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hides from IE-mac \*/

.clearfix {display: block;}
/* End hide from IE-mac */


/* 
-----------------------------------------------------------------------------
MISC
-----------------------------------------------------------------------------*/
.indent {padding:0 8px;}

.inline {display:inline;}

.module-first {margin-top:-10px;}

.gray-edge {padding:1px;}

img.tall {height:100%;}     
               
img.wide {width:98%;padding:2px;}

span.warn, span.note {font-size:9px;line-height:12px;display:block;padding:0 0 12px 0;}

span.help {cursor:help;font-weight:normal;font-size:11px;}

span.help span {display:none;font-size:10px;}

span.more a {font-size:9px;text-decoration:underline;}

small.link {text-decoration:underline;}

/*

"DEFAULT" STYLE FOR SLIDESHOWPRO DIRECTOR

Modifies:
	* TEXT COLOR
	* BACKGROUNDS
	
*/

/* 
-----------------------------------------------------------------------------
GLOBAL DEFAULT ELEMENTS
-----------------------------------------------------------------------------*/
body {background:#222;color:#B4B4B4;}

a {color:#fff;}

h1,h2,h3,h4,h5,h6 {color:#fff;}
h2 {color:#76b41c;border-bottom:1px solid #222;}

/* 
-----------------------------------------------------------------------------
HEADER CLASSES
-----------------------------------------------------------------------------*/
h2 a {color:#b4b4b4;}
h2 a:hover {color:#fff;}
h2 span {color:#555;}
h3 small {color:#999;text-shadow: #000 0px 0px 0px;}
h3.dash {color:#202020;border:1px solid #999;}
h3.dash a {color:#202020;}
h3.dash a:hover {color:#447200;}
h4.error {background:#76b41c;border-bottom:1px solid #bcf573;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Global
-----------------------------------------------------------------------------*/
div#helper {
	background:#76b41c;
	border:1px solid #bcf573;
	color:#fff;
}
#pop-image-preview {
	background:#fff;
	color:#000;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
}
#pop-image-preview a {color:#000;}
span.preview-me {color:#fff;}

div#header {background:#777 url(default/img/bg_header.gif) repeat-x;}
div#header-logo a.img {background:transparent url(default/img/bg_header_logo.gif);}
div#header-slideshow div.wrap {background:transparent url(default/img/bg_nav_tab.gif) no-repeat scroll 0 0;}
div#header-slideshow span {background:transparent url(default/img/bg_nav_tab.gif) no-repeat scroll 100% 0;}

div#page {background:#222;}

div#container {background:#303030 url(default/img/bg_container_tl.gif) top left no-repeat;}
div#container-footer {background:#303030 url(default/img/bg_container_bl.gif) bottom left no-repeat;}
div#container-footer div {background:transparent url(default/img/bg_container_br.gif) bottom right no-repeat;}

div#head {background:transparent url(default/img/bg_container_tr.gif) top right no-repeat;color:#fff;}
div#head div.album-head {border-bottom:1px solid #444;}

div#head h1 {border-bottom:1px solid #444;}

div#head h1.albums {background:transparent url(default/img/icon_albums_32px.gif) 0 0 no-repeat;padding:6px 0 15px 40px;}
div#head h1.galleries {background:transparent url(default/img/icon_galleries_32px.gif) 0 0 no-repeat;padding:6px 0 15px 40px;}
div#head h1.profile {background:transparent url(default/img/icon_profile_32px.gif) 0 0 no-repeat;padding:6px 0 15px 40px;}
div#head h1.slideshow {background:transparent url(default/img/icon_slideshow_32px.gif) 0 0 no-repeat;padding:6px 0 15px 40px;}

div#head h3 span.desc {color:#666;text-shadow:none;}

div#container h1 a.instruction-link {color:#76b41c;}
div#container h1 a.instruction-link:hover {color:#fff;}

div#page-info {background:#222;}

div#page-info strong {color:#fff;}

div.module {background:#121212 url(default/img/bg_module_tl.gif) top left no-repeat;}
div.module-head {background:transparent url(default/img/bg_module_tr.gif) top right no-repeat;}
div.module div.wrap {background:#222;}
div.module div.divider {border-bottom:1px solid #333;}
div.module-link {background:transparent url(default/img/bg_rad_flat_222.gif) no-repeat scroll 0 0;}
div.module-link span {background:transparent url(default/img/bg_rad_flat_222.gif) no-repeat scroll 100% 0;}
div.module-footer {background:#222 url(default/img/bg_module_bl.gif) bottom left no-repeat;}
div.module-footer div {background:transparent url(default/img/bg_module_br.gif) bottom right no-repeat;}

div.embed, div.embedlast {background:#363636;border:1px solid #000;}

div#footer span {color:#444;}
div#footer a, div#footer strong {color:#666;}

div#multi-footer {background:#121212;border-top:1px solid #333;}
div#multi-footer strong {color:#fff;}


/* 
-----------------------------------------------------------------------------
NAVIGATION: MAIN
-----------------------------------------------------------------------------*/
ul#main-nav li {background:transparent url(default/img/bg_nav_tab.gif) no-repeat scroll 0 0;}
ul#main-nav li a {background:transparent url(default/img/bg_nav_tab.gif) no-repeat scroll 100% 0;color:#ccc;}
ul#main-nav li a:hover {color:#fff;}
ul#main-nav li.selected {background-image:url(default/img/bg_nav_tab_selected.gif);}
ul#main-nav li.selected a {background-image:url(default/img/bg_nav_tab_selected.gif);color:#fff;}

/* 
-----------------------------------------------------------------------------
NAVIGATION: SUB
-----------------------------------------------------------------------------*/
ul#sub-nav {border-bottom:1px solid #444;}
ul#sub-nav li span {background: transparent url(default/img/bg_subnav_l.gif) no-repeat top left;}
ul#sub-nav li a {color:#ccc;background: transparent url(default/img/bg_subnav_r.gif) no-repeat top right;}
ul#sub-nav li a:hover {color:#fff;}
ul#sub-nav li.selected span {background: transparent url(default/img/bg_subnav_l_selected.gif) no-repeat top left;}
ul#sub-nav li.selected a {color:#fff;background: transparent url(default/img/bg_subnav_r_selected.gif) no-repeat top right;}

/* 
-----------------------------------------------------------------------------
FORMS GENERAL
-----------------------------------------------------------------------------*/
input:focus, textarea:focus {background:#fff;} 
input.file {color:#fff;}
fieldset.solo {border-top:1px solid #444;border-bottom:1px solid #444;}
label {color:#fff;}
label span.req {color:#e4675c;}
form.quad label {color:#fff;}

/* 
-----------------------------------------------------------------------------
LISTS
-----------------------------------------------------------------------------*/
ul.album {background:#e1e1e1;}
ul.dash-strip li {border-bottom:1px solid #333;}
ul.dash-strip li strong {color:#fff;}

fieldset.embed {
	border-bottom:1px solid #444;
	border-top:1px solid #444;
	background:#363636;
}

ul.dash-strip li div.thumb {background:#383838;border:1px solid #1f1f1f;}

ul.dash-strip div.no-thumb div {background:#444;}

ol.photo-thumbs-list li img {border-right:1px solid #000;border-bottom:1px solid #000;background:#e8e8e8;}

/* 
-----------------------------------------------------------------------------
ALBUM THUMBNAILS
-----------------------------------------------------------------------------*/
.album-thumb-bg {
	background:#444;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/
a.radBttn000, a.radBttn121212, a.radBttnSel121212, a.radBttnDismiss121212, a.radBttn222, a.radBttn363636 {
	background: transparent url(default/img/radBttn_000_l.gif) no-repeat top left;
}
a.radBttn000 span, a.radBttn121212 span, a.radBttnSel121212 span, a.radBttnDismiss121212 span, a.radBttn222 span, a.radBttn363636 span {
	background: transparent url(default/img/radBttn_000_r.gif) no-repeat top right;
	color: #cfcfcf;
	text-shadow: #222 0px 1px 0px;
}
a.radBttn000:hover span, a.radBttn121212:hover span, a.radBttn363636:hover span {color:#fff;}

a.radBttn121212, a.radBttnDismiss121212 {background-image:url(default/img/radBttn_121212_l.gif);}
a.radBttn121212 span {background-image:url(default/img/radBttn_121212_r.gif);}

a.radBttnSel121212 {background-image:url(default/img/radBttn_121212_sel_l.gif);}
a.radBttnSel121212 span {background-image:url(default/img/radBttn_121212_sel_r.gif);color:#fff;}

a.radBttnDismiss121212 span {background-image:url(default/img/radBttn_121212_dismiss_r.gif );}

a.radBttn222 {background-image:url(default/img/radBttn_222_l.gif);}
a.radBttn222 span {background-image:url(default/img/radBttn_222_r.gif);}

a.radBttn363636 {background-image:url(default/img/radBttn_363636_l.gif);}
a.radBttn363636 span {background-image:url(default/img/radBttn_363636_r.gif);}

/* 
-----------------------------------------------------------------------------
LAYOUT: Dashboard
-----------------------------------------------------------------------------*/
div#dash-profile {background:#222 url(default/img/bg_dashpro_bk_tl.gif) top left no-repeat;}
div#dash-profile img.gray-edge {float:left;}
div#dash-profile div.tr {background:transparent url(default/img/bg_dashpro_bk_tr.gif) top right no-repeat;}
div#dash-profile div.bl {background:#222 url(default/img/bg_dashpro_bk_bl.gif) bottom left no-repeat;}
div#dash-profile div.br {background:transparent url(default/img/bg_dashpro_bk_br.gif) bottom right no-repeat;}
div#dash-profile span.subtext {color:#666;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Edit images / Manage albums (shared)
-----------------------------------------------------------------------------*/
ul.small-nav li.title {color:#fff;}

div.counter, div.counter-off {background:transparent url(default/img/bg_counter_363636.gif) no-repeat scroll 0 0;}

div.counter span, div.counter-off span {background:transparent url(default/img/bg_counter_363636.gif) no-repeat scroll 100% 0;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Edit images
-----------------------------------------------------------------------------*/
a.active-image-btn {background: url(default/img/radBttn_active_363636.gif) no-repeat 0 0;}
a.deactive-image-btn {background: url(default/img/radBttn_inactive_363636.gif) no-repeat 0 0;}
a.delete-image-btn {background: url(default/img/radBttn_delete_363636.gif) no-repeat 0 0;}
a.edit-image-btn {background: url(default/img/radBttn_edit_363636.gif) no-repeat 0 0;}
a.move-image-btn {background: url(default/img/radBttn_move_363636.gif) no-repeat 0 0;}
a.rotleft-image-btn {background: url(default/img/radBttn_rotleft_363636.gif) no-repeat 0 0;}
a.rotright-image-btn {background: url(default/img/radBttn_rotright_363636.gif) no-repeat 0 0;}

a:hover.active-image-btn {background-image: url(default/img/radBttn_active_hover_363636.gif);}
a:hover.deactive-image-btn {background: url(default/img/radBttn_inactive_hover_363636.gif) no-repeat 0 0;}
a:hover.delete-image-btn {background-image: url(default/img/radBttn_delete_hover_363636.gif);}
a:hover.edit-image-btn {background-image: url(default/img/radBttn_edit_hover_363636.gif);}
a:hover.move-image-btn {background-image: url(default/img/radBttn_move_hover_363636.gif);}
a:hover.rotleft-image-btn {background-image: url(default/img/radBttn_rotleft_hover_363636.gif);}
a:hover.rotright-image-btn {background-image: url(default/img/radBttn_rotright_hover_363636.gif);}

div#sort_type .selected {color:#76B41C;}

ul#image-view li {background:#363636;border-top:1px solid #444;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;}

ul#image-view li.current, ul#image-view li.current div.meta, ul#image-view li.current div.scale-image {background:#76b41c;color:#fff;}

ul#image-view li.current a.active-image-btn {background-image: url(default/img/radBttn_active_76b41c.gif);}
ul#image-view li.current a.delete-image-btn {background-image: url(default/img/radBttn_delete_76b41c.gif);}
ul#image-view li.current a.edit-image-btn {background-image: url(default/img/radBttn_edit_76b41c.gif);}
ul#image-view li.current a.move-image-btn {background-image: url(default/img/radBttn_move_76b41c.gif);}
ul#image-view li.current a.rotleft-image-btn {background-image: url(default/img/radBttn_rotleft_76b41c.gif);}
ul#image-view li.current a.rotright-image-btn {background-image: url(default/img/radBttn_rotright_76b41c.gif);}

ul#image-view li.current a:hover.edit-image-btn {background-image: url(default/img/radBttn_edit_hover_76b41c.gif);}
ul#image-view li.current a:hover.delete-image-btn {background-image: url(default/img/radBttn_delete_hover_76b41c.gif);}
ul#image-view li.current a:hover.move-image-btn {background-image: url(default/img/radBttn_move_hover_76b41c.gif);}
ul#image-view li.current a:hover.rotleft-image-btn {background-image: url(default/img/radBttn_rotleft_hover_76b41c.gif);}
ul#image-view li.current a:hover.rotright-image-btn {background-image: url(default/img/radBttn_rotright_hover_76b41c.gif);}

ul#image-view li.current div.counter {background-image: url(default/img/bg_counter_76b41c.gif);}
ul#image-view li.current div.counter span {background-image: url(default/img/bg_counter_76b41c.gif);}

ul#image-view li.select {background:#666;color:#fff;border-top:1px solid #999;}
ul#image-view li.select div.counter {background-image: url(default/img/bg_counter_666.gif);}
ul#image-view li.select div.counter span {background-image: url(default/img/bg_counter_666.gif);}

ul#image-view li.inactive a.active-image-btn, ul.album-view li.inactive a.active-image-btn {background-image: url(default/img/radBttn_inactive_363636.gif);}
ul#image-view li.inactive a:hover.active-image-btn, ul.album-view li.inactive a:hover.active-image-btn {background-image: url(default/img/radBttn_inactive_hover_363636.gif);}
ul#image-view li.current div.inactive a.active-image-btn {background-image: url(default/img/radBttn_inactive_76b41c.gif);}
ul#image-view li.current div.inactive a:hover.active-image-btn {background-image: url(default/img/radBttn_inactive_hover_76b41c.gif);}

div#edit-box {background:#363636;border-top:1px solid #444;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;}

div#edit-box a {color:#fff;}

div#edit-box-head strong {color:#fff;}

div#rotator {background:#292929 url(default/img/bg_rotator_r.gif) no-repeat scroll right bottom;}

div#rotator span {background:transparent url(default/img/bg_rotator_l.gif) no-repeat scroll left bottom;}

div#resize-label {color:#fff;}

div#track1 {background: url(default/img/bg_thumb_resize_track.gif) no-repeat center left;}

div#handle1 {background:transparent url(default/img/scaler_slider.gif) no-repeat;}

div#edit-images-scroll {background: #121212;}

div#track {background: #121212 url(default/img/slider_track_m.gif) repeat-x center;}

div#track_l {background: url(default/img/slider_track_l.gif) no-repeat center;}

div#track_r {background: url(default/img/slider_track_r.gif) no-repeat center;}

div#handle {background: url(default/img/slider_btn_m.gif) repeat-x center;}

div#handle_l {background: url(default/img/slider_btn_l.gif) no-repeat center;}

div#handle_r {background: url(default/img/slider_btn_r.gif) no-repeat center;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Gallery - Manage Albums
-----------------------------------------------------------------------------*/
ul.album-view li {background:#363636;border-top:1px solid #444;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;}
ul.album-view li div.title {color:#fff;}
ul.album-view li div.meta {border-top:1px solid #444;border-bottom:1px solid #444;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Albums - Generate Content
-----------------------------------------------------------------------------*/
ul#preview-list img {background:#ccc;border-right:1px solid #000;border-bottom:1px solid #000;}
#preview-img img {border-right:1px solid #000;border-bottom:1px solid #000;background:#ccc;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Albums - Upload Content
-----------------------------------------------------------------------------*/
table#file_list tr.fini {color:#000;}
table#file_list td, table#file_list th {border-bottom:1px solid #444;}
table#file_list td a {background: transparent url(default/img/icon/delete.png) no-repeat center;}
table#file_list th {color:#fff;}
table#file_list td.error {background:#202020;color:#fff;}

/* 
-----------------------------------------------------------------------------
LAYOUT: Sortable Table
-----------------------------------------------------------------------------*/
table.sortable th {color:#fff;border-right:1px solid #222;}
table.sortable th.tr {background:#121212 url(default/img/bg_module_tr.gif) top right no-repeat;border-right:none;}
table.sortable th span {color:#666;}
table.sortable th.sortdesc {background: url(default/img/sort_arrow_down.gif) 97% 50% no-repeat;}
table.sortable th.sortasc {background: url(default/img/sort_arrow_up.gif) 97% 50% no-repeat;}
table.sortable td {background:#222;border:1px solid #121212;}
table.sortable td.noleftborder {border-left:0;}
table.sortable td.title span {color:#666;}
table.sortable td.thumb {border-right:0;}
table.sortable td.thumb img {border:1px solid #000;}
table.sortable tr.even td {background:#282828;}
table.sortable td.bl {background:#222 url(default/img/bg_module_bl.gif) bottom left no-repeat;}
table.sortable td.br {background:#222 url(default/img/bg_module_br.gif) bottom right no-repeat;}
table.sortable tr.subth td {background:#444;}

/* 
-----------------------------------------------------------------------------
MESSAGE DIALOGS
-----------------------------------------------------------------------------*/
div.dialogue-wrap {background: url(default/img/msg-bg.png);}
div#messenger-wrap span.accept {background: #76b41c url(default/img/icon/accept.png) no-repeat top left;}
div#messenger-wrap span.hourglass {background: #76b41c url(default/img/icon/loading_pie.gif) no-repeat top left;}
div#messenger-wrap span.exclamation {background: #76b41c url(default/img/icon/exclamation.png) no-repeat top left;}  
div#messenger-wrap span.stop {background: #76b41c url(default/img/icon/stop.png) no-repeat top left;}
span#messenger-span {color:#fff;}
div.dialogue-content p {color:#fff;}
div.dialogue-content h1 {color:#fff;}
div.dialogue-content .wrap {background:#76b41c;border:1px solid #89cf21;}
div.dialogue-content fieldset.embed {background:transparent;border-color:#89cf21;}
div.dialogue-content {background:#679c19;border:1px solid #000;}

/* 
-----------------------------------------------------------------------------
FORM FEEDBACK
-----------------------------------------------------------------------------*/
div.icon-spin {background: transparent url(default/img/icon_spinner_10px.gif) top left no-repeat;}
div.icon-check {background: transparent url(default/img/icon_check_222.gif) top left no-repeat;}

/*
-----------------------------------------------------------------------------
ALERTS
-----------------------------------------------------------------------------*/
/* Info alerts */
div#alert .green {color:#fff;background:#76b41c url(default/img/bg_alert_gr_tl.gif) top left no-repeat;}
div#alert .green div.tr {background:transparent url(default/img/bg_alert_gr_tr.gif) top right no-repeat;}
div#alert .green div.bl {background:#76b41c url(default/img/bg_alert_gr_bl.gif) bottom left no-repeat;}
div#alert .green div.br {background:transparent url(default/img/bg_alert_gr_br.gif) bottom right no-repeat;}
div#alert .green div.icon {background:transparent url(default/img/bg_alert_excl.gif) top left no-repeat;}

/* Error alerts */
div#alert .red {color:#fff;background:#b4001c url(default/img/bg_alert_red_tl.gif) top left no-repeat;}
div#alert .red div.tr {background:transparent url(default/img/bg_alert_red_tr.gif) top right no-repeat;}
div#alert .red div.bl {background:#b4001c url(default/img/bg_alert_red_bl.gif) bottom left no-repeat;}
div#alert .red div.br {background:transparent url(default/img/bg_alert_red_br.gif) bottom right no-repeat;}
div#alert .red div.icon {background:transparent url(default/img/bg_alert_error.gif) top left no-repeat;}

div#alert a.suppress {background:transparent url(default/img/radBttn_delete_76b41c_sm.gif) 100% 50% no-repeat;}

/*
-----------------------------------------------------------------------------
PROGRESS DISPLAY
-----------------------------------------------------------------------------*/
span#progress_container {background:#679c19;border:1px solid #89cf21;}
span#progress {background:#89cf21;}

/* 
-----------------------------------------------------------------------------
LOGIN
-----------------------------------------------------------------------------*/
body#login {background:#303030;}
body#login h4 {background:#222;}

ul#process {background:#444;}

ul#process.end {background:#76b41c;}

ul#process li {text-shadow: #222 0px 0px 2px;background:transparent url(default/img/bg_process_default.gif) top right no-repeat;}

ul#process li.last {background:none;}

ul#process li.active {color:#fff;text-shadow:#3a5810 0px 0px 2px;background:#76b41c url(default/img/bg_process_active.gif) top right no-repeat;}

ul#process li.prevactive {color:#fff;text-shadow:#3a5810 0px 0px 2px;background:#679c19 url(default/img/bg_process_prevactive.gif) top right no-repeat;}

ul#process li.complete {color:#fff;text-shadow:#3a5810 0px 0px 2px;background:#679c19 url(default/img/bg_process_complete.gif) top right no-repeat;}

ul#process li.complete span, ul#process li.prevactive span {background:transparent url(default/img/icon_check_679c19.gif) 0 50% no-repeat;}

ul#process.end  li.active {background:none;}

/* 
-----------------------------------------------------------------------------
PARAGRAPH CLASSES
-----------------------------------------------------------------------------*/
p.accept, h3.accept {background:url(default/img/icon/accept.png) no-repeat;}
p.error, h3.error {color:#e4675c;background:url(default/img/icon/exclamation.png) no-repeat;}
p.dim {color:#999;}

/* 
-----------------------------------------------------------------------------
ICON LINKS
-----------------------------------------------------------------------------*/
a.newalbum {background:transparent url(default/img/icon_newalbum_222_16px.gif) 0 0 no-repeat;}
a.newgallery {background:transparent url(default/img/icon_newgallery_222_16px.gif) 0 0 no-repeat;}
a.uploadimgs {background:transparent url(default/img/icon_uploadimgs_222_16px.gif) 0 0 no-repeat;}
a.qtvideo {background:transparent url(default/img/icon_quicktime.gif) 0 0 no-repeat;}
a.feed {background:transparent url(default/img/icon_rss.gif) 0 2px no-repeat;}
a.profile {background:transparent url(default/img/icon_profile_222_16px.gif) 0 0 no-repeat;}

/* 
-----------------------------------------------------------------------------
MISC
-----------------------------------------------------------------------------*/
img.wide {background:#292929;}

img.gray-edge {border-right:1px solid #000;border-bottom:1px solid #000;background:#444;}

span.warn strong {color:#F60;}

span.note strong {color:#76B41C;}

span.slash {color:#666;}

span.help {color:#76B41C;}

p.disclaimer {color:#666;}

/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/

button.primary_sm, button.primary_lg, button.primary_sm_alt, button.primary_lg_alt {
  	font-weight:bold;
  	display:inline-block;
	margin:0 auto;
	text-align:center;
	cursor:pointer; 
	opacity: 0.99;
}

button.primary_sm, button.primary_sm_alt {
	font-size:9px;
	height:18px;
	padding:0 7px;
	margin:0;
	-webkit-border-radius:3px; 
}

button.primary_lg, button.primary_lg_alt {
	font-size:11px;
	line-height:22px;
	height:24px;
	padding:0 8px; 
	-webkit-border-radius:3px;
}

button.primary_lg:hover, button.primary_lg_alt:hover {background-position:0 -23px;} 
button.primary_sm:hover, button.primary_sm_alt:hover {background-position:0 -18px;}

button.nudge {margin-top:-2px;}
button.center, a.center {margin:0 auto;}
button.left, a.left {float:left;margin:0 4px 0 0;}
button.right, a.right {float:right;margin:0 0 0 4px;}
button.nudgeR {margin-right:4px;}
button.nudgeL {margin-left:4px;} 

button[disabled] {opacity:0.5;cursor:default;}
button[disabled]:hover {background-position:0 0;}

a.icon {
	width:16px;
	height:16px; 
	padding:0;
	margin:1px 0 0 0;
	display:block;
	border:none;
	-webkit-border-radius:3px;
}
a.icon:hover {background-position:0 -16px;}
a.nudgeR {float:left;margin-right:4px;}

/* 
-----------------------------------------------------------------------------
GRAPHICAL BUTTONS
-----------------------------------------------------------------------------*/

button.primary_lg {
	background: transparent url(default/img/bttn_primary_lg.gif) no-repeat top left;
	border:1px solid #111;
	color:#fcfcfc; 
	text-shadow: #000 0px 1px 0px;
}

button.primary_lg_alt {
	background: transparent url(default/img/bttn_primary_lg_alt.gif) no-repeat top left;
	border:1px solid #448613;
	color:#fff; 
	text-shadow: #000 0px 1px 0px;
}