/* 
	Author: David Denton
	Description: Standard SPIE front end CSS for MVC.
	Feature(s): Entire Program CSS styles main includer
*/

body 
{
    overflow-x: hidden;
}
#carttable td {
	font-size:12px;
    width:1%;
	padding:15px 15px 25px 0;
}
#carttable a {
    font-size:12px;
}
#carttable a.info {
    font-size: 12px;
    font-weight: normal;
}
#carttable a,#ordersummary a {
	color:#000;
	font-weight:bold;
}

#carttable a.update,#ordersummary a.update {
	color:#000;
	font-weight:normal;
    font-size:10px;
}
#carttable .row {
	border-bottom:1px solid #dddddd;
	vertical-align:top;
}
#carttable img {
	padding-right:7px;
}
#carttable .detail {
	width:450px;
    vertical-align:top;
}
.itemqty {
	text-align:center;
}
input.itemqty {
	padding:2px;
	text-align:right;
	width:25px;
	border:1px solid #888888;
}
#carttable .itemprice {
	text-align:right;
	width:120px;
}

#carttable .itemqty {
	text-align:right;
	width:120px !important;
}

.itemprices {
	padding-top:1em;
}

.itemtotal {
    float:right;
    font-weight:bold;
}

#ordersummary {
    font-size:12px;
    color:#000;
}

#ordersummary .itemlist {
    overflow:scroll;
    overflow-x: hidden; 
    height:300px; 
    padding:0 10px 0 10px;
    width: 340px;
}

#ordersummary .iteminfo{
    float:left; 
    font-size:11px;
}

#ordersummary .itemtotal{
    font-size:12px;
}

#ordersummary div.detail a{
    font-size:12px;
}


#ordersummary .container {
    width: 100%;
    vertical-align: top;
    border: 1px solid #888;
}

#ordersummary .priceAmount
{
    font-size:13px;
}

#ordersummary .row {
	vertical-align:top;
    display:inline-block;
    border-bottom:1px solid #dddddd;
    padding:10px 0 10px 0;
}

#ordersummary .detail {
	width:215px;
    display:inline-block;
    vertical-align:top;
}

#totalcalc div {
	padding:0;
}

#subtotal span {
    float:right;
    font-weight:bold;
}

.addressRow {
    padding:7px 0;
}

.addressRow label {
	display:inline-block;
    width:125px;
}

.addressRow input[type=text] {
    border:1px solid #888;
    padding:3px;
    width:300px;
}

.addressRow input[type=password] {
    border:1px solid #888;
    padding:3px;
    width:300px;
}

.addressRow select {
    border:1px solid #888;
    width:300px;
}

select.widthnarrow {
    width:150px;
}

select.widthnarrower {
    width:75px;
}

input[type=text].widthnarrow {
    width:150px;
}

input[type=text].widthnarrower {
    width:75px;
}

.sectionheader {
    border-top: solid 5px #000000;
    border-bottom: solid 1px #000000;
    padding:5px 0 7px 0;
    margin:7px 0 15px 0;
}

.sectionheader h2 {
    margin:0 0 0 10px;
}

h2 {
    margin: 0;
}

h3 {
    margin: 4px 0 4px 0;
}

.valdiff {
    font-weight:bold;
    color:#000;
}

.fldnote {
    font-size:10px;
    font-weight:bold;
    padding-left:130px;
    padding-top:3px;
}

a.submitbtn {
    background-color:black;
    padding:6px 12px;
    text-transform:uppercase;
    text-decoration:none;
    color:white;
    font-weight:bold;
}

    a.submitbtn:hover {
        color:white;
        text-decoration:underline;
    }

#progressbar {
        text-transform: capitalize;
        margin: 10px 0;
        padding: 5px 10px;
        border-top: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        text-align: justify;
        height: 15px;
}

#progressbar .crumb{
	text-decoration: none; 
	display: inline-block;
    color: #7E7E7E;
    margin:0px 30px;
    font-weight:normal;
    text-align:center;
    /*width:25%;*/
}

.crumbspacer{
    display: inline-block;
    position: relative;
    width: 100%;
}

.crumb.bold{
    color: black;
}

.crumb-link {
    text-decoration: none;
    color: black;
}

    .crumb-link:hover {
        text-decoration:underline;
    }


#progressbar .crumbspacer{
    display: inline-block;
    position: relative;
    width: 100%;
}

#errormessage {
    font-weight:bold;
    color:#ed1c24;
}

.errormessage {
    color:#ed1c24;
    font-weight:bold;
    font-size:14px;
    padding: 8px 0px 8px 0px;
}

img.cclogo {
    filter:alpha(opacity=50);
    opacity: 0.5;
    MozOpacity: 0.5;
    height:24px;
    width:38px;
    border:0;
}

img.cclogoselected {
    filter:alpha(opacity=100);
    opacity: 1.0;
    MozOpacity: 1.0;
    height:24px;
    width:38px;
    border:0;
}

.required {
    padding: 5px 0 0px 0;
    white-space:nowrap;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #C8373A;
    display:inline-block;
    width:2px;

}

.infopopup {
    background-image:url('https://spie.org/app/images/WhatsThis.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-top:2px;
    padding-right:20px;
    cursor: pointer;
}

.info_box1 
{
    background-color: #E2EEF4;
    border: solid 1px #50AEDF;
    padding:7px;
    width:300px;
    z-index:1000;
}

.cartpopup {
    display: none;
    background: #fff;
    z-index: 1000;
    box-shadow: 5px 5px 15px #aaa;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#aaa;
}

#ordersummary .shoppingCartLink a
{
    color:#000;
    font-size:11px;
    font-weight:normal;
}

#ordersummary .shoppingCartLink a:hover
{
    color:#636466;
}


#cartpopupheader {
    background: #000;
    height: 30px;
    text-align: right;
    display: none;
}

/*
    If the style sheet can be loaded by the email receipt this will correctly position "Your receipt" to the brand image
    If not, the brand image also won't be loaded and the label will be correctly positioned next to the empty image.
*/
.receiptlabel {
    margin-top:83px;
}

nav#navigation {
    /*display: none;*/
    /*this was causing top nav to be removed on all mvc pages....
        moved to jquery to not show on checkout*/
}

a.reviewEditLink:link, a.reviewEditLink:visited{
    color : black;
    text-decoration: none;
}
a.reviewEditLink:hover{
    color : black;
    text-decoration:underline;
}

div#policies a
{
    font-weight:normal;
    font-size:12px;
    color: #000;
}

.divPaymentBlock
{
    background:#f2f2f2;
    padding:10px 5px 5px 5px;
}

a.btn_page {
    background-color:black;
    padding:6px 12px;
    text-transform:uppercase;
    text-decoration:none;
    color:white;
    margin-left: 10px;
}

    a.btn_page:hover {
        text-decoration:underline;
    }


#sc-head-top-share .button_print{
	background: url("/images/global/common/btn_printpage_out.png");
}

#sc-head-top-share .button_print:hover {
	background: url("/images/global/common/btn_printpage_over.png");
}

#sc-head-top-share .btn_email{
	background: url("/images/global/common/btn_emailpage_out.png");
}

#sc-head-top-share .btn_email:hover {
	background: url("/images/global/common/btn_emailpage_over.png");
}

#sc-head-top-share a {
	width: 25px;
	height: 25px;
	display:inline-block;
	margin: 0 0 0 12px;
	vertical-align: top;
	float: right;
}

 #sc-head-top-share .label {
	font-size: 12px;
	display: inline-block;
	float: right;
	margin: 4px 0 0 3px;
}