/* Spplemental styles for ONLY the add photo process. Organization:
- Structural elements
- specific sections
lastmod 03-09 */

/* This are the rather complex structure for the nested rounded corners. */

#add-form-outer { 
	float:left; 
	margin:0 auto 18px auto;  
	width: 48%; 
	padding: 0;
	background: #ffffff url(/images/full-rounded-left.gif) top left repeat-y; 
}
#add-form-inner { 
	margin:0; 
	padding: 0;
	background: transparent url(/images/full-rounded-right.gif) top right repeat-y; 
}
#add-form-content { margin: 0 16px 0 16px; padding: 12px; }
#add-f-top,
#add-f-bot	{ height: 36px; float: left; margin:0; padding:0; }
#add-f-top	{ width: 100%; background: #FEDA6C url(/images/full-rounded-top.gif) top left repeat-x; }
#add-f-bot	{ width: 100%; background: #FEDA6C url(/images/full-rounded-bot.gif) bottom left repeat-x; }
#add-f-tl,
#add-f-tr,
#add-f-bl,
#add-f-br	{ 
	height: 36px; 
	width: 36px; 
	font-size: 2px; 
	margin:0; 
	padding:0; 
	background:url(/images/add-photo-circle.gif); 
}
#add-f-tl	{ float: left; background-position: 0 0;  }
#add-f-tr	{ float: right; background-position: 36px 0;  }
#add-f-bl	{ float: left; background-position: 0 -36px; }
#add-f-br	{ float: right; background-position: -36px -36px; }

#add-right-col { margin-left: 50%; font-size: 95%; } 
#add-right-col p,#add-right-col ul,#add-right-col .float-right { margin-right: 24px; }

#add-outer-container {
	width: 100%; 
	float:left; 
	margin:0 auto 18px auto;  
	width: 100%; 
	padding: 0;
	background: #FFF5D7; 
}

#add-outer-bot { 
	width: 100%; 
	height: 23px;
}
#add-outer-tr,#add-outer-bl,#add-outer-br { 
	height: 23px; 
	width: 23px; 
	font-size: 2px;   
	background: #FFF5D7 url(/images/large-tan-circle.gif) no-repeat;
}
#add-outer-tr { 
	float: right;   
	background-position: -23px 0; 
}
#add-outer-bl { 
	float: left; 
	background-position: 0 -23px;
}
#add-outer-br { 
	float: right;   
	background-position: -23px -23px;
}

#add-form label, #add-form input, #add-form select { font-size: 90%; } /*Not textarea or *!! */
#optional_fields { display: none; }

/*----------------- For the pseudo-progress bar -----------------------*/
#bar { height:15px; display:none; }
#progressBar{
     border: 1px groove #6e6e6e;
     width:100%;
     height:15px;
     }

#start{
     background-color:#6e6e6e;
     text-align:center;
     font-face:Tahoma;
     font-weight:bold;
     font-size:9px;
     color:#ffffff;
	 float: left;
	 height:15px;
     width:0%;
     }
#end{
     background-color:#DDDDDD;
	 float: left;
	 height:15px;
     width:100%;
     }

/*------------------- the rest of upload page -------------------------*/

#thumbnail-block{ margin-right: 24px; }
.img-tn			{ overflow:hidden;  text-align: right; border-bottom: 1px solid #FFC313; }
.img-tn img		{ float: right; margin: 6px 0 12px 12px; padding: 4px; border: 1px solid #FFC313; background:#ffffff; }
.img-tn h4		{ margin-bottom:0; margin-top:6px; padding-bottom:0; }
.img-tn p		{ font-size: 90%; text-align: right; margin: 8px 12px 0 0; }
.img-tn .emph   { font-size: 100%; }
#preview-update { text-align: center; }
#preview-update form { width: 50%; float: left; text-align: center; }

/*------------------------- ad details --------------------------------*/
#detail-head			{ margin-bottom:0; padding-bottom:0; text-align:left; }
#detail-phone			{ margin-top:0; color: #000000; font-size: 100%; text-align:left; }
#detail_descr			{}
#more-info				{ float: right; width: 35%; background: #ffffff; margin:12px 0 12px 12px; border: 1px solid #FFC313; }
#more-info td			{ padding: 4px; }
#detail-image-div		{ }
#detail-img				{ padding: 6px; border: 1px solid #FFC313; background:#ffffff; }
.img-thumbnail-class	{ margin: 0 0 6px 12px; padding: 4px; border: 1px solid #FFC313; background:#ffffff; }
.thumb-block			{ float: right; width: 145px; text-align: center; }
#ad-right-container		{ width: 655px; }
#adview					{ font-size: 90%; font-weight:700; }