@charset "utf-8";
/* CSS Document */

/* crap start */

/* crap end*/

body {font-size:12px;
	  font-family:Verdana;
	  overflow: auto; }
	  
p {font-size:12px;
   font:Verdana;
   text-align:justify;
   padding-bottom: 0px; }
   
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #000000;
}
    
h3 {color:#FF0000;
    padding-bottom: 3px;
	font-size:14px; }

.vid {color:#FF0000;
	font-size:14px; }

h2 {color:#000000;
    padding-bottom: 30px;
	font-size:12px;
	text-decoration:underline;
	font-style:normal;
	text-weight:normal; }
	
.main {position: absolute;
       margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
       width: 824px;
       height: 594px; } 

.ramis  {
	position: absolute;
	top: 1px;
	left:3px;
	width: 824px;
	height: 594px;
	z-index: 5;
}

.iframe  {
	position: absolute;
	top: 83px;
	left:94px;
	height: 400px;
	width: 663px;
	z-index: 6;
}

.handcursor {cursor:hand; 
             cursor:pointer;
			 text-decoration:underline; 
             }
.caltext {
font-size:12px;
}

.caltextname {
font-size:12px;
color:#FF0000;
font-weight:bold;
}

.balloonstyle{
cursor: hand;
cursor: pointer;
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

.callink A:link {text-decoration: underline; color:#FF0000; font-weight: bold;}
.callink A:visited {text-decoration: underline; color:#FF0000; font-weight: bold;}
.callink A:active {text-decoration: underline; color:#FF0000; font-weight: bold;}
.callink A:hover {text-decoration: underline; color:#FF0000; font-weight: bold;}

.callinkold A:link {text-decoration: none; color:#FF0000; font-weight: normal;}
.callinkold A:visited {text-decoration: none; color:#FF0000; font-weight: normal;}
.callinkold A:active {text-decoration: none; color:#FF0000; font-weight: normal;}
.callinkold A:hover {text-decoration: none; color:#FF0000; font-weight: normal;}

img.imgcenter {
display: block;
margin-left: auto;
margin-right: auto;
}

		#filesDisplay {
			padding: 10px;
			margin-top: 20px;
			background: transparent;
			border: 0px;
			display: none;
			padding-bottom: 2px;
		}
		
		#SWFUpload {
			margin-left: 20px;
		}
		
		#mmUploadFileListing {
			margin: 0;
			padding: 0;
		}
		
		#mmUploadFileListing li {
			margin: 0 10px 10px 0;
			border: 1px solid #000000;
			display: block;
			float: left;
			width: 100px;
			list-style-type: none;
			font-size: 11px;
		}
		
		.uploading { color: #CCC; }
		.uploadDone { color: #000; }
		
		span.progressBar {
			width: 100px;
			display: block;
			font-size: 10px;
			height: 2px;
			margin-top: 2px;
		}
		
		
		
		
		
	.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	
	}
		
	#insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#dragDropContent{

		opacity:0.5;	/* 40 % opacity */
		filter:alpha(opacity=50);	/* 40 % opacity */

		/* 
		No need to change these three values 
		*/
		position:absolute;
		z-index:10;
		display:none;
			
	}