/*-- Temp styles ------------------------------------*/
div#lightbox a { color: #bd6f00; }

div#lightbox * { padding: 0; outline: none; }
div#lightbox ul, div#lightbox ol { margin: 0; }
div#lightbox img { border: none; }

div#lightbox { margin: 0 0 0 0; position: static; text-align: left; height: 500px; background: #EDF0E7; width: auto; font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #273A48; }
div#lightbox a { color: #bd6f00; }
div#lightbox h2 { margin: 0 0 10px 0; padding: 12px 0 12px 25px; background: #263A43; }
div#lightbox h3 { margin: 11px 0 5px 0; background: none; color: #397392; font-size: 14px; font-weight: normal; }
div#lightbox h4 { margin: 5px 0 0 0; padding: 5px 0 0 5px; height: 25px; color: #397392; font-size: 14px; font-weight: normal; background: url('images/bg_h3.jpg') repeat-x; }

div#lightbox input, div#lightbox select { padding: 2px; border: 1px solid #91A9B5; font-size: 11px; vertical-align: baseline; }
	div#lightbox input[type=submit] { padding: 2px; background: #E0DFE3; }
div#lightbox div#header select { width: 100px; } 
	div#lightbox select option { margin: 4px; }

div#lightbox a.btn { padding: 3px; background: #E0DFE3; border: 1px solid #91A9B5; font-size: 11px; color: #000; text-decoration: none; position: relative; }
div#lightbox a.small { font-size: 12px; }
div#lightbox .fade { opacity: 0.4; filter: alpha(opacity=40); }

/*-- Javascript enabled styles ---------------------*/
body.js div#lightbox div#header form.select_wall input[type=submit] { display: none; }
body.js div#lightbox div#header form.select_wall a.create_wall {display: none; }

body.js div#lightbox div#wall div.l { display: none; }
body.js div#lightbox div#wall div.r { display: none; }

body.js div#lightbox div#wall_collection .add { display: none; }
body.js div#lightbox div#photo_properties form input[type=submit] { display: none; }

/*-- Header ----------------------------------------*/
div#lightbox div#header { margin: 0 0 10px 0; padding: 0 3px 10px 3px; height: 18px; font-size: 12px; border-bottom: 1px solid #387395; }
	div#lightbox div#header div.nav_top { margin: 1px 0 0 0; width: 310px; float: right; display: inline; text-align: right; color: #bd6f00; }
	div#lightbox div#header div.compact { width: 200px; }
	
	div#lightbox div#header input { font-family: Verdana, Geneva, sans-serif; font-size: 10px; }	
	div#lightbox div#header form.lightbox_login { font-size: 12px; }	
	div#lightbox div#header form.select_wall { width: 580px; float: left; }
	
	div#lightbox div#header div.create_wall { width: 250px; float: left; }
	
div#lightbox div.delete { margin: 0 0 0 0; height: 11px; position: relative; top: 11px; left: 0; right: 0; text-align: right; }
	div#lightbox div.delete a { width: 13px; height: 11px; display: block; background: url('images/btn_delete.png') no-repeat; float: right; }
	div#lightbox div.delete a span { display: none; }
	
	div#lightbox ul li div.delete a { background: none; }
	div#lightbox ul li:hover div.delete a { background: url('images/btn_delete.png') no-repeat; }

/*-- Wall -------------------------------------------*/
div#lightbox div#wall { padding: 0 20px 20px 20px; width: 72%; height: 282px; float: left; position: relative; background: #E1E4DD; }
	div#lightbox div#wall ul { height: 240px; white-space: nowrap; overflow: auto; list-style: none; /*list-style: circle inside;*/ text-align: center; }
	div#lightbox div#wall ul li { margin: 40px 0 0 8px; display: inline-block; vertical-align: middle; text-align: center; }
	
	div#lightbox div#wall div.blank_wall { margin: -130px 0 0 130px; float: left; width: 350px; white-space:normal; font-size: 16px; font-weight: bold; text-align: center; }
	
	div#lightbox div#wall ul li div.indicator { margin: 1px auto 0 auto; display: block; visibility: hidden; width: 9px; height: 9px; background: url('images/indicator.png') no-repeat; font-size: 1px; }
	div#lightbox div#wall ul li.selected div.indicator { visibility: visible; }
						
	div#lightbox div#wall ul li div.photo { margin: 0 0 1px 0; }
	div#lightbox div#wall ul li a { text-decoration: none; }
	
	/* 
	 * Frame Size
	 * z1: 5px per inch (zoom 1)
	 * z2: 4px per inch (zoom 2)
	 * z3: 3px per inch (zoom 3)
	 *
	 */
	/*-- Square --*/	
	div#lightbox div#wall ul.z1 li.square_20x20 img { width: 83px; padding: 15px 15px 30px 15px; background-position: center 76px; } /* Height: 55px */
		div#lightbox div#wall ul.z1 li.square_20x20 { width: 117px; }
	div#lightbox div#wall ul.z2 li.square_20x20 img { width: 66px; padding: 12px 12px 24px 12px; background-position: center 62px; background-image: url('images/signature_z2.gif');  }
		div#lightbox div#wall ul.z2 li.square_20x20 { width: 94px; }
	div#lightbox div#wall ul.z3 li.square_20x20 img { width: 50px; padding: 9px 9px 18px 9px; background-position: center 48px; background-image: url('images/signature_z3.gif'); }
		div#lightbox div#wall ul.z3 li.square_20x20 { width: 72px; }
		
	div#lightbox div#wall ul.z1 li.square_28x28 img { width: 120px; padding: 20px 20px 40px 20px; background-position: center 120px; } /* Height: 80px */
		div#lightbox div#wall ul.z1 li.square_28x28 { width: 164px; }
	div#lightbox div#wall ul.z2 li.square_28x28 img { width: 96px; padding: 16px 16px 32px 16px; background-position: center 87px; }
		div#lightbox div#wall ul.z2 li.square_28x28 { width: 132px; }
	div#lightbox div#wall ul.z3 li.square_28x28 img { width: 72px; padding: 12px 12px 24px 12px; background-position: center 66px; background-image: url('images/signature_z2.gif'); }
		div#lightbox div#wall ul.z3 li.square_28x28 { width: 100px; }
	
	div#lightbox div#wall ul.z1 li.square_40x40 img { width: 150px; padding: 25px 25px 75px 25px; background-position: center 163px; } /* Height: 100px */
		div#lightbox div#wall ul.z1 li.square_40x40 { width: 204px; }
	div#lightbox div#wall ul.z2 li.square_40x40 img { width: 120px; padding: 20px 20px 60px 20px; background-position: center 130px; }
		div#lightbox div#wall ul.z2 li.square_40x40 { width: 164px; }
	div#lightbox div#wall ul.z3 li.square_40x40 img { width: 90px; padding: 15px 15px 45px 15px; background-position: center 89px; }
		div#lightbox div#wall ul.z3 li.square_40x40 { width: 124px; }
	
	
	/*-- Vertical --*/
	div#lightbox div#wall ul.z1 li.vertical_20x36 img { width: 67px; padding: 10px 10px 70px 10px; background-position: center 145px; } /* Height: 100px */
		div#lightbox div#wall ul.z1 li.vertical_20x36 { width: 91px; }
	div#lightbox div#wall ul.z2 li.vertical_20x36 img { width: 53px; padding: 8px 8px 56px 8px; background-position: center 107px; }
		div#lightbox div#wall ul.z2 li.vertical_20x36 { width: 73px; }
	div#lightbox div#wall ul.z3 li.vertical_20x36 img { width: 40px; padding: 6px 6px 42px 6px; background-position: center 81px; background-image: url('images/signature_z2.gif'); }
		div#lightbox div#wall ul.z3 li.vertical_20x36 { width: 56px; }
	
	div#lightbox div#wall ul.z1 li.vertical_30x48 img { width: 100px; padding: 25px 25px 65px 25px; background-position: center 208px; } /* Height: 150px */
		div#lightbox div#wall ul.z1 li.vertical_30x48 { width: 154px; }
	div#lightbox div#wall ul.z2 li.vertical_30x48 img { width: 80px; padding: 20px 20px 52px 20px; background-position: center 166px; }
		div#lightbox div#wall ul.z2 li.vertical_30x48 { width: 124px; }
	div#lightbox div#wall ul.z3 li.vertical_30x48 img { width: 60px; padding: 15px 15px 39px 15px; background-position: center 115px; }
		div#lightbox div#wall ul.z3 li.vertical_30x48 { width: 94px; }
	
	
	/*-- Horizontal --*/	
	div#lightbox div#wall ul.z1 li.horizontal_36x20 img { width: 120px; padding: 10px 70px 10px 10px; background-position: 145px center; } /* Height: 80px */
		div#lightbox div#wall ul.z1 li.horizontal_36x20 { width: 204px; }
	div#lightbox div#wall ul.z2 li.horizontal_36x20 img { width: 96px; padding: 8px 56px 8px 8px; background-position: 116px center; }
		div#lightbox div#wall ul.z2 li.horizontal_36x20 { width: 164px; }
	div#lightbox div#wall ul.z3 li.horizontal_36x20 img { width: 72px; padding: 6px 42px 6px 6px; background-position: 90px center; background-image: url('images/signature_z2.gif'); }
		div#lightbox div#wall ul.z3 li.horizontal_36x20 { width: 124px; }
		
	div#lightbox div#wall ul.z1 li.horizontal_48x30 img { width: 150px; padding: 25px 65px 25px 25px; background-position: 208px center; } /* Height: 100px */
		div#lightbox div#wall ul.z1 li.horizontal_48x30 { width: 244px; }
	div#lightbox div#wall ul.z2 li.horizontal_48x30 img { width: 120px; padding: 20px 52px 20px 20px; background-position: 166px center; }
		div#lightbox div#wall ul.z2 li.horizontal_48x30 { width: 196px; }
	div#lightbox div#wall ul.z3 li.horizontal_48x30 img { width: 90px; padding: 15px 39px 15px 15px; background-position: 109px center; }
		div#lightbox div#wall ul.z3 li.horizontal_48x30 { width: 148px; }
	
	
	/*-- Panoramic --*/	
	div#lightbox div#wall ul.z1 li.panoramic_40x24 img { width: 150px; padding: 15px 25px 45px 25px; background-position: center 90px; } /* Height: 60px */
		div#lightbox div#wall ul.z1 li.panoramic_40x24 { width: 204px; }
	div#lightbox div#wall ul.z2 li.panoramic_40x24 img { width: 120px; padding: 12px 20px 36px 20px; background-position: center 72px; background-image: url('images/signature_z2.gif'); }
		div#lightbox div#wall ul.z2 li.panoramic_40x24 { width: 164px; }
	div#lightbox div#wall ul.z3 li.panoramic_40x24 img { width: 90px; padding: 9px 15px 27px 15px; background-position: center 57px; background-image: url('images/signature_z3.gif'); }
		div#lightbox div#wall ul.z3 li.panoramic_40x24 { width: 124px; }
	
	div#lightbox div#wall ul.z1 li.panoramic_48x28 img { width: 188px; padding: 15px 20px 50px 20px; background-position: center 120px; } /* Height: 75px */
		div#lightbox div#wall ul.z1 li.panoramic_48x28 { width: 232px; }
	div#lightbox div#wall ul.z2 li.panoramic_48x28 img { width: 150px; padding: 12px 16px 40px 16px; background-position: center 83px; }
		div#lightbox div#wall ul.z2 li.panoramic_48x28 { width: 186px; }
	div#lightbox div#wall ul.z3 li.panoramic_48x28 img { width: 113px; padding: 9px 12px 30px 12px; background-position: center 62px; background-image: url('images/signature_z2.gif'); }
		div#lightbox div#wall ul.z3 li.panoramic_48x28 { width: 141px; }
		
	div#lightbox div#wall ul.z1 li.panoramic_60x32 img { width: 250px; padding: 15px 25px 45px 25px; background-position: center 148px; } /* Height: 100px */
		div#lightbox div#wall ul.z1 li.panoramic_60x32 { width: 304px; }
	div#lightbox div#wall ul.z2 li.panoramic_60x32 img { width: 200px; padding: 12px 20px 36px 20px; background-position: center 118px; }
		div#lightbox div#wall ul.z2 li.panoramic_60x32 { width: 244px; }
	div#lightbox div#wall ul.z3 li.panoramic_60x32 img { width: 150px; padding: 9px 15px 27px 15px; background-position: center 72px; }
		div#lightbox div#wall ul.z3 li.panoramic_60x32 { width: 184px; }


			
	/*-- Frame Options ---*/
	div#lightbox div#wall li.image_only img { padding: 0 !important; background: none !important; border: none !important; }
	div#lightbox div#wall li.matted img { background-color: #FFF; background-image: url('images/signature.gif'); background-repeat: no-repeat; }
	div#lightbox div#wall li.framed img { border-width: 2px; border-style: solid; }
	
	/*-- Frame Colors ---*/
	div#lightbox div#wall li.b_black img { border-color: #000000; }
	div#lightbox div#wall li.b_cherry img { border-color: #892B29; }
	div#lightbox div#wall li.b_maple img { border-color: #FAD084; }
	
	/*-- Type of Print ---*/
	div#lightbox div#wall li.canvas img { padding: 0 !important; background: none !important; border: none !important; }
	
/*-- Photo Properties -------------------------------*/
div#photo_properties { margin: 0 0 0 10px; width: 227px; height: 302px; color: #000; background: #CFD4CD; float: right; }
	div#photo_properties div#properties { margin: 0 0 10px 0; height: 245px; }
		div#photo_properties div#properties h3 { margin: 0 0 5px 0; font-weight: bold; }
		div#photo_properties div#properties select { margin: 2px 0 5px 0; width: 200px; /*float: left;*/ }
		div#photo_properties div#properties label { margin: 0 0 0 5px; text-align: right; /*float: left;*/ }
	div#photo_properties div.bottom { margin: 0 10px 0 10px; text-align: right; }
	div#photo_properties div.info { margin: 5px 5px 5px 5px; padding: 5px; background: #E1E4DD; }
	div#photo_properties div.options { margin: 0 10px 0 10px; }

/*-- Lightbox Collection ----------------------------*/
div#lightbox div#lightbox_collection { margin: 5px 0 0 0; width: 100%; height: 130px; float: left; }
	div#lightbox div#lightbox_collection ul { height: 100px; list-style: none; white-space: nowrap; overflow: auto; }
	div#lightbox div#lightbox_collection ul li { padding: 5px 10px 5px 10px; display: inline-block; overflow: hidden; }
		div#lightbox div#lightbox_collection ul li:hover { background: #DEDFD9; }
	div#lightbox div#lightbox_collection ul li div.photo { margin: 0 0 3px 0; width: 90px; height: 60px; overflow: hidden; }
	div#lightbox div#lightbox_collection div.photo_info { /*white-space: normal;*/ text-align: right; }
	div#lightbox div#lightbox_collection div.slider { margin: 0 0 0 25px; width: 940px; }
	
/*-- Left Area --------------------------------------*/
div#lightbox div.left { padding: 10px 10px 10px 10px; width: 74%; height: 282px; float: left; background: #E1E4DD; }
	div#lightbox div.left div.title { padding: 10px 10px 10px 20px; font-size: 14px; background: #263A43; color: #fff; }
	div#lightbox div.left div.content { padding: 20px 20px 0 20px; height: 225px; font-size: 12px; background: #fff; }
	div#lightbox div.left ol { list-style-position: inside; }
		div#lightbox div.left ol li { padding: 5px 0 0 0; }
	div#lightbox div.left td.error { padding: 0 0 0 10px; }
	div#lightbox div.left table.color_picker { border-spacing: 1px; }
	div#lightbox div.left input { margin: 3px 0 3px 0; }
	div#lightbox div.left label { font-size: 12px; }

/*-- Right Area -------------------------------------*/
div#lightbox div.right { margin: 0 0 0 10px; padding: 10px; width: 207px; height: 282px; float: right; background: #CFD4CD; overflow: hidden; }
	div#lightbox div.right div.title { padding: 10px 10px 10px 20px; font-size: 14px; background: #263A43; color: #fff; }
	div#lightbox div.right div.content { padding: 20px 0 0 20px; height: 225px; font-size: 12px; background: #fff; }
	div#lightbox div.right ol { list-style-position: inside; }
		div#lightbox div.right ol li { padding: 5px 0 0 0; }
	
/*-- Loading Div -----------------------------------*/
div#lightbox div#loader { height: 450px; background: url('images/ajax-loader.gif') no-repeat center center; }
	
/*-- ui-draggable ----------------------------------*/
img.ui-draggable-dragging { border: 2px dashed #263A44 !important; padding: 5px !important; }

/*-- Color Picker ----------------------------------*/
div#lightbox table.color_picker { margin: 10px 0 10px 0; }
	div#lightbox table.color_picker a { width: 12px; height: 12px; display: block; }
	div#lightbox table.color_picker a span { display: none; }
	
/*-- Color Picker (Javascript) ---------------------*/
div#lightbox div.color_picker { margin: 5px 0 0 0; text-align: right; }
	div#lightbox div.color_picker div.picker_popup { margin: -244px 0 0 513px; padding: 5px; width: 200px; float: left; position: relative; text-align: left; background: #EDF0E6/*CFD4CD*/; border: 2px solid #263A44; }
	div#lightbox div.color_picker div.picker_popup form { margin: 5px 0 0 0; text-align: center; }
		div#lightbox div.color_picker div.picker_popup form input { width: 75px; }
	div#lightbox div.color_picker div.picker_popup a.close { width: 13px; height: 11px; float: right; position: relative; background: url('images/btn_delete.png') no-repeat; }
		div#lightbox div.color_picker div.picker_popup a.close span { display: none; }
	
div#lightbox div.color_picker a.color { display: inline-block; text-decoration: none; width: 12px; height: 12px; border: 2px solid #444; }
	div#lightbox div.color_picker a.color span { display: none; }
		
/*-- jCarousel -------------------------------------*/
div#lightbox div#lightbox_collection div.jcarousel-clip ul { overflow: visible; }
div#lightbox div#wall_collection div.jcarousel-clip ul { overflow: visible; }

.jcarousel-next-disabled { opacity: 0.4; filter: alpha(opacity=40); }
.jcarousel-prev-disabled { opacity: 0.4; filter: alpha(opacity=40); }

/*-- jCarousel: Vertical -------------------------*/
.jcarousel-container-vertical { width: 100%; height: 272px; }
.jcarousel-container-vertical .jcarousel-clip-vertical { position: absolute; top: 32px; height: 216px; }
.jcarousel-container-vertical .jcarousel-item-vertical { width: 90px; height: 60px; }

.jcarousel-container .jcarousel-next-vertical { position: absolute; bottom: 0px; left: 8px; width: 95px; height: 22px; cursor: pointer; background: transparent url('images/btn_down.gif') no-repeat 0 0; }

.jcarousel-container .jcarousel-prev-vertical { position: absolute; top: 5px; left: 8px; width: 95px; height: 22px; cursor: pointer; background: transparent url('images/btn_up.gif') no-repeat 0 0; }

/*-- jCarousel: Horizontal -------------------------*/
.jcarousel-container-horizontal { width: 100%; }
.jcarousel-container-horizontal .jcarousel-clip-horizontal { margin: 0 0 0 25px; width: 890px; float: left; }
.jcarousel-container-horizontal .jcarousel-item-horizontal { width: 90px; height: 82px; }
.jcarousel-container .jcarousel-next-horizontal { float: right; width: 30px; height: 89px; cursor: pointer; background: transparent url('images/btn_right.gif') no-repeat 0 0; }

.jcarousel-container .jcarousel-prev-horizontal { float: left; width: 30px; height: 89px; cursor: pointer; background: transparent url('images/btn_left.gif') no-repeat 0 0; }

/*-- Popup Styles ----------------------------------*/

div.popup {	margin: 0 0 0 -5px; width: 996px; webkit-border-radius: 7px; -moz-border-radius: 7px; border: 10px solid #EDF0E6; background: #EDF0E6; }
div#popuphead { background: url('images/header.gif') no-repeat 20px 15px #263A44; font-family:Verdana,Geneva,sans-serif; height: 46px; padding:20px 0 0 34px; margin: 0 0 10px 0; }
div#popupcontent { width: 996px; }
div#popupfoot { display:none; height:1; background: #EDF0E6; text-align:center; }

.close { cursor:pointer; display:block; float:right; padding:3px 0; width:60px; }
	.close a { position:relative; width:60px; }
	.close span { color:#FFFFFF; display:block; font-size:13px; }

div#popupOverlay { background:#000000 none repeat scroll 0 0; opacity:0.6; filter:alpha(opacity=60) width:100%; }

.alignright { clear:right; float:right; }

/*-- Misc ----------------------*/
div#lightbox div.l { float: left; }
div#lightbox div.r { float: right; }

div#lightbox span.num { display: inline; }

a.back_to_gallery { font-size: 10px; }

div#lightbox div.delete { margin: -11px 0 0 0; height: 11px; text-align: right; }
	div#lightbox div.delete a { width: 13px; height: 11px; display: block; background: url('images/btn_delete.png') no-repeat; float: right; }
	div#lightbox div.delete a span { display: none; }
	
.hide { display: none; height: 0; }