* {font-size: 100.01%;}

body {margin: 0; padding: 0; height: 100%; background: Black; color: #bbcaca; font-family: Arial, sans-serif; font-size: 1em;}

a {color: #ffd400;}
a:visited {color: #ffd400;}
a:hover {color: #FFFFFF;}

a.orange, a.orange:visited, .orange {color: #fb5400}
a.orange:hover {color: #FFFFFF !important;}

.width_fix {width: 100%;}
.clear {clear: both;}
.clickable {cursor: pointer; cursor: hand;}

/* PNG fix for IE */
/*
* html .png {background-image: none !important; behavior: url('pngfix.htc');}
*/

a.help, span.help {
	font-size: 0.75em;
	padding-left: 22px;
	background: url('i-help.gif') 0 0 no-repeat;
	position: relative; left: -22px; z-index: 1;
}

/* ---------------------- */
/* Standard HTML elements */
/* ---------------------- */

img {margin: 0; padding: 0; border-width: 0;}

h1, h2, h3, h4 {font-weight: normal; margin: 1.75em 0 0.5em 0; font-family: Trebuchet, Arial, sans-serif;}
h1, .sh1 {font-size: 1.8em; margin: 0 0 1em 0;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}

.sh1, .nlw { color: #ffffff; }
.nlw { font-size: 0.75em; }

* html h2, * html h3, * html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match( /^H\d$/ ) ) ? 0 : '1.75em' );}

h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

p, dl, address, blockquote {margin: 0 0 1.2em 0; padding: 0;}

p { line-height: 1.5em; }

.comment { width: 80%; color: #777777;}
.commentWW { color: #777777; font-size: 0.45em; }
.grey, DIV.grey A { color: #777777;text-decoration:none; }

.small{font-size: 0.9em;}
.smaller{font-size: 0.8em;}
.x-small{font-size: 0.7em;}

.smaller P {line-height: 1.3em;}

.white {color: White;}

dt {margin: 0;}
dd {margin: 0.5em 0 0.5em 0;}
address {font-style: normal;}
blockquote {margin-left: 3em;}

p.before_list {margin-bottom: 0.5em;}
span.label {color: #94999c;}

/* Lists */
ul, ol {margin: 0 0 1.2em 2em; padding: 0;}
ul {list-style-type: none;}
li {margin: 0.5em 0 0 0; padding: 0;}

ul li, ol li ul li {padding-left: 20px; margin-left: 0; /*background: url('bullet.gif') 0 0.3em no-repeat;*/ position: relative;}
ol li, ul ol li {padding-left: 0; margin-left: 20px; background: none;}

li ul, li ol {margin-top: 0.5em; margin-bottom: 0;}

ul.nobullets li {background: none;}

ul.navigation {margin-left: 0; margin-top: 0em; color: #fb5400;}
ul.navigation li {padding-left: 0.7em; background: url('i-navigation-marker.gif') 0px 0.2em no-repeat; padding-bottom: 0.4em;}
ul.navigation ul.navigation {margin-bottom: 1em; margin-top: 0em; margin-left: 1.2em;}
ul.navigation a {color: #fb5400;}

.navigation a.selected {font-weight: bold;}
.navigation b.selected {color: White;}

/* Forms */
form {margin: 0 0 1.2em 0; padding: 0;}
input, select, button, textarea {font-size: 1em; font-family: Arial, sans-serif;}

/* Tables */
table {//border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none; text-align: left; vertical-align: top;}
td.bottom, th.bottom {vertical-align: bottom;}
td.middle {vertical-align: middle;}
td.right, th.right {text-align: right;}

table.layout td {padding-right: 1.2em;}

table.data {margin: 0 0 1.2em 0; position: relative; left: -5px; empty-cells: show;}
table.data th, table.data td, .datap td {padding: 0.5em 1.2em 0.5em 5px;}
.datap .r{text-align:right;}
table.data th {color: #878787; font-weight: bold; border-bottom: 1px solid #a8daf2; font-size: 0.82em;}

table.data tr.first td {padding-top: 1em;}
table.data tr.separator td {border-bottom: 1px solid #a8daf2; padding-bottom: 1em;}

table.data td.number, table.data th.number {text-align: right;}

table.data tr.hover td, table.data tr:hover td {background-color: #e7e7e7;}
table.data tr[dontoverme]:hover td {background-color: transparent;}

/* ------ */
/* Layout */
/* ------ */

div#measurer {position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px;}

div#layout {position: relative; min-width: 950px; max-width: 1400px; padding: 0px;}

* html div#layout {
height: 100%;
width: expression(
	(
		document.getElementById('measurer')
		&& document.getElementById('measurer').clientWidth < 950
	)
	?	'950px'
	:	(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 1400
		)
		?	'100%'
		:	'1400px'
);
}
div#bg_top, div#bg_bottom {//width: 100%;}
div#bg_top { height: 100%;}
div#bg_bottom {padding: 20px 40px 20px 100px;}
div#bg_conner {}

/* Login Form */
div.login_form {background: #b02505 url('bg-login-form.gif') top repeat-x; color: Black; position: relative; //width: 100%;}

div.login_form_tl, div.login_form_tr, div.login_form_br, div.login_form_bl {position: absolute; width: 5px; height: 5px;}

div.login_form_tl {top: 0px; left: 0px; background: url('login-form-tl.gif') 0 0 no-repeat;}
div.login_form_tr {top: 0px; right: 0px; background: url('login-form-tr.gif') 0 0 no-repeat;}
div.login_form_br {bottom: 0px; right: 0px; background: url('login-form-br.gif') 0 0 no-repeat;}
div.login_form_bl {bottom: 0px; left: 0px; background: url('login-form-bl.gif') 0 0 no-repeat;}

div.login_form_tr, div.login_form_br {//right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -1 : -0 );}
div.login_form_br, div.login_form_bl {//bottom: expression( this.parentNode && this.parentNode.offsetHeight % 2 ? -1 : -0 );}

div.login_form div.reducer {padding: 14px;}

div.login_form form {margin: 0px;}
div.login_form form label {font-size: 1.2em; color: #000000;}
div.login_form form input {margin-right: 1em !important;}
/* ********** */

div#header {margin-bottom: 30px; width: 100%; position: relative; z-index: 10;}
div#body {}
div#content * {color: #bbcaca;}
div#content {font-size: 1.05em; padding-right: 3em;}
div#content a {color: #ffd400;}
div#content a:hover {color: #FFFFFF;}

div#footer {font-size: 0.80em; padding-top: 120px; width:100%; height: auto;}

div.main_navigation {color: #ffd400; font-size: 1.2em; padding-bottom: 8px;}
div.main_navigation span {padding-right: 1em;}
div.main_navigation a { text-decoration: none; border-bottom: 2px solid #ffd400;}
div.main_navigation a:hover {color: #FFFFFF; text-decoration: none; border-bottom: 2px solid #FFFFFF;}

div.navigation_path {color: #bbcaca; font-size: 0.9em;}
div.navigation_path a, div.navigation_path a:visited {color: #bbcaca;}
div.navigation_path a.orange {color: #fb5400;}


span#exit {	position: relative; right: -2em; font-size: 0.9em;}

/* main banner */
div.banner {font-size: 0.9em;}
div.banner img {display: block; margin-top: 10px;}
div.banner a {font-size: 1.3em; line-height: 1.8em;}

a#print_album {position: relative; bottom: -7px; left: 1em;}


/* Album */
div.album_preview { padding: 2em 0px;}
div.album_preview .photo {
	width: 195px;
	height: 220px;
	//height: 190px;
	margin: 0px;
	float: left;
	position: relative;
}
div.album_preview .photo .frame {
	width: 160px;
	height: 160px;
	background: url('frame-black.gif');
	background-repeat: no-repeat;
}
div.album_preview .photo .image {
	width: 160px;
	height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

div.album_preview .photo .dont_print {
	width: 160px;
	height: 160px;
	background-position: center;
	background: url('dont-print-msg.png');
	// background-image: none;
	// filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/dont-print-msg.png', sizingMethod='crop');
}

div.album_preview .photo .i_print,
div.album_preview .photo .i_dont_print {
	text-decoration: none;
	font-size: 0.75em;
}
div.album_preview .photo .i_print i {
	font-style: normal;
	color: #b4cf0b;
	border-bottom: 1px dashed #b4cf0b;
}
div.album_preview .photo .i_dont_print i {
	font-style: normal;
	color: #cb1946;
	border-bottom: 1px dashed #cb1946;
}

.layout .right A {
	font-style: normal;
	color: #BBCACA;
	border-bottom: 1px dashed #BBCACA;
	text-decoration: none;
	margin-right: 1em;
}

div.album_scroller {	padding: 30px 0px; font-size: 1.2em; clear: both;}
div.album_scroller a,
div.album_scroller b {
	padding: 2px 8px;
}
div.album_scroller a {color: #bd3f00;}
div.album_scroller b {color: Black; background-color: #bd3f00; font-weight: normal;}
/***********/



/* ALBUMS */
div.albums {
	padding: 2em 0px;
	height: 1px;
}

div.albums .album {
	width: 195px;
	height: 300px;
	margin: 0px;
	float: left;
	position: relative;
}
div.albums .album .frame {
	width: 160px;
	height: 160px;
	background: url('frame-album.jpg');
	background-repeat: no-repeat;
	padding: 7px;
}
div.albums .album table.galery {
	border-collapse: collapse;
	width: 146px;
	height: 146px;
}
div.albums .album table.galery td {
	text-align: center;
	vertical-align: middle;
	width: 48.67px;
	height: 48.67px;
}
div.albums .album table.buttons {
	margin: 10px 0px 6px -6px;
}
div.albums .album .tcont {
	display: block;
	width: 185px;
	margin: 0px 0px 0px -7px;
}
div.albums .album a.title {
	text-decoration: underline;
	color: white;
	font-size: 1.0em;
	font-weight: normal;
}
div.albums .album a.title:hover {
	color: #969696;
}
div.albums .album SPAN {
color:#969696;
font-size:80%;
}
div.albums .album .i_print,
div.albums .album .i_add {
	text-decoration: none;
	font-size: 0.75em;
}

div.albums .album .i_print i {
	font-style: normal;
/* color: #ffd400;*/
/*	border-bottom: 1px dashed #ffd400;*/
	padding-right: 10px;
}

div.albums .album .i_add i {
	font-style: normal;
/* color: #ffd400;*/
/*	border-bottom: 1px dashed #ffd400;*/
}

div.albums .album a.i_print:hover i {color: red !important; }

A#dsbnt, .dashed {
border-bottom: 1px dashed #ffd400;
text-decoration: none;
}
A:hover#dsbnt, A:hover.dashed {
border-bottom: 1px dashed #ffffff;
}

/***********/



/* Order */
div.orders {
	padding-bottom: 1em;
	margin-bottom: 1em;
}
div.order {
	padding: 0px;
	marging: 0px
}
div.order p {
	clear: both;
	margin: 0px;
	color: #444444;
	font-size: 0.9em;
}
div.ordered_photos {
	//height: 1px;
	position: relative;
}
div.ordered_photos a.photo {
	display: block;
	text-decoration: none;
	width: 46px;
	height: 46px;
	margin: 0px;
	margin-right: 6px;
	margin-bottom: 6px;
	float: left;
	border: 1px solid #3b362e;
	background-position: center center;
	background-repeat: no-repeat;
}
div.ordered_photos a.selected,
div.ordered_photos a.photo:hover {
	border: 1px solid #ffd400;
}

div.ordered_photos a.photo img.toner{
	width: 44px; height: 44px;
	background-position: center;
	background-image: url('toner.png');
	// background-image: none;
	// filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/toner.png', sizingMethod='crop');
}
div.ordered_photos a.selected img.toner,
div.ordered_photos a.photo:hover img.toner {
	visibility: hidden;
}

a#prev_photo, a#next_photo {
	position: absolute;
	top: 16px;
	z-index: 1;
}
a#prev_photo {left: -20px;}
a#next_photo {right: -4px; //right: 0px;}
/*********/


/* One Foto */
div#one_photo {
	margin: 2em 2em 0 0;
	min-width: 600px;
	//width: expression( this.clientWidth <= 600 ? '600px' : '100%' );
}

div#one_photo table {}
div#one_photo table div#dont_print_center {
	width: 1px;
	height: 1px;
	position: relative;
	z-index: 1;
	left: 50%;
	top: 180px;
	//top: 50%;
	border: 1px solid red;
}
div#one_photo table div#dont_print_center img#dont_print_image {
	position: absolute;
	z-index: 2;
	top: -17px;
	left: -142px;
	background-position: center;
	background-image: url('dont-print.png');
	// background-image: none;
	// filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/dont-print.png', sizingMethod='crop');
}
.print div#dont_print_center {visibility: hidden;}

#i_print img.print {display: block;}
#i_print img.dont_print {display: none;}

.print #i_print img.print {display: none;}
.print #i_print img.dont_print {display: block;}

div#edit_photo {
	padding: 2em 0em;
}
a#i_rotate_cv, a#i_rotate_ccv, a#i_crop, a#i_cropbtn {
	float: left;
	color: #9d7d48;
	font-size: 0.7em;
	padding-right: 5px;
}
a#i_cropbtn {color: #FFD400; padding-left:10px; visibility:hidden; }
a#i_crop:hover {color: white;}
a#i_crop img {	margin-left: 10px; margin-right: 5px;}
#i_print, #i_delete {
	float: right;
	padding-left: 5px;
}

div.print_params {
	color: white;
	font-size: 1em;
	margin: 2em 1em 0 0.5em;
}
div.print_params h3 {
	font-weight: normal;
	font-size: 1.0em;
}
table.print_format {
	width: 250px;
}
table.print_format td {
	padding: 0.2em 0.8em 0.2em 0;
}

.recomended {
	color: #51ef26;
}
td.recomended, td.critical, td.warning {
	vertical-align:middle;
}
.critical {
	color: #ffd44f;
}
.not_recomended, .not_recomended a {
	color: #c72016;
}
.warning, .warning a {
	color: #c72016 !important;
}
.warning a:hover {color: white !important;}
/*********/

#photo_files, .pbot {
	padding-bottom: 0.4em;
}
.file input {
	color: #444444;
	font-size: 0.75em;
	margin: 2px;
}

form .wide {width: 100%;}

.wbox {
/*border: solid 0px #000;*/
border: solid 0px #000000;
position: absolute;
background-color: #000000;
overflow:hidden;
}
/*
.bbox {
border: solid 1px #FFFFFF;
position: absolute;
background-color: #FFFFFF;
width: 100px;
height: 100px;
}
*/
.box64 {
position: absolute;
background-image: url('/i/64.gif');
}

/*crop*/
.cropbox {
cursor:move;
position:absolute;
z-index:100;
visibility:hidden;
}
.cbh {
background:transparent url(/i/cbh.gif) repeat-x scroll 0pt;
height:1px;
position:absolute;
width:100%;
z-index:101;
}
.cbv {
background:transparent url(/i/cbv.gif) repeat-y scroll 0pt;
height:100%;
position:absolute;
width:1px;
z-index:101;
}
.cb_t {
left:0pt;
top:0pt;
}
.cb_r {
right:0pt;
top:0pt;
}
.cb_b {
bottom:0px;
left:0pt;
}
.cb_l {
left:0pt;
top:0pt;
}
/*
.cb_t, .cb_r, .cb_b, .cb_l {
padding: 0px;
margin: 0px;
}
*/
.cb_hand, .cbN, .cbNE, .cbE, .cbSE, .cbS, .cbSW, .cbW, .cbNW {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #333333;
height:6px;
width:6px;
//height:8px;
//width:8px;
margin:0px;
padding:0px;
opacity:0.5;
position:absolute;
z-index:102;
}
.cbN {
cursor:n-resize;
left:0pt;
top:-4px;
}
.cbNE {
cursor:ne-resize;
right:-4px;
top:-4px;
}
.cbE {
cursor:e-resize;
right:-4px;
top:0pt;
}
.cbSE {
cursor:se-resize;
bottom:-4px;
right:-4px;
}
.cbS {
cursor:s-resize;
bottom:-4px;
right:0pt;
}
.cbSW {
cursor:sw-resize;
bottom:-4px;
left:-4px;
}
.cbW {
cursor:w-resize;
left:-4px;
top:0pt;
}
.cbNW {
cursor:nw-resize;
left:-4px;
top:-4px;
}
.movearea {
/*background-color:#FFFFFF;*/
/*opacity:0.01;*/
// background: url(/i/d-t.gif) no-repeat left top;
height:100% !important;
width:100% !important;
cursor:move;
}
.rlabel {
background:#FFFFFF none repeat scroll 0%;
border:0px;
color:black;
position: relative;
left:6px;
margin-top:8px;
font-size: 11px;
/*cursor:crosshair;*/
cursor:pointer;
text-decoration: underline;

padding:2px 1px 2px 16px;
background-image:url(/i/rot.gif);
background-repeat: no-repeat;

display:block;
float:left;
}

.croppern #crst1 {display: block;}
.croppern #crst2 {display: none;}
.cropperb #crst1 {display: none;}
.cropperb #crst2 {display: block;}
#crst2 {
	float: left;
	color: #9d7d48;
	font-size: 0.7em;
}
#crst2 img {
	margin: 0 5px 0 10px;
}
.fukccont {
border-collapse: collapse;
width: auto;
}
.vac {
vertical-align: middle;
}

.livebc {margin-right: 5px;}
#lcoff A:visited, #lcoff A {color: #6d6d6d;}
#lcon A:visited, #lcon A {color: #32aa3a;}
#lcon {display: none;}
#lcoff {display: block;}
.live #lcon {display: block;}
.live #lcoff {display: none;}

.ban {
margin-top: 40px;
}
.pumpa {
cursor: pointer;
margin-bottom:10px;
font-size:1.3em;
color:#FFD400 !important;
border-bottom:1px dashed #FFD400;
font-style: normal;
}

P.err, span.err {color:AA0000; padding:0px; margin:0 0 2px 0;}
.dn{display:none}
.dnp{padding-bottom:10px;}

/*tooltip*/
.tool-tip {
color: #fff;
width: 139px;
z-index: 13000;
}
.tool-title {display:none;}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(bubble.png) bottom right;
}
.tool-loading {
background: url(/i/loader.gif) center center no-repeat;
width: 33px;
height: 33px;
margin: 0 auto;
}