legend {
    border: 1px solid #333333;
    font-size: 14px;
    font-variant:small-caps;
    font-weight:bold;
    padding: 0.2em 0.5em;
}
p {
    text-align: left;
}
.right {
    float: right;
}
.left {
    float: left;
}
.minimal {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px 1px #F6F6F6 inset;
    color: #333333;
    padding: 8px 0 9px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 150px;
}
.minimal:hover {
    background: none repeat scroll 0 0 #D9D9D9;
    box-shadow: 0 0 1px 1px #EAEAEA inset;
    color: #222222;
    cursor: pointer;
}
.minimal:active {
    background: none repeat scroll 0 0 #D0D0D0;
    box-shadow: 0 0 1px 1px #E3E3E3 inset;
    color: #000000;
}
.clean-gray {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #CCCCCC);
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    margin-right: 5px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 1px 0 #EEEEEE;
    width: 150px;
}
.clean-gray:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #DDDDDD;
    background-image: -moz-linear-gradient(center top , #DDDDDD, #BBBBBB);
    border-color: #BBBBBB #BBBBBB #999999;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-shadow: 0 1px 0 #DDDDDD;
}
.clean-gray:active {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #AAAAAA #AAAAAA #888888;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 5px 2px #AAAAAA inset, 0 1px 0 0 #EEEEEE;
}
.cupid-blue {
    background-color: #D7E5F5;
    background-image: -moz-linear-gradient(center top , #D7E5F5, #CBE0F5);
    border-color: #ABBBCC #A7B6C7 #A1AFBF;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 white inset;
    color: #1A3E66;
    padding: 6px 5px 7px;
    text-align: center;
    text-shadow: 0 1px 1px #FFFFFF;
    width: 150px;
}
.cupid-blue:hover {
    background-color: #CCD9E8;
    background-image: -moz-linear-gradient(center top , #CCD9E8, #C1D4E8);
    border-color: #A1AFBF #9CAABA #96A3B3;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #F2F2F2 inset;
    color: #163659;
    cursor: pointer;
    text-decoration: none;
}
.cupid-blue:active {
    border: 1px solid #8C98A7;
    box-shadow: 0 0 4px 2px #ABBCCF inset, 0 0 1px 0 #EEEEEE;
}

.textbox, .textarea, .selectbox, .checkbox {
    border: 1px solid #9C9C9C;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
}
.textbox {
    height: 30px;
    width: 250px;
}
.textarea {
    height: 200px;
    width: 250px;
}
.selectbox {
    height: 30px;
    width: 255px;
}
.page-heading, .sub-heading {
    font-weight: bold;
    text-align: left;
}
.page-heading {
    font-size: 16px;
}
.sub-heading {
    font-size: 12px;
    margin: 40px 0;
}
.info-label {
    color: #0000FF;
    font-style: italic;
}
.error-message, .error-summary {
    color: #FF0000;
    font-size: 10px;
}
.error-summary ul {
    margin-top: 5px;
}
.error-summary li {
    padding-left: 5px;
}
.big-label, .medium-label, .small-label, .nano-label {
    display: inline-block;
}
.big-label {
    width: 400px;
}
.medium-label {
    width: 300px;
}
.small-label {
    width: 150px;
}
.nano-label {
    width: 30px;
}
.writer-form
{
    display: table;
    width: 100%;
}
.writer-form td
{
    display: table-cell;
    padding: 5px 10px;
    vertical-align: top;   
}
.writer-form>tbody>tr>td:first-child
{
    font-weight: bold;
    width: 200px;
}
#subgenre-container td
{
    color: #333333;
    font-family: Verdana;
    font-size: 12px;
}

#tooltip {
	border: 1px solid #111;
	background-color: #eee;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	opacity: 0.80;
	padding: 5px;
	position: absolute;
	text-align: justify;
	z-index: 3000;
}
#tooltip h3, #tooltip div { margin: 0; }

#legend-table
{
    background-color:#eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #fff); /* for firefox 3.6+ */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF'); /* for IE */
    border: 1px solid #CFCFCF;
    border-radius:5px;
    display:table;
    width:730px;
}
#legend-table th
{
    background-color:#266390;
    color:#fff;
    font-variant:small-caps;
    padding:5px;
    text-align:left;
    vertical-align:top;
}
#legend-table tr
{
    border-bottom: 1px solid #CFCFCF;
    border-bottom-width: 1px !important;
}
#legend-table td
{
    display:table-cell;
    padding:5px;
    text-align:justify;
    vertical-align:top;
}
#legend-table td:first-child
{
    border-right: 1px solid #CFCFCF;
}
#legend-table b
{
    display:inline-block;
    height:10px;
    margin-right:5px;
    width:10px;
}
#legend-table .green b
{
    background-color:#00FF00;
}
#legend-table .red b
{
    background-color:#FF0000;
}
#legend-table .orange b
{
    background-color:#FFA500;
}
#legend-table .yellow b
{
    background-color:yellow;
}

button.button, a.button, a.button:visited, .page a.button {
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    min-height: 14px;
    min-width: 80px;
    outline: medium none;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #0A0A0A;
    vertical-align: baseline;
}
a.button:hover, a.button:active {
    text-decoration: none;
}
.button.standard {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #2B719E;
    border-color: #0455A7 #0455A7 #37568F;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 -8px 10px #1C4B74 inset;
    font-size:14px;
    background: url("/images/nav.jpg") repeat-x scroll 0 0 #367198;
}
.button.standard:hover, .button.standard:focus {
    background: none repeat scroll 0 0 #048CC8;
    box-shadow: 0 -8px 10px #00578F inset;
    text-shadow: 0 2px 3px #0A0A0A;
}
.button.standard:active {
    border: 1px solid #0A4270;
    box-shadow: 1px 0 16px #07294A inset, 0 1px 3px #222222;
    color: #999999;
    text-shadow: none;
}
.button.primary {
    background: none repeat scroll 0 0 #439D2F;
    border: 1px solid #62B74E;
    box-shadow: 0 -8px 8px #27601C inset;
}
.button.primary:hover, .button.primary:focus {
    background: none repeat scroll 0 0 #22BB00;
    box-shadow: 0 -8px 10px #27601C inset;
    text-shadow: 0 2px 3px #0A0A0A;
}
.button.primary:active {
    border: 1px solid #0C7531;
    box-shadow: -1px -3px 10px #0CB14D inset, 1px 1px 3px #0FB250 inset, 0 1px 3px #222222;
    color: #999999;
}
.button.cancel {
    background: none repeat scroll 0 0 #963E50;
    border: 1px solid #6C251E;
    box-shadow: 0 -8px 10px #601C28 inset;
    color: #FFFFFF;
}
.button.cancel:hover, .button.cancel:focus {
    background: none repeat scroll 0 0 #BB0025;
    box-shadow: 0 -8px 10px #7E011A inset;
}
.button.disabled, .button.disabled:hover {
    background: none repeat scroll 0 0 #767676;
    border: 1px solid #747474;
    box-shadow: 0 10px 12px #BBBBBB inset;
    color: #CCCCCC;
    cursor: default;
}
div.featured {
    border: 5px solid #EDEDED;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    width: 710px;
}
div.featured p.title{
    background: url("/images/nav.jpg") repeat-x scroll 0 0 #367198;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 5px solid #EDEDED;
    color: #FFFFFF;
    font: 15px/1 museo-sans-500,Helvetica,sans-serif;
    padding: 15px 20px;
    margin:0px auto;
}
div.featured p.title2{
    color: #FFFFFF;
    font: 15px/1 museo-sans-500,Helvetica,sans-serif;
    margin:0px auto;
}
div.featured p.premium-title{
    background: url("/images/nav.jpg") repeat-x scroll 0 0 #EDD000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 3px solid #EDD000;
	border-left: 3px solid #EDD000;
	border-right: 3px solid #EDD000;
    color: #FFFFFF;
    font: 15px/1 museo-sans-500,Helvetica,sans-serif;
    padding: 15px 20px;
    margin:0px auto;
}
div.featured p.content{
    border-bottom: 1px solid #CFCFCF;
    padding: 10px 50px;
    margin:0px auto;
}
div.featured p.content:last-child{
    border-bottom-width: 0px;
}
div.featured p.odd{
    background-color:#eee;
}