/* CSS Document For Agenda Book*/

#choosefontcolor a.singletooltipinfo em.singletooltip{
	width:135px;
}

/* Agenda Book
------------------------------------------------------------------------------ */

a.singletooltipinfo {
	cursor:pointer;
	position:absolute;
	/*display:block;*/
	width:22px;
	height:22px;
	text-decoration:none;
	overflow:hidden;
	/*float:left;*/
	font-size:12pt;
	z-index:5;
}

a.singletooltipinfo:hover {
	text-indent: 0;
	overflow:visible;
}
a.singletooltipinfo strong {
	visibility:hidden;
	font-style:normal;
	font-weight:normal;

}
a.singletooltipinfo em.singletooltip {
	display:none;
	position:absolute;
	top:0px;left:25px;
	width:300px;
	font-style:normal;
	font-size:12px;
	padding:5px;
	line-height:1.2em;
	text-align:left;
	text-decoration:none;
	color:#000;
	z-index:999;
}

a.singletooltipinfo:link em.singletooltip {
	display:none;
}
a.singletooltipinfo:visited em.singletooltip {
	display:none;
}
a.singletooltipinfo:active em.singletooltip {
	display:none;
}

a.singletooltipinfo:hover em.singletooltip {
	display:block;
	background-color:#dcdcdc;
	border:1px solid #330;
	position:absolute;
	z-index:999;
	overflow:hidden;
}

/*  added by Sanjay */
#agendabookformRight a.singletooltipinfo:hover em.singletooltip{
	left:-320px;
	top:20px;
	}
	
#agendabookformLeft a.singletooltipinfo:hover em.singletooltip{
	left:20px;
	top:20px;
	}

#agendabookformTop a.singletooltipinfo:hover em.singletooltip{
	left:-320px;
	top:-65px;
	}
	
#choosemapformat.choosemapformat {
  
float:left;
padding-top:10px; 
width:100px; 
color:#fff;
}

.inputagendatext {
	border:1px solid #330;
	color:#000;
	width:130px;
	height:18px;
	padding-top:0px;
}

.noofcopiestext {
	border:1px solid #330;
	color:#000;
	width:40px;
	height:16px;
}



#choosecolorformat-agenda #BUSINESS {
	background:url(/img/agendabook/color.gif) no-repeat top center;
	margin-right:25px;
	margin-left:5px;
}

#choosecolorformat-agenda #CASUAL {
	width:90px;
	background:url(/img/agendabook/bw.gif) no-repeat top center;
	margin-right:25px;
	margin-left:5px;
}


.errorText{
	color: #f00;
}


/**--------------- Till Here(Added By Rajesh)------------------------*/



/*Added by Pawanpartap on 03-09-08 for wwaow1.7 */

#chooseuploadformat-agenda {
	clear:both;
	float:left;
	width:950px;
	margin-bottom:25px;
	margin-right:100px;
	
}


.float-left1{
	float:left;
}

#chooseuploadformat-agenda{
	margin-bottom:0;
	
}

#chooseuploadformat-agenda div, #select-agenda-language1 div  {
	text-align:center;
	float:left;
	/*padding-top:180px;*/
	width:250px;
	color:#fff;
	margin-right:15px;
	

}

#chooseuploadformat-agenda #daily{
	/*background:url(/img/agendabook/agendadaily.png) no-repeat top center;*/
	margin-right:5px;
	margin-left:5px;
	text-align:center;
}

#chooseuploadformat-agenda #weekly{
	/*background:url(/img/agendabook/agendaweekly.png) no-repeat top center;*/
	margin-right:5px;
	margin-left:5px;
	text-align:center;
}

#chooseuploadformat-agenda #business{
	margin-right:5px;
	margin-left:5px;
	text-align:center;
}

#chooseuploadformat-agenda #casual{
	margin-right:5px;
	margin-left:5px;
	text-align:center;
}

#chooseagendabookcover, #chooseagendacolorformat {
	clear:both;
	float:left;
	width:950px;
	padding-bottom:25px;
	margin-right:100px;	
	margin-top:25px;
}
#chooseagendabookcover div , #chooseagendacolorformat div{
	text-align:center;
	float:left;
	padding-top:130px;
	width:125px;
	color:#fff;
	margin-right:10px;
}

#chooseagendacolorformat #BLACKANDWHITE {
	width:100px;
	background:url(/img/agendabook/bw.gif) no-repeat top center;
}

#chooseagendacolorformat #COLOUR {
	width:100px;
	background:url(/img/agendabook/color.gif) no-repeat top center;
}

#chooseagendabookcover #black {
	background:url(/img/agendabook/black.jpg) no-repeat top center;
}

#chooseagendabookcover #blackleather {
	background:url(/img/agendabook/black_leather.jpg) no-repeat top center;
}
#chooseagendabookcover #darkblueleather {
	background:url(/img/agendabook/detail_SPINE_SOFTcover.jpg) no-repeat top center;
}
#chooseagendabookcover #bordeauleather {
	background:url(/img/agendabook/bordeau_leather.jpg) no-repeat top center;
}


#tableCssNew{
	width:80%;	
	background:#c0c0c0;	
	margin:0px;
	padding:0px;
}

/* Added by Gurpreet Singh on 10/09/2008 */

.table_agenda {
	background:#d7d0d0;
	margin:0;
	width:100px;
}
#table1Css th{
	text-align:center;
	background:none;
}
/*
Added by SANDEEP KUMAR (For set the table width in adminHoliday.jsp page)
*/
#tableCss{
	width:55%;	
	background:#c0c0c0;	
	margin:0px;
	padding:0px;
}

#tblSample{
	background:#c0c0c0;	
	margin:0px;
	padding:0px;
}


.table_none td{
	border:none;
	background:none;
}

.selectCls{
	height:110px;
	width:200px;
}

/*end*/


/*--------------------- Agenda Page CSS 26th Sep 2008 -----------------------*/

#tablenone {
	background:none;
}

#tablewhite1 {
	width:400px;
	background-color:#FFFFFF;
}


#tablewhite1 td{
	border:none;
}


	
#tablenone .tablenone{
	background:none;
	padding:0px;
	margin:0px;
	}
	
#tablenone .tablenone a.extrainfo{
	left:500px;
	}

#tablenone h2{
	border-top:#999999 solid 1px;
	padding-top:8px;
	}


#tablenone .displayTitle{
	border-top:#999999 solid 1px;
	padding-top:0px;
	margin-left:10px;
	margin-right:10px;
	}

	
#tablenone .selectcountry{ 
	width:510px; 
	float:left;
	vertical-align:top;
/*	border:#f00 solid 1px;*/
	padding:0px;
	margin:0px;
	}

#tablenone .imgpreview{ 
	padding:0px;
	margin:0px;
	width:150px; 
	float:right;
	text-align:center;
	vertical-align:top;
/*	border:#f00 solid 1px;*/
	}
	
#tablenone .showholidabtn{
	padding-left:210px;
	}
	
#tablenone .help{
	width:200px;
	float:left;
	}
	
#tablenone td{
	border:none;
	}
	
#tablenone .btmtopborder{
	border-bottom:#999999 solid 1px;
	border-top:#999999 solid 1px;
	}
	
#tablenone .success{
	background:#CCD9BF;
	border:#336600 solid 1px;
	font-size:13px;
	color:#336600;
	font-weight:normal;
	width:90%;
	padding:5px 0 5px 10px;
	}
	
#tablenone p{
	font-size:12px;
	font-weight:normal;
	}
#tablenone h2{
	font-family:arial;
	font-size:18px;
	color:#818181;
	font-weight:normal;
	}
	
	#outer-div-extrapage{
		border:0px solid red;
		width:100%;
		overflow:hidden;
	}


	#outer-div-extrapage .inner-div-extrapage{
		 border:0px solid #c0c0c0;
		 width:210px;
		 float:left;
		 margin-left:10px;
		 margin-top:10px;

	}

	#image-radiobox{
		 /*float:left;*/
		 border:0px solid red;
		 text-align:center;
	}

	#outer-div-extrapage	.inner-div-message{
		border:0px solid red;
		position:relative;
		top:-3px;
		font-weight:bold;
		color:#333;
		font-size:12px;
		font-family:arial;

	}

	#outer-div-extrapage	.inner-div-image{
		text-align:center;
		margin-left:5px;

	}


	#outer-div-extrapage	.inner-div-radiobox{
		text-align:center;
		display:none;
	}
	
#radiobox-selection {
	border:0px solid red;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	width:215px;
}


#radiobox-selection .radio-rec{
	float:left;
	text-align:center;	
}

#choosecolorformat-agenda #color {
	width:100px;
	background:url(/img/agendabook/color.gif) no-repeat top center;
}


/*Added By Deepak for WWAOW 1.7 */

#inner-page-2nd{
	overflow:hidden;
	border:0px solid red;
	margin-bottom:20px;
}

#inner-page-2nd h2{
	font-size:16px;
	color:#818181;
	font-weight:bold;
}


#inner-page-2nd .inner-page-2nd-70{
	float:left;
	width:75%;
	border:0px solid green;
}

#inner-page-2nd .inner-page-2nd-30{
	float:left;
	width:25%;
	border:0px solid blue;	
	text-align:center;
	
}

#inner-page-2nd .error{
	color:#f00;
	border:#f00 solid 1px;
	background:#FFCCCC;
	display:block;
	width:250px;
	float:left;
	}

.cls-float-left{
	 float:left;

}



/*Tooltip CSS starts here*/

#dhtmlgoodies_tooltip{
		background-color:#dcdcdc;
		border:1px solid #000000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:5px;
		font-size:13px;
/*		-moz-border-radius:6px;	 Rounded edges in Firefox */
		font-family: Arial, sans-serif;
		text-align:left;
		
	}

/*	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	
	}
*/	

/* Tooltip CSS ends here*/



/* code added by designer as on 31-oct-2008  STARTS here */



#choosecolorformat-agenda div{
	padding:0px;
	margin-left:0px;
	width:130px;
	text-align:left;
}


#select-agenda-language a.extrainfo {
	left:306px;
	/*_left:575px;*/
}

#select-agenda-language label, .label {
	width:200px;
}

#select-agenda-language1 a.extrainfo {
	left:740px;
	float:right;
	/*_left:575px;*/
}

#choosebookformat-agenda a.extrainfo{
	left:740px;
}

#choose-agenda-date a.extrainfo{
	left:370px;
}

#chooseuploadformat-agenda a.extrainfo {
	left:720px;
	/*_left:575px;*/
}


#tablenone-default{
	background:none;
	border:0px solid red;
	text-align:center;
	margin:0 auto;
	padding:0px;
}

#tablenone-default td{
	background:none;
	margin:0 auto;
	padding:0px;
	text-align:center;
}

#choosebookformat-agenda {
	clear:both;
	float:left;
	/*width:950px;*/
	width:auto;
	margin-bottom:25px;
	margin-right:100px;	
}

#choosebookformat-agenda div {
	text-align:center;
	float:left;
	padding-top:100px;
	width:135px;
	color:#fff;
}

#choosebookformat-agenda em {
		font-size:0.8em;
		margin-bottom:40px;
		/*display:block;*/
		font-style:normal;
}

#choosebookformat-agenda label em{
	font-size:1.1em;
}

#choosebookformat-agenda input{
	margin-top:40px;
}

#choosebookformat-agenda #A4 {
	background:url(/img/agendabook/a4-3.gif) no-repeat top center;
	padding-bottom:12px;
}
#choosebookformat-agenda #A5 {
	background:url(/img/agendabook/a5-3.gif) no-repeat top center;
	padding-bottom:12px;	
}
#choosebookformat-agenda #F21X21 {
	background:url(/img/agendabook/2121-3.gif) no-repeat top center;
	clear:right;
	padding-bottom:12px;	
}
#choosebookformat-agenda #F6X9 {
	background:url(/img/agendabook/69-3.gif) no-repeat top center;
	padding-bottom:12px;	
}
#choosebookformat-agenda #USLETTER {
	background:url(/img/agendabook/us-letter.gif) no-repeat top center;
	padding-bottom:12px;	
}
#choosebookformat-agenda #HALFLETTER {
	background:url(/img/agendabook/halfletter.gif) no-repeat top center;
	padding-bottom:12px;	
}

#choosecolorformat-agenda{
	clear:both;
	float:left;
	width:950px;
	margin-bottom:25px;
	margin-right:100px;	
}
#choosecolorformat-agenda{
	margin-bottom:0;
}


#chooseuploadformat-agenda em{
		font-size:0.8em;
		margin-bottom:40px;
		display:block;
		font-style:normal;
}

#chooseuploadformat-agenda label em{
	font-size:1.1em;
}

#chooseuploadformat-agenda .tooltip{
	width:200px;
	float:left;
	margin-left:-245px;
	position:absolute;
}

#chooseuploadformat-agenda .tooltiphelp{
	width:200px;
	float:left;
	margin-left:-245px;
	position:absolute;
}



.table_border {
	padding: 0px;
	margin:0px;
	margin-bottom:10px;
	border: 1px solid #660000;
}

.table_border em{
	color:#f00;
	font-size:11px;
	font-family:arial;
	cursor:help;
	padding-right:5px;
	padding:0px;
	margin:0px;
	float:left;
	}	
	
.table_border .mandatory{
	float:left;
	width:5px;
	}
	
.table_border .mandatoryinput{
	float:left;
	padding-left:15px;
	}
	
.table_border .mandatoryinput{
	color:red;
	font-size:11px;
	cursor:help;
	padding:0 3px 0 0;
	}
	
.table_border .mandatoryhelp{
	float:left;
	padding-left:5px;
	position:relative;
	z-index:99;
	}


.table_border a.singletooltipinfo {
	cursor:pointer;
	/*display:block;*/
	width:22px;
	height:22px;
	text-decoration:none;
	overflow:hidden;
	/*float:left;*/
	font-size:12pt;
}

.table_border a.singletooltipinfo .helpimg {
	z-index:99;
	position:relative;
}

.table_border a.singletooltipinfo:hover {
	text-indent: 0;
	overflow:visible;
}
.table_border a.singletooltipinfo strong {
	visibility:hidden;
	font-style:normal;
	font-weight:normal;
}

.table_border a.singletooltipinfo em.singletooltip {
	display:none;
	top:0px;left:25px;
	width:300px;
	font-style:normal;
	font-size:12px;
	padding:5px;
	line-height:1.2em;
	text-align:left;
	text-decoration:none;
	color:#000;
}

.table_border a.singletooltipinfo:link em.singletooltip {
	display:none;
}
.table_border a.singletooltipinfo:visited em.singletooltip {
	display:none;
}
.table_border a.singletooltipinfo:active em.singletooltip {
	display:none;
}

.table_border a.singletooltipinfo:hover em.singletooltip {
	display:block;
	background-color:#dcdcdc;
	border:1px solid #330;
	overflow:hidden;
}

.table_border .singletooltipinfo .message{
	z-index:110;
	position:relative;
	}
	
.table_border .singletooltipinfo span{
	margin-left:-200px;
	}

#selectprint{
	width:600px;
	}
	
#selectprint .youagenda{
	width:280px;
	float:left;
	}
	
#selectprint .priceL{
	width:120px;
	float:left;
	}
	
#selectprint .priceR{
	width:120px;
	float:left;
	}
	
.clearer{
	clear:both;
	}
	
#content h5{
	font-size:18px;
	font-weight:normal;
	color:#818181;
	padding:0px;
	margin:0px;
	border-top:none;
	}
	

#dhtmltooltip{
position: absolute;
left:0px;
right:0px;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 1000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#table_default {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; 
	border-collapse: collapse;
	border-spacing: 0; 
	width:auto;
	background-color:#D7D0D0;
}

#table_default_white {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; 
	border-collapse: collapse;
	border-spacing: 0; 
	width:auto;
}

#table_default td, #table_default_white td{
	border:0px solid;
	border-width:auto;
	padding:3px;
	color:#000000;
}

#main input, #main select, #main textarea {
	margin-bottom:0px;
}

#agendabook-2page-wrap{
	overflow:hidden;
}

#agendabook-2page-wrap .left{
	width:45%;
	float:left;
}

#agendabook-2page-wrap .right{
	width:55%;
	float:left;
}

#agendabook-2page-add-form{
	width:438px;
	border:2px solid #c0c0c0;
	height:475px;
	background-color:#FFFFFF;
	text-align:center;
	padding-top:25px;

}

#agendabook-2page-add-form .inputtext_big{
	border:1px solid #000000;
	height:22px;
	width:230px;
	font-size:16px;
	font-weight:bold;
	color:#798733;
}

#agendabook-2page-add-form .inputtext_file{
	border:1px solid #000000;
 	font-size:14px;
	font-weight:bold;
	color:#798733;
	/width:340px;
	width:225px;
}


.mandatoryClass{
	color:#FF0000;
}


.button-new{
	background-color:#B9B9B9;
	border:1px solid #000000;
	color:#000000;
	cursor:pointer;
	padding:1px 5px;
	_padding:1px 0px;
	width:auto;
	font-size:12px;
	font-weight:bold;
}




/*Added by deepak as on 01-dec-08 starts*/

#star_red{
	color:#FF0000;
	font-style:normal;
	font-weight:bold;
	cursor:help;
	display:inline;
	font-size:11px;
	vertical-align:text-top;
}


#chooseagendabookcover  a.extrainfo{
	left:760px;
}

#chooseagendabookcover  em{
	left:-310px;
}

#select-agenda-language1 em{
	left:-215px;
}

/*----ends here---*/



/*Added By Deepak as on 16-dec-08 (starts here)*/

#main1 input, #main1 select, #main1 textarea {
	margin-bottom:5px;
}

#shippingaddressdefaultlabel2 a.extrainfo, #invoiceaddressdefaultlabel2 a.extrainfo{
	left:245px;
}

.inner-div-checkbox{
		text-align:center;
		border:0px solid red;
}

#main1 label.radiabttn {
	display:inline;
	float:none;
	width:auto;
	text-align:left;
	clear:none;
	position:relative;
	top:-4px;
}

/*Added By Deepak as on 16-dec-08 (ends here)*/

/*----- preferences popup**/

#preferences {
	display:none;
	width: 584px;
	position:absolute;
	top:-300px;
	z-index: 9000;
	
}

.curtain {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6000;
	width: 100%;
	height: 100%;
	background: #000000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	display:none;
}

#main form, #main .form {
	background:transparent; /*#ffc*/;
	/*background:#f00;*/
	padding:0 10px 0px;
	/*display:block;*/
	overflow:visible;
}

.milFormat{
display:none;
}

#choosebindingtype-agenda #YourBook {
	background:url(/img/agendabook/SteelBinding.jpg) no-repeat top center;
	margin-right:25px;
	margin-left:5px;
	
	
}

#choosebindingtype-agenda #Resin {
	width:90px;
	background:url(/img/agendabook/ResinSteelBinding.jpg) no-repeat top center;
	margin-right:25px;
	margin-left:5px;
	
}

.check_out {
	float:left;
	display:block;
	width:210px;
	text-align:right;
	margin-right:10px;
	padding-top:2px;
	clear:left;
	color:#330;
 }
 .check_outaddressdefaultcheckbox {
	padding-left:135px;
	text-align:right;
	width:300px;
}


#choosebookformat-staples {
	clear:both;
	float:left;
	/*width:950px;*/
	width:auto;
	margin-bottom:25px;
	margin-right:100px;	
}

#choosebookformat-staples div {
	text-align:center;
	float:left;
	padding-top:100px;
	width:135px;
	color:#fff;
}

#choosebookformat-staples em {
		font-size:0.8em;
		margin-bottom:40px;
		/*display:block;*/
		font-style:normal;
}

#choosebookformat-staples label em{
	font-size:1.1em;
}

#choosebookformat-staples input{
	margin-top:40px;
}

#choosebookformat-staples #A4 {
	background:url(/img/agendabook/a4-3.gif) no-repeat top center;
	padding-bottom:12px;
}
#choosebookformat-staples #A5 {
	background:url(/img/agendabook/a5-3.gif) no-repeat top center;
	padding-bottom:12px;	
}

#choosebookformat-staples .tooltip{
	width:200px;
	float:left;
	margin-left:245px;
	position:absolute;
}

#choosebookformat-staples .tooltiphelp{
	width:200px;
	float:left;
	margin-left:-245px;
	position:absolute;
}

#choosebookformat-staples a.extrainfo{
	left:460px;
	top:50px;
}
/*
Cover image for staples
*/
#chooseagendabookcover #staplesblack {
	background:url(/img/agendabook/staplesblack.jpg) no-repeat top center;
}
/*4/5/2010*/
#tablenone h2.StaplesLable_Step4{
	font-size:16px; 
	border:0 none; 
	margin:0px; 
	padding:0px 0 0 0px;
}

/*=======================================
Css for staples for book format End here
========================================*/