/*
 
Title:      MagCloud (IE)
Author:     James Goode (james@sodapopandco.com)
Copyright:  2008, Hewlett-Packard Development Company, LP. All rights resevered.
 
*/

/* Override default style because IE doesn't recognise :focus */

input.text, input.password, textarea {
	color: #383131;
}
div#nav input.search {
    padding: 0 0 0 3px;
    height: 21px;
}
/* IE6: fixes things with negative margins not displaying properly */
a.logo img, div.issue h3, label, input, select, textarea {
	zoom: 1;
	position: relative;
	}
label {
    *line-height: 1.2em;
}
/* BOTH: fixes list-items not showing their symbols */
div.main ol {
    /* margin-left: -24px; */
    list-style-position: outside;
}
div.section ol {
	margin-left: 0;
}
/*div.section ol ul {
	margin-left: 14px;
}*/
div.section ol li {
	margin-left: 24px;
	}
div.section div.main ol li {
	font-size: 16px;
	}

/* BOTH: fixes the bottom of the h1 being cut off */
/*div.heading {
	padding-bottom: 9px;
	}*/
/*div.heading h1 {
	line-height: 36px;
	}*/
dl dt, dl dd {
	padding-bottom: 1%;
	}

/* IE7: fixes magazine info displaying off screen */
dl#magazines dd {
	left: 0;
	}

/* IE8: Fixes focused magazine being cut off on the bottom. */
#magazines {
    height: 166px;
}

/* IE6: fixes issue info floating too far to the right */
/*div.section div.issue {
	width: 550px;
	}
div.browse div.issue {
	width: 630px;
	}*/

/* BOTH: fixes action list items having huge margins */
.delivery.sub.section div.main, .payment.sub.section div.main {
	width: 550px;
	padding-right: 80px;
	}
.delivery.sub.section, .payment.sub.section {
	float: none;
	}
.payment.sub.section {
	margin-left: 0;
	}

/* IE6: fixes action list items having huge margins */
ul.actions li {
	display: inline;
	}

/* BOTH: fixes forms from being positioned too high */
/*form ul {
	margin-top: 16px;
	}*/
	
/* IE8: Fixes input fields being cut off on top */
/*form ul li {
    padding-top: 10px;
    margin-bottom: 8px;   
}
*/
form#createIssue ul {
    padding-top: 0px;
}

/* fixes 1px difference in padding between IE and other browsers. */
/*a.mc-button {
    padding: 8px 10px 8px 10px;
}*/

/* IE7: fixes 1px difference in vertical text location */
button.mc-button, input.mc-button {
    /* padding: 0 0.25em; */
    padding: 4px 10px;
    *padding: 3px 10px;
    line-height: 150%;
}

input.mc-button {
    margin-bottom:-4px;
}
a.mini.mc-button {
    *padding-top: 3px;
    *padding-bottom: 9px;
}
button.mc-button.big {
    height: 35px;
    padding-top: 2px;   
}
/* BOTH: lower the font size of the search filter box slightly */
select.search {
	font-size: 14px;
	}

/* IE6: correctly display the width of the search text */
dl#search.issues dd {
	width: 550px;
	}
dl.featured.issues dd {
	width: 470px;
	}


/* div.preview.issue p.info {
	margin-right: -80px;
	float: right;
	} */


/* IE7: correctly display the page numbers */
dl#pages dt.left span {
	/*margin-top: 90px;
	margin-left: -70px;*/
	position: relative;
	}
dl#pages dt.right span, dl#pages dt.last span {
	/*margin-top: 90px;
	margin-left: -75px;*/
	position: relative;
	}

/* IE6 & IE7: fixes self-clearing floats */	

/* fixes for page header so logo image does not get clipped */
#header.group {
	height: 1%;
	*overflow: visible;
}

/* fixes for everywhere else */
.group {
	/* height: 1%; */
	 *overflow: hidden;
}

/* but let's allow overflow for certain sections */
div#content,
div#mainpane,
div#footer,
#magazines
.allow-overflow,
#menu,
#menu-links,
#blog,
.blb-content,
.blb-mainpane
  {
    *overflow: visible;
}

/* Fix for missing bulleets in IE7 */
.info-view ul.info {
    *padding-left: 18px;
    *margin-left: 144px;
}

/*div#nav {
    *height: 36px;
}*/

div.main.group {
    *overflow: visible;
}

/*#heading-description {
    *margin-bottom: 14px;
}*/

/* -- How it works -- */
ol#how-it-works h2 {
    margin-left: -14px;
    *margin-left: 0;
}

/* -- How It Works slideshow -- */
.slideNav {        
    *background: transparent url(/images/howitworks/slidenav-unselected.png) no-repeat 0 0;   
    *margin-right: 4px;

}
.selectedNav { 
    *background: transparent url(/images/howitworks/slidenav-selected.png) no-repeat 0 0;    
}

#publishConfirmation #coverImage {
    *top: 0;
}

.form-container ul label.in-form {
    *float: none;
    *margin: 0;
    *width: auto;
    *text-align: left;
    *font-weight: normal;  
}

.form-container span.prominent {
    *display: inline-block;
    *vertical-align: top;
    *margin-top: 8px;
}

.form-container input[type="radio"] {
    margin-top:  3px;
    *margin-top: 1px;
}
.form-container input[type="checkbox"] {
    margin-top:  3px;
}

#createIssueMain ul {
    *margin-top: -24px;
}

#cart form.details div.options input[type="radio"] {
    margin-right: 0;
}

.magazine-issue-grid ul.controls li.opt-out {
    margin-top: 7px;
    *margin-top: 8px;
    line-height: 13px;
}

.radio-accordion .radio-accordion-content {
    margin-left: 24px;
    *margin-left: 25px;

    /* ie7 animation fix */
    *background-color: #fff !important; 
    *position: relative !important;
}
.radio-accordion input[type=radio] + label + p.note {
    margin-left: 24px;
    *margin-left: 25px;
}
.radio-accordion input[type=radio] + label + p.note,
.form-container .radio-accordion-content ul li {
    *width: 408px;
}
div.widget-designer .widget-form span.note {
    margin-left: 0;
}
.form-container p.inline.note {
    *display: inline;   
}

/* FAQ */
.control-bar.search {
    *margin-bottom: 0px;
    *padding-bottom: 0px;
}


#issuePreviewBrowser img {
    margin-top: 0;
    margin-left: 0;
}

#navToPreviewSpine {
    margin-right: 5px;   
}

#SelectPromoCodeRegionDiv {
    width:170px;
}


/* Home Page */
#usernameHeader {
    *margin-left: 4px;   
}
#socialSignup {
    border: 1px solid #D1D1D1;
    width: 752px;
    margin: 0;
}
#socialSignup .social li {
    font-size: 13px;
}

.medium-small-issue .group-name,
.medium-small-issue .publication-name,
.medium-small-issue .meta-info {
    *width: 138px;
}
#blog li.navlink {
    *width: 225px;   
}
.mini-sidepanel .main-section div.header {
    *padding-bottom: 8px;   
}
.mini-sidepanel ul.navlink-list li.navlink {
    *float: none;  
}
#blog .main-section, #blog .main-section .main {
    padding-bottom: 6px;
}
#publisherTools li {
    *width: 190px;   
}

.module.pricing .module-icon {
    box-shadow:  0px -2px 3px 1px #DDDDDD;        
}
.module.pricing.digital #pricingCalculatorControlList,
.module.pricing.digital .pricing-calculator-control-list {
    width: 365px;
}

/* Smart Campaign - Create and Edit Form */
#start-at-finish input{ margin: 4px 3px 0 0; }