/* ### Digital Edition - css for individual blocks ### */

/* general */
.btn-block{display:block; width:100%; padding-left:0; padding-right:0; -webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.btn-large{font-size: 17px;}
span.red{color:#B94A48;}

/* product blocks */
.it_product{background: url("../images/pattern_tile_darker.gif") repeat 0 0; border:1px solid #DDD; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:1.5em;  
-moz-box-shadow:3px 3px 3px -3px #999; -webkit-box-shadow:3px 3px 3px -3px #999; -o-box-shadow:3px 3px 3px -3px #999; -ms-box-shadow:3px 3px 3px -3px #999; box-shadow:3px 3px 3px -3px #999; min-height:215px;}
.it_product .wrap{padding:10px;}
.it_product .wrap h3{margin:0 0 10px 0; padding:5px 0; text-align:center; font-weight:normal;}
.it_product .highlights{margin:0.6em 0 1.6em; padding: 0 0 0 40px;}
.it_product .highlights li{list-style-image:url('../images/star.png');}
.it_product label{font-family: Arial,Helvetica,sans-serif; font-size:14px;}
.it_product .price{display:block; margin:5px 0; font-weight:bold; text-align:center; color:#000; font-family: Arial,Helvetica,sans-serif;}
.it_product .btn{margin:10px 0 5px 0;}

/*login form*/
#it_login{margin-bottom:20px;  font-family:Arial,Helvetica,sans-serif;}
#it_login legend, #it_login .legend{ border-bottom: 1px solid #C6C6C6; font-family:Georgia,"Times New Roman",Times,serif !important; font-size:130%; margin-bottom:15px;}
#it_login form label{font-family: Arial,Helvetica,sans-serif; font-size:14px; white-space:nowrap;}
#it_login .btn{margin:0;}
#it_login fieldset{padding:0 10px;}
#it_login input{width:180px;}
#it_login .controls a{color:#0088CC;  font-size:14px;}
#it_login #loginalert .alert{margin:0 0 15px; padding:0 35px 0 14px; font-size:14px}
#it_login #loginalert .alert .close{display: inline-block; line-height:24px; top:0;}

.appavailable #it_login{display:none !important;}  /*hide the login to the desktop app from mobile devices.  If we introduce a My Account area we may need to reinstate this*/


/*Select edition*/
.single .highlights{margin-bottom:.6em;}
#buyedition .control-group{margin-bottom:10px;}
#buyedition .control-label{width:80px;}
#buyedition input{width:175px;}
#showeditiondate{background-image:url("../images/calendar.png"); background-position:98% center; background-repeat:no-repeat; cursor:pointer;}

/*FAQs*/
.it_faq{ min-height:50px !important;}
.it_faq a{display:inline !important;}
.loggedin .it_faq h3{font-size:130%; font-family:Georgia, "Times New Roman", Times, serif; color:#000;}

ul.no-star{list-style:none !important; padding-left:0;  margin:auto; width:90%;}

/*date picker adjustments*/
.span4 .ui-datepicker{width:97%; max-width:400px; margin:auto;}
.ui-widget{font-size:1em !important;}
.ui-datepicker-div{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.ui-datepicker th{width:2em;}
.ui-state-default{font-size:0.8em;}
.ui-datepicker .ui-datepicker-title select{font-size:0.8em !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height:2.1em !important; top:0 !important; cursor:pointer;}

/*features list*/
.digital-edition-features{}
.digital-edition-features h3{font-weight:normal; font-size:170%; }
.digital-edition-features h4{font-weight:normal; font-size:140%;}
.digital-edition-features ul{}
.digital-edition-features .features li{list-style-image:url('../images/tick.png'); line-height:1.8em;}

.digital-edition-features .no-img{list-style:none !important;}
.digital-edition-features .footnote{display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em; margin-top:8px;}
.digital-edition-features .footnote .red{display:inline-block; height:20px; margin-right:8px; float:left;}


/* Two blocks - one visible on ipad portrait only */
.it_links{}
.it_links ul{margin-bottom:.6em !important}
.it_links a{display:block; text-align:center;}
.it_links a.itunes{margin-bottom:10px;}

#content_right_upper .it_links{display:none;}

@media only screen and (max-width:960px){
	#content_right_upper .it_links{display:block;}
	#content_right .it_links{display:none;}
}

.no-touch .loggedin .it_links{display:none !important;} /*on CF page*/


/*IE fixes*/
.lt-ie9 .form-horizontal .controls{margin-left:85px;}
.lt-ie9 .form-horizontal .control-label{width:70px;}


/*mobile portrait only*/
@media only screen and (min-width:320px) and (max-width:479px) {
	/*header adjustments*/
	.mircosite-header h1{font-size:21px;}
}

/*mobile portait and up*/
@media only screen and (min-width:320px){
	
}

/*mobile only */
@media only screen and (min-width:320px) and (max-width:767px){
	/*hide prev/next for small devices as CF swipes*/
	.flipster .flipto-prev, .flipster .flipto-next{display:none;}
}

/*mobile landscape / small tablet only */
@media only screen and (min-width:480px) and (max-width:767px) {
	
}

/*mobile landscape etc. and up */
@media only screen and (min-width:480px){
	
}

/*small tablets*/
@media only screen and (min-width:600px) and (max-width:767px) {
	
}

/*up to ipad portait*/
@media only screen and (max-width: 767px){
	
}


/*ipad portrait */
@media only screen and (min-width:768px) and (max-width: 979px) {
	.visible-tablet {display: block !important;}
}

@media only screen and (min-width:768px) and (max-width: 960px) {
	
}

/* nexus landscape*/
@media only screen and (min-width:960px) (and max-width:980px){
	
}

/*ipad portrait etc. and up*/
@media only screen and (min-width:768px){
	.form-horizontal .controls{margin-left:85px;}
	.form-horizontal .control-label{width:70px;}
}

/*up to desktop*/
@media only screen and (max-width:980px){
	 
}

/*large tablet / desktop */
@media only screen and (min-width:980px) {
	
}


/*form iput styles*/
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:20px;padding:4px 6px;font-size:14px;line-height:20px;color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle;}
input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}