/*
-----------------------------------------------
A5 popup screen style
author:   blake scarbrough
version:  14 may 2004
----------------------------------------------- */
/*included files*/
@import url("/web/company_def/package_def/lang_def/css/a5main.css");
/*@import url("/web/company_def/package_def/lang_def/css/a5woColor.css");	*/

html body {
  margin:0;
  padding:0;
  background:#fff ;
  font:small Verdana,Arial,Sans-serif;
  color:#333;
  /* top: 40px; David Hoover - 2006-05-23: i took this out because it was shoving the avon header down when previewing web site */
  }
#ip h1 {
	font-size: 120%;
	font-weight: bold; }	
p {margin: 2px 0 5px; }	
/*titles on popups only
----------------------------------------------- */
h1 {
  margin:0 0 5px;
  font-size:15px;
  line-height:1.2em;
  font-weight:bold;
  color:#333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", lucida, sans-serif;
	padding: 0 0 3px 0;
	position: relative;
	background: none;
  }
#password h1 {padding: 0; }		
h1.email a {
	background: url(/web/company_def/package_def/lang_def/img/email.gif) no-repeat left center;
	padding: 10px 0 10px 65px;
	}		
h1.contacts a {
	background: url(/web/company_def/package_def/lang_def/img/contacts.gif) no-repeat left center;
	padding: 10px 0 10px 65px; }			
h1.pres a {
	background: url(/web/company_def/package_def/lang_def/img/pres.gif) no-repeat left center;
	padding: 10px 0 10px 65px; }		
h2 {font-size: 13px !important;
font-weight: bold !important;}	
.icon {padding: 15px 0 8px 60px; }	
.headIcon {position: absolute;
	top: 0;
	left: 0;
	margin: 0  
	}	* html .headIcon {left: -60px; }/*IE HHack*/
.boxM h1 {
	margin: 10px 0;
	line-height: .8em; }	
.boxM h1 a {color: #1C78D5;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	display: block; 
	  }	
h2 {
  margin:1em 0 .5em;
  font-size:130%;
  line-height:1.3em;
  font-weight:normal;
  }
.boxL h2 {margin: 0 0 .25em; }		
.boxTop h2 {margin: .2em 0; }	
h3 {margin:1em 0 .5em;
  font-size:100%;
  font-weight:normal; }	
.boxL h3 {margin: .25em 0 0;
	padding: 2px 0 2px 2px;
	background: #E7E4D0;
	width: 495px; }
#previewEC {border-bottom: 2px solid #ccc;
	position: relative;
	background: #fff;
	margin: 5px;
 }
#previewEC .btnX {position: absolute;
	right: 10px;
	top: 5px;
	z-index: 20; } 
#previewEC h1 {background: url(/web/company_def/package_def/lang_def/img/icons/c-step1on.gif) no-repeat left center;
	padding: 5px 0 5px 50px; } 
.pgTools {border: 1px solid #EDE9E1;
	padding:  2px 8px;
	float: left;
	margin: 0 3px;
	 }
.pgTools p {
	float: left;
	margin: 0;
}
#nlbar em {font-style: italic;
	color: #fff}
.ra {color: #E65540!important;}
.pgTools .tools {float: right; }	 
#previewEmail {
	border: 1px solid #EDE9E1;
	margin: 5px 3px;
	width: 600px;
	height: 285px;
}	 
/*editor sections*/
#user {float: right;
width: 280px;
text-align: right;
padding: 5px 10px; }
.outline {border: 1px solid #ff6; }
#colP {width: 30%;	
	float: right;
	text-align: center; }
#colP img, #colPr img {margin: 0 auto;
	display: block;
	border: 1px solid #ccc;	}
#colQ {width: 65%;	
	float:left; }	
#colPr {width: 45%;	
	float: left;
	text-align: center; }	
#colQr {width: 45%;	
	float:right; }	
#right {float: right;
	width: 220px; }	
#preview {font-size: 11px;
	background: #efefef;
	padding: 5px;
	margin: 0 5px 0 0;
	width: 200px;
	height: 170px;
	overflow: auto;
	 }	
.imglib, .vidlib {padding: 1px; 
	margin: 3px;
	border: 1px solid #efefef; 
	background: #fff;
	float: left;
	width: 65px;
	height: 65px;
	display: block;
	overflow: hidden;	
	}
	
.atn {background: #fce2c3; }
.red {color: #c00; }
	
.imglib:hover, .vidlib:hover {border-color: yellow; }
.vidlib { width: 130px;
	height: 140px;}
.vidlib img {background: #fff;border: 0 none;
}	
.vidlib input {display: block;
	margin: 4px auto;}
#imgscroll, #vidscroll {
	height: 230px;
	overflow: auto;
	background: #f7f7f7;
}	
#vidscroll {height: 300px; } 
#imgscroll {
	position: relative;
	overflow: auto;
	clip: rect(-5px, -5px, -5px, -5px);
}
#imgscroll .preview {font-size: 10px; 
float:right;
margin: 0 22px;}
.back {float: right;
position: relative;
z-index: 100;
padding: 5px;
font-size: 11px;
 }
.imgmg {padding: 1px; 
	margin: 10px 3px 0;
	border: 1px solid #efefef; 
	background: #fff; } 
a:hover .imgmg {border: 1px solid #c00; }	
/*popup Form*/
.dialog label {width: 120px; }	
fieldset p {margin: .5em 0; }
.next p {margin: 0;}
#contactinfo {margin: 0 15px;
	padding: 10px; }
/*image boxes*/
.imgbox {width: 100px;
	height: 100px;
	position: relative;
	margin: 5px;
	float: left;
	display: inline-table;
	font-size: 11px;
	overflow: hidden;
	border: 1px solid #efefef;
	  }
.imgbox input {position: absolute;
	left: 0;
	top: 0; }			
.imgbox .scaler {margin: 4px auto 0;
	width: 65px;
	height: 65px;
	overflow: hidden;
	 }
.imgbox h5 {margin: 0 3px;
	padding: 0;
 }		
#popnav {
	margin: 0;
	padding:  10px 0 2px;
	list-style :none; 
	font-family: Verdana, tahoma, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;		
	background: #fff url(/web/company_def/package_def/lang_def/img/gradientColor.png) repeat-x 0 -12px;
	height: 20px;
	
	}
#popnav li {margin:0 3px -1px!important;
	margin:0 3px -2px;
	position: relative;
float:left;
		font-size: 90%;
		background:url(/web/company_def/package_def/lang_def/img/nlOnR.gif) no-repeat 100% 0;
	}		
#popnav a {
		float:left;
		font-size: 90%;
		display:block;
		padding: 8px 15px 5px;
		line-height: 1em;
		color: #fff;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		background:url(/web/company_def/package_def/lang_def/img/nlOnL.gif) no-repeat 0 0;
    }		
#popnav #pu3,#popnav #pu4  {background:url(/web/company_def/package_def/lang_def/img/nlRight.gif) no-repeat right top; }			
#popnav #pu3 a,#popnav #pu4 a {
	color: #857E6B;
	background:url(/web/company_def/package_def/lang_def/img/nlLeft.gif) no-repeat 0 0; }	
.phototabs {
	border-top: 5px solid #4799DB;
	padding:  5px;
	margin: 0;
	clear: both;
	font-size: 90%;}		
.inlinescroll {
	height: 200px; 
	overflow: auto;
	padding: 10px; 
	}
#password {margin: 20px;
 }	
.password .opt {float: left;
 	width:180px;
	margin: 0 10px 0 0;
	height: 180px;  }
.password h4 {margin: 0; }		
.boxScrolLong {overflow: auto;
	height: 200px;
	}	
.dialog .look	{border: 1px solid #fc0;
	border-width:1px 0;
	padding: 4px 3px;	
	margin: 0;
	font-size: 85%; }
#editthumbnail { }	
#editthumbnail img {margin: 0 5px 0;
	float: left; }
#recip {float: right;
	width: 250px; }
#recipients {height:190px;
	overflow: auto;  }	
.errfloat {position: absolute;
	right: 0;
	top: 0;}