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




.active-form { display: none; }


#topimage {
	overflow: hidden;
	height: 100%;
	float: left;
	}
#mimg_cont, #aimg_cont {
	width: 200px;
	background-repeat: no-repeat;
	}
#tips {
	float: right;
	width: 640px;
	height: 50px;
	background: gray;
	}
	
.blockheader, .blockheader-close {
	background: #DAE2E8 url(/img/arrow_open.gif) no-repeat center left;
	border-top: 1px solid #B1BDD6;
	color: #45688E;
	height: 15px;
	font-size: 11px;
	padding: 3px 0 1px 25px;
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
	}
.blockheader-close {
	background: #EEEEEE url(/img/arrow_close.gif) no-repeat center left;
	border-top: 1px solid #CCCCCC;
	color: #888888;
	}
#transforms, #insert_text_container, #effects, #bgs, #design, #addimage, #selectarea, #user-bgs, #user-create-bg, #mainphoto, #pictures {
	width: 685px;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
	}
#insert_text_container-box div.text_block {
	float: left;
	padding: 5px;
}
#text_buttons {
	width: 90px;
}
#mainphote { overflow: none }
#mainphoto .blockheader, #pictures .blockheader { cursor: default }
#back_image, #timg { background-repeat: no-repeat; }
#back_image {
	position:relative;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 500px;
	}


.ready {
	width: 220px;
	height: 30px;
	text-align: center;
	}
.ready .btn { padding-left: 65px }
#mainphoto .ready {
	width: auto;
	}
#mainphoto .ready .btn { padding-top: 10px;padding-left: 0 }

.btn a, .btn label {
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	}
.ready .btn a { font-size: 14px;}
.btn a:hover { color: #DAE1E8; text-decoration: none }

#pageheader, #mainpageheader {
	border-bottom:1px solid #D7CF9E;
	border-left:1px solid #E4DDB4;
	border-right:1px solid #DCD4A4;
	background:#EEE5B8 url(/img/header_yellow.gif) repeat-x;
	font-size: 11px;
	padding: 4px 10px 3px;
	font-weight: bold;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	margin-bottom: 10px;
	width: 685px;
	}
#mainpageheader { width: 685px; }

#bgs-box, #user-bgs-box, #design-box {
	float: left;
	clear: rigth;
	width: 536px;
	height: 252px;
	overflow: hidden;
	/*overflow-y: auto;*/
	border-left: 1px #ccc solid;
	}
#bgs-box, #design-box {
	position: absolute;
	margin-left: 70px;
	}
#design-box { margin-left: 0px; width: 638px }
#bgi_in, #design_in {
	width: 506px;
	position: relative;
	top: 0;	
	}
#design_in { width: 608px }
#design_in li a {
	width: 100px;
	height: 250px;
	display: block;
}
#slider_container, #eff_slider_container {
	float: left;
/*	display: none; */
	width: 21px;
	height: 252px;
	margin-left: 520px;
}
#eff_slider_container {margin-left: 630px }
#pictures-box {
	overflow: hidden;
	height: 85px;
	width: 640px;
	margin: 0 auto 10px;
	}
#pictures-box li {
	float: left;
	height: 75px;
	width: 112px;
	padding: 4px;
	margin-right: 6px;
	border: 1px #ccc solid;
	background: no-repeat center center;
	}
#pictures-box li a {
	display: block;
	height: 75px;
	width: 112px;
	}
#bgs-box .bgimg, #user-bgs-box .bgimg, #design-box .bgimg {
	float: left;
	width: 100px;
	height: 250px;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	}
#design { height: 370px; }
#design .btn {
	padding-top: 10px;
	padding-right: 10px;
	}
#dcatselect {padding-bottom: 10px }
/*#bgs-box .bgimg { background: url(/img/pic_bg.png) no-repeat top left } */
#bgs-box .bgimg div {
	width: 100px;
	height: 250px;
	}
#bgs-box .bgimg a, #user-bgs-box .bgimg a {
	width: 100px;
	height: 250px;
	display:block;
	}
#categories { border-bottom: 1px #ccc solid; padding-bottom: 10px }
#categories ul li { height: 100% }
#categories a {
	background:#fff;
	border-top:1px #fff solid;
	display:block;
	width: 141px;
	padding:3px 3px 3px 6px;
	}
	#categories a:hover {
		background:#DAE1E8;
		border-top:1px #CAD1D9 solid;
		color:#36638E;
		text-decoration:none;
		}	
		
.hide { display: none }
.show { display: block }


#information {
	padding-top: 10px;
	overflow: hidden;
	height: 100%;
	margin-bottom: 10px;
	}

#topBG { margin-bottom: 10px; clear: both; overflow: hidden; height: 100%; }
#topBG li {
	float: left;
	width: 100px;
	height: 250px;
	margin: 4px;
	border: 1px #eee solid;
	}
	

#lastavatars li {
	text-align: center;
	}
#lastavatars li { margin-bottom: 5px; }
#lastavatars li img { border: 1px #eee solid; }

#round_top { background: url(/img/round_top.png) no-repeat top center; }
#round_bottom { background: url(/img/round_bottom.png) no-repeat bottom center;  }
	
#back_image, #timg, #aimg_cont, #round_top, #round_bottom {	position: relative;	}	
	
#mimg_cont_container, #back_image_container, #timg_container, #aimg_cont_container, #round_top_container, #round_bottom_container {
	position: absolute; 
	left: 10px;
	top: 83px; 
	width: 200px; 
	height: 1900px;
	overflow: hidden;
	}

#mimg_cont_container { z-index: 200 }
#aimg_cont_container { z-index: 300 }
#back_image_container { z-index: 400 }
#timg_container { z-index: 500 }
#round_top_container { z-index: 600 }
#round_bottom_container { z-index: 700 }

.jstick {
	width: 70px; 
	height: 70px;
	float: left;
	overflow: hidden;
	padding: 3px;
	}
.jstick2 {
	width: 70px; 
	height: 70px;
	float: left;
	overflow: hidden;
	}
	.jstick2 a {margin: 0 auto }
#upText, #upPicture {
	cursor: pointer;
	width: 70px; 
	height:23px; 
	display: block; 
	background: url(/img/arrow_top.gif) no-repeat top left;
	}
#leftText, #leftPicture {
	cursor: pointer;
	width: 34px; 
	height: 24px; 
	float: left; 
	clear: left; 
	display: block; 
	background: url(/img/arrow_left.gif) no-repeat top left;
	}	
#rightLink, #rightText, #rightPicture {
	cursor: pointer;
	width: 36px; 
	height: 24px; 
	float: left;
	display: block; 
	background: url(/img/arrow_right.gif) no-repeat top left;
	}
#downText, #downPicture {
	cursor: pointer;
	clear: left;
	width: 70px; 
	height:23px; 
	display: block; 
	background: url(/img/arrow_bottom.gif) no-repeat top left;
	}

#upLink, #upAddLink, #user_upLink {
	cursor: pointer;
	width: 28px;
	height: 35px;
	display: block;
	background: url(/img/arrow2_top.png) no-repeat top left;
	
	}
#downLink, #downAddLink, #user_downLink {
	cursor: pointer;
	width: 28px;
	height: 35px;
	display: block;
	background: url(/img/arrow2_bottom.png) no-repeat top left;
	}

#leftLink, #user_leftLink {
	cursor: pointer;
	clear: left;
	float: left;
	display: block;
	width: 70px;
	margin-top: 50px;
	height: 48px;
	background: url(/img/arrow_round_left.png) no-repeat top left;
	}
#rightLink, #user_rightLink {
	cursor: pointer;
	float: left;
	display: block;
	width: 70px;
	margin-top: 150px;
	padding-left: 10px;
	height: 48px;
	background: url(/img/arrow_round_right.png) no-repeat top left;
	}


#clearBackground {
	clear: left;
	float: left;
	width: 69px;
	height: 32px;
	background: url(/img/clear_bg.png) no-repeat top left;
	display: block;
	}

.btn a {
	display: block;
	width: 100%;	
	}	 
.btn {
	float: left;
	}
.btn_title {
	background:#36638E;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	}
.btn_top {
	
	}
.btn_bottom {
	
	}
.b1, .b2 {
	background:#36638E;
	font-size:0.01em;
	height:1px;
	overflow:hidden;
	}
.b1 {
	border-left:1px solid #9AB1C6;
	border-right:1px solid #9AB1C6;
	margin-left:1px;
	margin-right:1px;
	}
.b2 {
	border-left:1px solid #9AB1C6;
	border-right:1px solid #9AB1C6;
	}

#wall-form input, #wall-form textarea {
	border:1px solid #C0CAD5;
	font-size: 11px;
	padding: 3px;
	}

#insert_text_container .btn { padding-right: 10px; }
#formAddImage .btn {padding-left: 10px}
#formSelectArea .actions { padding-top: 10px }
#formSelectArea .btn { padding-right: 10px }
#formSelectArea2 .actions { padding-top: 10px; overflow: hidden; height: 100%; padding-bottom: 10px }
#formSelectArea2 .btn { padding-right: 10px; }
#bgs .btn { padding-top: 10px;padding-right: 10px; }
#formUploadImage .btn { padding-left: 10px }
#formSelectImage .btn { padding-top: 10px }
#user-bgs .btn { padding-top: 10px }
#effects .btn { padding-right: 10px; padding-top: 5px; }
#formWall .btn { padding-top: 10px }
#selectarea .btn { padding-right: 10px }
#addimage .btn { padding-right: 10px }
#pictures .btn { padding-top: 10px; padding-right: 10px }
#pictures #rightLink { float: right; padding:0 }
#pictures #leftLink { padding: 0 }
#information .btn { padding-right: 10px; padding-top: 10px}


#information .tip-one, #information .tip-two, #information .tip-three {
	height: 33px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-left: 55px;
	padding-top: 7px;
	font-size: 18px;
	color: #36638E;
	}
#information .tip-one {	background: url(/img/one.png) no-repeat top left; }
#information .tip-two { background: url(/img/two.png) no-repeat top left; }
#information .tip-three { background: url(/img/three.png) no-repeat top left;}



#catselect { float: left; margin: 10px; }

#originalCont, #loadedImage, .cropWrapper {overflow: hidden }
#originalCont { display: none }

/*#frame_picture, #picture_timg_container, */
#frame_picture {
	margin: auto;
	background: no-repeat top left;
}
#loading_container {
	background: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	display: none;
	}
	
#effect_container {
	background: no-repeat top left;
}
#dragable_container { overflow: hidden; }
#dragable { cursor: move }
#pictures {
	height: 180px;
	}

div#fontSize {
	height: 50px;
}

div.advanced {
	width: 400px;
	margin: 5px 0;
	background: url(images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#red div.knob {
	background-image: url(images/red.png);
}
div#green div.knob {
	background-image: url(images/green.png);
}
div#blue div.knob {
	background-image: url(images/blue.png);
}



#frames-in {
	position: relative;
	height: 85px;
}


#borders_cont {
	width: 640px;
	height: 480px;		
}
#borders_cont div {
	 position: absolute;
}
#top_brd, #bottom_brd {
	background-color: #fff;
	width: 640px;
}
#right_brd, #left_brd {
	background-color: #fff;
	height: 480px;
}