html, body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #000000;
    background: #FFFFFF url("/images/main/back.gif") top left repeat-y;
    padding: 0px;
    margin: 0px;
}

img {
    border: 0;
}

img.inline {
    vertical-align: middle;
}

form {
    padding: 0px;
    margin: 0px;
}

fieldset {
    padding: 0px;
    margin: 0px;
    border: 0;
}
legend {
    display: inline;
    float: left;
    padding: 0px;
    margin: 0px;
}

dfn {
    font-style: normal;
    color: #000000;
    text-decoration: none;
    border-bottom: 1px dotted #000000;
}
* html dfn {
    border-bottom: 0px;
    height: 1px;
    background: transparent url("/images/main/dotted.gif") bottom left repeat-x;
    padding: 0px;
}

object {
    border: 0;
    color: #FFFFFF;
}

a { color: #0000FF; }
a:hover, a:focus { color: #56003F; }

/* Skip Link - Positioning */
#skiptargetholder { position: absolute; left: -200%; }

#header {
    background: #56003F;
    padding: 0px 0px 10px 0px;
}
#header:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html #header { height: 100%; } /* IE7 */
* html #header { height: 1%; }               /* IE6 */

#logo {
    float: left;
    padding: 12px 0px 0px 10px;
    margin: 0px;
}
#logo h1 {
    padding: 0px;
    margin: 0px;
}

#headernav {
    float: right;
    padding: 10px 10px 0px 10px;
    margin: 0px;
}
#headernav h2 {
    font-size: 1.1em;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
}

#headername {
    font-size: 0.8em;
    color: #FFFFFF;
    text-align: right;
    padding-bottom: 7px;
}

#headerbuttons {
    text-align: right;
}

#headerlang {
    font-size: 0.8em;
    text-align: right;
    color: #FFFFFF;
    padding: 4px 20px 5px 20px;
    background: #56003F;
    background: -webkit-gradient(linear, 0 0, right bottom, from(#56003F), to(#000000));
    background: -moz-linear-gradient(left center, #56003F, #000000);
    background: linear-gradient(left center, #56003F, #000000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#56003F', endColorstr='#000000');
}
#headerlang a {
    color: #FFFFFF;
}
#headerlang a:hover, #headerlang a:focus {
    color: #FF0000;
}
#headerlang span.current {
    font-style: italic;
}
#headerlang span.space {
    padding: 0px 0.4em;
}

#container {
	float: left;
	width: 99%;
    padding: 0px;
	margin-right: -200px;
	text-align: left;
}
#content {
	margin-right: 200px;
}
#maincontent {
    margin-left: 205px;
    padding: 15px 0px 0px 0px;
    font-size: 0.9em;
}
#sidenav {
	float: left;
	width: 185px;
	margin: 0px;
    padding: 7px 0px 0px 0px;
    font-size: 0.75em;
    color: #000000;
}
#secondarycontent {
	float: right;
	width: 175px;
	margin-right: 5px;
    padding: 25px 0px 0px 0px;
    font-size: 0.9em;
}


#container:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

#sidenav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#sidenav ul li {
    list-style: none;
    display: block;
    margin: 3px 0px 0px 0px;
    padding: 0px;
}
#sidenav ul li.current {
    background: #FFFFFF;
}
#sidenav ul li a {
    display: block;
    text-decoration: underline;
    color: #56003F;
    margin: 0px;
    padding: 3px 0px 4px 7px;
    width: 178px;
}
#sidenav ul li.current a {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
#sidenav ul li a:hover, #sidenav ul li a:focus {
    color: #FFFFFF;
    background: #772266;
}
#sidenav ul li.current a:hover, #sidenav ul li.current a:focus {
    color: #FFFFFF;
}

#sidenav #feedback img {
    margin: 20px 0px 0px 8px;
}

#maincontent h1 {
    font-size: 1.35em;
    font-weight: bold;
    color: #EC5232;
    padding: 0px 0px 0.5em 0px;
    margin: 0px;
}
#maincontent h2 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
#maincontent h3 {
    font-size: 1.15em;
    font-weight: bold;
    padding: 0.2em 0px 0px 0px;
    margin: 0px;
}
#maincontent h4 {
    font-size: 1.05em;
    padding: 0.2em 0px 0px 0px;
    margin: 0px;
    clear: both;
}
#maincontent h5 {
    font-size: 1.0em;
    color: #000000;
    padding: 0.2em 0px 0px 0px;
    margin: 0px;
    clear: both;
}

#maincontent h2 span, #maincontent h3 span {
    font-weight: normal;
}


#maincontent ul, #maincontent ol {
    margin-top: 0px;
    margin-bottom: 0px;
}

#maincontent ul.instructions {
    padding: 0px 0px 0px 20px;
    margin: 0px auto 0px 0px;
}

#maincontent p {
    text-align: left;
    margin: 0px 0px 1em 0px;
}
#maincontent .formrow {
    clear: both;
    padding: 0.15em;
}
#maincontent .labeltext {
    float: left;
    width: 10em;
    font-weight: bold;
    margin-top: .2em;
}
#maincontent .labeltextnb {
    float: left;
    width: 7.5em;
    font-weight: normal;
    margin-top: .2em;
}
#maincontent .nolabel {
    margin-left: 7.5em;
}
#maincontent .inputbox {
    width: 210px;
}
#maincontent .floatbox {
    margin-left: 10em;
}
#maincontent .gradeitem {
    width: 150px;
    padding-right: 5px;
    white-space: nowrap;
}
#maincontent .gradeitem input{
    margin-right: -0.1em;
}
* html #maincontent .gradeitem input{
    margin-right: -0.2em;
}

#secondarycontent p {
    text-align: left;
    margin: 0px 0px 1em 0px;
}

.savemsg {
    color: #FF6A00;
    font-size: 0.8em;
    padding-top: .5em;
}

.clearboth {
    clear: both;
}

.noshow {
    display: none;
    visibility: hidden;
}

.half {
    font-size: 0.5em;
    line-height: 0.5em;
}
* html .half {
    font-size: 0.7em;
    line-height: 0.7em;
}

.floater {
    float: left;
}
.floater:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html .floater { height: 100%; } /* IE7 */
* html .floater { height: 1%; }               /* IE6 */

#learnfade {
    width: 640px;
}
#learnfadetop {
    background: transparent url("/images/bg/learnfade_tl.jpg") top left no-repeat;
    margin-right: 70px;
    height: 28px;
}
* html #learnfadetop { margin-left: -3px; }
#learnfadetop h2 {
    background: transparent url("/images/bg/learnfade_tr.jpg") top right no-repeat;
    padding: 5px 0px 0px 10px;
    margin: 0px;
    height: 23px;
    font-size: 1.1em;
    color: #000000;
}
#learnfademain {
    background: transparent url("/images/bg/learnfade_m.jpg") top right no-repeat;
    padding: 5px 10px 10px 10px;
}
#learnfademain:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.learnitem {
    float: left;
    width: 33%;
    text-align: center;
    padding-bottom: 1.3em;
}
.learnitem a {
    color: #772266;
    text-decoration: none;
}
.learnitem a .a2 {
    color: #772266;
    text-decoration: underline;
}
#learnfade p {
    padding-left: 5px;
}

.backhead h1 {
    float: left;
    display: inline;
}
.backhead div {
    font-size: 0.8em;
    padding: 0.4em 0px 0px 1.0em;
}

.edithead h2 {
    float: left;
    display: inline;
    color: #770077;
}
.edithead a {
    margin-left: 1.0em;
}

.udlitemhigh {
    background: #BBEE00;
}

.nopub {
    color: #8B8B8B;
}

.bookinfo {
    color: #993388;
}

.hr {
    background: #C9A8C3 url("/images/main/hr.gif");
    height: 2px;
    margin-bottom: 0.7em;
}
.hr hr {
    display: none;
}

#pagewrapper {
    width: 591px;
    background: #EFE8EF;
    border: 1px solid #C9B1C8;
}
#pagewrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #pagewrapper {height: 1%;}

#pageedit {
    width: 583px;
    background: url("/images/bg/pe_main.gif") top left repeat-y;
    border-bottom: 2px solid #C9B1C8;
    margin-left: 4px;
}
#pageedit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #pageedit {height: 1%;}


#pageedit .boxtop {
    background: url("/images/bg/pe_content_head.jpg") top left no-repeat;
    height: 25px;
    padding-top: 4px;
}
#pageedit h3 {
    float: left;
    font-size: 1.1em;
    color: #660066;
    padding: 0px;
    margin: 0px 0px 0px 8px;
}
* html #pageedit h3 { margin-left: 4px; }

#pageedit .boxtop div {
    float: right;
    text-align: right;
    margin: 0px 8px 0px 0px;
    white-space: nowrap;
}
* html #pageedit .boxtop div { margin-right: 4px; }

#pageeditbot {
    clear: both;
    width: 595px;
    /* height: 28px; */
    /* background: #C9B1C8; */
    text-align: right;
    padding: 10px 0px 0px 0px;
}

#pagelayout {
    float: left;
    width: 85px;
}
#pagelayout .boxmid {
    clear: both;
    padding: 5px 5px 1em 5px;
}
#pagelayout a {
    color: #000000;
    text-decoration: none;
}
#pagelayout img {
    margin-bottom: 2px;
}
#pagelayout .layout {
    text-align: center;
    padding: 6px 0px;
    font-size: 0.7em;
}
#pagelayout .current {
    background: #E3D9E2;
}
#pagelayout .boxmid .hr {
    background: #C9A8C3 url("/images/main/hr.gif");
    height: 1px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
#pagelayout .boxmid .hr hr {
    display: none;
}
#pagelayout .boxmid h4 {
    background: transparent url("/images/main/dot.gif") left 3px no-repeat;
    font-size: 0.8em;
    color: #660066;
    padding: 0px 0px 0px 14px;
    margin: 0px;
}

#pagecontent {
    float: right;
    width: 495px;
}
#pagecontent .boxmid {
    clear: both;
    padding: 5px 5px 1em 10px;
}

#pagecontent h4 {
    font-size: 0.9em;
    color: #660066;
    padding: 0px;
    margin: 0px 0px 0px 8px;
}

#pagecontent .tab {
}
#pagecontent .tab:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html #pagecontent .tab { height: 1%; }   /* IE7 */
* html #pagecontent .tab { height: 1%; }               /* IE6 */

#pagecontent .tab h4 {
    float: left;
    background: transparent url("/images/bg/layout_tab_l.gif") top left no-repeat;
    font-size: 1.0em;
    color: #660066;
    margin: 0px;
}
#pagecontent .tab h4 span {
    display: block;
    background: transparent url("/images/bg/layout_tab_r.gif") top right no-repeat;
    margin: 0px 0px 0px 6px;
    padding: 3px 6px 3px 0px;
}

#pagecontent .nolayout {
    height: 100px;
    font-weight: bold;
    text-align: center;
    padding-top: 50px;
}

#pagecontent .item {
    clear: both;
    margin-bottom: 1em;
}
#pagecontent .item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #pagecontent .item {height: 1%;}

#pagecontent .audiobox {
    float: left;
    width: 387px;
    height: 30px;
    border: 1px solid #C9A8C3;
    overflow: auto;
    padding: 4px;
}
#pagecontent .audiobox div {
    text-align: center;
    margin-top: 5px;
    font-size: 0.9em;
    color: #AA00AA;
}
* html #pagecontent .audiobox div {
    margin-top: 8px;
}

#pagecontent .audioedit {
    float: right;
    width: 75px;
    text-align: center;
    margin-top: 2px;
}
#pagecontent .audioedit a {
    float: right;
    margin-top: 1px;
}

#pagecontent .textbox {
    float: left;
    width: 387px;
    height: 92px;
    border: 1px solid #C9A8C3;
    overflow: auto;
    padding: 4px;
}
#pagecontent .textbox .iteminstructions {
    font-size: 0.9em;
    color: #AA00AA;
    width: 100%;
    margin-top: 35px;
    text-align: center;
}

#pagecontent .textboxsm {
    float: left;
    width: 387px;
    height: 30px;
    border: 1px solid #C9A8C3;
    overflow: auto;
    padding: 4px;
}
#pagecontent .textboxsm .iteminstructions {
    font-size: 0.9em;
    color: #AA00AA;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

#pagecontent .imgbox {
    float: left;
    width: 387px;
    height: 132px;
    border: 1px solid #C9A8C3;
    overflow: auto;
    padding: 4px;
}
#pagecontent .imgbox .iteminstructions {
    font-size: 0.9em;
    color: #AA00AA;
    width: 100%;
    margin-top: 55px;
    text-align: center;
}

#pagecontent .itemedit {
    float: right;
    width: 75px;
    text-align: center;
    margin-top: 2px;
}
#pagecontent .itemedit .title {
    font-size: 0.9em;
    color: #AA00AA;
    padding: 3px 0px 0px 3px;
}
#pagecontent .itemedit a {
    float: right;
    margin-top: 1px;
    text-decoration: none;
}

#pagetoc {
    margin: 0px 0px 1em 0px;
}
#pagetoc label {
    font-size: 0.9em;
}

.pageoptions {
    clear: both;
}
.pageoptions:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
* html .pageoptions { height: 1%; }

.pagenav {
    float: right;
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
    color: #8D3277;
    margin: 7px;
}
.pagenav img {
    vertical-align: middle;
}
*:first-child+html .pagenav img { vertical-align: bottom; }
* html .pagenav img { vertical-align: bottom; }
*:first-child+html .pagenav img.go { vertical-align: middle; margin-left: -0.9em; }
* html .pagenav img.go { vertical-align: middle; margin-left: -0.9em; }

.pagenav form {
    display: inline;
    padding: 0px;
    margin: 0px;
}
.pagenav .pagejump {
    width: 1.5em;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #000000;
    padding: 0px 1px;
    vertical-align: middle;
}

.pagenav img {
    vertical-align: middle;
}

.pageadd {
    float: left;
    text-align: left;
     /* background: #D2C8D6; */
    font-size: 0.8em;
    font-weight: bold;
    color: #8D3277;
    /* margin: 7px; */
    margin: 6px 7px;
}
.pageadd img {
    vertical-align: middle;
}

.toplink {
    font-size: 0.7em;
    text-align: right;
}
.toplink a {
    color: #0000FF;
}

/* ===================== */
#tipitem {
    position: absolute;
    top: 7.5em;
}
#tipitem #tipbtn {
    display: block;
}
#tipitem #tipbox {
    display: none;
    margin-top: 35px;
}
#tipitem #tiptop {
    position: relative;
    padding: 5px 20px 4px 7px;
    background: transparent url("../images/bg/tips_top.gif") top left no-repeat;
}
#tipitem #tiptop .title {
    color: #FFFFFF;
    font-weight: bold;
}
#tipitem #tiptop .close {
    position: absolute;
    top: 3px;
    right: 6px;
}
#tipitem #tiptxt {
    width: 162px;
    background: #E4D8E3;
    border: 1px solid #8D3277;
    padding: 3px;
    margin: 0px 0px 0.5em 0px;
    font-size: 0.8em;
}
#tipitem #tiptxt div#tipagent {
    font-size: 0px;
}

.tipstochead {
    width: 250px;
    background: #BA64B0;
    border: 1px solid #C698BB;
    color: #FFFFFF;
    padding: 3px 5px;
    margin: 0px 0px 0px 20px;
}
.tipstocbox {
    background: #E4D8E3;
    border: 1px solid #C698BB;
    text-align: center;
    margin: 0px 20px 0px 20px;
    padding: 5px;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5em;
}
.tipstocbox p {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.tipstocbox span {
    margin-left: 5px;
}
.tipstocbox a {
    color: #000099;
}

/* ===================== */

.tipSteps {
    width: 535px;
    background: #FFFFFF;
    border: 2px solid #C9B1C8;
    border-bottom: 1px solid #C9B1C8;
    padding: 0px;
    margin: 0px;
}
.tipSteps li {
    clear: both;
    list-style: none;
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #C9B1C8;
}
.tipSteps li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html .tipSteps li { height: 1%; }   /* IE7 */
* html .tipSteps li { height: 1%; }               /* IE6 */

.tipSteps .l {
    width: 230px;
    padding: 0px 5px 0px 0px;
    float: left;
}
.tipSteps .r {
    width: 286px;
    float: right;
    text-align: center;
}

/* ===================== */

#pageedit.glossaryedit {
    background: url("/images/bg/glossary_main.gif") top left repeat-y;
    margin: 5px;
}
#pagecontent.glossarycontent {
    float: left;
}
#pageeditbot.glossarybot {
    width: 455px;
}
#pageextras.glossaryextras {
    background: url("/images/bg/glossary_extras.gif") top left repeat-y;
}
#pageextras.glossaryextras #pageoptions {
    float: left;
}

/* ===================== */
.glossary_index {
    margin: 0px auto;
    text-align: center;
}
.glossary_index a {
    font-weight: bold;
    text-decoration: none;
    padding: 0px 2px 0px 2px;
    color: #000099;
}
.glossary_index a:hover {
    text-decoration: underline;
}

.glossary_list {
    padding: 0px;
    margin: 0px;
    width: 99%;
}
.glossary_list .listcol1 {
    width: 33%;
    float: left;
}
.glossary_list .listcol2 {
    width: 33%;
    float: left;
}
.glossary_list .listcol3 {
    width: 33%;
    float: left;
}
.glossary_list:after, .glossary_list .listcol1:after, .glossary_list .listcol2:after , .glossary_list .listcol3:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.sharematch {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #EC5232;
}

.sharestartnew {
    float: right;
    margin-right: 15px;
}

.sharepagenav {
    float: right;
    text-align: right;
    background: #D2C8D6;
    font-size: 0.85em;
    font-weight: bold;
    color: #8D3277;
}
.sharepagenav img {
    vertical-align: middle;
}

.sharepagenav a {
    color: #000099;
    text-decoration: underline;
    padding: 0px 2px 0px 2px;
}
.sharepagenav .current {
    font-size: 1.0em;
    font-weight: bold;
    color: #000000;
    padding: 0px 2px 0px 2px;
}
.sharepagenav .end {
    padding: 0px;
}

.agentslots {
    background: url("/images/bg/lpurple_fade_m.jpg") top left repeat-x;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
    empty-cells: show;
}
.agentslots thead th {
    font-weight: bold;
    color: #772266;
    text-align: left;
    padding: 3px 4px;
    white-space: nowrap;
}
.agentslots thead img {
    vertical-align: middle;
    margin-left: 2px;
}
.agentslots thead th.start {
    background: url("/images/bg/lpurple_fade_l.jpg") top left no-repeat;
    padding-left: 5px;
}
.agentslots thead th.end {
    background: url("/images/bg/lpurple_fade_r.jpg") top right no-repeat;
    padding-right: 5px;
}
.agentslots tbody tr {
    border: 1px solid #CCAACC;
}
.agentslots tbody td {
    font-size: 0.9em;
    padding: 3px 4px;
    border: 1px solid #CCAACC;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.agentslots tbody td img {
    vertical-align: middle;
}
.agentslots tbody td input {
    vertical-align: middle;
}

.agentimg {
    text-align: center;
    white-space: nowrap;
}
.agentimg a {
    font-size: 0.8em;
    color: #772266;
}
.agentimg img {
    vertical-align: middle;
}

.agentimgedit {
    white-space: nowrap;
}
.agentimgedit a {
    font-size: 0.8em;
    color: #772266;
}
.agentimgedit img {
    vertical-align: middle;
}

.gradeinput {
    margin-right: -0.1em;
}
* html .gradeinput {
    margin-right: -0.2em;
}

.tabdiv {
    padding: 10px 0px 15px 0px;
}

.tabrow {
    float: left;
    width: 100%;
    background: url("/images/bg/tabrow.jpg") bottom left repeat-x;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.tabrow li {
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px 10px;
}
.tabrow li.current {
    background: #FFFFFF url("/images/bg/tabrow_tab.gif") top right no-repeat;
}
.tabrow li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 5px 2px 3px;
    margin: 0px;
}
.tabrow li a:hover, .tabrow li.current a:hover  {
    text-decoration: underline;
}
.tabrow li.current a {
    border-left: 1px solid #8D3277;
    border-top: 1px solid #8D3277;
    color: #55003C;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    margin-right: 6px;
}

.tabrow2 {
    float: left;
    width: 100%;
    background: url("/images/bg/tabrow.jpg") bottom left repeat-x;
    color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.tipres .tabrow2 {
    font-size: 0.85em;
}

.tabrow2 li {
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px 3px;
}
.tabrow2 li.current {
    background: #FFFFFF url("/images/bg/tabrow_tab.gif") top right no-repeat;
}
.tabrow2 li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 5px 2px 3px;
    margin: 0px;
}
.tabrow2 li a:hover, .tabrow li.current a:hover  {
    text-decoration: underline;
}
.tabrow2 li.current a {
    border-left: 1px solid #8D3277;
    border-top: 1px solid #8D3277;
    color: #55003C;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    margin-right: 3px;
}


#footer {
    clear: both;
    font-size: 0.75em;
    padding: 1.0em 0px 0.5em 0px;
    margin: 0px 200px 0px 195px;
}

#footer hr {
    background: #E4D8E4;
    color: #E4D8E4;
    height: 2px;
    border: 0;
}

.tipres .agentcell {
    text-align: center;
    color: #003399;
    font-weight: bold;
}
#maincontent.tipres h2 {
    color: #56003F;
    margin-bottom: 0.2em;
    font-size: 1.25em;
}
#maincontent.tipres h3 {
    color: #000000;
    margin-bottom: 0.2em;
    font-size: 1.15em;
}
#maincontent.tipres h4 {
    color: #EC5232;
}
#maincontent.tipres h5 {
    color: #000000;
}

/*==========================================*/
/* Table of Contents */

.tocBody {
    padding: 0px;
    margin: 0px 0px 1em 0px;
    list-style: none;
}
.tocBody:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html .tocBody { height: 1%; }   /* IE7 */
* html .tocBody { height: 1%; }               /* IE6 */

.tocBody li {
    clear: both;
}

.tocBody .tocItem {
    float: left;
    clear: both;
    width: 100%;
    padding: 0px;
	margin-right: -3em;
}
.tocBody .tocItem:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*:first-child+html .tocBody .tocItem { height: 1%; }   /* IE7 */
* html .tocBody .tocItem { height: 1%; }               /* IE6 */

.tocBody .tocText {
    float: left;
    margin-right: 3em;
}

.tocBody .tocPage {
    float: right;
    text-align: right;
    width: 3em;
}

.tocBody p {
    padding: 0px;
    margin: 0px 0px 1em 0px;
}


/*==========================================*/
/* Search Box */

.searchBox {
    width: 573px;
    background: #E6DBE6 url("/images/bg/filter_fade_sm.gif") top left repeat-x;
    border-top: 1px solid #E3DAE6;
    border-bottom: 1px solid #C9B1C9;
    padding: 5px 10px;
    margin: 0px 0px 1em 0px;
}

.searchBox:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

*:first-child+html .searchBox { height: 100%; } /* IE7 */
* html .searchBox { height: 1%; }               /* IE6 */

.searchBox.expOpen {
    background: #E4D9E4 url("/images/bg/filter_fade_lg.gif") top left repeat-x;
}

#maincontent .searchBox h2 {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #772266;
    padding: 0px 0px 0px 17px;
    margin: 0px;
    cursor: pointer;
}

#maincontent .searchBox h2:focus {
    border: 0;
    outline: none;
}

.searchBody {
    display: none;
    font-size: 0.9em;
    margin-top: 0.5em;
}

.searchBody .buttons {
    margin-top: 1em;
    text-align: right;
}
.searchBody .buttons input {
    margin-left: 5px;
    vertical-align: middle;
}

.searchBody .showall {
    text-align: right;
}

#maincontent .searchBody .formrow {
    /* clear: none; */
}

.searchBar {
}
.searchBar:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html .searchBar { height: 100%; } /* IE7 */
* html .searchBar { height: 1%; }               /* IE6 */

.searchSort {
    float: left;
    text-align: left;
    font-size: 0.8em;
    margin: 7px;
}
.searchSort select {
    vertical-align: middle;
    margin: 0px 5px;
}
.searchSort input {
    vertical-align: top;
}

.searchExpand {
    float: right;
    text-align: right;
    font-size: 0.8em;
    margin: 9px 7px 5px 7px;
}

/*==========================================*/
/* Book List*/

#booklist {
    clear: both;
    background: #FFFFFF;
    border: 2px solid #C9B1C8;
    padding: 0px;
    margin: 0px 5px 5px 5px;
    width: 581px;
    border-collapse: collapse;
    empty-cells: show;
}
#booklist thead tr {
    background: #E2D5E2 url("/images/bg/table_head.gif") top left repeat-x;
}
#booklist thead th {
    font-weight: bold;
    font-size: 0.9em;
    color: #000000;
    text-align: left;
    padding: 4px;
    white-space: nowrap;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
#booklist thead a {
    color: #772266;
}
#booklist thead img {
    vertical-align: middle;
    margin-left: 2px;
}

#booklist tbody tr {
    border: 1px solid #CCAACC;
}
#booklist tbody td {
    font-size: 0.8em;
    padding: 3px 4px;
    border: 1px solid #CCAACC;
    text-align: left;
    vertical-align: top;
}
#booklist tbody td.buttons {
    border: 1px solid #CCAACC;
    width: 1%;
}
/*
#booklist tbody td.buttons img {
    vertical-align: middle;
}
*/

#booklist .icons {
    text-align: right;
}
#booklist .icons img {
    margin-bottom: 3px;
}

#booklist .date {
    font-size: 1.1em;
    font-weight: bold;
    color: #56003F;
}

#booklist .actions {
    font-size: 1.0em;
    margin-top: 0.5em;
}
#booklist .actions a {
    text-decoration: none;
    margin-right: 3px;
}
#booklist .actions img {
    vertical-align: middle;
    margin-right: 1px;
}
#booklist .actions span {
    margin-right: 3px;
}

#booklist .label {
    color: #772266;
}

#booklist a {
    text-decoration: none;
}

#booklist h3 {
    background: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #56003F;
    padding: 0px;
    margin: 0px 0px 0.5em 0px;
    cursor: default;
}

#booklist .disabled {
    color: #8B8B8B;
}

#booklist img {
    vertical-align: top;
}

/*==========================================*/
/* Book Box */

.bookBox {
}
/*
.bookBox:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*/
*:first-child+html .bookBox { height: 100%; } /* IE7 */
* html .bookBox { height: 1%; }               /* IE6 */

#maincontent .bookBox h3 {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #56003F;
    padding: 0px 0px 0px 17px;
    margin: 0px 0px 0.5em 0px;
    cursor: pointer;
}

#maincontent .bookBox h3:focus {
    border: 0;
    outline: none;
}

.bookBody {
    background: none;
    display: none;
}

#booklist div.expOpen {
    background: none;
}


/*==========================================*/
/* Item Box */

.itemBox {
}
/*
.bookBox:after {
    content: ".";
    height: 0px;
    font-size: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*/
*:first-child+html .itemBox { height: 100%; } /* IE7 */
* html .itemBox { height: 1%; }               /* IE6 */

.itemBox h3, #maincontent .itemBox h3, #maincontent.tipres .itemBox h3 {
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #56003F;
    padding: 0px 0px 0px 17px;
    margin: 0px;
    cursor: pointer;
}

.itemBox h3 {
    margin: 0px;
}

.itemBox h3:focus {
    border: 0;
    outline: none;
}

.itemBody {
    background: none;
    display: none;
    padding: 0.5em 0px 0px 17px;
}

/*================================================================ */

.tagList {
    padding: 0px;
    margin: 0.5em 0px 0px 0px;
}
.tagList:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html .tagList { height: 100%; } /* IE7 */
* html .tagList { height: 1%; }               /* IE6 */
.tagList a {
    float: left;
}
.tagList span {
    display: block;
    margin: 0px 0px 0px 3em;
}

.nowrap {
    white-space: nowrap;
}

.hide {
    position: absolute;
    left: -200%;
}

/*================================================================ */
/* Ratings Layout */

.bookRating {
    color: #772266;
}
.bookRating span {
    color: #000000;
}

/*================================================================ */
/* Star Ratings */

.stars {
    width: 65px;
    height: 13px;
    display: inline;
    vertical-align: top;
}

.starsForm {
    display: inline;
}

.starsDiv {
    display: inline;
}

.starsDiv a {
  background: transparent url("/images/buttons/star_rating.png") 0 0 no-repeat;
  display: inline-block;
  height: 13px;
  width: 13px;
  text-indent: -999em;
  overflow: hidden;
}
* html .starsDiv a {
    text-indent: 0;
    background: transparent url("/images/buttons/star_rating.gif") 0 0 no-repeat;
}
* html .starsDiv a span {
    display: none;
}

.stars a.rating {
  background-position: -26px 0;
}

.stars a.rating-off {
  background-position: -0px 0;
}

.stars a.rating-over {
  background-position: -13px 0;
}

/*================================================================ */
/* Comments */

.comments h2 {
    color: #EC5232;
    margin: 0px 0px 0.3em 0px !important;
}

.comments h3 {
    font-size: 1.0em !important;
    color: #56003F !important;
    margin: 0px 0px 0.3em 0px !important;
}

.comments h3.bubble {
    background: transparent url("/images/buttons/list_comment.gif") center left no-repeat !important;
    padding: 0px 0px 0px 15px !important;
    margin: 0px 0px 0px -15px !important;

}

.commentBlock {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 15px;
}

.commentItem {
    /* border-bottom: 1px dotted #C9A8C3; */
    background: #EFE8EF;
    border: 1px solid #C9B1C8;
    padding: 5px;
    margin: 0.6em 0px 0.3em 0px;
}

.commentCast {
    /* border-bottom: 1px dotted #C9A8C3; */
    background: #E6EBFF;
    border: 1px solid #AABBFF;
    padding: 5px;
    margin: 0.6em 0px 0.3em 0px;
}

.commentItem .rating {
    vertical-align: middle;
}

.commentItemNone {
    margin: 0.6em 0px 0.3em 0px;
}

.commentAdd {
    float: left;
    width: 100%;
    border-top: 2px solid #C9A8C3;
    margin: 1.0em 0px 0px 0px;
}

.commentAdd h3, .commentAdd form, .commentAdd p {
    margin-left: 15px !important;
}

.commentAdd textarea {
    width: 400px;
    height: 6em;
    margin: 0px 0px 0.5em 0px;
}

.commentNav {
    margin: 0.3em 0px 0px 0px;
}
.commentNav:after {
    content: ".";
    height: 0px;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
*:first-child+html .commentNav { height: 100%; } /* IE7 */
* html .commentNav { height: 1%; }               /* IE6 */

.commentmatch {
    float: left;
    font-size: 1.0em;
    font-weight: bold;
    color: #EC5232;
}

.commentpagenav {
    float: right;
    text-align: right;
    background: #D2C8D6;
    font-size: 0.85em;
    font-weight: bold;
    color: #8D3277;
}
.commentpagenav img {
    vertical-align: middle;
}

.commentpagenav a {
    color: #000099;
    text-decoration: underline;
    padding: 0px 2px 0px 2px;
}
.commentpagenav .current {
    font-size: 1.0em;
    font-weight: bold;
    color: #000000;
    padding: 0px 2px 0px 2px;
}
.commentpagenav .end {
    padding: 0px;
}

.hotItem {
    background: transparent url("/images/bg/item_fade_l.jpg") top left no-repeat;
    /* width: 310px; */
    padding: 0px 0px 0px 15px;
    margin: 0px;
}
.hotItemMain {
    background: transparent url("/images/bg/item_fade_r.jpg") top right no-repeat;
    padding: 10px 15px 0px 0px;
    margin: 0px;
    /* height: 240px; */
}
.hotItemMain h2 {
    padding: 0px;
    margin: 0px 0px 0.5em 0px;
}
.hotItemMain p {
    margin: 0px !important;
    padding: 0px 0px 1em 0px !important;
}

/*================================================================*/
/* Quote */

.quote {
}

.quote blockquote {
	background: transparent url("../images/main/quote_open.png") top left no-repeat;
    padding: 0px 0px 1em 16px;
    margin: 0px;
}
* html .quote blockquote {
    background-image: url("../images/main/quote_open.gif");
}

.quote blockquote p {
	display: inline;
	margin: 0px 0px 1em 0px;
	padding: 0px 16px 0px 0px;
	background: transparent url("../images/main/quote_close.png") bottom right no-repeat;
}
* html .quote blockquote p {
	background-image: url("../images/main/quote_close.gif");
	display: block;
}

.quote .cite {
    font-size: 0.85em;
    color: #666666;
    line-height: 1.3em;
    padding: 2px 0px 1em 0px;
}
.quote .cite strong {
    color: #000000;
}

.qcite {
    font-size: 0.9em;
}

.req {
    color: #EC5232;
}

/*================================================================*/
/* Collapse Box */

.collapseBox .toggle {
    position: absolute;
    top: 1px;
    left: 0px;
    background: transparent url("/images/main/expand_closed.gif") center center no-repeat;
    width: 14px;
    height: 1.1em;
    display: block;
}
* html .collapseBox .toggle { left: -17px; background-image: url("/images/main/expand_closed.gif"); }

.collapseBox.expOpen .toggle {
    background: transparent url("/images/main/expand_open.gif") center center no-repeat;
}
* html .collapseBox.expOpen .toggle { background-image: url("/images/main/expand_open.gif"); }

.collapseBox .toggle span {
    display: none;
}

/*.collapseBox h2:hover .toggle,*/
.collapseBox h2:focus .toggle,
.collapseBox h3:focus .toggle
{
    border: 1px solid #662D8B;
}