/* ============================================================= */
/* spe_elib_cart.css                                             */
/* SPE.org styles for eLibrary cart                              */
/* Updated for Verisign 9 Feb 2007                               */
/* ============================================================= */

/* Redefinitions and modifying classes ======================== */

img {
	margin: 0px;
	padding: 0px;
	border: none;
}
td img, .p_buttons img {
	margin-right: 10px;
	vertical-align: middle;
}
form {
	margin: 0px;
	padding: 0px;
}
input {
	margin-right: 2px;
}
p {
	margin: 0px 0px 10px;	
}
.p_buttons {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;	
}
.p_progress {
	text-align: right;
	margin-right: 15px;
	color: #33456C;
	margin-top: 0px;
}

/* Verisign styles here ======================================== */

/* New to accommodate Verisign pages - replaces default of #div_checkout p */
.p_note {
	margin-left: 10px;
	margin-right: 10px;
}
/* Width is Verisign code width plus 15px for right padding; 
height is plus 3px; floated margin doubles in IE... */
/* Try position for IE text bug 09 Feb 07 */
.div_verisign {
	padding: 0px;
	margin: 0px 0px 1px;
	width: 122px;
	height: 63px;
	float: right;
	position: relative;
}
/*
#div_verisign {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 122px;
	height: 63px;
}
*/
/* Left margin at width of .div_verisign when centering */
.p_confirm_vs {
	text-align: center;
	margin: 0px 10px 10px 122px;
	z-index: 999;
}
.p_exchange {
	text-align: right;
	font-size: 85%;
	margin: 0px 15px 0px 0px;
	clear: right;
}
/* Replace .p_buttons with .p_buttons_vs where Verisign logo used;
margin-left = .div_verisign width to allow proper centering */
.p_buttons_vs {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 122px;
}
.p_buttons_vs img {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: middle;
}


/* Table styles ===================== */
table {
	width: 100%;
}
table#tbl_form {
	margin-bottom: 10px;
	border-collapse: collapse;
	background: #F3FFFF;
	border-top: 1px solid #A6A6A6;
	border-right: none;
	border-bottom: 1px solid #A6A6A6;
	border-left: none;
}
table#tbl_items {
	margin-bottom: 10px;
	border-collapse: collapse;
	border-top: 1px solid #A6A6A6;
	border-right: none;
	border-bottom: 1px solid #A6A6A6;
	border-left: none;
}
.tbl_light, .tbl_viewcart {
	background: #FFFFFF;
	border-collapse: collapse;
}
.tbl_conf {
	background: #F3FFFF;
	border-collapse: collapse;
}
th {
	white-space: nowrap;
	color: #FFFFFF;
	background: #33456C;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #A6A6A6;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.tbl_light th, .tbl_receipt th, .tbl_conf th   {
	background: #C8E7E7;
	color: #000000;
}
.tr_alt {
	background-color: #F3FFFF;
}
.tr_dark {
	background:  #C8E7E7;
}

/* TD styles=============================== */
td {
	vertical-align: top;
	border: 1px none #A6A6A6;	
}
.tr_item td, .tr_alt td, .tr_line td {
	border-bottom-style: solid;
}
#tbl_form td {
	padding-top: 2px;
	padding-bottom: 2px;
}


/* Data (cart) table TDs ============ */
.td_org {
	white-space: nowrap;
	text-align: right;
	padding: 5px 5px 5px 10px;
}
.td_pnum, .td_filesize {
	white-space: nowrap;
	padding: 5px;
}
.td_title {
	width: 95%;
	padding: 5px;
}
.td_cost, .td_sub, .td_total, .td_expire {
	white-space: nowrap;
	text-align: right;
	padding: 5px 10px 5px 5px;
}
.td_action {
	font-size: 95%;
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
}
.td_total {
	border-top: 1px solid #000000;
	padding: 5px 10px 15px 5px;
}
.td_lbl_sml {
	text-align: right;
	font-size: 95%;
	font-weight: normal;
	padding: 5px 3px 5px 5px;
}
#tbl_items .td_lbl {
	padding: 5px 3px 5px 10px;
	vertical-align: top;
}
/* Form field labels */
/* Try CSS nowrap */
.td_lbl {
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding: 2px 5px 2px 10px;
	vertical-align: middle;
}
.td_note, .td_ack {
	padding: 5px;
	text-align: center;
}
/* A little tweak for the checkbox in the acknowledgement */
.td_ack input {
	vertical-align: -20%;
}
.td_text {
	padding: 5px;
}
.td_text_tall {
	padding: 8px 5px;
}

/* Use to force other columns, such as labels, to minimum size; use nowrap as necessary */
.td_stretch {
	width: 90%;
}

/* DIV tags ====================== */
#div_cart {
	width: 888px;
	font-size: 90%;
	margin: 15px auto 0px;	
}
#div_hdr {
	height: 25px;
	padding: 0px 0px 0px 15px;
	background: url(../images/tables/bg_elib_bar_top888.gif) no-repeat left;
}
#div_hdr img {
	margin: 0px;
	padding: 1px 10px 0px 0px;
	vertical-align: top;
}
#div_hdr h2 {
	text-align: left;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}
/* Try position for IE text bug 09 Feb 07 */
#div_checkout {
	padding: 15px 0px 10px;
	border-bottom: none;
	border-right: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-top: none;
	background: #FFFFFF;
	position: relative;
}

#div_ftr {
	padding: 0px 0px 0px 15px;
	background: url(../images/tables/bg_elib_bar_btm888.gif) no-repeat center;
	height: 25px;
}

/* Tabs on View Cart page ========================== */

.div_tabs {
	padding: 0px 15px;
	height: 21px;
}
.div_tabs p {
	text-align: right;
	margin: 4px 0px 0px;
}
.div_tabs_srch {
	padding: 0px;
	float: left;
	margin: 0px;
}
.div_tabs_cart {
	padding: 0px 0px 0px 190px;
	float: left;
}
/* End tabs */

/* Utility styles ============================= */

.small_text {
	font-size: 95%;
	font-weight: normal;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.required {
	color: #FF0000;	
}