/* $Id: styles.css 34661 2010-03-22 23:58:09Z vishal $ 
	/css/0.1/screen/build/membercenter/styles.css
	(c)2006 - 2008 The New York Times Company
*/
@import url(global.css);
@import url(layout.css);
@import url(modules.css);
@import url(navigation.css);
@import url(shell.css);
@import url(ads.css);
@import url(masthead.css);

/*current e-mail section wrap*/
#currentEmails .opposingFloatControl .element1{
	width: 216px;
}

/*framework overrides*/
.spanAB{
	font-family: arial, helvetica, sans-serif;
}

.subColumn-3 .column{
	width: 189px !important;
	margin-right: 15px;
}

.subColumn-2 .column{
	width: 291px !important;
	margin-right: 15px;
}

.inset{
	padding: 10px 8px;
	margin: 0;
}

.insetV {
	padding:10px 0;
	margin: 0;
}

.module{
	margin-bottom: 20px;
} 
/*end framework overrides*/


/*vertical menu module*/
.verticalMenu li{
	background-color: #e6eff8;
	margin-bottom: 3px;
	padding: 5px;
	font-size: 1.1em;
	line-height:1.35em;	
}
/*end vertical menu module*/


/* member center section header module*/
.mcSectionHeader {
	border-bottom: 1px solid #ccc;
	padding-bottom: 9px;
	margin-top: 0px;
}

.mcSectionHeader h2{	
	text-transform: uppercase;
	font-family: georgia, "times new roman", times, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #333;	
}

.mcSectionHeader img{	
	margin-bottom:-4px;
	margin-top:-8px;
	vertical-align:middle;
}
/* end member center secion heder module*/


/* Begin  table form module ***/
.tForm, 
.tFormList{
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ccc;
}

.tForm th,
.tFormList th{
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em; 
}
 
.tForm td,
.tFormList td,
.horizontalData th{
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	display: clear;
	font-size: 1.2em; 
}

.horizontalData th{
	font-weight: normal;
}

.tForm p{
	font-size: 1em;
}

.popUpForm th, 
.popUpForm td{
	font-size: 1em;
}

.tForm th.noWrap, 
.tForm td.noWrap{
	white-space: nowrap;
}

.tFromSubmitButton{
	float: right;
	margin-top: -7px;
}

.centerContent{
	text-align: center;
}

/* table column spacing */
.lastRow{
  border-bottom: none !important;
}

.lastColumn{
  border-right: none !important;
  width: 100%; 
}

.narrow{
  width: 20%;
}

.medium{
  width: 36%;
}

.wide{
  width: 64%;
}

.split{
	width: 50%;
}
/* end table column spacing */


/* table padding fix */
.tForm td,
.tForm th{
  padding: 9px 5px 7px 8px;
  vertical-align: top;
}

.tFormList td{
	padding: 9px 5px 0px 8px;
}

td.tFormSpannedColumn,
th.tFormSpannedColumn{
	padding-left: 13px;
}

.tForm .runaroundRight,
.tForm img,
.tForm input[type="password"],
.tForm input[type="text"],
.tForm input[type="submit"],
.tForm input[type="image"],
.tForm select 
{
	margin: -3px 0 -3px 0 !important;
}

.tForm .normalizeBlock .runaroundRight,
.tForm .normalizeBlock img,
.tForm .normalizeBlock  input[type="password"],
.tForm .normalizeBlock  input[type="text"],
.tForm .normalizeBlock input[type="submit"],
.tForm .normalizeBlock input[type="image"],
.tForm .normalizeBlock select 
{
	margin: 0 !important;
}

.tableList  .tForm th, 
.tableList .tForm td{
	padding: 4px 0 0 !important
} 

.tForm label,
.tForm input, 
.tForm textarea, 
.tForm select{
    font-size: 1em;
	vertical-align: top;
	margin-left: 0;
}
/* end table padding fix */

/* End table form module */

/* components */
.textModule{
    margin-top: -5px;
}

p.textModule:last-child{
    margin-bottom: 15px;
}

.success {
	background-color: #F8F8D4;
}

.fieldDescription{
	font-size: .917em;
	font-style: italic;
	color: #666;	
}

.searchForm{
	width: 330px;
}

.wideFormElement{
	width: 240px;
}

.alert, 
.mandatory, 
.alert a,
.alert a:visited {
	color: #A81817;
} 

.alert a{
	text-decoration:underline;
}

.rollOver, 
table a.rollOver{
	font-size: .833em;
}

.breadCrumbs p{
	font-size: 1em;
}

.breadCrumbs{
	margin-bottom: 0px;
}

.breadCrumbsBox{
	background-color: #F0F4F5;
	padding: 8px 0 8px 6px;
	margin-bottom: 16px;
}

.optionsBlock {
	background-color: #F0F4F5;
	width: 276px;
}

.box{
	clear: none;
}

.fullNotificationBox{
    padding: 3px 5px 3px 5px;
    background-color: #F0F4F5;
}

.altText{
	font-family: georgia, "times new roman", times, serif;
	font-size: 1.4em; 
	font-weight: normal;
}
/* end componenets */

/* list formatting */
.tForm .flush li{
	margin-bottom: 10px;
}

.tForm li a{
    font-size: .764em;
	font-weight: bold;
}

.primaryList li a{
	font-size: 1em;
	font-weight: normal;
}

.primaryList li{
	font-size: 1.01em;
}

ul.dataGrid{
	width: 100%;
	margin-bottom: 0px;
}

ul.dataGrid li{
	padding: 9px 5px 9px 5px;
	background: none;
	border-bottom: 1px solid #EBEBEB;
	border-right: 1px solid #EBEBEB;
	width: 48%;
	float: left;
}

.dataGrid img{
	margin: -5px 0 -5px 0;
}


.underlinedList li 
{
	padding: 8px 0 8px 0;
	border-bottom: 1px solid #EBEBEB;
	background: none;
}

.underlinedList label{
	display: inline;
}

.errorList  li.logo{
	background: transparent url(/images/alertIcon.PNG) no-repeat left 0.35em;
}

.errorList li{
	padding: 5px 0 5px 25px;
}
/*end list formatting*/


/*tooltip module*/
.tooltip:hover {
	background:#ffffff; /*BG color is a must for IE6*/	
	text-decoration:none;
} 

.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
	width:160px;
}

.tooltip:hover span{
	display:inline; 
	position:absolute; 
	border:1px solid #cccccc; 
	background:#ffffcc; 
	color:#6c6c6c;
}
/*end tooltip module*/


/*email subproduct module*/
.emailSubProduct{
	padding: 12px 0 18px 0;
}

.emailSubproduct h6
{
	margin-bottom: 6px;
}

.availableDays,
.subscribe,
.subscribed{
    margin-bottom: 2px;
}

.productDetail p{
    margin-bottom: 0px;
}

.productDetail li{
    line-height: 1.2em;
}

.productDetail p{
	font-size: 1.1em;
}

.sampleLink{
	font-size: 0.916em;
}

.availableDays{
	color:#808080;
	font-size:1em;
	line-height:1.2em;
	text-transform: uppercase;
}
/*end email subproduct module*/


/*today's headline module*/
.todaysHeadlines{
    font-size: 1.1em;
    margin-bottom: 0px;
}
.todaysHeadlines strong{
    font-size: 1.091em;
}
.todaysHeadlines .byline{
    font-size: 0.909em;
}
.formList li{
    font-size: 1.1em;
}
/*end today's headline module*/


/* c column illustration module */
.illustration{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
/* end c column illustrations */


/* Begin of Banner illustration module */
.customBorderBox {
	margin-left:-5px;
	width:609px;
}

.customBorderBox .element1 {
	width: 600px;
}

.myAccountBox .element2 {
	padding:6px 13px 6px 0;
}

.myAccountBox h1 {
	margin-top:25px;
}

.customBorderBox h1 {
	font-size:2.4em;
}

.customBorderBox h1, .customBorderBox h5 {
	color:#333333;
	font-family:georgia,"times new roman",times,serif;
	font-weight:normal;
	margin-left:16px;
}

.purchaseHistoryBox .element1 {
	width:360px;
}

.purchaseHistoryBox .element2 {
	padding:2px 13px 9px 0;
}

.billingInfoBox .element1 {
	width:330px;
}

.billingInfoBox .element2 {
	padding:0 22px 5px 0;
}

.createAlertBox .element2 {
	padding:0 22px 7px 0;
}

.emailPrefsBox .element2 {
	padding:3px 13px 3px 0;
}

.personalInfoBox .element2 {
	padding:2px 13px 0 0;
}

.purchaseHistoryBox .element1 {
	width:360px;
}

.purchaseHistoryBox .element2 {
	padding:2px 13px 9px 0;
}

.customBorderBox h5 {
	font-size:1.4em;
}

.billingInfoBox h1 {
	margin-top:17px;
}

.createAlertBox h1 {
	margin-top:31px;
}

.emailPrefsBox h1 {
	margin-top:25px;
}

.customBorderBox h5 {
	font-size:1.4em;
}

.personalInfoBox h1 {
	margin-top:31px;
}

.purchaseHistoryBox h1 {
	margin-top:17px;
}

.myAccountBox .boxSides {
	background:transparent url(images/hdr_myAccount_sides.gif) repeat-y scroll left top;
}

.myAccountBox .boxTop {
	background:transparent url(images/hdr_myAccount_top.gif) no-repeat scroll left top;
}

.myAccountBox .boxBottom {
	background:transparent url(images/hdr_myAccount_btm.gif) no-repeat scroll left bottom;
}

.myAccount .doubleRule {
	background:transparent url(images/doubleRule_myAccount.gif) repeat-x scroll left top;
}

.personalInfo .doubleRule {
	background:transparent url(images/doubleRule_personalInfo.gif) repeat-x scroll left top;
}

.billingInfo .doubleRule {
	background:transparent url(images/doubleRule_billingInfo.gif) repeat-x scroll left top;
}

.createAlert .doubleRule {
	background:transparent url(images/doubleRule_createAlert.gif) repeat-x scroll left top;
}

.emailPrefs .doubleRule {
	background:transparent url(images/doubleRule_emailPrefs.gif) repeat-x scroll left top;
}

.purchaseHistory .doubleRule {
	background:transparent url(images/doubleRule_purchaseHistory.gif) repeat-x scroll left top;
}

.purchaseHistoryBox .boxSides {
	background:transparent url(images/hdr_purchaseHistory_sides.gif) repeat-y scroll left top;
}

.purchaseHistoryBox .boxTop {
	background:transparent url(images/hdr_purchaseHistory_top.gif) no-repeat scroll left top;
}
.purchaseHistoryBox .boxBottom {
	background:transparent url(images/hdr_purchaseHistory_btm.gif) no-repeat scroll left bottom;
}

.billingInfoBox .boxSides {
	background:transparent url(images/hdr_billingInfo_sides.gif) repeat-y scroll left top;
}

.billingInfoBox .boxTop {
	background:transparent url(images/hdr_billingInfo_top.gif) no-repeat scroll left top;
}

.billingInfoBox .boxBottom {
	background:transparent url(images/hdr_billingInfo_btm.gif) no-repeat scroll left bottom;
}

.createAlertBox .boxSides {
	background:transparent url(images/hdr_createAlert_sides.gif) repeat-y scroll left top;
}

.createAlertBox .boxTop {
	background:transparent url(images/hdr_createAlert_top.gif) no-repeat scroll left top;
}

.createAlertBox .boxBottom {
	background:transparent url(images/hdr_createAlert_btm.gif) no-repeat scroll left bottom;
}

.emailPrefsBox .boxSides {
	background:transparent url(images/hdr_emailPrefs_sides.gif) repeat-y scroll left top;
}

.emailPrefsBox .boxTop {
	background:transparent url(images/hdr_emailPrefs_top.gif) no-repeat scroll left top;
}

.emailPrefsBox .boxBottom {
	background:transparent url(images/hdr_emailPrefs_btm.gif) no-repeat scroll left bottom;
}

.personalInfoBox .boxSides {
	background:transparent url(images/hdr_personalInfo_sides.gif) repeat-y scroll left top;
}

.personalInfoBox .boxTop {
	background:transparent url(images/hdr_personalInfo_top.gif) no-repeat scroll left top;
}

.personalInfoBox .boxBottom {
	background:transparent url(images/hdr_personalInfo_btm.gif) no-repeat scroll left bottom;
}

.purchaseHistoryBox .boxSides {
	background:transparent url(images/hdr_purchaseHistory_sides.gif) repeat-y scroll left top;
}

.purchaseHistoryBox .boxTop {
	background:transparent url(images/hdr_purchaseHistory_top.gif) no-repeat scroll left top;
}

.purchaseHistoryBox .boxBottom {
	background:transparent url(images/hdr_purchaseHistory_btm.gif) no-repeat scroll left bottom;
}
/* End of Banner illustration module */