/*
popup-structure.css
Compiled for: Fun Projects
Developed by: IT Outsourcing Asia

Last Update:
05 July 2010
04 August 2010
*/

/* popup css*/
#popup-container{display:block;position:absolute;z-index:100;}
#popup-title{display:block;width:250px;height:20px;}
#popup-container img{float:right;padding:2px 2px 0 0;}
#popup-label{width:125px;float:left;padding-top:10px;}
#popup-label label{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;width:125px;padding: 10px 5px 5px 20px;display:block;}
#popup-control{float:left;width:265px;padding-top:10px;}
#popup-control label{padding: 4px 5px 5px 20px;display:block;}
#popup-control a, #popup-control a:link{font-size:12px;}
#popup-control a:hover {text-decoration:none;}
.overflow-obj{overflow:auto;}
.popup-bgcolor{	margin:0 0;}

/* CSS for displaying error message at top */
.err_css{padding: 5px; margin-bottom:15px;}
.succ_css{ padding:5px; margin-bottom:15px;}
.img_span{float:left;padding-right: 5px;}

/* css for buttons */
button {border: none;background: none;padding: 0;margin:0 5px 0 0;	width: auto;overflow: visible;text-align: center;white-space: nowrap;height: 21px;line-height: 20px;cursor: pointer;}
button span, button em {display: block;height: 21px;line-height:18px !important;margin: 0;font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
button span {padding-left: 10px;}
button em {font-style: normal;padding-right: 10px;}

/* Button with white background */
button.button-white {border: none;background: none;padding: 0;margin:0; width: auto;overflow: visible;text-align: center;white-space: nowrap;height:21px;line-height: 20px;cursor: pointer;}
button.button-white span, button.button-white em {display: block;height: 21px;line-height:18px !important;margin: 0;font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
button.button-white span {padding-left: 10px;}	
button.button-white em {font-style: normal;	padding-right: 10px;}

/* New Pop-up control */
#popup-titlebar{ width:420px; height:20px;}
#popup-titlebar img{float:right; padding:3px 3px 0 0;}
#popup-body br{clear:both;}
#popup-body div{margin:10px 0 0 0;}
#popup-body a, #popup-body a:link{font-size:11px;}
#popup-body a:hover{text-decoration:none;}
#popup-body {font-size:10px;}
.popup-bgcolor form{margin:0;}
#err_picture_date{font-size:12px;}
#addphoto #popup-container{width:420px; height:255px;}
#popup-container iframe{width:420px; height:235px;}
#popup-title{width:420px;}
#add-photo{z-index:100;width:420px; height:225px;}

/* Form validation */ 
#popup{width:420px;}
#popup-body{font:normal 11px arial;}
#popup-body label{font-weight:bold; padding:0 5px 5px 20px; width:125px; float:left;}
#popup-body label.error{display:block; font-size:11px; font-weight:normal; margin:0 0 0 150px; padding:2px 5px 10px 20px; width:55%;}
#popup-body label.err-hidden{display:none;}
#popup-body label.checked{float:none; display:inline; margin:0 2px;}
#popup-body label.succ-hidden{display:none !important;}
.wraps-pic-taken-date label.error{margin-top:-10px !important;}

/* ---------------------  Fine Tunning CSS -------------------- */
#popup-body div.wraps-field-file{margin:10px 0 0 0; display:inline-block;}
#popup-body div.wraps-field-file div{margin:0 0 0 3px;}

/* you CAN DELETE this if any good alternative -- applies to IE6 only */
div#popup-container{_overflow:hidden !important;}
.err_css{_padding: 5px 5px 22px 10px;}
#popup-body label.error{ _margin:0; _position:relative; _left:150px;}
#popup-body .popup-bodyText{margin: 0 10px; line-height:1.5em;}