/* Css Document */

/** html img,
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
 */

body{
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Arial;
	
}

/* hide from ie mac \*/
* html body .menu a {
width:100%;
}
/* end hack */

#outer_div{
	width:975px;
	margin:0 auto;	
	/*background-color:#FF0000;*/

}



#header_background{
	width:100%;
	height:138px;
	background-image:url(/img/gray_back.png);	
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/gray_back.png", sizingMethod="crop");*/

}

#logo{
	height:110px;
	width:209px;
	float:left;
	text-align:left;

}

#logo img{
	margin:10px 0 0 0;
}

#tabs{
	height:100%;
	width:735px;
	float:left;
	text-align:left;
}

.signin_publish_links{
	width:100%;
	float:left;
	margin-top:12px;
	/*background:red;*/
	/*padding:8px;*/
}

.search_links{
	margin-top:6px;
	width:100%;
	float:left;
	text-align:right;
}

.search_links span{
	padding-right:15px;
}

#header_links{
	width:470px;
	float:left;
}


#header_links a{ 
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	font-size: 12px;	
}

#header_links a:hover{ 
	color:#000;
	text-decoration:underline;
}

.upper_links_capital {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}

.font_gray_bold{
	font-size:12px;
	font-weight:bold;
	color: #808080;
}

/*
input{ 
	border:1px;
	border-color:#E2E2E2;
	border-style:solid;	
}
*/


#left_area{
	width:200px;
	float:left;
	text-align:left;
	background-color:#f0f0f0;
}

#workarea_area{
	width:765px;
	float:left;
	margin-left:10px;
	text-align:left;
}

#home_center{
	width:464px;
	float:left;
	padding:0px;
	margin:0px;
	/*background-color:#f0f0f0;*/
}

#home_center_left_top_bg{
	background-image:url(/img/publish_my_book_bg.png);
	background-position:top left;
	height:37px;
	width:464px;
	text-align:left;
	color:#808080;
	
}

#home_center_left_top_bg span{
	font-size:110%;
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
	display:block;
}

#home_center_left_top_border{
	
	border:1px solid #DBDBDB;
	float:left;
	width:462px;
	margin-top:2px;
}


#home_center_left_top_img{
	
	width:462px;
	background:url(/wwaowItems/banner/home_en_banner.jpg) 0 0 no-repeat;
	height:167px;
}

#home_center_left_top_img span{
	width:462px;
	height:167px;
	display:block;
	cursor:hand;
	}

#home_center_left_top_border p{
	font-size: 14px;
	font-weight: normal;
	color:#808080;
	text-align:left;
	margin:10px;
}

.readmore{
	text-align:right;
	margin-bottom:10px;
	margin-right:10px;
}

.readmore a{
	color:#808080;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.readmore a:hover{
	text-decoration:underline;
}

#home_right{
	float:right;
	/*background-color:#00FF33;*/
	width:290px;
	text-align:left;
}

#news_author_video{
	clear:both;
	padding-top:100px;
}

#news_bg{
	width:248px;
	border:0px solid red;
	background-image:url(/img/news_bg.png);
	height:30px;
	color:#50A53A;
	
}


#news_bg_en{
	width:348px;
	background-image:url(/img/news_bg_en.png);
	height:30px;
	color:#50A53A;
	text-align:left;
	
}



#news_bg1{
	width:248px;
	border:0px solid red;
	background-image:url(/img/news_bg.png);
	height:30px;
	color:#50A53A;
	
}
.gray_color{
	color:#808080;
}

.green_color{
	color:#50A53A;
}

.red_color{
	color:#FF0000;
}

#footer_content,#footer_content a{
	text-align:right;
	color:#808080;
	font-weight:bold;
	font-size:12px;
}



/* Footer
--------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	border-top:2px solid #aaaaaa;
	padding:0.5em 0 25px;
}

#copyrights {
	float:left;
	font-size:12px;
}
#footer p#language {
	float:right;
}


#footer_content_o,#footer_content_o a{
	text-align:center;
	color:#808080;
	font-weight:bold;
	font-size:12px;
	
}


#news_bg span{
	font-size:95%;
	font-weight:bold;
	padding-left:30px;
	padding-top:6px;
	display:block;
}
#news_bg1 span{
	font-size:95%;
	font-weight:bold;
	padding-left:30px;
	padding-top:20px;
	display:block;
}

#news_section,#author_section{
	float:left;
	margin-right:10px;
	text-align:left;

}

#video_section{
	float:left;
	text-align:left;
}

.footer_border_gray{
	width:246px;
	height:174px;
	border:1px solid #DBDBDB;
	margin-top:2px;
}

.footer_border_gray div{
	padding:5px;
}


#center_tabs{
	width:100%;
}

.top_margin_10{
	margin-top:10px;
}

.top_padding_10{
	padding-top:10px;
}


.home_center_right_bg{
	background-image:url(/img/three_stars.png);
	height:30px;
	width:290px;
	text-align:left;
	color:#808080;
}

.home_center_right_bg1{
	background-image:url(/img/square_bg.png);
	height:30px;
	width:290px;
	text-align:left;
	color:#808080;	
}

.home_center_right_bg span , .home_center_right_bg1 span{
	font-size:95%;
	font-weight:bold;
	padding-left:10px;
	padding-top:8px;
	display:block;
}

.home_right_border{
	width:288px;
	border:1px solid #DBDBDB;
	margin-top:2px;
}

.font12_bold_gray{
	font-size:12px;
	color:#808080;
	font-weight:bold;
}


.font18_bold_gray{
	font-size:18px;
	color:#808080;
	font-weight:bold;
	margin-bottom:6px;
}


.font14_bold_gray{
	font-size:14px;
	color:#808080;
	font-weight:bold;
}


.font14_normal_gray{
	font-size:14px;
	color:#808080;
}

.font16_normal_gray{
	font-size:16px;
	color:#808080;
}


.font12_normal_gray, .font12_normal_gray a{
	font-size:12px;
	color:#808080;
}


.font10_red{
	font-size:11px;
	color:#FF0000;	
	text-align:center;
}

.set_page_left{
	text-align:left;
	margin-left:10px;
	margin-right:20px;
}

.button-submit {
	background:url(/img/bg-button.gif) no-repeat center;
	border:1px solid #fff;
	color:#fff;
	cursor:pointer;
	padding:2px 5px;
	_padding:1px 0px;
	width:auto;
	font-size:12px;
	font-weight:bold;

}


/* Footer
--------------------------------------------------------------------------------------*/
#footer_new {
	clear:both;
	margin:25px 0 0;
	border-top:2px solid #aaaaaa;
	padding:0.5em 0 25px;
}

#footer_new p#copyrights {
	float:left;
}
#footer_new p#language {
	float:right;
}




/*CSS TABS CSS START HERE*/

#tabs_header,#tabs_footer{
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
}

#tabs_header ul, #tabs_footer ul{
	/*padding:10px 10px 0 50px;*/
	list-style:none;
	margin:0px;
	padding:0px;
}


#tabs_header li, #tabs_footer li{
	display:inline;
	margin:0px;
	padding:0px;
	
}

#tab_footer_green a{
	float:left;
	background:url("/img/footer_left_green.jpg") no-repeat left top;
	margin-right:5px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:30px;
	cursor:pointer;	
}

#tab_footer_green a span{
	float:left;
	display:block;
	background:url("/img/footer_right_green.jpg") no-repeat right top;
	padding:7px 15px 4px 6px;
	color:#333;
	height:30px;	
	color:#FFF;	
	font-weight:bold;
	font-size:13px
}

#tab_footer_gray a{
	float:left;
	background:url("/img/footer_left_gray.jpg") no-repeat left top;
	margin-right:5px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:30px;
	cursor:pointer;	
}

#tab_footer_gray a span{
	float:left;
	display:block;
	background:url("/img/footer_right_gray.jpg") no-repeat right top;
	padding:7px 15px 4px 6px;
	color:#333;
	height:30px;	
	color:#000;	
	font-weight:bold;
	font-size:13px
}
#green_tab a{
	float:left;
	background:url("/img/left_green.jpg") no-repeat left top;
	margin:2px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:31px;
	cursor:pointer;
	
}

#green_tab a span{
	float:left;
	display:block;
	background:url("/img/right_green.jpg") no-repeat right top;
	padding:7px 15px 4px 6px;
	color:#333;
	height:20px;	
	color:#FFF;	
	font-weight:bold;
	font-size:15px
}

#red_tab a{
	float:left;
	background:url("/img/left_red.jpg") no-repeat left top;
	margin:2px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:31px;
	cursor:pointer;	
}

#red_tab a span{
	float:left;
	display:block;
	background:url("/img/right_red.jpg") no-repeat right top;
	padding:7px 15px 4px 6px;
	color:#333;
	height:20px;	
	color:#FFF;	
	font-weight:bold;
	font-size:15px
}

/*TABS CSS ENDS HERE*/


<!--MENU CSS STARTS HERE-->

.glossymenu{
	margin: 0px 0;
	padding: 0px;
	width: 50px; /*width of menu*/
	border: 1px solid red;
	border-bottom-width: 0px;
}

.glossymenu a.menuitem{
	background: white url(/img/glossyback_green.gif) repeat-x bottom left;
	font: bold 14px "arial", Verdana, Helvetica;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:16px;
	padding: 5px 0;
	padding-left: 5px;
	text-decoration: none;
}

.glossymenu a.menuitemdark{
	background: white url(/img/glossyback2_green.gif) repeat-x bottom left;
	font: bold 14px "arial", Verdana, Helvetica;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:16px;
	padding: 5px 0;
	padding-left: 5px;
	text-decoration: none;
}

.glossymenu1, .glossymenu2{
	margin: 0px 0;
	padding: 0px;
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
}
.glossymenu1 a.menuitem{
	background: white url(/img/glossyback_red.png) repeat-x bottom left;
	font: bold 14px "arial", Verdana, Helvetica;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:16px;
	padding: 5px 0;
	padding-left: 5px;
	text-decoration: none;
}

.glossymenu2 a.menuitem{
	background: white url(/img/glossyback_cyan.gif) repeat-x bottom left;
	font: bold 14px "arial", Verdana, Helvetica;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:16px;
	padding: 5px 0;
	padding-left: 5px;
	text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(/img/glossyback2_green.gif);
}

.glossymenu1 a.menuitem:hover{
	background-image: url(/img/glossyback2_red.png);
}

.glossymenu2 a.menuitem:hover{
	background-image: url(/img/glossyback_cyandark.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background-color: F6F6F6;
}

.glossymenu1 div.submenu{ /*DIV that contains each sub menu*/
	background-color: F6F6F6;
}

.glossymenu2 div.submenu{ /*DIV that contains each sub menu*/
	background-color: F6F6F6;
}


.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.glossymenu div.submenu ul li{

}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 14px "tahoma", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 0px 0;
	padding-left: 0px;
	height:25px;
}

.glossymenu div.submenu ul li a:hover{
	colorz: white;
	height:25px;
}
<!-- Menu CSS ENDS HERE -->

<!--FAQ PAGE CSS STARTS HERE-->

.faq-divider{
	border-top:#fff solid 5px;
	}

#publish_links_a a{
	 color:black;
	 text-decoration:none;
}

h2 {
	font-size:22px;
	margin-bottom:0.25em;
	line-height:1.2em;
	color:#818181;
}
h2 a {
	color:#330
}
div.fieldset h2 {
	font-size:1.4em;
	line-height:1.0em;
	margin-bottom: 1em;
}
h2 a:hover {
	color:#000;
	text-decoration:underline;
}
#faq h2, #faqanswerlist dt {
	padding-top:20px;
	padding-bottom:10px;
	font-size:1.6em;
	font-weight:bold;
	border-bottom:#808080 solid 0px;
}

#faq li{
	border-bottom:#808080 solid 1px;
}

#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height:150px; /*marquee height */
background-color: white;
overflow: hidden;

padding: 2px;
padding-left: 4px;
}
#divfunction{
overflow:scroll;
background-color: red;
font-weight:normal;
}

/*Added By Designer on 24-cot-08*/

#blue_tab a{
	float:left;
	background:url("/img/left_blue.png") no-repeat left top;
	margin:2px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:31px;
	cursor:pointer;
	
}

#blue_tab a span{
	float:left;
	display:block;
	background:url("/img/right_blue.png") no-repeat right top;
	padding:7px 15px 4px 6px;
	color:#333;
	height:20px;	
	color:#FFF;	
	font-weight:bold;
	font-size:15px
}




.text-gray-color{
	font-family:arial;
	font-size:14px;
	color:#373737;
	padding-bottom:0px;
	line-height:180%;
}

#agenda-book-ul li{
	list-style:url("/img/agendabook/bullet_star1.jpg");
	color:#8b8b8b;
	font-size:12px;
	line-height:130%;
}

#agenda-books-button input{
	height:45px;
	width:330px;
	border:1px solid #007ec3;
	background-image:url("/img/blue-btn.jpg");
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
}


.blue-font{
	font-size:25px;
	margin-bottom:10px;

}


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


#agenda-page1-design1{
	overflow:hidden;
	border:0px solid red;
}

#agenda-page1-design1 .agenda-page1-design-left{
	float:left;
	border:0px solid red;
}

#agenda-page1-design1 .agenda-page1-design-right{
	float:right;
	border:0px solid red;
}

#agenda-page1-design1 .img{
	padding-right:5px;
	}


#tabs-agenda-page1{
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
}

#tabs-agenda-page1 ul{
	/*padding:10px 10px 0 50px;*/
	list-style:none;
	margin:0px;
	padding:0px;
}

#tabs-agenda-page1 li{
	display:inline;
	margin-left:15px;

}

#blue_background a{
	float:left;
	background:url("/img/agendabook/agenda-blue-left.jpg") no-repeat left top;
	margin-top:2px;
	padding:0 0 0 9px;
	text-decoration:none;
	height:72px;
	cursor:pointer;
}

#blue_background a span{
	float:left;
	display:block;
	background:url("/img/agendabook/agenda-blue-right.jpg") no-repeat right top;
	padding:20px;
	text-align:center;
	height:72px;	
	font-weight:bold;
	height:32px;
	font-size:20px;
	color:#ffffff;
	width:650px;
}

#blue_background-demo{
	float:right;
}

#blue_background-demo a{
	float:left;
	background:url("/img/agendabook/btn_agenda-left.jpg") no-repeat 0px 27px;
	margin-top:0px;
	padding:7px 0 0 9px;
	text-decoration:none;
	height:60px;
	cursor:pointer;
}

#blue_background-demo a span{
	float:left;
	display:block;
	background:url("/img/agendabook/btn_agenda-right.jpg") no-repeat right top;
	padding:7px 15px 4px 6px;
	margin-right:15px;
	margin-top:20px;
	color:#333;
	height:30px;	
	color:#FFF;	
	font-weight:bold;
	font-size:15px
}

/* added for unibind*/
.calender-label{
	float:left; 
	padding:3px 4px 0 0;
	}
.caleder{
	float:left; 
	padding:3px 0 0 3px;
	}

/*....new chamges added for h1,h2 tags on home page.....*/

#home_center_left_top_bg h1{
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	background:none;
	font-family:"arial", Verdana, Helvetica;
	}


#news_bg h2{
	font-size:15px;
	margin:0px;
	padding:0px;
	background:none;
	font-family:"arial", Verdana, Helvetica;
	 } 


.home_center_right_bg span h2{
 	margin:0px;
	padding:0px;
	font-size:15px;
	background:none;
	font-family:"arial", Verdana, Helvetica;
 	} 
 
.home_center_right_bg1 span h2{
 	margin:0px;
	padding:0px;
	font-size:15px;
	background:none;
	font-family:"arial", Verdana, Helvetica;
	} 


#tab_footer_green h2{
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	background:none;
	font-family:"arial", Verdana, Helvetica;
	} 


#tab_footer_gray h2{
	color:#000;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:13px;
	background:none;
	}
	
	.glossymenu a.unibind_img{
	display: block;
	padding: 0 0 0 0px;
	height:25px;
	text-decoration: none;
	}