/* A few extra classes for backwards compatibility with the old code until we can fix everything up*/


textarea {
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

select {
font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.subnav1 {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #00004F;
text-decoration: none;
margin: 0px 0px -2px 0px;
padding: 14px 0px 0px 0px;
}

.subnav1 a {
color: #00004F;
text-decoration: none;
}

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

.subnav2 {
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
color: #00004F;
text-decoration: none;
text-align: left;
}

.subnav2 a {
font-weight: bold;
color: #00004F;
text-decoration: none;
}

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

.head1 {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
padding: 14px 0px 0px 0px;
}

.head1 a {
text-decoration: none;
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
}


.head1b {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
padding: 14px 0px 0px 0px;
border-bottom: 1px solid #898989;
padding-bottom: 4px;
margin-bottom: 8px;
}


.head1b a {
text-decoration: none;
}

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


.head2 {
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
color:#0000FF;
margin-top: 30px;
}

.subhead1 {
font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
color: #6666FF;
clear: left;
}

.subhead2 {
font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
color: #6666FF;
margin-top: 6px;
}



.hline1 {
width: 410px;
height: 1px;
color: #898989;
border: 0px;
background: #898989;
}

.hline2 {
width: 592px;
height: 1px;
color: #898989;
border: 0px;
background: #898989;
}

#posted {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #6666FF;
}


/* BOX */

.boxbox {
width: 592px;
border: solid 1px #898989;
float: left;
margin: 0px 1px 18px 0px;
}

.boxhead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
background: #6564FF;
padding: 6px 10px 7px 10px;
}

.boxhead a {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}

.box {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #00004F;
text-decoration: none;
margin: 0px 7px 7px 7px;
}

.box a {
font-weight: bold;
color: #00004F;
text-decoration: none;
}

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

.whitebox {
padding: 3px 3px 3px 3px;
background: #FFFFFF;
}

.graybox {
font-size: 12px;
padding: 3px 3px 3px 3px;
background: #DFDFDF;
}


/* GENRE - GENREBOX */

.genrebox {
text-align: left;
border: solid 1px #898989;
float: left;
margin: 0px 0px 20px 0px;
padding: 0px 0px 7px 0px;
}



.genrebox table {
width: 592px;
}

.genrebox table table {
width: 562px;
}


.genrebox th.genrehead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
text-align: left;
background: #6564FF;
padding: 5px 0px 6px 10px;
}


.genrebox td.genresubhead {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
text-align: left;
padding: 5px 0px 6px 10px;
}


.genrebox td {
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
color: #00004F;
text-decoration: none;
text-align: left;
}

.genrebox td a {
font-weight: bold;
color: #00004F;
text-decoration: none;
}

.genrebox td a:visited{
color: #6666FF;
}


.genrebox td a:hover {
text-decoration: underline;
}


.genrebox td.columncolor1 {
background: #FFFFFF;
border-left: solid 7px #FFFFFF;
border-right: solid 7px #FFFFFF;
padding: 3px 3px 3px 10px;
}

.genrebox td.columncolor2 {
background: #DFDFDF;
border-left: solid 7px #FFFFFF;
border-right: solid 7px #FFFFFF;
padding: 3px 3px 3px 10px;
}


.genrebox td.columnleftcolor1 {
background: #FFFFFF;
padding: 3px 3px 3px 10px;
}

.genrebox td.columnleftcolor2 {
background: #DFDFDF;
border-left: solid 7px #FFFFFF;
padding: 3px 3px 3px 3px;
}

.genrebox td.columnmiddlecolor1 {
background: #FFFFFF;
padding: 3px 3px 3px 10px;
}


.genrebox td.columnmiddlecolor2 {
background: #DFDFDF;
padding: 3px 3px 3px 10px;
}


.genrebox td.columnrightcolor1 {
background: #FFFFFF;
padding: 3px 3px 3px 10px;
}

.genrebox td.columnrightcolor2 {
background: #DFDFDF;
border-right: solid 7px #FFFFFF;
padding: 3px 3px 3px 10px;
}



.genrebox table .code {
margin: 5px 10px 5px 10px;
}

.genrebox table .code table {
border: 1px solid #DFDFDF;
padding: 5px;
margin: 3px 3px -10px 0px;
}



.genrebox table .list {
margin: 5px;
}



.genredot {
margin: 2px 3px -2px 0px;
}


td.feature table {
font: 13px Verdana, Arial, Helvetica, sans-serif;
}