@import url('reset.css');
@import url('default.css');
@import url('type.css');
@import url('ui/ui.css');

/***

Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em

***/

body														{ font-family: Arial, sans-serif; background: #fff; text-shadow: 0 0 0 rgba(0,0,0,0.01); -webkit-text-size-adjust: none;}
															  
.clear														{ clear: both;}
.left														{ float: left;}
.right														{ float: right;}
.wrap														{ width:954px; margin: 0 auto; position: relative;}
															  
img 														{ -ms-interpolation-mode:bicubic; }
															  
.notice 													{ padding: 5px 10px; background: #fff; width: 932px; margin: 0 17px 10px; position: relative; }
.notice.blue												{ background: #b5d1ff; border: 1px solid #a4c1ee;}
.notice.green												{ background: #bcffb5; border: 1px solid #a3e59b;}
.notice.yellow												{ background: #f4ef9a; border: 1px solid #dcd783;}
.notice.red													{ background: #fef4f2; border: 1px solid #f6967f;}

.notice.blue hr												{ border-top: 1px solid #a4c1ee;}
.notice.green hr											{ border-top: 1px solid #a3e59b;}
.notice.yellow hr											{ border-top: 1px solid #dcd783;}
.notice.red hr												{ border-top: 1px solid #f6967f;}

.notice h2													{ margin-bottom: 0; font-size: 15px; color: #222; margin-bottom: 10px;}
.notice span												{ margin-bottom: 0; font-size: 11px; color: #222; font-family: Georgia; font-style: italic; padding-left: 5px;}
.notice p													{ margin-bottom: 0; font-size: 13px; color: #222;}
.notice p a													{ color: #000; text-decoration: underline;}
.notice p.hideMessage										{ float: right; }
.notice p.hideMessage a										{ color: #000; }
.notice hr													{ clear: both; border: none; background: none; padding: 0; margin: 10px 0; height: 0; width: 100%; }
.notice .closeNotice										{ position: absolute; background: url(../img/icon-close.png) top left no-repeat; display: block; width: 20px; height: 20px; top:-10px; left:-10px; text-indent: -9999px;}
.error_notice												{ padding: 5px 10px; width: 932px; margin: 0 17px 17px; position: relative; background: #fef4f2; border: 1px solid #f6967f;}
															  
#topbar														{ background: #191919;}
#topbar .wrap												{ }
#topbar p													{ color: #bfbfbf; font-size: 11px; margin: 0; padding: 3px 15px;}
#topbar p b													{ color: #fff;}
#topbar p a													{ color: #bfbfbf; margin-left: 15px; padding-top: 3px; padding-bottom: 3px;}
#topbar p a:hover											{ color: #fff;}
#topbar p.left a											{ color: #fff; padding: 0; margin: 0; }	
														  
#header														{ background: url(../img/bg-header.jpg) top center repeat-x #2d2d2d; }
#header .wrap												{ height: 70px;}
#header h1													{ margin: 0; padding: 10px 0;}
#header #logo												{ width:125px; height: 51px; display: block; background: url(../img/parade.jpg) left top no-repeat; text-indent: -9999px;}
															  
#nav														{ position: absolute; top:50%; margin-top: -12px; right: 15px;}
#nav li														{ float: left; margin-left: 40px;}
#nav li a													{ color: #b9b9b9; text-shadow: 0 -1px 0 #000; font-size: 18px;}
#nav li a:hover												{ color: #fff; text-shadow: 0 -1px 0 #000, 0 0 10px rgba(255,255,255,0.5);}
#nav li a.current											{ color: #fff; text-shadow: 0 1px 0 #000, 0 0 10px rgba(255,255,255,0.5);;}

#fixerHolder												{ height: 37px; }												  
#sub-nav													{ background: url(../img/bg-context-nav.jpg) top left repeat-x;  position: relative; height: 34px; z-index: 25; border-bottom: 1px solid #fff; width: 100%;}
#sub-nav .wrap												{ height: 34px; background: url(../img/bg-context-nav.jpg) top left repeat-x;  position: relative; z-index: 25;}
body.settings #sub-nav .wrap								{ border: none;}
#sub-nav.fixed 												{ position: fixed; top:0; left: 0; z-index: 25;}
															  
#sub-nav #sub-left											{ margin: 0; position: absolute; top:0; left: 1px;}
#sub-nav #sub-right											{ margin: 0; position: absolute; top:0; right: 0;}
#sub-nav #sub-right li,										  
#sub-nav #sub-left li										{ float: left; position: relative;}
#sub-nav #sub-right li.spacer								{ color: #ccc; font-size: 13px; font-weight: bold; line-height: 18px; padding: 9px 2px 7px 25px; display: block; }
#sub-nav #sub-left li a,									  
#sub-nav #sub-right li a									{ color: #fff; font-size: 13px; line-height: 18px; padding-top: 8px; padding-bottom: 8px; padding-right: 10px; display: block;}
#sub-nav #sub-left li a:hover,								  
#sub-nav #sub-right li a:hover								{ background-color: #616161; background-color: rgba(0,0,0,0.25);}
#sub-nav #sub-left li a.current,							  
#sub-nav #sub-right li a.current							{ background-color: #fff; font-weight: bold; color: #222;}

#sub-nav.tab-nav #sub-left li a								{ padding-left: 12px; padding-right: 12px; }

#sub-nav #sub-right li ul									{ display: none;  z-index: 1000; width: 150px; }
#sub-nav #sub-right li #photo_gallery_list					{ display: block; width: 300px; }
#sub-nav #sub-right li #photo_gallery_list ul				{ position: relative; float: left; }
#sub-nav #sub-right li ul li								{ }
#sub-nav #sub-right li ul li a								{ background: #505050; background: rgba(61,61,61,0.9); display: block; width: 130px; padding: 5px 10px;}
#sub-nav #sub-right li ul li a:hover						{ background: #575757; background: rgba(61,61,61,1); }
#sub-nav #sub-right li ul #new_gallery a					{ background: #ed2d00; font-weight: bold; }
															  
#search-bar													{ width:954px; height: 32px; display: none; position: absolute; bottom: -34px; right:0; background: #4d4d4d; border-bottom: 1px solid #fff; border-top:1px solid #444;}
body.settings #sub-nav .wrap								{ border: none}
#search-left												{ float: left; margin: 2px 0 0 10px;}
#search-right												{ float: right; margin: 2px 10px 0 0;}
#search-bar em												{ font-size: 12px; font-family: Georgia; font-style: italic; color: #ccc; padding: 0 3px;}
#search-bar label											{ color: #fff; padding: 7px 5px 0 0; font-size: 12px; width: auto; text-align: left;}
#search-bar #search-left label								{ display: inline-block; padding-top:6px; vertical-align: top;}
#search-bar .inputText										{ background: url(../img/bg-input-text.jpg) left top repeat-x #fff; border: none; padding: 4px 5px; font-size: 12px; color: #444; width: 100px; -moz-border-radius: 0; -webkit-border-radius: 0;}
#search-bar #search-left .inputText							{ width: 250px; }
img.ui-datepicker-trigger									{ padding: 0 2px 0 5px; vertical-align: middle;}
#search-bar .inputSubmit									{ border: none; background: #363636; padding: 4px 10px; color: #ccc; font-size: 12px;}
#ui-datepicker-div											{ z-index: 102;}
															  
#content													{ background: #fff; padding: 18px 0 50px;}
#content .wrap												{ width:987px;}
															  
ul.sortable													{ background: url(../img/bg-select.png) top left #fff; }
ul.sortable li												{ cursor: move;}
#content ul.sortable li.ui-state-highlight					{ border: 1px dashed #999; display: block; height: 208px; width: 162px; background: #fff; background: rgba(255,255,255,0.75); -webkit-border-radius: 15px;}
		
/** Photo list default **/	/* Sorry for the mess... the design ended up getting changed and i slammed some code together. If you bitch about the code feel free to give me punch... AG */											  
ul#selectable												{ margin: 0; padding: 0;}
ul#selectable li											{ background: #7e7e7e; display: block; float: left; margin:16px; position: relative; width:164px;}
ul#selectable li:hover										{ background: #bfbfbf;}
ul#selectable li .top										{ background: #323232; border-bottom: 1px solid #989898; position: relative;}	
ul#selectable li .top.visible								{ background-image: url(../img/icon-visible.gif); background-position: 143px 6px; background-repeat: no-repeat;}
ul#selectable li .top.nonvisible							{ background-image: url(../img/icon-nonvisible.gif); background-position: 143px 5px; background-repeat: no-repeat;}
ul#selectable li .top.locked								{ background-image: url(../img/icon-locked.gif); background-position: 143px 6px; background-repeat: no-repeat;}
ul#selectable li .top h2									{ color: #fff; text-shadow: 0 1px 0 #000; padding: 4px 7px; margin-bottom: 0; width: 120px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }	
ul#selectable li .top .toggleGalleryStatus					{ display: block; height: 24px; width: 23px; position: absolute; top:0; right: 0;}
.toggleGalleryStatusList									{ display: none; z-index: 100; position: absolute; top:0; right: -100px; width: 100px; }
.toggleGalleryStatusList a									{ display: block; padding: 4px 10px; color: #fff; background: #505050; background: rgba(61,61,61,0.9); }
.toggleGalleryStatusList.visible a.make_public,
.toggleGalleryStatusList.nonvisible a.make_private,
.toggleGalleryStatusList.visible a.make_in_menu,
.toggleGalleryStatusList.nonvisible a.make_not_in_menu,
.toggleGalleryStatusList.locked a.make_protected			{ background: #ed2d00; font-weight: bold; }
.toggleGalleryStatusList a:hover							{ background: #575757; background: rgba(61,61,61,1); }
ul#selectable li .photo										{ display: block; margin: 7px 0; width: 150px; height: 150px; position: relative; left: 50%; margin-left: -75px; overflow: hidden; }
ul#selectable li .photo	img									{ opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position: absolute; top: 50%; left: 50%; padding: 0;  }
ul#selectable li p											{ padding: 14px 7px 0; color: #b6b6b6; font-size: 13px; width: 142px; height: 150px; margin: 0; display: block; position: relative; left: 50%; margin-left: -75px; }
ul#selectable li:hover p									{ color: #7e7e7e;}
ul#selectable li .bottom									{ background: #535353; border-top:1px solid #bfbfbf;}
ul#selectable li .bottom a									{ text-align: center; font-size: 11px; width: 50%; float: left; padding: 3px 0 2px; color: #bfbfbf; display: inline-block; cursor: pointer;}
ul#selectable li .bottom a.details							{ border-right:1px solid #bfbfbf; width: 49%;}
ul#selectable li .bottom a:hover							{ color: #fff;}
ul#selectable li.ui-selecting								{ background: #bfbfbf;}
ul#selectable li.ui-selected								{ background: #eb2b00;}
ul#selectable li.ui-selected:hover							{ }
ul#selectable li.ui-selected img							{ }
ul#selectable li.ui-selected .bottom						{ background: #be2400; border-top:1px solid #f69680;}
ul#selectable li.ui-selected .bottom a						{ color: #fff;}
ul#selectable li.ui-selected .bottom a:hover 				{ color: #fff;}
ul#selectable li.ui-selected p								{ color: #fff;}

/** Gallery list mods **/
#galleries_list ul#selectable								{ width: 580px; padding: 0 10px 20px; margin: -10px 0 20px; }
#galleries_list ul#selectable li							{ background: #7e7e7e; display: block; float: left; margin: 14px 0px 0; position: relative; width:580px;}
#galleries_list ul#selectable li:hover						{ background: #bfbfbf;}
#galleries_list ul#selectable li.ui-selected				{ background: #eb2b00;}
#galleries_list ul#selectable li h2							{ font-size: 13px; margin-left: 5px; } 
#galleries_list ul#selectable li .top.visible				{ background-position: 560px 6px; }
#galleries_list ul#selectable li .top.nonvisible			{ background-position: 560px 5px; }
#galleries_list ul#selectable li .top.locked				{ background-position: 560px 6px; }
#galleries_list ul#selectable li .photo						{ display: block; margin: 8px 0; padding: 0 8px; width: 566px; height: 72px; position: relative; left: 0; top:0; overflow: hidden; }
#galleries_list ul#selectable li .photo span				{ position: relative; top: auto; left: auto; padding: 0; float: left; border: 1px solid #fff; margin: 0 4px; width: 70px; height: 70px; display: block; overflow: hidden; }
#galleries_list ul#selectable li .photo span img			{ position: static; margin: 0 auto; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);  }
#galleries_list ul#selectable li p.no_photos				{ display: block; margin: 8px 0; padding: 25px 8px; width: 566px; height: 22px; position: relative; left: 0; top:0; overflow: hidden; color: #fff; font-size: 1.5em;  }
#galleries_list ul#selectable li .bottom 					{ border-right: none; }
#galleries_list ul#selectable li .bottom p					{ border-right: none; }
#galleries_list ul#selectable li .bottom span				{ font-size: 11px; padding: 4px 5px 2px; color: #bfbfbf; display: block; float: left }
#galleries_list ul#selectable li .bottom a					{ border-left:1px solid #bfbfbf; border-right: none; text-align: center; font-size: 11px; width: auto; float: right; padding: 4px 5px 3px 25px; color: #bfbfbf; display: inline-block; cursor: pointer;}
#galleries_list ul#selectable li .bottom a.details			{ background: url(../img/icon-editdetails.png) 5px 4px no-repeat; border-left:1px solid #bfbfbf; width: auto;}
#galleries_list ul#selectable li .bottom a.managephotos		{ background: url(../img/icon-managephotos.gif) 5px 4px no-repeat; }
#galleries_list ul#selectable li .bottom a:hover			{ color: #fff;}
body.galleries #content #galleries_list ul.sortable li.ui-state-highlight		{ border: 1px dashed #999; display: block; height: 134px; width: 580px; background: #fff; background: rgba(255,255,255,0.75); -webkit-border-radius: 15px;}

/** Pages list mods **/
#pages_list ul#selectable												{ width: 580px; padding: 14px 10px 10px; margin: -10px 0 20px; }
#pages_list ul#selectable li											{ background: #7e7e7e; display: block; float: left; margin: 1px 0px; position: relative; width:580px;}
#pages_list ul#selectable li:hover										{ background: #bfbfbf;}
#pages_list ul#selectable li.ui-selected								{ background: #eb2b00;}
#pages_list ul#selectable li h2											{ font-size: 15px; margin-left: 5px; padding: 7px 0 7px 30px; text-shadow: none; } 
#pages_list ul#selectable li:hover h2									{ color: #333; }
#pages_list ul#selectable li.ui-selected:hover h2						{ color: #fff;}
#pages_list ul#selectable li .top										{ background: none; border: none; float: left; }
#pages_list ul#selectable li .top.visible								{ background-image: url(../img/icon-pages-display-on.png); background-position: 10px 12px; background-repeat: no-repeat;}
#pages_list ul#selectable li .top.nonvisible			    			{ background-image: url(../img/icon-pages-display-hidden.png); background-position: 10px 10px; background-repeat: no-repeat;}
#pages_list ul#selectable li .top.locked				    			{ background-image: url(../img/icon-pages-display-locked.png); background-position: 10px 10px; background-repeat: no-repeat;}
#pages_list ul#selectable li .top .toggleGalleryStatus					{ display: block; height: 34px; width: 34px; position: absolute; top:0; left: 0;}
#pages_list .toggleGalleryStatusList									{ display: none; z-index: 100; position: absolute; top:0; left: -100px; width: 100px; }
#pages_list ul#selectable li .actions 									{ border-right: none; float: right; background: #404040; display: block; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#pages_list ul#selectable li .actions p									{ border-right: none; }
#pages_list ul#selectable li .actions a									{ border-left: none; border-right: none; text-indent: -9999px; height: 13px; width: 32px; text-align: center; font-size: 11px; float: right; padding: 11px 2px; color: #bfbfbf; display: block; cursor: pointer;}
#pages_list ul#selectable li .actions a:hover							{ background-color: #333; }
#pages_list ul#selectable li .actions a.details							{ background: url(../img/icon-pages-edit.png) 10px 8px no-repeat; }
#pages_list ul#selectable li .actions a.delete							{ background: url(../img/icon-pages-trash.png) 10px 8px no-repeat; }
#pages_list ul#selectable li .actions a:hover							{ color: #fff;}
#pages_list ul#selectable li .actions a.details:hover,					
#pages_list ul#selectable li .actions a.delete:hover					{ background-color: #333; }
body.pages #content #pages_list ul.sortable li.ui-state-highlight		{ border: 1px dashed #999; display: block; height: 34px; width: 580px; background: #fff; background: rgba(255,255,255,0.75); -webkit-border-radius: 15px;}

body.pages ul#selectable li .bottom a.details				{ border-right: none; width: 100%;}
															  
.container													{ margin: -18px 16px -20px; padding: 15px; }
.container.nopadding										{ padding: 15px 0; }
.container.searchPadding									{ padding-top: 55px; }
.container .main-col										{ float: left; width:575px;}
.container .sub-col											{ float: right; width:320px; padding: 0 15px 0; margin: 0 -15px 0 0; border-left: 1px solid #999;}
.container .sub-col.warning									{ background: #ffd4d6; border: 1px solid #ffb5b5;}
															  
.container h2												{ font-size: 24px; font-weight: normal; color: #ee3b11; margin-bottom: 0;}
.container .sub-col h2										{ font-size: 20px; color: #ebe8aa; }
.selectable .container:first-child							{ padding-top: 20px; }
.selectable .container h2									{ margin-left: -15px; }
.selectable .container .sub-col h2							{ margin-left: 0px; }

.container h3												{ font-size: 18px; font-weight: normal; color: #ee3b11;}
.container h4												{ font-size: 16px; font-weight: bold; color: #111;}
.container h5												{ font-size: 16px; font-weight: normal; color: #ee3b11;}
.container h6												{ font-size: 13px; font-weight: bold; color: #111;}
.container p												{ font-size: 12px; line-height: 17px; color: #444;}
.container p.help											{ color: #808080; font-size: 11px; line-height: 13px; font-weight: normal; font-style: italic; display: inline-block; margin:0 0 10px 0; }
.container p a												{ color: #444; border-bottom: 1px solid #bbb; }
.container p a:hover										{ color: #ee3b11; border-bottom: 1px solid #ee3b11; }															  
.container ul												{ margin: 0; padding: 0;}
															  																	  
.ui-selectable-helper										{ background: url(../img/bg-select.png) top left; }
															  
#pager														{ background: url(../img/bg-context-nav.jpg) top left repeat-x;  position: fixed; bottom: 21px; left: 0; height: 36px; z-index: 51; border-top: 1px solid #fff; width: 100%;}
#pager .wrap												{ height: 33px; background: url(../img/bg-context-nav.jpg) top left repeat-x; position: relative; z-index: 51; bottom:0px;}
#pager .wrap.fixed											{ position: fixed; bottom:0; left: 50%; margin-left: -477px; z-index: 2;}
															  
#pager #paging												{ margin: 0; float: left;}
#pager #paging li											{ float: left;}
#pager #paging li a											{ padding: 8px 12px 6px; color: #e5e5e5; display: block; font-size: 14px; line-height: 19px; border: 1px solid #5c5c5c; border-bottom: none; margin-right: -1px; border-top:1px solid #939393;}
#pager #paging li a:hover									{ background: #8a8a8a; background: rgba(255,255,255,0.1);}
#pager #paging li a.current									{ background: #fff; border: 1px solid #5c5c5c; border-bottom: none; color: #000; font-weight: bold;}
															  
#footer														{ background: #333; border-top:1px solid #262626; position: fixed; bottom: 0; left: 0; width: 100%;}
#footer p													{ color: #bfbfbf; text-transform: uppercase; font-size: 9px; margin: 0; padding: 5px 0px;}
#footer p.right                                             { text-transform: uppercase; }
#footer p.left a											{ color: #bfbfbf; margin-right: 20px;}
#footer p.left a:hover										{ color: #fff;}
															  
/* Icons */													  
.account													{ background: url(../img/icon-account.gif) center left no-repeat; padding-left: 20px;}
.help														{ background: url(../img/icon-help.gif) center left no-repeat; padding-left: 20px;}
.container .help											{ background: url(../img/icon-help2.gif) center left no-repeat; padding-left: 18px; padding-top: 2px;}
.logout														{ background: url(../img/icon-logout.gif) center left no-repeat; padding-left: 20px;}
.upload														{ background-image: url(../img/icon-upload.gif); background-position: 7px center; background-repeat: no-repeat; padding-left: 27px;}
.gallery													{ background-image: url(../img/icon-gallery.gif); background-position: 9px center; background-repeat: no-repeat; padding-left: 27px;}
.sort														{ background-image: url(../img/icon-sort.gif); background-position: 8px center; background-repeat: no-repeat; padding-left: 27px;}
.view														{ background-image: url(../img/icon-view.gif); background-position: 7px center; background-repeat: no-repeat; padding-left: 27px;}
.edit														{ background-image: url(../img/icon-edit.gif); background-position: 9px center; background-repeat: no-repeat; padding-left: 27px;}
.delete														{ background-image: url(../img/icon-delete.gif); background-position: 9px center; background-repeat: no-repeat; padding-left: 27px;}
.search														{ background-image: url(../img/icon-search.gif); background-position: 9px center; background-repeat: no-repeat; padding-left: 27px;}
.page														{ background-image: url(../img/icon-page.gif); background-position: 9px center; background-repeat: no-repeat; padding-left: 27px;}
.no-icon													{ padding-left: 15px;}
															  
/* Model */													  
.details 													{ display:none;}
.ui-widget-overlay											{ background: #000; opacity:0.75;}
.ui-state-default.ui-corner-all.save						{ background: url(../img/button-save.gif) top left no-repeat; text-indent: -9999px; width: 123px; height: 37px; display: block; border: none;}
.ui-state-default.ui-corner-all.cancel						{ background: url(../img/button-cancel.gif) top left no-repeat; text-indent: -9999px; width: 90px; height: 37px; display: block; border: none;}	
															  
.model-left													{ width:400px; float: left; overflow-y: visible; overflow-x: hidden;}
.model-right												{ width:200px; float: right; overflow: hidden;}
.model-right h3												{ font-weight: bold; color: #333; margin: 14px 0 1px; }
															  														  
/* Edit Page List */										  
ul#editPhotos												{ margin: 0; padding: 0;}
ul#editPhotos li											{ background: #f2f2f2; float: left; margin: 0 10px; width: 100%; }
ul#editPhotos li .imageContainer							{ padding: 10px 0; display: block; float: left; position: relative; left: 0; margin:0 20px 0 10px; width: 100px; height: 100px; overflow: hidden; }
ul#editPhotos li img										{ display: block; position: absolute; left: 0; margin-left: 0; }
ul#editPhotos li .col										{ width: 400px; padding: 30px 0 0; float: left; margin-left: 10px;}
ul#editPhotos li .col .inputText							{ width: 380px; margin-bottom: 15px; float: left;}
ul#editPhotos li .col textarea								{ width: 300px; min-width: 300px; max-width: 300px; height: 47px; float: right; display: inline-block;}
ul#editPhotos li label										{ display: block; color: #7e7e7e; font-weight: normal; width: 80px; font-size: 14px; margin:0; padding:4px 0px 4px 0; text-align: left; float: left;}
ul#editPhotos li.row1										{ background: #fff;}
ul#editPhotos li.row1 label									{ color: #7e7e7e;}

/* Homepage Gallery List */										  
.gallery_list												{ margin: 0; padding: 0;}
.gallery_list .listed_gallery								{ background: #f2f2f2; float: left; padding: 10px; margin: 0 15px 15px 0; width: 100%; width: 150px; height: 190px; position: relative; }
.gallery_list .listed_gallery label							{ margin: 0; padding: 0; width: 150px; display: inline; text-align: left; overflow: hidden; text-overflow: ellipsis; }
.gallery_list .listed_gallery img							{ }
.gallery_list .listed_gallery .title 						{ margin: 0 0 10px; padding: 0; font-size: 13px; height: 28px; overflow: hidden; text-overflow: ellipsis; }
.gallery_list .listed_gallery.selected						{ padding: 9px; border: 1px solid #ed2d00; }
															  
/* Basic Form */
form														{ margin: 0; padding: 0;}
form label													{ color: #808080; font-size: 12px; font-weight: bold; display: inline-block; width:20%; text-align: right; vertical-align: top; padding:6px 10px 0 0; }
											  
input[type="text"],
input[type="password"]										{ background: url(../img/bg-input-text.jpg) left top repeat-x #fff; border: 1px solid #c5c5c5; padding: 4px 5px; font-size: 12px; color: #444; -webkit-border-radius:3px; -moz-border-radius:3px; width: 270px;}
input[type="text"]:focus,
input[type="password"]:focus								{ border:1px solid #888; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; }
textarea													{ background: url(../img/bg-input-text.jpg) left top repeat-x #fff; border: 1px solid #c5c5c5; padding: 4px 5px; font-size: 12px; color: #444; width: 280px; height: 100px; max-height: 400px; min-width: 280px; max-width: 280px; -webkit-border-radius:3px; -moz-border-radius:3px;}
textarea:focus												{ border:1px solid #888; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; }
textarea#id_content											{ min-height: 200px; height: 200px; min-width: 425px}
input[type="submit"].styled									{ background: #fefefe url(../img/bg-button.jpg) repeat-x; display: inline-block; padding: 0 20px 0; height: 36px; margin: 5px 5px; font-size: 13px; line-height: 14px; color: #ed2d00; text-decoration: none; line-height: 1; -moz-border-radius: 25px; -webkit-border-radius: 25px; -moz-box-shadow: 2px 2px 1px #ededed, -2px 2px 1px #ededed, 2px -2px 1px #ededed, -2px -2px 1px #ededed; -webkit-box-shadow: 2px 2px 1px #ededed, -2px 2px 1px #ededed, 2px -2px 1px #ededed, -2px -2px 1px #ededed;	text-shadow: 0 1px 0px #fff; border: 1px solid #cfcfcf; position: relative; cursor: pointer; }
input[type="submit"].styled:hover							{ border: 1px solid #aaaaaa; }
span.help_text												{ color: #808080; font-size: 11px; line-height: 13px; font-weight: normal; font-style: italic; display: inline-block; margin:0 0 10px 23%; padding:0 25px 0 0; width: 420px; }
.container ul.pageMenu										{ margin: -52px 0 0 130px; }
.container ul.pageMenu li label								{ text-align: left; }

a.styled													{ background: #fefefe url(../img/bg-button.jpg) repeat-x; display: inline-block; padding: 10px 20px 11px; margin: 5px 5px; font-size: 13px; line-height: 22px; color: #616161; text-decoration: none; line-height: 1; -moz-border-radius: 25px; -webkit-border-radius: 25px; -moz-box-shadow: 2px 2px 1px #ededed, -2px 2px 1px #ededed, 2px -2px 1px #ededed, -2px -2px 1px #ededed; -webkit-box-shadow: 2px 2px 1px #ededed, -2px 2px 1px #ededed, 2px -2px 1px #ededed, -2px -2px 1px #ededed;	text-shadow: 0 1px 0px #fff; border: 1px solid #cfcfcf; position: relative; cursor: pointer; }
a.styled:hover												{ border: 1px solid #aaaaaa !important; }

p.submit,
body.tabs p.submit											{ margin: 10px auto; text-align: right; }

/* Basic Error Lists */
.errorlist													{ }
.errorlist li												{ background: #fef4f2; color: #ed2d00; font-style: italic; margin-bottom: 13px; border-left: 2px solid #ed2d00; padding: 4px 5px 4px 10px; margin-left: -10px;  }
.errorlist li:hover											{ border-left: 4px solid #ed2d00; margin-left: -12px; }

/* Details Model */											  
.formDetails form											{ padding: 3px 0 0; }
.formDetails label											{ color: #808080; font-size: 12px; font-weight: normal; display: inline-block; width: 75px; text-align: right; vertical-align: top; padding:6px 10px 0 0; }
.formDetails input[type="text"]								{ width: 270px; }
.formDetails textarea										{ padding: 5px 5px; width: 20px; height: 100px; max-height: 400px; min-width: 280px; max-width: 280px;}
.formDetails span.help_text	 								{ width: 300px;}	
.imgLinkList												{ margin-top: 5px; }
.imgLink													{ cursor: pointer; }
#imgLink													{ display: none; background: url(../img/bg-input-text.jpg) left top repeat-x #fff; border: 1px solid #c5c5c5; padding: 5px 5px; font-size: 10px; font-family: monospace; width: 190px; min-width: 190px; max-width: 190px; height: 50px; color: #444;}
.ui-widget .imgLinkHolder									{ font-family: monospace; width: 180px; min-width: 180px; max-width: 180px; height: 70px; font-size: 10px; margin-top: 5px;  }
.ui-widget .galleryLinkHolder								{ font-family: monospace; width: 180px; min-width: 180px; max-width: 180px; height: 30px; font-size: 10px; margin: 5px 0 0;  }
.ui-widget .galleryLinkHolder.embed							{ font-size:9px; height: 240px; margin: 0; }

/* Gallery Form Details */
.galleryFormDetails form									{ padding: 3px 0 0; }
.galleryFormDetails label									{ width: 35px; text-align: right; vertical-align: top; padding:6px 10px 0 0; }
.galleryFormDetails input[type="text"]						{ width: 320px; }
.galleryFormDetails textarea								{ padding: 5px 5px; width: 20px; height: 100px; max-height: 400px; min-width: 280px; max-width: 280px;}
.galleryFormDetails span.help_text	 						{ width: 340px; margin:0 0 10px 55px;}	
.passwordprotected label									{ vertical-align: top; padding-top: 0; }
.passwordprotected input									{ margin: 5px 0 10px; }	
.url textarea												{ font-size: 11px; height: 26px; }

/**** Tagger ****/
ul.holder 													{ margin: 2px 0 0; background: url(../img/bg-input-text.jpg) left top repeat-x #fff; display: inline-block; border: none; overflow: hidden; padding: 2px 5px 2px 5px; }
*:first-child+html ul.holder								{ padding-bottom: 2px; }
* html ul.holder 											{ padding-bottom: 2px; } /* ie7 and below */
ul.holder li 												{ float: left; list-style-type: none; margin: 0 5px 0 0; padding: 0; white-space:nowrap;}
ul.holder li.bit-box,
ul.holder li.bit-input input								{ font: 11px "Lucida Grande", "Verdana"; }
ul.holder li.bit-box 										{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; border: 1px solid #ad2100; background: #ed2d00; padding: 1px 5px 2px; }
ul.holder li.bit-box-focus 									{ border-color: #ad2100; background: #ad2100; color: #fff; }
ul.holder li.bit-input input 								{ width: auto; overflow:visible; margin: 0; border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput 					{ width: 20px; }

#add							 							{ border: 1px solid #999; width: 200px; margin: 50px; padding: 20px 30px 10px; }
form ol li 													{ list-style-type: none; }
form ol 													{ font: 11px "Lucida Grande", "Verdana"; margin: 0; padding: 0; }
form ol li.input-text 										{ margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label 								{ font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.input-text input 								{ width: 500px; padding: 5px 5px 6px; font: 11px "Lucida Grande", "Verdana"; border: 1px solid #999; }
form ul.holder 												{ width: 200px; }
form ul														{  }
ul.holder li.bit-box,	
#apple-list ul.holder li.bit-box 							{ padding-right: 15px; position: relative; z-index:1000;}
#apple-list ul.holder li.bit-input 							{ margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput 		{ width: 5px; }
ul.holder li.bit-hover										{ background: #ad2100; border: 1px solid #ad2100; }
ul.holder li.bit-box-focus 									{ border-color: #ad2100; background: #ad2100; color: #fff; }
ul.holder li.bit-box a.closebutton 							{ position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../img/icon-tags-close.gif'); }
ul.holder li.bit-box a.closebutton:hover					{ background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton,
ul.holder li.bit-box-focus a.closebutton:hover 				{ background-position: bottom; }

.deleted 													{ background-color:#ad2100 !important; color:#ffffff !important;}
.hidden 													{ display:none;}

#demo ul.holder li.bit-input input 							{ padding: 2px 0 1px; border: 1px solid #999; }
.ie6fix 													{ height:1px;width:1px; position:absolute;top:0px;left:0px;z-index:1;}
#slider-holder												{ width:159px; height: 14px; background: url(../img/bg-slider-icons.png) top left no-repeat; float: right; position: relative; margin: 10px 10px 0 0; }
#slider														{ width:114px; height: 18px; background: url(../img/bg-slider.png) center 1px no-repeat; border: none; padding: 0; top:2px; left: 20px;}
#slider	a.ui-slider-handle									{ width: 18px; height: 18px; background: url(../img/icon-slider.png) top left no-repeat; border: none; display: block; cursor: ew-resize;}

/** Per Page **/
.per_page_box												{ float: left; margin: 0 0 0 10px; padding: 7px 10px 5px; border-right: 1px solid #5c5c5c;}
.per_page_box p 											{ color: #e5e5e5; margin: 0; padding: 0; }

/** Select All **/
.selectallHolder											{ float: left; margin: 0 0 0 0; border-right: 1px solid #5c5c5c;}
.selectallHolder a 											{ color: #e5e5e5; margin: 0;  padding: 12px 10px 8px; display: block; }

/** Login / Logout **/
body.login													{ background: url(../img/bg-login.jpg) repeat; position: relative; }
body.login #login											{ display: block; position: absolute; width: 284px; background: #454545; background: rgba(255, 255, 255, 0.3); position: absolute; top:50%; left: 50%; margin: 150px 0 0 -132px; border: 1px solid #5b5b5b; border: 1px solid rgba(255, 255, 255, 0.6);  }
body.login #innerLogin										{ background: #fff; margin: 9px; }
body.login #innerLogin #header h1							{ padding: 10px 15px 5px; margin: 0; text-align: center; font-size: 2em; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.75); font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; }
body.login #innerLogin #header h2							{ padding: 0px 15px 10px; margin: 0; text-align: center; font-size: 1.25em; color: #eee; text-shadow: 0 -1px 0 rgba(0,0,0,0.75); }
body.login #innerLogin #header-logo							{ text-align: center; padding: 15px 0; }
body.login #innerLogin #header-logo img						{ max-width: 90%; }
body.login #innerLogin h2									{ font-size: 1.25em; color: #333; padding: 0 0 10px; }
body.login #header											{ padding: 10px 0; }
body.login #logo											{ margin: 0 auto; }
body.login form												{ padding: 15px 15px 0; }
body.login form label										{ width: 245px; text-align: left; }
body.login form	input[type="text"],
body.login form	input[type="password"]						{ -webkit-border-radius:25px; -moz-border-radius:25px; width: 215px; padding: 5px 10px; }
body.login p.forgot											{ text-align: right; margin: 0; }
body.login p.forgot a										{ color: #ef3100; font-style: italic; }
body.login p.submit											{ margin: 0 auto; text-align: center; }
body.login .styled											{ text-align: center; margin: 15px 0; }
body.login .errorlist										{ width: 245px; }
body.login .notice 											{ padding: 5px 10px; background: #fff; width: 215px; margin: 0 0 10px; position: relative; }
body.login.konami											{ background: url(../img/bg-contra.jpg) no-repeat center top #000; }
body.login.konami #login									{ margin-top: 500px;}
body.login #innerLogin p									{ font-size: 12px; line-height: 17px; color: #666;}

body.login .loginContainer									{ padding: 15px 15px 5px; }
body.login .loginContainer h2								{ font-size: 18px; font-weight: normal; color: #ee3b11; text-align: center; }
body.login .loginContainer p								{ font-size: 12px; line-height: 17px; color: #666;}
body.login .loginContainer p a								{ color: #ef3100; font-style: italic; }

/** Upload Window **/
body.popup													{ background: #fff; }
#gallerySelect												{ margin: -27px 0 0 0; }

/*** Side Tabs ***/
.tab-col													{ width: 170px; background: url(../img/bg-tabcol.jpg) top right repeat-y; float: left; }
.tab-info													{ width: 370px; float: right; }

.design-col													{ width: 180px; float: left; }
.design-info												{ width: 360px; padding-left: 20px; background: url(../img/bg-tabcol.jpg) top left repeat-y; float: right; }

.design-info #notes											{ font-size: 11px; line-height: 14px; font-style: italic; color: #b8b8b8; padding-bottom: 10px; }
.design-info #notes img										{ border: 1px solid #d9d9d9; background: #f2f2f2; padding: 5px; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 348px; } 
.design-info #notes p										{ font-size: 11px; line-height: 14px; color: #b8b8b8; padding: 0px; margin: 0; }
.design-info #notes ul										{ margin-left: 15px; padding: 10px 0; }

.theme														{ padding: 0 10px 10px 0; }
.theme select												{ margin-top: -10px; }

#id_color													{ width: 100px; }
#enabled													{ width: 400px; vertical-align: middle; }
form .enabled label											{ width: 300px; vertical-align: top; text-align: left; padding: 0 0 5px; }

.verticalTabs												{ margin: 0; padding: 0; }
.verticalTabs li											{ padding: 7px 10px; margin: 2px 0; text-align: right; color: #808080; }
.verticalTabs li a:hover									{ color: #333; }
.verticalTabs li.current									{ padding: 6px 10px; border: 1px solid #999; border-right: none; font-weight: bold; color: #333; background: #fff; }
.verticalTabs li.current a									{ color: #333; }

.tab-info label												{ width: 100%; text-align: left; }

/*** sIfr **/
.sIFR-flash 												{ visibility: visible !important; }
.sIFR-replaced 												{ visibility: visible !important; }
.sIFR-flash + div[adblocktab=true] 							{ display: none !important; }
h2.styled	 												{ visibility: hidden; }
h3.styled	 												{ visibility: hidden; margin-bottom: 0; }
h4.styled	 												{ visibility: hidden; }
h5.styled	 												{ visibility: hidden; }
h6.styled	 												{ visibility: hidden; }

.messageModal												{ position: fixed; bottom:100px; left: 50%; margin-left: -80px; background: #000; background: rgba(0,0,0,0.75); width: 150px; display: block; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.messageModal img											{ margin-bottom: 10px; }
.messageModal p												{ text-align: center; color: #fff; padding: 0 15px; margin: 0; }

.alternate													{ float: right; }
#alternate_domains											{ float: left; }
#alternate_domains li a										{ display: block; position: relative; margin-bottom: 3px; background: url(../img/bg-input-text.jpg) left top repeat-x #fff; border: 1px solid #c5c5c5; padding: 4px 5px; font-size: 12px; color: #444; -webkit-border-radius:3px; -moz-border-radius:3px; width: 270px;}
#alternate_domains li a	span								{ font-size: 11px; text-align: right; color: #ed2d00; position: absolute; top:5px; right: 5px; display: none; }
#alternate_domains li a:hover span							{ display: block; }

#current_plan												{ font-size: 18px; color: #ed2d00; font-weight: bold; margin-bottom: 2px; }

/* Invoice Table */

#invoice_table												{ margin: 0; padding: 0; width: 100%; color: #444; border-top: 1px solid #eee; border-left: 1px solid #eee; }
#invoice_table th											{ padding: 2px 5px; color: #111; font-weight: bold; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#invoice_table td											{ padding: 2px 5px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#invoice_table td.view										{ padding: 2px 5px; background: none; }
#invoice_table td.view a									{ color: #ee3b11; }
.konami {display:none;}


#upload-holder												{ width: 100%; background: #fff; }
#upload-bar													{ background: url(../img/bg-header.jpg) top center repeat-x #2d2d2d; height: 90px; }