/** $Id: module.css,v 1.24 2009-04-07 02:38:08 avnik Exp $ */


.mod {
    border : none;
    background : none;
    padding: 0;
}

.mod-content .hd  {
    background : url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/bg-menu.png) repeat-x scroll 0 -5px;
    padding : 10px 10px 10px 10px;
}

.mod-content {
    display : block;
    _margin-right : 0;
    border : 1px #ccc solid;
    border-top : none;
}

.mod-content h3 {
    font-family : arial;
    font-size : 15px;
    font-weight: bold;        
    color: #666666;
}

.mod-content .bd,
.mod-content .ft {
    color : #000000;
    font-family : arial;
    padding : 5px 8px;
    _zoom : 1;
}

.mod-content .ft {
    position : relative;
    text-align : right;
}

.mod-content .bd embed {
    width : 265px;
    _width : 261px;
    height : 100px;
}

.mod-content .bd p {
    padding : 5px 0;
}

.mod-content .bd strong {
    font-family: arial;
    font-size: 13px;
    color: #000000;
    font-weight: normal;
}

.mod-content .bd em {
    font-style : italic;
}

.mod-content a {
    font-family : arial;
    color : #007aaa;
    text-decoration : none;
}

.mod-content a strong {
    font-family: arial;
    font-size: 13px;
    color: #0077AA;
    font-weight: normal;
    text-decoration : none;
}

.mod-content .ft a {
    font-size : 11px;
}

.mod-content ul {
    margin-top : -15px;
}

.right #right-module .mod-content .bd ul li {
	list-style-type:disc;
	margin-left:20px;
}

.right #right-module .mod-content .bd ul.yui-nav li {
	list-style-type:none;
	margin:0 0 -1px 5px;	
	float:left;
}

.right #right-module .mod-content .bd ul.yui-nav li a {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img//tab_bg_unselected_01.png) repeat-x;	
	border:1px solid #d6d6d6;
	font-size:13px;
	color:#666;
	padding:5px;
}

.right #right-module .mod-content .bd ul.yui-nav li a:hover {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img//tab_bg_hover_01.png) repeat-x;	
}

.right #right-module .mod-content .bd ul.yui-nav li.selected a {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img//tab_bg_selected_01.png) repeat-x;	
	font-size:13px;
	color:#4d4d4d;
	border-bottom:1px solid #ebeff4;
}

.right #right-module .mod-content .bd .yui-navset .yui-content {
	clear:both;
	background-color:#ebeff4;
	border:1px solid #d6d6d6;
} 

.right #right-module .mod-content .bd .yui-navset ul.yui-nav {
	border:none;
}

.mod-callout {
	background: url(http://l.yimg.com/a/i/us/ayc/static/assets/img//fk_smallbiz_bg_tile_1.jpg) repeat-x;
	border-top: 1px solid #ccc;
}

.mod-callout .bd h3 {
	margin-bottom: 10px;
	color: #000;
	font-size: 13px;
}

.editable .hd h3 {
    float : left;
}

.editable .hd span {
    float : right;
    cursor : pointer;
}


.editable .hd {
    height : 25px;
}


.mod .mod-content {
    margin: 10px;
}


.mod .mod-content {
    border : none;
}


.mod-rounded-2 .mod-content {
    margin-right: 56px;
    margin-left: 56px;
    margin-top:  25px;
}

.mod-rounded-2 .bd img {
    width: auto;
    _width: auto;
    height: auto;
}

.mod-rounded-4 .mod-content .hd,
.mod-rounded-3 .mod-content .hd,
.mod-rounded-1 .mod-content .hd,
.mod-rounded-2 .mod-content .hd {
    padding: 0;
    margin-top : -10px;
    background : #fff;
}

.mod-rounded-3 .mod-content .bd,
.mod-rounded-3 .mod-content .ft {
    background : #fff;
    margin : 0;
    padding : 10px 0;
}

	
.mod-rounded-3 {
   border-left: 1px solid #eee;
   border-right : 1px solid #eee;
   position:relative;
}

.mod-rounded-1  {
   border : 3px solid #c0cde0;
   _border : 2px solid #c0cde0;
   border-top : none;
   border-bottom : none;
   position:relative;
}

.mod-rounded-2 {
    padding-bottom: 9px;
}

.mod-rounded-4,
.mod-rounded-2 {
   border : none;
   border-left: 1px solid #eee;
   border-right : 1px solid #eee;
   position:relative;
   background : #f8f9f9;
   top : 2px;
   _top : 4px;
}

.mod-rounded-2 .hd h3 {
    text-transform:none;
    font-size: 20px;
    font-weight: normal;
    color: #804e8a;
}

.mod-rounded-2 .bd {
    padding-left: 0px;
}

.mod-rounded-4 .hd,
.mod-rounded-4 .hd h3,
.mod-rounded-4 .bd,
.mod-rounded-4 .ft,
.mod-rounded-2 .hd,
.mod-rounded-2 .hd h3,
.mod-rounded-2 .bd,
.mod-rounded-2 .ft {
    background : #f8f9f9;
}

.mod-rounded-4 .ft {
    visibility:hidden;
}

.mod-rounded-4 .ft ul {
    display: block;
}

.mod-rounded-1 .ft ul {
    margin-top: 0;
    _margin-top: 10px;
    text-align:center;
}

.mod-rounded-1 .ft li {
    display:inline;
    padding-left:30px;
    _padding-left:20px;
    padding-right:30px;
    _padding-right:20px;
}

.mod-rounded-1 .ft li a {
    color: #6A6A6A;
    font-size: 14px;
}

.mod-rounded-1 .ft .mod-ft-left {
    _margin-left: -20px;
    padding-right: 34px;
    border-right : 1px solid #dbdbdb;    
}

.mod-rounded-1 .ft .mod-ft-right {
    border-left : 1px solid #FFFFFF;
}

.mod {
   position:relative;
}

/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod .x1,
.mod .x1a, 
.mod .x2,
.mod .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:11px;  /* set height to the size of the corner */
   position:relative;
}

.mod .x1,
.mod .x2 {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}

.mod .x2 {
   _right:0px; /* overlap borders */
}

.mod .x1a{
   width:12px;
   left:-2px;
   _left:-3px;
}
.mod .x2a { /* left corners */
   width:12px;
   left:-2px;
   _left:-1px;
}
/* generic rounded corners -- applicable for 3 */
.mod .x1 {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner3-sprite.png) repeat-x scroll right -15px;
}

.mod .x1a {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner3-sprite.png) repeat-x scroll 0 1px;
    right : 1px;
    top: -1px;
}
.mod .x2 { /* bottom corners get moved */
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner3-sprite.png) repeat-x scroll right -45px;
    position:absolute;
    /* bottom:-1px; /* overlap bottom border */
    bottom : -2px;
}
.mod .x2a {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner3-sprite.png) repeat-x scroll 0 -30px;
}

/* rounded corners 1 */
/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod-rounded-1 .x1,
.mod-rounded-1 .x1a, 
.mod-rounded-1 .x2,
.mod-rounded-1 .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   position:relative;
}

.mod-rounded-1 .x1,
.mod-rounded-1 .x1a {
    height : 15px;
}

.mod-rounded-1 .x2,
.mod-rounded-1 .x2a {
    height : 30px;
}

.mod-rounded-1 .x1 {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner1-sprite.png) repeat-x scroll right -15px;
   /*background: none;*/
   top : -3px;
   right : -3px;

}

.mod-rounded-1 .x1a {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner1-sprite.png) repeat-x scroll 0 0;
    right : -2px;
    left : -7px;
    top : 0px;
}

.mod-rounded-1 .x2 { /* bottom corners get moved */
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner1-sprite.png) repeat-x scroll right -80px;
    position:absolute;
    /* bottom:-1px; /* overlap bottom border */
    bottom : -3px;
    _bottom : 6px;
    right : -3px;
    _right : -1px;
    top: 121px;
    _top: 145px;
}

 .mod-rounded-1 .x2a {
     background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner1-sprite.png) repeat-x scroll 0 -48px;
     right : -2px;
     left : -7px;
     _left : -3px;
}

/* rounded corner 2 & 4*/
/* generic rounded corners -- applicable for 3 */
.mod-rounded-4 .x1, 
.mod-rounded-2 .x1 {
    background: transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner2-sprite-v2.png) no-repeat scroll right -12px;
    top : -2px;
    left : 2px;
    _top : -5px;
}

.mod-rounded-4 .x1a, 
.mod-rounded-2 .x1a {
    background: transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner2-sprite-v2.png) repeat-x scroll 0 2px;
    left : -4px;
    width : 10px;
    top : -2px;
}

.mod-rounded-4 .x2, 
.mod-rounded-2 .x2 { /* bottom corners get moved */
    background: transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner2-sprite-v2.png) repeat-x scroll right -41px;
    right : -2px;
    _right : -1px;
    _bottom : -1px;
}
.mod-rounded-4 .x2a, 
.mod-rounded-2 .x2a {
    background:transparent url(http://us.i1.yimg.com/us.yimg.com/i/us/ayc/static/assets/img/rounded-corner2-sprite-v2.png) repeat-x scroll 0 -25px;
    left : -4px;
    _left : -2px;
    _width : 10px;
    _bottom : 0px;
}