/*********************************
* Layout modifying YUI
**********************************/
#hd,#bd,#ft {
    margin:auto;text-align:left; /* leave unchanged */
    max-width:1000px;
    padding: 0 10px;
}

.clear {
clear:both;
display:block;
height:0;
visibility:hidden;
}

.wa-t1 #head-main,
.wa-t1 #yui-main {
float:right;
margin-left:-25em;
}
.wa-t2 #head-main,
.wa-t2 #yui-main {
float:left;
margin-right:-25em;
}

.wa-t1 .yui-b {
float:left;
width:13em;
}
.wa-t1 #head-main .yui-b,
.wa-t1 #yui-main .yui-b {
margin-left:16.923em;
}
.wa-t2 .yui-b {
float:right;
width:16.1538em;
}
.wa-t2 #head-main .yui-b,
.wa-t2 #yui-main .yui-b {
margin-right:16.923em;
}
.clear-left-margin {
margin-left:-16.923em;
padding-right:16.923em;
}

/*********************************
* General Styles
**********************************/
html { 
    background-color: #fff;
}

strong {
    font-weight:bold;
}

strong.title {
    font-style:italic;
}

a.green-arrow {
    display:inline-block;
    font-weight:bold;
    background:url('../img/arrow_green.png') no-repeat 0.5em 0.3em;
    padding:0 0 0 1.538em;
}

a.ppt {
    font-weight:bold;
    background:url('http://www.webassign.net/silkicons/page_white_powerpoint.gif') no-repeat top left;
    padding:0 0 0 1.538em;
}

a.pdf {
    font-weight:bold;
    background:url('http://www.webassign.net/silkicons/page_white_acrobat.gif') no-repeat top left;
    padding:0 0 0 1.538em;
}


div.toggle-closed {
    display:block;
}

div.toggle-closed > p > a,
div.toggle-closed ul > li > p > a {
    font-weight:bold;
    background:url('../img/icon_plus.png') no-repeat 0.23em center;
    padding:0 0 0 1.538em;
}

div.toggle-open {
    display:none;
}

div.toggle-open > p > a,
div.toggle-open ul > li > p > a {
    color:#666666;
    font-weight:bold;
    background:url('../img/icon_minus.png') no-repeat 0.23em center;
    padding:0 0 0 1.538em;
}
div.toggle-open > div {
    padding:0 0 0 1.538em;
    margin-bottom:0.769em;
}

.sidebar .widget_subpages .widget-wrap .toggle-closed > li:hover {
    background: #cccece;
}

table {
    border:1px solid #ccc;
}

table th,
table td {
    border:1px solid #ccc;
    vertical-align:top;
    padding:10px 4px 10px 4px;
}

table th {
    background-color:#515558;
    color: #fff;
    font-weight:bold;
}

table td.subhead {
    background-color:#F1F3F3;
}

h3.guide {
    color:#666666;
}

table.guide {
    width:27.1em;
    border-width:1px;
    border-style:dashed;
}

table.guide th,
table.guide td {
    border-style:dashed;
    padding:4px;
}


.devhighlight {
    color:#666666;
    font-style:italic;
}


table.noborder {
    border-width:0;
}

table.noborder th,
table.noborder td {
    border-width:0;
}


.hide {
    display:none;
}

.tip-text h2 {
    font-weight:bold;
}

table#card_results {
    width:100%;
}

.symbols-table {
    font-family: verdana,geneva,sans-serif;
    font-size: 13px;
    line-height: 20px;
}

/*********************************
* Header
**********************************/

#outer-hd {
}

#header-search {
    background: transparent url('../img/bgSearch.png') repeat-y scroll top left;
    float:right;
    width:17.23em;
    height: 6.346em;
    padding:1.5em 0 0 0;
}

#header-search div {
    padding-left:4em;
}

#header-search input {
    vertical-align:middle;
}

#header-search a {
    font-size:100%;
}

#header-search strong {
    color:#666666;
}

#header-logo {
    top:1.07em;
    width:35.385em;
    height: 7.846em;
}

.header-right {
    clear:both;
    float:right;
}

#header-nav {
    background: #666666;
    height: 2.385em;
}

#header-nav span {
    display:inline-block;
    padding:0.25em;
}
#header-nav span span {
    display:inline-block;
    padding:0.25em 0.769em;
}

#header-nav span.header-right span.divider {
    color:#999999;
    font-weight:bolder;
    font-size:108%;
    padding:0.25em 0.385em;
}


#header-nav a:link,
#header-nav a:visited {
    color:#FFFFFF;
    font-size:108%;
    font-weight: bold;
    text-decoration:none;
}
#header-nav a:hover {
    color:#ADB093;
}
#header-nav a:active,
#header-nav span.active a {
    color:#D50A27;
}
#header-nav span.active {
    background-color:#FFFFFF;
}
.header-whitespace {
    height: 69px;
    padding: 0px;
    margin: 0px;
}

#support-nav {
    background:#FFFFFF;
    border:#CCCCCC 2px solid;
    border-width:0 2px 0 2px;
    width:16.154em;
    min-width:14.615em;
    height:7.846em;
}

#support-nav h1 {
    padding:0.539em 0;
    text-align:center;
    background-color:#ADAD88;
    width:100%;
    color:#FFFFFF;
    font-size:108%;
    font-family:"arial black", arial, sans-serif; 
}
#support-nav h1 strong{
    vertical-align:middle;
    font-weight:bolder;
}

#support-nav ul {
    margin:0.384em 0.769em;
}

#support-nav ul li {
    background:url('../img/arrow_green.png') no-repeat 0 0.23em;
    padding:0 0 0.5em 0.769em;
}
#support-nav a {
    text-decoration:none;
    font-weight:bold;
}

#support-nav ul li.active {
    background:url('../img/arrow_red.png') no-repeat 0 0.23em;
    padding:0 0 0.5em 0.769em;
}
#support-nav li.active a {
    color:#D50A27;
}

/*********************************
* Body
**********************************/

#yui-main .yui-b img {
    max-width: 56em; 
}

#outer-bd {
}


/*********************************
* Body - nav bar
**********************************/

.navigation {
    background-color:#C8C8AC;
    width:16.154em;
    margin:0.769em 0;
    padding:0.385em 0;
}

#bd .navigation h1 {
    text-align:center;
    background-color:#E7E7E7;
    width:96%;
    color:#7C7C7A;
    font-size:100%;
    font-weight:bolder;
    font-family:"arial black", arial, sans-serif; 
    border:#7C7C7A 1px dashed;
    border-width:1px 0;
    padding:0.25em 0;
    margin:0.385em auto;

}

.navigation ul {
    padding:0 0.231em;
}

.navigation ul li {
    padding:0.231em 0 0.232em 0.519em;
}

.navigation a {
    text-decoration: none;
    font-weight:bold;
    font-size:100%;
}
.navigation ul li ul {
    padding:0 0 0 0.769em;
}

.navigation ul li ul li {
    padding:0.231em 0 0.231em 0.769em;
}

.navigation ul ul a {
    text-decoration: none;
    font-weight:normal;
    font-size:93%;
}
.navigation li.secondary {
    padding:0 0.519em;
}

.navigation a:link,
.navigation a:visited {
    color:#333333;
}
.navigation a:hover {
    color:#666600;
}
.navigation a:active {
    color:#D50A27;
}

.navigation li.active a {
    color:#D50A27;
}
.navigation li.active  {
    background-color:#FFFFFF;
}

.login, .cardsBox { 
    background-color:#DDDDCC;
}

#bd .login h1 {
    background-color:#3F4129;
    color:#FFFFFF;
    border-color:#ddc;
}

.login table td
	{
	 vertical-align:middle;
	}

.login table tr td:first-child
	{
	 font-size:93%;
	 padding-left:0.769em;
	}

.login table td + td, .login table td[colspan]
	{
	 text-align:right;
	 padding-right:0.769em;
	}

.login table td[colspan]
	{
	 padding-bottom:0.769em;
	}

.login td input {
    font-size:93%;
    height:1.45em;
}

.login td a {
    text-decoration: underline;
    font-weight:normal;
    font-size:85%;
}

.login a:link, .login a:visited {
    color:#635E34;
    font-weight:normal;
}
.login a:hover {
    color:#666600;
}
.login a:active {
    color:#D50A27;
}

div.button {
    display:inline-block;
    font-size:93%;
    padding:0.1em 0.25em;
    margin:0 0.769em 0.385em 1.75em;
}

div.button img {
    padding-left:0.2em
}

.cardsBox {
    margin:0 0 0 0.769em;
    width:18em;
}

.cardsBox h3, .cardsBox p {
    padding:0 0.769em 0.769em 0.769em;
}
.cardsBox div.button {
    margin:0;
    padding:0 0.769em 0.769em 0.769em;
    text-align:left;
    width:100%;
}

.linklist {
    background-color:#656A42;
}

.linklist ul {
    padding:0 0 0 0.769em;
}
.linklist ul li {
    background:url('../img/arrow_white.png') no-repeat 0 0.769em;
    padding:0.385em 0 0.385em 0.769em;
}

.linklist a {
    text-decoration:underline;
    font-weight:normal;
    font-size:100%;
}

.linklist a:link, .linklist a:visited {
    color:#FFFFFF;
}
.linklist a:hover {
    color:#ADB093;
}
.linklist a:active {
    color:#D50A27;
}

.linklist p {
    color:#CACAAE;
    font-size:85%;
}


.testimonial {
    background:url('../img/testimonials_startQuote.gif') no-repeat 0.385em 0.385em;
    background-color:#D1D1D1;
    padding:1.154em 0 0.769em 0;
}

.testimonial p.quote {
    background:url('../img/testimonials_endQuote.gif') no-repeat 98% 100%;
    color:#D50A27;
    font-weight:bold;
    padding:0 0.769em 0.769em 0.769em;
    font-size:123.1%;
    text-align:center;
}

.testimonial p.attr {
    color:#333333;
    font-size:108%;
    text-align:right;
    padding:0 0.769em 0 0.769em;
}


.navigation div.toggle-open div {
    padding:0;
    margin: 0;
}

/*********************************
* Body - center
**********************************/

#content { 
    background: #FFFFFF;
    margin-bottom:1.538em;
    height:100%;
}

#content div.border,
#content h2.border {
    width:100%;
    padding:0.769em 0;
    margin:2.308em 0 1.538em 0;
    border-width:0;
    border-top:#999999 1px dashed;
    border-bottom:#999999 1px dashed;
}

.rSpacer {
    float:right;
    margin-left:0.769em;
}

.imageBlock {
    margin-bottom:1.538em;
}
.imageBlock img {
    float:left;
}

.imageBlock .indent {
    margin-left:10em;
    padding-left:0;
}

.imageBlock .smallindent {
    margin-left:2.4em;
}

.imageBlock .pubindent {
    margin-left:10em;
    padding:1.154em 0 0 0; 
}

.imageBlock:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.indent {
    padding-left:1.538em;
}
.supportContent .more {
    font-size:93%;
    text-align:right;
}

#textbook-details ol li { 
    font-weight:normal;
    font-size:100%;
    color:#000000;
}

.bContent {
    text-align:left;
}

.bContentTextBook {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    display: none;
    padding: 0 0 4px;
   text-align: left;
}

#alphabet {
    color:#666666;
}

/*************************
*   Forms */

div.formField {
    vertical-align:middle;
    width:100%;
    clear: both !important;
}

div.formFieldLeft {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 49%;
    float: left;
    clear: left !important;
}

div.formFieldRight {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 49%;
    float: right;
    clear: right !important;
}

div.formFieldCity {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 55%;
    float: left;
    clear: left !important;
}

div.formFieldState {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 40%;
    float: right;
    clear: right !important;
}
div.formFieldZip {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 40%;
    float: left;
    clear: left !important;
}
div.formFieldCountry {
    vertical-align:middle;
    width:100%;
    margin: 0 0 8px 0;
    width: 55%;
    float: right;
    clear: right !important;
}

div.break {
    margin-bottom:2.308em;
}

div.formField > label {
    vertical-align:text-top;
    display:inline-block;
    width:100%;
}
div.formField  input,
div.formField  textarea,
div.formField  select {
    vertical-align:top;
    display:inline-block;

}

div.formField  span.footnote {
    display:inline-block;
    font-size:85%;
}

p.formIndent {
    margin-left:10%;
}

label.error,
span.error {
    color:#D50A27; 
}

input,
textarea,
select {
    border:solid 1px #999999;
}
input[type="checkbox"],
input[type="image"]{
    border:solid 0 #ffffff;
}

div.error {
    width:38.5em;
    padding:0.769em;
    border:solid 1px #D50A27;
    color:#D50A27;
}

/*********************************
* Body - center - Index
**********************************/

#index-message {
    background-color:white;
    padding:0.769em 1.154em 0;
    margin:0.769em 0;
    border: 1px solid #D50A27;
}

#index-message img {
    padding-left:40em;
}

#index-message p {
    padding-bottom:0.769em;
    font-size:85%;
}

#index-content { 
    background:url('../img/homeImage_whole2.jpg') no-repeat;
    padding:0 1.154em 0;
    margin:0.769em 0;
    height:28.642em;
}

#index-content-text {
    position:relative;
    top:18em;
}

#index-content-text h1 {
    font-size:138.5%;
    margin-bottom:0.5em;
}

#index-content-text ul {
    padding:0;
}

#index-content-text ul li {
    background:url('../img/bullet.png') no-repeat 0 0.15em;
    padding:0 0 0.5em 0.769em;
    font-size:108%;
}

#index-content-text a {
    background:url('../img/arrow_green.png') no-repeat 0 0.15em;
    padding:0 0 0.5em 0.769em;
    text-decoration: none;
    font-weight:bold;
    font-size:93%;
}

#index-banner {
    float:right;
}

#index-exhibit {
    background-color:#C8C8AC;
    width:16.154em;
    height:12.538em;
    margin:0.769em 0;
}

#index-exhibit h2 {
    padding:0.769em;
    color:#D50A27;
    font-size:108%;
    font-weight:bold;
}

#index-exhibit p {
    padding:0 0.769em;
}
#index-exhibit p.date {
    color:#333333;
    margin-bottom:1.154em;
}
#index-exhibit a {
    background:url('../img/arrow_green.png') no-repeat 0 0.15em;
    padding:0 0 0.5em 0.769em;
    text-decoration: none;
    font-weight:bold;
    margin:0 0.769em;
}

#index-waug {
    width:16.154em;
    height:12.538em;
}


/*********************************
* Footer
**********************************/
#outer-ft {
    background-color: #E1E1E1;
    height:10.23em;
}

#ft div.links {
    padding:0.769em 0;
}
#ft div.links span {
    display:inline-block;
    font-size:93%;
    font-weight:bold;
    color: #999999;
}

#ft p, .footnote {
    font-size:93%;
    color:#999999;
}

/*********************************
* Corners
**********************************/

.redborders {
    background: url('../img/corners_redBorder_body.gif') no-repeat;
}

.headnavcorner {
    background: url('../img/corners_mainNav_666666.gif') no-repeat;
}

.navcorner {
    background: url('../img/corners_formInstructions_DDDDCC.gif') no-repeat;
}

.activecorner {
    background: url('../img/corners_whiteBorder_header.gif') no-repeat;
}

.acnavcorner {
    background: url('../img/corners_subNav_white.gif') no-repeat;
}

.testcorner {
    background: url('../img/corners_testimonials_D1D1D1.gif') no-repeat;
}

.contentcorner {
    background: url('../img/corners_greyBorder.gif') no-repeat;
}


.cornerBox {
    position: relative;
}
.corner {
    position: absolute; 
    width: 5px; 
    height: 5px; 
    font-size: 0;
}
.TL { top: 0; left: 0; background-position: 0 0; } 
.TR { top: 0; right: 0; background-position: -5px 0; } 
.BL { bottom: 0; left: 0; background-position: 0 -5px; } 
.BR { bottom: 0; right: 0; background-position: -5px -5px; }

.TL1 { top: -1px; left: -1px; background-position: 0 0; } 
.TR1 { top: -1px; right: -1px; background-position: -5px 0; } 
.BL1 { bottom: -1px; left: -1px; background-position: 0 -5px; } 
.BR1 { bottom: -1px; right: -1px; background-position: -5px -5px; }





table.form-table td {
    padding:0.154em;
    vertical-align:text-top;
}


table.form-table span.instructions {
    padding-left:0.384em;
    color:#666666;
    font-size:85%
}

table.textbooks th,
table.textbooks td,
table.textbooks td p {
    padding:0.3em;
}

table.textbooks th a {
    display:inline-block;
    padding:0 1em;
    text-decoration:none;
    color: #fff;
    background: url('../img/sortDecend_black.gif') no-repeat right;
}
table.textbooks th a.ascend {
    background: url('../img/sortAscend_black.gif') no-repeat right;
}
table.textbooks th a:hover {
    background: url('../img/sortDecendHover_black.gif') no-repeat right;
}
table.textbooks th a.ascend:hover {
    background: url('../img/sortAscendHover_black.gif') no-repeat right;
}

/* LogIn Pages */

.wa10red {
    color:#D50A27;
}

.wa10grey {
    color:#666666;
}

.null, .null td
	{
	 border:0;
	 border-spacing:0;
	 border-collapse:collapse;
	 padding:0;
	 margin:0;
	}

.null
	{
	 width:100%;
	}
	
/****************************
* tips
****************************/
.y-tip {
  margin: 0 0 12px 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: none;
  visibility: hidden;
  z-index: 9999;
}

.y-tip .n {
  height: 16px;
  margin: 0 15px 0 0;
  padding: 0;
  background: transparent url("/out/common/img/bubble/ns.png") repeat-x 0 0;
}

.y-tip .nw {
  height: 16px;
  padding: 0 0 0 13px;
  background: transparent url("/out/common/img/bubble/bubble.png") no-repeat -26px 0;
}

.y-tip .tip-top {
  height: 16px;
  background: transparent url("/out/common/img/bubble/bubble.png") no-repeat top right;
}

.y-tip .tip {
  background: transparent url("/out/common/img/bubble/ew.png") repeat-y top left;
}

.y-tip .tip-text {
  margin: 0 1px 0 0;
  padding: 0 20px 0 14px;
  background: transparent url("/out/common/img/bubble/ew.png") repeat-y top right;
}

.y-tip .tip-bottom {
  height: 16px;
  background: transparent url("/out/common/img/bubble/bubble.png") no-repeat bottom right;
}

.y-tip .sw {
  height: 16px;
  padding: 0 0 0 13px;
  background: transparent url("/out/common/img/bubble/bubble.png") no-repeat 0 -24px;
}

.y-tip .s {
  margin: 0 15px 0 0;
  padding: 10px 4px 0 10px;
  height: 16px;
  background: transparent url("/out/common/img/bubble/ns.png") repeat-x 0 -16px;
}

.y-tip .nCarrot {
  position: absolute;
  top: -10px;
  left: 36px;
  height: 12px;
  width: 22px;
  background: transparent url("/out/common/img/bubble/bubble.png") no-repeat -2px 0;
}
