body {background: #FFFFFF; margin:3px}
		body, table {font-size:10pt; font-family: arial, helvetica, sans-serif; }
		form {margin: 0}
		img {border: 0}
		.forms, .buttons {font-size:8pt; border: 1px solid #767676;}
	    .optforms {font-size:7pt;}
		.titles-error, .titles-mid {font-weight: bold; text-align:center; margin: auto; padding: 5px}
		.titles-error {color: #FF0000; font-size: 9pt;}
		.titles-mid {font-size: 9pt;}
		.l {text-align: left;}
		.c {text-align: center;}
		.r {text-align: right;}
		.absbottom {vertical-align:text-bottom}
		.absmiddle {vertical-align:middle}

/*  +++++++++++++++++++++++++++++++++  */			
/*  STYLES FOR default.asp  */
/*  +++++++++++++++++++++++++++++++++  */	

		.upload-block {
			width:340px;
			margin:auto;
			position:relative;
			text-align:left
		}
		.file-cloak {
			position:absolute;
			z-index:1;
			top:0;
			left:0;
			}
		.file-upload {
			position:relative;
			z-index:2;
			font-size:9pt;
			cursor:pointer;
			width:200px;
			-moz-opacity:0;
			filter:alpha(opacity: 0);
			opacity: 0;
		}
		#uplimg {
			display:none;
			width:100%;
			height:100%;
			position:absolute;
			top:0;left:0;
			filter:alpha(opacity=90);
			opacity: 0.9;
			-moz-opacity:0.9;
			z-index:1000;
			background:#FFFFFF
		}
		#loader {text-align:center;
			position:absolute;
			width:100%;
			top:50%;
			font-size:11pt;
			font-weight:bold;
			color:#000000
		}
		#oir_div {
			width: 600px;
			text-align:left;
			margin:auto;
			margin-top:1px;
			font-size: 9pt;
			border: 1px solid #767676;
			display: block;
			padding: 1px;
		}
		#wrap {
			text-align:center;
			padding:1px;
		}

		#head {
			width: 600px;
			height: 25px;
			line-height: 23px;
			color: #FFFFFF;
			font-weight: bold;
			display: block;
			background: url(img/oir-bar.png) top left repeat-x;
			margin: auto;
			text-align:center;
		}
		
		.oir_head {
			width: 548px; 
			height: 25px; 
			line-height: 22px; 
			font-weight: bold;
			text-align: center;
	    	font-size:10pt;
	    	color: #FFFFFF;
			background: url(img/oir-bar.png) top left repeat-x;
			position:relative;
			margin:1px 0 0 1px;
			}

			
			
			
/*  +++++++++++++++++++++++++++++++++  */			
/*  STYLES for OIR_resizer.asp  */
/*  +++++++++++++++++++++++++++++++++  */	
			
		#uplimg1 {
			width:100%;
			height:100%;
			position:absolute;
			top:0;left:0;
			filter:alpha(opacity=90);
			opacity: 0.9;
			-moz-opacity:0.9;
			z-index:1000;
			background:#FFFFFF
		}
			
		#oir-border {border: 1px solid #767676;width:802px;}
			
		#oir {margin: 3px 0 0 0;width: 550px;font-size:9pt;height: 175px;}
		#oir .buttons {font-weight: bold; background: #D8D8DA; border: 1px solid #767676;}
	    #oir a {font-weight: normal;}
	    #oir td {height:26px; white-space: nowrap}
	    
		#oir-block {margin: 3px;}

	    #oirCrop {
	    	position: absolute;
	    	border: 1px dotted #000000; 
		    width: 98px; height: 98px; 
		    background: #FFFFFF url(img/oir-crop.gif) bottom center no-repeat;
		    text-align: center;
	    }
	    
	    #oirCrop span {font-size:8pt; color: #000000;font-weight:bold;}
	    
		#oir-wrap {text-align: left; width: 548px;}
		#oir-toi {width: 250px;position: absolute; top:5px; left: 555px;}
	    
	    .oir-resized {text-align: left; display: none;position:relative;}
	    
	    #image-id {
	    	width: 548px; 
	    	height: 25px;
	    	line-height:22px;
	    	text-align: center; 
	    	font-weight: bold; 
	    	font-size:10pt;
	    	color: #FFFFFF;
	    	background-image: url(img/oir-bar.png);
	    	background-repeat: repeat-x;
	    	position: relative;
	    	margin: 0 0 1px 1px;
	    }

	    .image-id {background-position: top left}
	    .image-id-res {background-position: bottom left}
	    .oir-even {}
	    .oir-odd {background: #EEEADE;}
	    
	    .oir-buttons {
	    	width:150px; 
	    	height:24px;
	    	background: url(img/oir-process.png); 
	    	display:block; 
	    	position: relative; 
	    	color:#EEF0F2; 
	    	font-weight: bold;
	    	font-size: 10pt;
	    	margin: auto;
	    	}
	    .resize {background-image: url(img/oir-process.png); background-position: top left;}
	    .resize-wait {background-image: url(img/oir-process.png); background-position: bottom left;}
	    
	    .download {background-image: url(img/oir-download.png); background-position: top left;}
	    .download-wait {background-image: url(img/oir-download.png); background-position: bottom left;}
	    
	    .button-text {position: absolute; left: 28px; top: 3px;}
	    
		
		#mask {
			position: absolute;
			width: 250px;
			z-index: 1000;
			height: 200px;
			background: #FFFFFF;
			top: 27px;
			left:0; 
			filter:alpha(opacity=80);
			opacity: 0.8; 
			-moz-opacity:0.8;
		}
		
		#qp {
			display: none;
			position: absolute;
			width: 128px;
			height: 94px;
			top: 110px;
			left: 100px;
			border: 1px solid #000000;
			z-index: 900;
		}
		#qp_frame {
			width: 128px;
			height: 94px;
		}
		
		#qps { 
			position: absolute;
			top: 91px;
			left: 130px;
		}
		
		#toi-head {
			height: 25px;
			line-height: 22px;
			font-weight:bold;
			margin:auto;
			text-align:center;
			display:block;
			background: url(img/oir-bar.png);
			color: #FFFFFF;
		}
		
		#oir_text {
			background: url(img/oir-text-move.gif) no-repeat; 
			padding: 0 0 0 20px;
			margin: 0;
			height: auto;
			width: auto;
			position: absolute;
			white-space: nowrap;
			font-size: 20px;
			display:block;
			border: 1px dotted #000000;
			}
		#oir_inner_text {height: auto; width: auto; margin:0;padding:0;display:block;position: absolute;white-space: nowrap;font-size: 20px;}
		
	    #tcolor, #scolor, #bcolor {width:16px; height:16px; background: #000000; border: 1px dotted #000000;margin:auto;}
	    #bcolor {background: #FFFFFF;}
	    
	    #oir_texta {color: #000000;}
	    .text-normal {text-decoration: none;}
	    .text-underline {text-decoration: underline;}
	    
	    #oir_help {
	    	position: absolute;
	    	width: 550px; 
	    	height:500px;
	    	display:block;
	    	top: 5px;
	    	left: 5px;
	    	z-index: 1100;
	    	padding: 25px 0 0 0;
	    	border: 1px solid #000000;
	    	background: #FFFFFF;
	    }
	    
	    #oir_help_head {
	    	position: absolute;
	    	top:0;
	    	left:0;
	    	text-align:center;
	    	background: #FFFFFF url(img/oir-bar.png) top left repeat-x;
	    	height: 25px;
	    	line-height: 23px;
	    	width: 550px;
	    	font-weight: bold;
	    	color: #FFFFFF;
	    }
	    
	   #oir_help_frame {width:550px; height:500px; margin:0}