a {
    color: #0171AF;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* login dialog */
#login-dialog .bd {
	padding		: 10px;
}

#login-dialog .bd label {
	display		: inline-block;
	width		: 100px;
}

#login-dialog .bd input {
	border				: 1px solid #808080;
	font-family			: arial,sans-serif;
	margin-bottom	: 10px;
	padding				: 2px;
}

#login-dialog .bd input:focus {
	background-color		: #EEF5FF;
}

#login-dialog .bd input[type=password] {
	margin-bottom	: 0px;
}

body {
	margin: 0px;
	padding: 0px;
}

/* footer */
#ft {
	text-align			: center;
	position				: absolute;
	bottom				: 0px;
	width				: 100%;
	font-size			: 80%;
	padding-bottom	: 4px;
}

#ft a {
	padding-right		: 4px;
}

/* right advertisement */
#advertisement-right {
    position: absolute;
    overflow: hidden;
    top: 56px;
    right: 0px;
    width: 130px;
    border: none;
}

#advertisement-right div {
    width: 130px;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

/* left advertisement */

#adsense {
	position			: absolute;
	left				: 2px;
	bottom			: 10px;
}

#upload-panel-tabview .yui-content {
	background	: none;
	padding: 10px;

}

/* upload dialog */

#upload-panel-options-fieldset {
    width: 470px;
}
#upload-panel fieldset {
	margin			: 0px 0px 10px 0px;
	padding		: 10px;
	border			: 1px solid #C9C7C7;
	position		: relative;
}

#upload-panel fieldset legend {
	font-weight	: 900;
	cursor			: help;
}

#upload-panel .bd {
	padding		: 10px;
}

#upload-panel-scale {
	margin			: 10px 0px 10px 0px;
}
#upload-panel-options {
    margin-top: 10px;
}
#upload-panel-options .bd {
	padding: 0px;
}

#upload-select-link {
	width					: 160px;
	margin					: 0px;
}

#upload-panel-resize-input {
	margin-right	: 4px;
}

#select-link button {
	width					: 160px;
}

#uploader-container {
	padding-left		: 0px;
}

#upload-panel-progressbar-inner {
	background-color	: #C11E1E;
	height						: 20px;
	width						: 0px;
}

#upload-panel-progressbar-outer {
	height						: 20px;
	width						: 200px;
	background-color	: #CCC;
}

#upload-panel-progressbar-container {
	width						: 300px;
	position					: relative;
	display						: none;
}

#upload-panel-upload-fieldset {
	margin-top	: 10px !important;
}

#upload-panel-progressbar-status {
	font-size		: 150%;
	width			: 60px;
	margin			: 0px;
	position		: absolute;
	top				: 0px;
	right				: 0px;
	height			: 20px;
}



#upload-panel-test-input {
	margin-right	: 4px;
}

#upload-panel-url-input {
	width			: 240px;
	padding		: 2px;
	border			: 1px solid #C9C7C7;
	float				: left
}

#upload-panel-upload-tick {
	position				: absolute;
	top						: 4px;
	left						: 165px;
}

#upload-panel-url-tick {
	float						: left;
	margin-left			: 4px;
}

#upload-panel-test-tick {
	position				: relative;
	top						: 0px;
	left						: 4px;
	display					: inline-block;
}

.upload-tick {
	visibility				: hidden;
	width					: 20px;
	height					: 20px;
	background			: transparent url(../images/tick.png) no-repeat 0px 0px;
}

/* dialogs */

.dialog-label {
	margin-bottom	: 10px;
	display				: block;
}

#contrast .content, #blur .content, #brightness .content, #pixelate .content, #compressor .content, #about .content, #contact .content {
	padding		: 10px;
}

/* converter */

#converter .content {
	padding		: 10px 10px 16px 10px !important;
}

/* contrast */


/* blur dialog */

#blur-type-button {
	margin	: 0px 0px 10px 1px;
}

#blur-type-button-button {
	width: 100px;
}

/* compressor */

#compressor {
	visibility		: hidden;
}

#compressor-current-size-label, #compressor-new-size-label {
	display		: inline-block;
	width		: 120px;
}

#compressor-current-size-value, #compressor-new-size-value {
	text-align		: right;
	width			: 40px;
	display			: inline-block;
}

#compressor-colors-button-button, #save-colors-button-button {
	width: 80px;
}

/* save img dialog */

#saving-photo .content {
	padding		: 10px;
}

#saving-photo-format, #save-colors-button {
	margin		: 0px 0px 10px 1px;
}

#saving-photo-format button {
	width	: 60px;
}

#saving-photo input[type=text] {
	width		: 203px;
	border		: 1px solid #808080;
	padding		: 2px;
	text-align	: left;
	font-family	: arial,sans-serif;
}

#saving-photo-format button{
	font-family	: georgia,times,serif !important;
}

#filen {
	margin-bottom		: 10px;
}

/* about dialog */

#project-name {
	color						: #0171AF;
	font-size				: 200%;
	text-decoration		: none;
	font-family				: georgia,sans-serif;
	letter-spacing		: -2px;
}

#about {
	display				: none;
}

#about hr {
	color					: #000;
}

#about h1 {
	margin-bottom	: 4px;
}

/* editor area */
#photo-container {
	position		: absolute;
	top			: 0px;
	left			: 0px;
}

#editor {
	position					: absolute;
	top						: 57px;
	left						: 174px;
	overflow					: auto;
	border-right			: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	background			: #fff url( bg-editor.png )  -1px 0px;
}

#top-ruler {
	position						: absolute;
	top							: 42px;
	left							: 173px;
	height						: 15px;
	width						: 400px;
	background-image		: url( top-ruler.png );
	background-position	: 0px;
}

#left-ruler {
	position						: absolute;
	top							: 56px;
	left							: 159px;
	height						: 400px;
	width						: 15px;
	background-image		: url( left-ruler.png );
	background-position	: 0px 0px;
}

/* contact dialog */
#contact .input, #contact textarea {
	border				: 1px solid #808080;
	font-family			: arial,sans-serif;
	padding				: 4px;
	margin-bottom	: 10px;
}

#contact-description:focus {
	background-color		: #EEF5FF;
}

#contact-description {
	width			: 400px;
	height			: 100px;
}

#contact p {
	width			: 410px;
}


#contact input:focus {
	background-color: #EEF5FF;
}

#contact {
	display			: none;
}

#contact p.label {
	margin-top			: 10px;
	margin-bottom	: 2px;
}

.lengthlimit {
	color					: #CC0000;
}

/* top menu bar */

#top-menu-bar-file, #top-menu-bar-edit, #top-menu-bar-tools, #top-menu-bar-effects, #top-menu-bar-help {
	z-index				: 99999 !important;
}

/* mask picker dialog */

#mask-picker-slider {
	position		: absolute;
	left			: 10px;
	top			: 244px;
}

#mask-picker-opacity {
	position		: absolute;
	top			: 244px;
	left			: 236px;
	font-family	: Tahoma,sans-serif;
}

#mask-picker-slider-label {
	position		: absolute;
	top			: 226px;
	left			: 10px;
	font-family	: arial,sans-serif;
}

#mask-picker-dialog .bd {
	padding				: 6px;
	padding-bottom	: 60px;
}

#yui-picker-form {
	position		: relative;
	top			: 20px;
}

#color-mask {
	display		: none;
	position		: absolute;
}

#mask-picker-dialog {
	display		: none;
}

/* tooltip */

#tooltip {
	background-color	: #FFEE69;
	border-left				: 1px solid #A6982B;
	border-right			: 1px solid #A6982B;
	position					: absolute;
	width					: 10px;
}
#tooltip .bd {
	background			: #FFEE69 url( help32.png ) no-repeat 0px 0px;
	padding-left			: 32px;
	padding-top			: 32px;
	padding-right			: 4px;
	padding-bottom		: 4px;
}

#tooltip-corner-top {
	background			: transparent url( corner-top.png ) no-repeat center center;
	position					: absolute;
	padding					: 0px;
	top						: -10px;
	width					: 200px;
	height					: 10px;
	left						: -1px;
}

#tooltip-close-button {
	background			: transparent url( ../images/icons/close.png ) no-repeat 0px 0px;
	width					: 16px;
	height					: 16px;
	position					: absolute;
	right						: 10px;
	top						: 0px;
}

#tooltip-previous-button {
	background			: transparent url( ../images/icons/arrow_left.png ) no-repeat 0px 0px;
	width					: 16px;
	height					: 16px;
	position					: absolute;
	right						: 50px;
	top						: 0px;
}

#tooltip-next-button {
	background			: transparent url( ../images/icons/arrow_right.png ) no-repeat 0px 0px;
	width					: 16px;
	height					: 16px;
	position					: absolute;
	right						: 30px;
	top						: 0px;
}

#tooltip-corner-bottom {
	background			: transparent url(corner-bottom.png) no-repeat center center;
	position					: absolute;
	bottom					: -10px;
	width					: 200px;
	height					: 10px;
	left						: -1px;
}
#tooltip-dzyndzel {
	background			: transparent url( dzyndzel.png ) no-repeat center center;
	position					: absolute;
	width					: 10px;
	height					: 14px;
	right						: 80px;
	top						: -20px;
}

/* */






.acronym {
	font-style		: italic;
	cursor			: help;
}


#editor-dialog .bd {
	padding		: 10px;
}

.frame {
	padding		: 10px;
	border		: 1px solid #EDF5FF;
}


#zoomer .bd {
	padding: 10px;
}

#error-dialog .bd {
	padding: 10px !important;
}

#error-dialog .button-group {
	text-align: center;
}
/*
.mask {
	z-index: 999 !important;
}
*/

.contact-warning {
	color			: #FF3333;
	display		: none;
}







/* degree value on slider-type dialog */
.degree {
	font-size: 150%;
	width: 60px;
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 2px;
}

/* slider background */
.yui-h-slider {
	background:url(../libs/yui_2.6.0/build/slider/assets/bg-fader.gif) 5px 0 no-repeat !important;
}
/**
 * @TODO: z-index refactoring!
 */
.yuimenu {
	/*z-index: 900 !important;*/
}


.photo-attr-value:focus {
	background-color: #EEF5FF;
}





/* toolbar */

/* 20.01.09 */
.toolbar-line-container {
	width: 146px;
	height: 24px;
	margin-bottom: 1px;
}

.toolbar-line-container-button {
	width: 146px;
	height: 28px;
	margin-bottom: 1px;
	text-align: center;
}
.toolbar-label {
	width: 160px;
	height: 22px;
	padding-top: 2px;
	float: left;
}

.toolbar-property-label {
	width: 80px;
	height: 22px;
	padding-top: 2px;
	float: left;
}
.toolbar-property-value-input {
	float: left;
	width: 44px;
	padding: 2px;
}
.toolbar-property-value-text {
	float: left;
	padding-top: 2px;
	height: 22px;
}
#metric-type {
	margin: 0px;
	margin-left: 1px;
}
#toolbar-photo-scale-label {
	font-size: 80%;
}
#image-ratio-checkobx {
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}

#cropp-cancel button, #cropp-ok button{
	width: 60px;
}

#photo-info {
	margin-top: 20px;
	margin-left: 4px;
	border: none;
}

.photo-attr-value {
	width: 46px;
	border: 1px solid #808080;
	font-family: arial,sans-serif;
	padding: 2px;
	margin-bottom: 1px;
}

.photo-attr-name {
	width: 74px;
	margin-bottom: 2px;
	display: inline-block;
}

#toolbar {
	position: absolute;
	top: 56px;
	left: 0px;
	width: 150px;
	height: 300px;
	font-family: arial,sans-serif;
	border: 1px dashed #808080;
	background-color: #F2F2F2;
	border-left: none;
}

#metric-type-button {
	width: 50px;
}
#formatMenu-button {
	width: 60px;
}


#toolbar-tools {
	margin-left	: 4px;
	margin-top	: 17px;
	border		: none;
}

#toolbar-close-button, #toolbar-back-button {
	width: 17px;
	height: 13px;
}

#toolbar-close-button {
	float				: right;
	background	: transparent url(layout_sprite.png) no-repeat scroll -20px -100px;
}

#toolbar-back-button {
	float				: left;
	background	: transparent url(layout_sprite.png) no-repeat scroll -20px -160px;
	visibility			: hidden;
}

#photo-height-warning, #photo-width-warning {
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(warning-min.png);
	display: none;
}

#photo-height-warning {
	right: 2px;
	top: 19px;
}

#photo-width-warning {
	right: 2px;
	top: 37px;
}

/* cropp */
#cropp-position {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFEE69;
	border:1px solid #A6982B;
	border-top:1px solid #D4C237;
	/*z-index:999;*/
}

#cropp-info {
	display: none;
	margin-top: 7px;
}

/* image's miniature */
.image-miniature-mask, .image-miniature {
	display: inline-block;
	width: 100px;
	height: 100px;
}
.image-miniature-mask {
	position: absolute;
	left: 11px;
	top: 85px;
}


/* frame picker dialog */
#frame-picker > .bd {
	padding: 10px !important;
	font-family: arial,sans-serif;
}

/* slider type dialog */
#brightness-image-miniature-mask #contrast-image-miniature-mask {
	display: inline-block;
	width: 100px;
	height: 100px;
	position: absolute;
	left: 11px;
	top: 137px;
}
#brightness-image-miniature, #blur-image-miniature, #contrast-image-miniature, #pixelate-image-miniature {
	margin-top: 1px;
	width: 100px;
	height: 100px;
	border: 1px solid #808080;
	background: #fff url(loading_min.gif) no-repeat center center;
}



#brightness, #blur, #contrast, #pixelate {
	display: none;
}

/* tips */
#tips {
	padding: 4px;
	padding-top: 1px;
}
#tips-cropp, #tips-clipboard {
	display: none;
	opacity: 0.0;
	background-color: #FFEE69;
	padding: 2px;
	border:1px solid #A6982B;
}



/* 'please wait' dialog */
#wait > .bd {
	padding: 4px;
	padding-top: 6px;
}

/* buggy CSS code  */

#formatMenu {
	position: relative;
	font-family: arial,sans-serif;
	top: 6px;
}
#formatMenu button {
	font-family: arial,sans-serif;
}

/* send success dialog */
#send-success-dialog > .bd, #clipboard-dialog > .bd, #cropp-dialog > .bd {
	background: #FFEE69;
	padding: 4px;
}
#clipboard-dialog .bd, #cropp-dialog .bd {
	background: #FFEE69 url(help32.png) no-repeat 4px 4px;
	padding-left: 32px;
	padding-top: 32px;
	border: 1px solid #A6982B;
}

.icon {
	width						: 16px;
	height						: 16px;
	display						: inline-block;
	margin-right				: 4px;
	position						: relative;
	top							: 2px;
	background-color		: transparent;
	background-repeat		: no-repat;
	background-position	: 0px 0px;
	background-image		: url( ../images/icons/sprite.png );
}

#sepia-icon, #negative-icon, #contrast-icon, #brightness-icon, #blur-icon, #charcoal-icon, #oilpaint-icon, #bw-icon, #mirror-icon, #pixelate-icon, #red-eye-icon, #old-img-icon {
	background-position	: -587px 33px;
}

#faq-icon {
	background-position	: -454px -165px;
}

#reset-icon {
	background-position	: -767px 507px;
}

#upload-icon {
	background-position	: -64px -167px;
}

#nk-icon {
	background-image	: url( ../images/icons/nk.png );
}

#converter-icon {
	background-position	: -179px 437px;
}

#about-icon {
	background-position	: -238px -88px;
}

#rotate180-icon {
	background-position	: -601px 507px;
}

#rotate90l-icon {
	background-position	: -661px 507px;
}

#rotate90r-icon {
	background-position	: -703px 506px;
}

#rotate-icon {
	background-position	: -288px 33px;
}

#wet-floor-icon {
	background-position	: -515px 33px;
}

#mask-icon {
	background-position	: -118px 435px;
}

#cropp-icon {
	background-position	: -478px 507px;
}

#exit-icon {
	background-position	: -345px 33px;
}

#back-icon {
	background-position	: -818px 507px;
}

#save-icon {
	background-position	: -543px 107px;
}

#zoom-icon {
	background-position	: -909px 504px;
}

#contact-icon {
	background-position	: -418px -90px;
}

#frame-icon {
	background-position	: -295px 507px;
}

#forward-icon {
	background-position	: -869px 507px;
}

#compress-icon {
	background-position	: -354px 507px;
}

/* wet-floor dialog */
#wet-floor-dialog .bd {
	padding		: 10px;
}

#wetfloor-dialog-height-button, #wetfloor-dialog-opacity-button {
	width		: 60px;
}

#wet-floor-dialog-controls {
	margin-left		: 10px;
}


#wet-floor-dialog-controls .bd {
	padding		: 0px;
}

#wet-floor-dialog-img-container {
	width			: 200px;
	height			: 200px;
	float				: left;
	border			: 1px solid #808080;
}

#wet-floor-dialog-img-mask {
	background	: #fff url( loading_min.gif ) no-repeat center center;
}

#wet-floor-dialog-controls {
	float			: left;
}

#wet-floor-dialog .bd .label {
	width				: 100px;
	float				: left;
	margin-right	: 4px;
	position			: relative;
	top					: 4px;

}

#wet-floor-dialog .bd .clear {
	clear				: both;
}

#wet-floor-dialog .bd input[type=text] {
	width		: 60px;
	padding		: 2px;
}

#wet-floor-dialog .bd .line {
	margin-bottom	: 4px;
}

#confirm-dialog .bd {
	padding		: 10px;
}

#toolbar-red-eye {
	display	: none;
}

#toolbar-red-eye-ok {
	margin-bottom	: 4px;
}

#toolbar-red-eye-ok, #toolbar-red-eye-cancel {
	margin-left	: 0px;
}