@charset "utf-8";
/* CSS Document */
img, div, a, input ,td{ behavior: url(iepngfix.htc) }
*{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;}
a{
color:#FFFFFF;
text-decoration:none;}
.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}
.f_link{
margin:10px 10px 10px 18px;
font-size:15px;
font-weight:bold;
color:#75a2b0;}
.f_link a{
font-weight:normal;
font-size:15px;
margin:0px 5px;}
.f_link a:hover{
color:#0099CC;}

body{
background-color:#2c3638;}

.list {
height:200px;
overflow:auto;}
.list ul{
list-style:none;}
.list li{
padding:5px;
height:21px;
border-bottom:1px  #FFFFFF dotted;
}
.list li a:hover{ 
color:#0099CC;
}
.container{
width:944px;
height:705px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
.photframe{
float:left;
width:125px;
margin:7px;
border:5px solid #FFFFFF;}

.topbox{

background-image:url(images/bg_u.png);
color:#FFFFFF;
padding:15px;
margin: 0px 10px 187px 10px;
width:413px;
height:370px;
line-height:16px;
 }
 .topbox2{

background-image:url(images/bg_u.png);
color:#FFFFFF;
padding:15px;
margin: 0px 10px 257px 10px;
width:313px;
height:335px;
line-height:16px;
 }
 .topbox1{
background-image:url(images/bg_u.png);
 
color:#FFFFFF;
padding:15px;
margin: 0px 10px 17px 10px;
width:475px;
height:540px;
line-height:16px;
 }
.footer{
height:103px;
border-left:15px solid #1a89ac;
 }
 
/*Image Prevview Code*/
#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}

h2 {
	font-size:14px;
	padding:0;
	margin:0;
}