.hide_fixed{ position:fixed; top:-10000px; left:-10000px;  }
			.no_display{ display:none; }
			div.clear{ clear:both; }
			
			div#content{ position:relative; width:900px; left:50%; margin-left:-450px; top:50px;}
			
			div#select_bckg{  display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; 
					background-image:url('../systemimages/black_trans_dot.png'); z-index:10; }
				div#select_bckg div{ position:relative; left:50%; margin-left:-300px; top:100px;  
						height:400px; width:600px;  background-color:white;  border-radius:10px; border:8px solid #2f2f2f; }
					div#select_bckg div img.background_select{ display:none; position:absolute; left:15px; top:15px; 
						 border-radius:10px; height:370px; width:570px; z-index:10; }
					div#select_bckg div img.left_right{ position:relative; top:50%; margin-top:-20px; z-index:15;}
					div#select_bckg div img.left_right:hover, div#select_bckg div img#img_select:hover{ cursor:pointer; }
					div#select_bckg div img#img_left{ left:0px; }
					div#select_bckg div img#img_right{ float:right; }
					div#select_bckg div img#img_select{ position:absolute; top:100%; margin-top:-50px; z-index:15; left:250px; width:100px;}
					
			div#calendar{ clear:both; position:relative; width:100%; height:690px; border:1px solid #CCC;}
				div#calendar h2{ font-weight:bold; margin-top:20px; text-align:center;}
			
				div#calendar_preview{float:left; position:relative; height:100%; width:430px; margin-left:40px; }
					div#calendar_preview p#month{ border:1px solid #CCC; position:relative;
							width:425px; height:326px; }
					div#calendar_preview div#back_and_front{ position:relative; width:425px; height:326px; outline:1px solid #CCC;}
					div#calendar_preview img#calendar_background, div#calendar_preview img#calendar_image{ 
							position:absolute; top:0px; left:0px; width:425px; height:326px;  }
					div#calendar_preview div.frontpage{ margin-top:73px;}
					div#calendar_preview .month_page{ border:1px solid #CCC; width:425px; height:326px;  }
					div#calendar_preview p#first_page_text{position:relative; width:425px; height:25px; line-height:25px; overflow:hidden; text-align:center; 
							 top:-25px; font-weight:bolder; background-image:url('../systemimages/white_trans_dot.png');}
					
					
				div#calendar_options{float:right; width:350px; border:1px solid #CCC;  text-align:justify; margin-top:73px; margin-right:40px;	}
					div#calendar_options > div{ padding:5px; border-bottom:1px solid #CCC;}
					div#calendar_options h3{ font-size:120%; line-height:150%; font-weight:bold; padding-left:5px; }
					div#calendar_options div#info{ background-color:rgb(218,236,248);  }
					div#calendar_options span.rounded{ border-radius:10px; border:1px solid #CCC; background-color:rgb(218,236,248);  padding-left:8px; padding-right:8px;	font-family:sanspro;  margin-top:5px; }
					div#calendar_options span.rounded:hover{ cursor:pointer; }
					div#calendar_options #change_text_color{ display: none; }
					div#calendar_options ul#img_effects{ position:relative; }
						div#calendar_options ul#img_effects li{ float:left; position:relative; width:40%; margin-left:5%; font-size:80%;
							padding:5px; }
						div#calendar_options ul#img_effects li.row{ width:80%; }
						div#calendar_options ul#img_effects li:hover{ cursor:pointer; background-color:rgb(218,236,248); }
							div#calendar_options ul#img_effects li img{ width:18px; }
			
			div#choose_month{ position:relative; top:-50px;   }
			div#choose_month a{ float:left; margin-left:15px;text-decoration:none;}
			div#choose_month a.link_frontpage{ margin-left:130px;}
			div#choose_month a p{ text-align:center; font-size:80%; margin-top:5px;}
				div#choose_month h3{font-size:120%; line-height:150%; font-weight:bold; text-align:center; }
				div#choose_month img.pick_month{ position:relative; width:50px;   }
				div#choose_month img.pick_month:hover{ top:5px; cursor:pointer; }
				div#choose_month img.mark_pick_month{ top:5px; }
				
				div#choose_month p#change_month_arrows{ clear:both; }
					div#choose_month p#change_month_arrows a{ position:relative; left:50%; }
						div#choose_month p#change_month_arrows a#prev_month{ margin-left:-150px; }
						div#choose_month p#change_month_arrows a#next_month{ margin-left:30px; }
						div#choose_month p#change_month_arrows a img{ width:120px; }
			
			.browse_image { position: relative;  width: 200px;	height: 23px; overflow: hidden;	padding-top:3px;	  }
			    .browse_image input#fileElem { font-size: 200px;	position: absolute;	top: 0;	right: 0; text-align:left;
					-moz-opacity:0 ;
					filter:alpha(opacity: 0);
					opacity: 0;
				}
				.browse_image input#fileElem:hover { cursor:pointer; }
				
				
				
			div#colorpicker{ position:absolute; display:none;  width:180px; height:240px; border:2px solid gray; background-color:rgb(221,221,221); z-index:100;}
			div#picked{ float:left; position:relative; width:60px; height:240px; }
				div#show_color{ margin-top:50px; margin-left:10px; position:relative; width:36px; height:36px; border:2px inset gray; }
				button#pick_color{ margin-top:5px; margin-left:10px; width:40px; text-align:center; }
			div#color_list{ float:right; position:relative; width:120px; height:240px; }
				div.QuickColor{ position:relative; float:left; margin-left:2px; margin-top:2px; width:18px; height:18px; }
				div.QuickColor:hover{ cursor:pointer;}
				
			#screen_crop_image{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; 
					background-image:url('../systemimages/black_trans_dot.png'); z-index:50; text-align:center; }
				#screen_crop_image h2{ font-size:130%; text-align:center; color:white; }
				#screen_crop_image h3{ font-size:110%; text-align:center; color:white; }
				#croping_image{ position:absolute; height:80%; top:10%; }
				#image_part{ position:absolute; overflow:hidden;  }
					#croping_part{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-image:url('../systemimages/white_trans_dot.png');
							 z-index:10; }
					#croping_part:hover{ cursor: move; }
				#save_crop_part{ position:absolute; top:92%; left:40%;}
				#cancel_crop_part{ position:absolute; top:92%; left:60%;}
				#screen_crop_image #info{position:absolute; top:92%; left:80%; color:white;}
				
			#screen_loading{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; 
					background-image:url('../systemimages/black_trans_dot.png'); z-index:100; text-align:center;}
				#screen_loading img{ position:absolute; top:48%; left:48%; width:20px; height:20px; }
			
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				div.browse_image{ left:-40px; width:230px; }
				div.browse_image input#fileElem{ font-size: 280px; }
			}