/** $Id: style.css,v 1.66 2009-04-17 23:16:58 tycheng Exp $ */


/**
site wide css
applicable only on user facing pages
*/



html {
	background : #b094bc url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/bg-aycbody.gif) repeat-x;
	margin : 0 auto;
	padding : 0;
}

body {
	margin: 0 auto;
	padding : 0px 2px 2px;
	height : 100%;
}
#adgallerybody .cta-1 * {
  	line-height: 1.22em;
  	*font-size: small;
  	*font: x-small;	
	font-weight : normal;
}

.block-region {
	padding : 1em;
 	background : transparent;
	border : 2px dashed #b4d7f0;
	text-align : center;
	font-size : 1.3em;
}

#left {
	width: 210px;
	float: left;
}

#right {
	width: 210px;
	float: right;
}

#container {
}

#doc4 {
	width: 970px;
	background:transparent url("http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/shadow_mainmodbg.png") repeat-y;
    padding: 0 10px;
    height: 100%;
    margin: 0 auto;
    _background: #fff;
    _padding: 0;
}


#hd, #bd, #ft {
	background : #FFF repeat none scroll 0 0;
}

#search-no-result {
    color:#666666;
    display:block;
    font-size:27px;
    font-weight:bold;
    margin:110px auto 40px;
    text-align:center;
}

/** universal footer */
#yahoo_footer {
	margin: auto;
	/*min-width : 750px;*/
	text-align : left;
	width: 73.076em;
	font-size: 0.9em;
	padding: 5px;
}


#ad_format div, #ad_format h3 {
	display : inline;
	float : left;
}



#ad_format {
	height :10px;
}

#ad_format ul {
	display:inline;
	float : left;
	height : 31px;
	margin-left : 5px;
	margin-top : -8px;
}

#ad_format li {	
	background: url(images/menu-split-dksub.gif) no-repeat scroll 0 0;
}

#ad_format li,
#ad_format li:hover,
#ad_format li .selected,
#ad_format li .selected:hover {
	padding:8px;
	height:15px;
}



/** content */
#linktab .ft {
	display :block;
	clear : both;
	background : url(images/bg-grad-mainpg.png) repeat-x scroll 0 0;
	padding : 0 10px 0px;
	/*height : 311px;*/
	/*width : 950px;*/
}

.what_solutions_tools {
	/*
	background : url(images/bg-grad-mainpg.png) repeat-x scroll 0 0;
	*/
	display : block;
	clear : both;
	width : 950px;
	/*border-bottom : 1px #ba9bef solid;*/
}

#wst_hd, #wst_bd, #wst_ft {
	clear : both;
	display: block;
}

#what_can_yahoo_do .bd {
	clear : both;
}

#what_can_yahoo_do . citation .sol_item{
	border-top : 1px solid #BA9EBF;
	border-right : 1px solid #BA9EBF;
}

/** drupals css that's messing our css */
.block ul {
	margin : 0;
	padding : 0;
}

.what_solutions_tools div.hd h3{
	/*
	background : url(images/bg-grad-mainpg.png) repeat-x scroll 0 0;
	*/
	color : #a677b0;
	padding : 10px 0 10px;
	font-family : Arial;
	font-weight: bold;
	font-size : 18px;
}

.what_solutions_tools #what_solutions_tools_hd {
	/*border-bottom : 1px solid #BA9EBF;*/
}

#linktab .ft .what_solutions_tools .ft {
	padding:0;
}


#what_can_yahoo_do {
	width : 608px;
	float : left;
	display : inline;
	border: 0;
	border-left : 1px solid #ba9ebf;
	border-top : 1px solid #ba9ebf;
}

/*
	backgrounds for solutions items are submitted 1/29/08
	this will be a feature change request
*/
/** this will fix the ie float bug */
#what_can_yahoo_do li {
	border-right: 1px solid #ba9ebf;
	border-bottom: 1px solid #ba9ebf;
	float: left;
	width: 303px;
	display : inline-block;
	height:88px;	
}

.citation .sol_item {

}


.citation .mod_content .hd {
	background : url(images/sol_down.png) no-repeat scroll 0 0;
	height:88px;
	padding-left:15px;
	padding-right:15px;
	overflow : hidden;
}

.citation .mod_content .hd h3 {
	background : url(images/sol_arrow.png) no-repeat scroll 10px 25px;
	padding-left : 30px;
	padding-right : 0;
	padding-bottom : 0;
	padding-top : 20px;
	vertical-align : bottom;
	font-size: 18px;
	font-weight: bold;
	color: #007aaa;
	height : 68px;

}

/**
will not do the updated feature change for the background and text display
*/
.citation .mod_content .bd {
	background: url(images/sol_up.png) no-repeat scroll 0 0;
	height:88px;
	cursor: pointer;
	vertical-align:middle;
	padding-left : 10px;
	overflow: hidden;

}

/** this was a feature change */
.citation .mod_content .bd:hover{
	/*background : #fff no-repeat scroll 0 0;*/
}

.citation .mod_content .bd h4 {
	padding-top : 10px;
	font-size : 13px;
	font-weight: bold;
	color: #007aaa;
	text-align: left;
}

.citation .mod_content .bd p {
	padding-top : 20px;
	font-size : 12px;
	color : #000;
	text-align: left;
	height : 28px;
	/*height : 35px;*/

}

.citation .mod_content .bd p a {
	color : #007aaa;
}

#solutions_tools {
	float : right;
	display : block;
	width : 336px; 
	background : #f4f2f5;
	height :266px;
	border: 1px solid #ba9ebf;
	font-family : Arial;
}

#solutions_tools li {
	zoom: 1;
}

#solutions_tools .hd h3 {
	padding : 0;
}

#solutions_tools .mod {
	display : block;
	margin : 0;
	padding : 10px 30px 30px;
	border : 0;
	*width : 278px;
}

#solutions_tools .bd div{
	display : block;
	float : right;
	color : #007aaa;
	font-size : 12px;
}

#solutions_tools .bd div.left {
	float : left;
	display : block;
}	

#solutions_tools .bd ul h3 {
	padding-top : 10px;
	font-weight : bold;
}

#solutions_tools a {
	color : #007aaa;
	text-decoration : none;
}

#sol_tools_bd ul {
	*width : 136px;
}

#sol_tools_bd div ul li {
	line-height: 1.3;
}


*/

.mod_content h3 {
	font-size : 15px;
}



/*
.solutions_tools {
	float : right;
	text-align : left;
	width : 336px;
}
*/

.conceal {
	display : none;
}

.show {
	display : block;
}

/** banner for front page*/
#banner {
	height : 180px;
	width : 100%;
	display : block;
	text-align : left;
	clear : both;
}

#banner .banner_text {
	background : #444 repeat none scroll 0 0;
	opacity : 0.3;
	float : left;
	display : inline;
	width : 72.8%;
	margin : 106px 0 0;
	color : #FFF;
	padding : 0 10px 0;
}

#banner .banner_text h3 {
	text-align : left;
	font-size : 20px;
}

#banner .banner_text .bd {
	font-size : 15px;
}

#banner .banner_right {
	background : #000 repeat none scroll 0 0;
	float : right;
	display : inline;
	text-align : center;
	width : 25%;
	color : #EEE;
	height : 150px;
}

#banner .banner_right h3 {
	font-size : 15px;
}

#banner .banner_right .bd {
	font-size :20px;
}


#right_banner {
	position : relative;
	margin-left:687px;
	top : 18px;
}

/** banner for secondary pages */
#secondary_banner {
	background: url(images/bg-pagetitle.png) repeat scroll 0 0;
	width : 100%;
	height: 60px;
	display : block;
	clear : both;	
	font-family : Arial;
}

#secondary_banner .page_header {
	float : left;
	width : 65%;
	padding : 10px 0 10px 16px;
}

#secondary_banner .page_header h3 {
	font-size : 18px;
	font-weight : bold;
	color : #753E82;
}

#secondary_banner .page_header .bd {
	font-size : 13px;
	color: #666;
}

#secondary_banner .more_info {
	float : right;
	color : #666;
	padding : 10px 15px 0 0;
}

#secondary_banner .more_info h3 {
	font-size : 15px;
}

#secondary_banner .more_info .bd {
	font-size : 15px;
	font-weight : bold;
}	




/** footer */
#ft {
	clear : both;
	display : block;
    height: 70px;
}	

.adft {
	/*background : url(images/footer.png) no-repeat scroll 0 0;*/
}

.adft .footnav {
    display : block;
    clear : both;
    border : 1px solid #CCC;
    font-family: Arial;
    margin-left : 20px;
    margin-right : 20px;
    margin-top : 30px;
    padding-top : 10px;
    padding-bottom : 10px;
    height : 23px;
}

.adft li a,
.adft li a:hover,
.adft li a:visited {
	font-size : 11px;
	color : #007aaa;
	text-decoration : none;
}

.adft li {
    font-size : 11px;
    display : inline;
    list-style-type : none;
    padding : 0.4em;
    /*border-left : 1px solid #666;*/
    float : left;
}

.adft li.first {
	padding-left : 20px;
}

.adft li.last {
	float : right;
	color : #666;
	display: inline;
	border-left: none;
}

.adft li.separator {
	padding-left : 2px;
	padding-right : 2px;
	color : #666666;
}

.adft div.salesnum {
	font-size: 11px;
}

.adft div.salesnum strong {
	font-size : 13px;
}
	


.adft div.copyright {
	background : #FFF;
    text-align : center;
    clear : both;
    margin-top: 10px;
    margin-bottom : 20px;
}

.adft p {
    font-size : 9px;
}

.adft p strong {
    font-weight : bold;
 }
   
.yui-carousel-element li {
  height: 158px;
  text-align: left;
}

#carouselcontainer {
  background:transparent url(images/bg-grad-adgall-mod.png) repeat-x scroll center bottom;
  font-size: 12px;
  margin: 0 auto;
  clear: both;
}

#agcarouselcontainer {
  background:transparent url(http://l.yimg.com/a/i/us/ayc/static/assets/img/aa_adgallmod_bg_grad.png) repeat-x scroll center bottom;
  font-size: 12px;
  margin: 0 auto;
  clear: both;
  border : none;
}

#agcarouselcontainer ul{
  display : block;
}

#carouselcontainer a {
  text-decoration: none;
}

/* Start of Item for the Ad Gallery Page*/

#agcarouselcontainer .item:hover {
  background:#d3cfd5 none repeat scroll 0 0;
}
#agcarouselcontainer .yui-carousel-item-selected {
  background:#d3cfd5 none repeat scroll 0 0;
}

#agcarouselcontainer .yui-carousel-item-selected h4 {
  color : #000 !important;
}

#agcarouselcontainer .item, #carouselcontainer .item {
  display: inline;
  overflow: hidden;
  padding-top : 10px;
  padding-right: 29px;
  padding-left: 29px;
  width: 100px;
  height: 120px;
  margin : 0;
  border-right : 1px solid #bbb;
  cursor : pointer;
  visibility : visible;
}

#agcarouselcontainer .item h4 {
  text-align: center;
  font: 13px Arial;
  font-weight : bold;
  color : #007aaa;
  margin-top:-20px;
  *margin-top:-16px;
  left : -29px;
  width : 158px;
  position: relative;
}


#agcarouselcontainer .item p.all {
  bottom: 25px;
  position: absolute;
  z-index: 2;
}

#agcarouselcontainer .item p.all a {
  font-weight: bold;
  font-size: 85%;
}

.item img.adgalleryimg {
	width : 100px;
	height : 100px;
	border : 1px solid #a17ea8;
}

/* end of item on Ad Gallery Page */


/* start of styles of items  on Front Page*/

#carouselcontainer .fifthitem {
	border-right : medium none !important;
}

#carouselcontainer .item:hover {
  background:#d3cfd5 none repeat scroll 0 0;
}
#carouselcontainer .yui-carousel-item-selected {
  background:#d3cfd5 none repeat scroll 0 0;
}

#carouselcontainer .yui-carousel-item-selected h4 {
  color : #000 !important;
}

#carouselcontainer .item h4 {
  text-align: center;
  font: 13px Arial;
  font-weight : bold;
  color : #007aaa;
  margin-top:-20px;
  *margin-top:-16px;
}

#carouselcontainer .item p.all {
  bottom: 25px;
  position: absolute;
  z-index: 2;
}

#carouselcontainer .item p.all a {
  font-weight: bold;
  font-size: 85%;
}

#carouselcontainer .yui-carousel-content {
  margin-left: 30px;
  margin-right: 30px;
}

#carouselcontainer .item img.adgalleryimg {
	width : 100px;
	height : 100px;
	border : 1px solid #a17ea8;
}

#carouselcontainer .yui-carousel-content {
  margin-left: 73px;
  margin-right: 73px;
}

/* end of front page carousel styles */

.yui-carousel-content {
  overflow: hidden;
  position: relative;
}

#carouselheader br {
	clear : both;
}

#carouselheader div.adcaption {
  padding: 7px;
  margin-left: 8px;
  font : 13px, arial;
  font-weight: bold;
  color : #a17ea8;
  text-transform : uppercase;
  float : left; 
  
}


#carouselheader div.tobrowse {
  padding: 7px;
  margin-right : 8px;
  font : 13px, Arial;
  font-weight : bold;
  float : right;
}

#carouselheader div.tobrowse a, #carouselheader div.tobrowse a:link {
	text-decoration : none;
	color : #007aaa;
}

#carouselheader {
  background:transparent url(images/bg-tbar.png) repeat-x scroll center bottom;
  border-top: 1px solid #a17ea8;
  border-left: 1px solid #a17ea8;
  border-right: 1px solid #a17ea8;
  clear : both;
  width : 941px;
  margin : 0 auto;
  
}

.yui-carousel {
  visibility: hidden;
  overflow: hidden;
  position: relative;
}

.yui-carousel.yui-carousel-visible {
  visibility: visible;
}



#agcarouselcontainer .yui-carousel-content {
  margin-left: 87px;
  margin-right: 88px;
}

.yui-carousel-element {
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 32000px;
  z-index: 1;
  margin-bottom : 20px;
}


.yui-carousel-element li {
  border: none;
  float: left;
  list-style: none;
  margin: 1px;
  overflow: hidden;
  padding: 0;
  text-align: center; *
  float: none; *
  display: inline-block; *
  zoom: 1; *
  display: inline;
}


.yui-log .carousel {
  background: #f2e886;
}

.yui-carousel-nav {
  _zoom: 1;
}

.yui-carousel-nav:after {
  clear: both;
  content: "";
  display: block;
}

.yui-skin-sam .yui-carousel {
  border: 1px solid #a17ea8;
}

.yui-skin-sam .yui-carousel-nav {
  text-align: right;
}

.yui-skin-sam #agcarouselcontainer .yui-carousel-nav {
  margin-bottom: -5px;
}

.yui-skin-sam .yui-carousel-button {
  background :
  	url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_crsl_sprite.gif)
    no-repeat -2px -156px;
  float: right;
  height: 35px;
  margin: -15px;
  overflow: hidden;
  width: 35px;
  position: relative;
  top: 60px;
  left: -50px;
  z-index : 2;
}

.yui-skin-sam #agcarouselcontainer .yui-carousel-button {
  top: 52px;
  left: -60px;
}

#agcarouselcontainer .yui-carousel-button button {
  margin-left : 200px;
}

.yui-skin-sam #agcarouselcontainer span.yui-carousel-first-button {
  left: -833px;
}

.yui-skin-sam .yui-carousel-button-disabled {
  background:
   url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_crsl_sprite.gif)
    no-repeat -2px -301px;
}

.yui-skin-sam .yui-carousel-button input {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 44px;
  margin: -2px 0 0 -2px;
  padding: 0 0 0 50px;
}

.yui-skin-sam span.yui-carousel-first-button {
   background:
    url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_crsl_sprite.gif)
    no-repeat -2px -84px;
  margin-left: -100px;
  margin-right: 60px; *
  margin: 5px 5px 5px -90px;
  position: relative;
  top: 60px;
  left: -815px;
}


.yui-skin-sam span.yui-carousel-first-button-disabled {
  background:
    url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_crsl_sprite.gif)
    no-repeat -2px -229px;
}

.yui-skin-sam .yui-carousel-nav ul {
  padding: 0;
  clear: both;
  margin: 0 auto;
}

.yui-skin-sam .yui-carousel-nav select {
  position: relative; *
  right: 50px;
  top: 4px;
}

.yui-skin-sam .yui-carousel-nav ul li {
  float: left;
  height: 19px;
  list-style: none;
}

.yui-skin-sam .yui-carousel-nav ul:after {
  clear: both;
  content: "";
  display: block;
}

.yui-skin-sam .yui-carousel-nav ul li a {
  background:
    url(http://l.yimg.com/a/i/us/ayc/static/assets/img/ayc_crsl_sprite.gif)
    no-repeat 0 -45px;
  display: block;
  height: 9px;
  margin: 10px 0 0 5px;
  overflow: hidden;
  width: 9px;
}

.yui-skin-sam .yui-carousel-nav ul li a em {
  left: -10000px;
  position: absolute;
}

.yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
  background-position: 0 -19px;
}


#adgallerybody {
    margin : 30px 15px 0;
    width : 940;
}

#adgallerytext {
	width : 50%;
	float : left;
}

#adgallerytext h3{
	font-size : 18px;
	margin-bottom : 10px;
}

#adgallerytext p{
	float : left;
	width : 90%;
	font-family : arial;
	font-size: 12px;
	color : #000;
}

#agcarouselcontainer li.fifthitem {
	border-right : medium none !important;
}

#adgallerybody #adseealso {
	clear : left;
	padding : 20px 0;
}

#adgallerybody #adseealso h3 {
	font-size : 16px;
	font-family : arial;
	font-weight : bold;
	margin-bottom : 10px;
}

#adgallerybody .seealsoitem {
	clear : left;
}

#adgallerybody .seealsoitem img {
	float: left;
	margin-bottom:10px;
        width : 100px;
        height : 100px;
}

#adgallerybody .seealsoitem span.seealsodesc {
	font-size : 12px;
	font-family : arial;
	font-weight : bold;
	margin-left : 10px;
	margin-top : 30px;
	float: left;
}

#adgallerybody  span.seealsotitle a{
	color : #007aaa;
	text-decoration : none;
}


#adgallerybody  p.seealsoadtype a{
	color : #999;
	text-transform: capitalize;
	text-decoration : none;
}

#carousel img.playbutton {
	left:-38px;
	position:relative;
	top:-22px;
	z-index:3;
}

#carouselcontainer *, #agcarouselcontainer * {
	outline : none;
}

#carouselcontainer .item:last-child, #agcarouselcontainer .item:last-child{
	border-right : medium none;
}

/* end of carousel css */

#bttmshdw {
  background: transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/shadow_bottom.png) no-repeat
    scroll 0 0;
  height: 9px;
  margin: 0 auto;
  width: 990px;
  _background: none;
}

#site-footer {
  margin: 1px auto 15px;
  text-align: center;
  font : 11px Arial;
  color : #ccc;
}

#site-footer strong{
  font-weight : bold;
}

#site-footer a{
  color : #ccc;
  text-decoration : none;
}

#site-footer a:hover{
  text-decoration : underline;
}



fieldset {
	display : block;
	padding : 20px;
}

label {
	display : block;
}

textarea {
	display : block;
}

.inputfield {
	display : block;
	padding : 10px;
	border : 1px solid #ba9bef;
}

#dialog1Test, #dialog_call_to_action {
	height :400px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.feed-icon {
	display : none;
}