body {
    margin: 0;
    padding: 0;
    font-family: myriad, verdana, tahoma, arial, sans-serif;
    font-size: 75%;
    color: #fff;
    text-align: center;
    background: #221e1f url( ../img/bg.gif ) repeat-x 0 0;
}

.clr {clear: both;}
img {border:none}
table {border:none}
a {color:#fff;text-decoration:underline}
a:hover {color:#a19fa0;text-decoration:none}
.white {color:#fff}
.less {font-size: 90%}
.more {font-size: 110%}
h2 {font-size:170%;color: #bcff48;font-weight:bold;}

#container {
    margin: 0 auto;
    padding: 0;
    width: 79em;
    text-align: left;
}
body.login #container {
    margin-top: 4em;
    width: 60em;
}


#header {
    margin: 1em 0 0 0;
    padding: 0;
}
#header #logo {
    margin: 0 2em 0 0;
    padding: 0;
    float: left;
}
#header #slogan {
    margin: 0;
    padding: .5em 0 0 0;
	color: #bcff48;
	font-weight: bold;
}
#header #addMenu {
    margin: 0;
    padding: 0;
}
#header #addMenu li {
    margin: 1em 1em 0 0;
    padding: 0;
	float: right;
	list-style: none;
}
#header #addMenu li a {
    margin: 0 1px;
    padding: 0;
	display: block;
    font-size: 95%;
    text-decoration: none;
    background-color: #363334;
	border-top: solid 1px #363334;
    border-bottom: solid 1px #363334;
}
#header #addMenu li a span {
    margin: 0 -1px;
    padding: .2em 1.3em .3em 1.3em;
	display: block;
	border-left: solid 1px #363334;
    border-right: solid 1px #363334;
}
#header #addMenu li a.activ, #header #addMenu li a:hover {
    color: #bcff48;
    text-decoration: none;
    background-color: #676465;
	border-top: solid 1px #676465;
    border-bottom: solid 1px #676465;
}
#header #addMenu li a.activ span, #header #addMenu li a:hover span {
	border-left: solid 1px #676465;
    border-right: solid 1px #676465;
}
#header #menu {
    margin: 2em 0 0 0;
    padding: 0;
}
#header #menu li {
    margin: 0 0 5px .4em;
    padding: 0 0 0 0;
	float: left;
    display: block;
    list-style: none;
	background-color: #3c3a3b;
}
#header #menu li.activ {
    margin-bottom: 0;
    background-color: #504d4e;
}
#header #menu li p {
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
    background: url( ../img/bgMenuLeft.gif ) no-repeat 0 0;
	border-bottom: solid 1px #4a4849;
}
#header #menu li.activ p {
	border-bottom: solid 1px #504d4e;
    background: url( ../img/bgMenuLeftA.gif ) no-repeat 0 0;
}
#header #menu li p a {
    margin: 0 0 0 0;
    padding: 12px 3em 13px 3em;
	display: block;
    text-decoration: none;
	background: url( ../img/bgMenuRight.gif ) no-repeat right 0;
}
#header #menu li.activ p a {
    padding-top: 9px;
    color: #bcff48;
    font-size: 120%;
    padding-bottom: 18px;
    background: url( ../img/bgMenuRightA.gif ) no-repeat right 0;
}
#header #menu li p a:hover {
    color: #bcff48;
}


#sitebar {
	margin: -1em 0 0 0;
	padding: 0;
	float: right;
	width: 182px;
}
body.login #sitebar {
    margin-top: 3em;
}
#sitebar h2 {
	margin: 0 0 .2em 0;
	padding: 0;
}
#sitebar ul#select {
	margin: 0 1px;
	padding: 0;
	background: #a6de45 url( ../img/bgSelect.gif ) repeat-x 0 0;
	border-top: solid 1px #a6de45;
    border-bottom: solid 1px #a6de45;
}
#sitebar ul#select li {
	margin: 0 -1px;
	padding: 0;
    position: relative;
    list-style: none;
    border-left: solid 1px #a6de45;
    border-right: solid 1px #a6de45;
    border-bottom: solid 1px #a6de45;
}
#sitebar ul#select li a {
	margin: 0;
	padding: 0 .4em .1em .4em;
	display: block;
    font-size: 140%;
	color: #231f20;
	text-decoration: none;
	background: url( ../img/bullSelect.gif ) no-repeat right 4px;
}
#sitebar ul#select li ul.filtrDrop {
	margin: 1px 0 0 -1px;
    padding: 0;
    display: none;
    position: absolute;
    width: 100%;
    background-color: #3f3c3d;
    border: solid 1px #514e4f;
}
#sitebar ul#select li.over ul.filtrDrop, #sitebar ul#select li:hover ul.filtrDrop {
    display: block;
}
#sitebar ul#select li ul.filtrDrop li {
	margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}
#sitebar ul#select li ul.filtrDrop li a {
	margin: 0;
    padding: .3em .5em .7em .7em;
    display: block;
    height: 1em;
    color: #fff;
    font-size: 140%;
    text-decoration: none;
    background: none;
}
#sitebar ul#select li ul.filtrDrop li a:hover {
    text-decoration: none;
    color: #000;
    background-color: #999;
}
#sitebar ul.filtr {
	margin: 0;
    padding: 0;
    border-top: solid 1px #605e5e;
}
#sitebar ul.filtr li {
	margin: 0;
    padding: .7em 0 .7em 1em;
    list-style: none;
    border-bottom: solid 1px #605e5e;
}
#sitebar ul.filtr li a {
	text-decoration: none;
    font-size: 110%;
}
#sitebar ul.filtr li.activ a {
	font-size: 130%;
    color: #ff83f8;
}
#sitebar form {
	margin: 0 0 1.5em 0;
}
#sitebar form label {
	margin: 0 0 .2em 0;
    padding: 0;
    display: block;
    font-size: 180%;
}
#sitebar form label.radio {
	margin: .2em 0 0 0;
    padding: 0 0 0 2px;
    font-size: 140%;
}
#sitebar form input {
	margin: 0 0 .8em 0;
    padding: 3px;
    width: 170px;
    background-color: #a7a5a5;
    border: solid 1px #fff;
}
#sitebar form input.radio {
	margin: .7em .3em 0 0;
	*margin-top: .5em;
	_margin-top: .5em;
    padding: 0;
    width: auto;
    height: auto;
    float: left;
    background-color: transparent;
    border: none;
}
#sitebar form .butt {
    margin: 3em 0 0 0;
    padding: 0;
    background: url(../img/bgButtLeftBig.gif) no-repeat 0 0;
}
#sitebar form .butt p {
    margin: 0;
    padding: 7px 0 0 0;
    text-align: center;
    height: 46px;
    background: url(../img/bgButtRightBig.gif) no-repeat right 0;
}
#sitebar form .butt p a {
    margin: 0 0 0 0;
    padding: 7px 2em 12px 2em;
    font-size: 200%;
    color: #000;
    text-decoration: none;
}



#main {
	margin: 0 200px 0 0;
	padding: 0 0 0 0;
}
body.login #main {
	margin: 0;
}
#main #bgContentLeft {
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
    float: left;
    color: #2e2b2c;
	width: 7px;
	height: 150px;
	background: url( ../img/bgContentLeft.gif ) no-repeat 0 0;
}
body.table #main #bgContentLeft {
    color: #4d4b4c;
    background: url( ../img/bgContentTableLeft.gif ) no-repeat 0 0;
}
#main #bgContentRight {
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
    float: left;
    color: #2e2b2c;
	width: 7px;
	height: 150px;
	background: url( ../img/bgContentRight.gif ) no-repeat 0 0;
}
body.table #main #bgContentRight {
    color: #4d4b4c;
	background: url( ../img/bgContentTableRight.gif ) no-repeat 0 0;
}
#main #content {
	margin: -1px 0 0 0;
	padding: 2em 20px;
    float: left;
    width: 57em;
    /*min-height: 30em;*/
    background: url( ../img/bgContent.gif ) repeat-x 0 0;
}
body.login #main #content {
	padding: 28em 0 2em 0;
    float: none;
    width: auto;
    background: url( ../img/bgContentLogin.gif ) no-repeat 0 0;
}
body.table #main #content {
    background: url( ../img/bgContentTable.gif ) repeat-x 0 0;
}

#content p {
	margin: 0 0 1.5em 0;
}
body.login #content p {
    width: 30em;
    font-size: 180%;
    text-align: justify;
    font-family: arial, sans-serif;
}
#content form {
	margin: 0 0 1.5em 0;
}
#content form label {
	margin: 1em 0 .2em 0;
    padding: 0;
    display: block;
    font-size: 160%;
}
#content form label.radio {
	margin: 1em 0 0 0;
    padding: 0 0 0 2px;
    font-size: 110%;
    font-weight: bold;
}
#content form label.checkbox {
	margin: 1em 0 0 0;
    padding: 0 0 0 2px;
    font-size: 110%;
    font-weight: bold;
}
#content form input {
	margin: 0 0 .8em 0;
    padding: 3px;
    background-color: #a7a5a5;
    border: solid 1px #fff;
}
#content form input.radio {
	margin: 1em .3em 0 0;
    padding: 3px;
    width: auto;
    height: 12px;
    float: left;
    background-color: transparent;
    border: none;
}
#content form textarea {
	margin: 0 0 .8em 0;
    padding: 3px;
    width: 20em;
    background-color: #a7a5a5;
    border: solid 1px #fff;
}
#content form .butt {
    margin: 0 2em 0 0;
    padding: 0;
    height: 29px;
    float: left;
    background: url(../img/bgButtLeft.gif) no-repeat 0 0;
}
#content form .butt p {
    margin: 0;
    padding: 7px 0 0 0;
    height: 29px;
    float: left;
    background: url(../img/bgButtRight.gif) no-repeat right 0;
}
#content form .butt p a {
    margin: 0 0 0 0;
    padding: .7em 3em;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#content .songs {
    margin: 0 -27px 0 -27px;
    padding: 0 0 0 0;
    position: relative;
}
#content table {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    height: 130px;
}
#content table tr {
    margin: 0;
    padding: 0;
    background-color: #444141;
}
#content table tr.first {
    background-color: transparent;
}
#content table tr.light {
    background-color: #514e4e;
}
#content table tr td {
    padding: .5em 0 .5em 1.7em;
    color: #fff;
    font-size: 90%;
    border-left: solid 1px #575454;
}
#content table tr td.bgLeft {
    padding: 0;
    height: 25px;
    color: #444141;
    background: url(../img/bgTableLeft.gif) no-repeat 0 bottom;
    border: none;
}
#content table tr td.bgRight {
    padding: 0;
    height: 25px;
    color: #444141;
    background: url(../img/bgTableRight.gif) no-repeat right bottom;
    border: none;
}
#content table tr.first td {
    border: none;
}
#content table tr.light td {
    border-left: solid 1px #636060;
}
#content table tr.light td {
    border-left: solid 1px #636060;
}
#content table tr td.site {
    padding: 0 1em 0 0;
    border: none;
}
#content table tr th {
    padding: 2.5em 0 .5em 0;
    font-weight: normal;
    font-size: 90%;
    text-align: left;
}
#content table tr th.leftBorder {
    padding-left: 1.7em;
    border-left: solid 1px #6f6c6c;
}
#content table tr th.rightBorder {
    padding: 0;
    width: .2em;
    color: #444141;
    border-right: solid 1px #6f6c6c;
}
#content table tr td.percents {
    padding: 0 .3em 0 0;
    width: 15px;
    text-align: right;
    color: #929191;
    border-left: none;
}
#content table tr td.percentsBg {
    padding: 0;
    border: none;
    width: 263px;
}
#content table tr td.percentsBg div {
    text-align: left;
    color: #79b510;
    background: url(../img/bgPercents.gif) repeat-x 0 center;
}
#content table tr td.rightBorder {
    padding: 0;
    width: .2em;
    color: #444141;
    border-left: none;
    border-right: solid 1px #575454;
}
#content table tr.light td.rightBorder {
    color: #514e4e;
    border-right: solid 1px #636060;
}
#content table tr.first td.rightBorder {
    border-right: none;
}
#content table tr td h1 {
    margin: 0 0 .1em 0;
    padding: 0;
    font-size: 190%;
}
#content table tr td a.boldLink {
    margin: .5em 0 0 0;
    padding: 0 0 1em 0;
    display: block;
    font-size: 160%;
    font-weight: bold;
    text-decoration: none;
}
#content table tr td a.boldLink.clickHere {
    padding-left: 1.6em;
    background: url(../img/bullClickHere.gif) no-repeat 0 0;
}
#content table tr td dl {
    margin: .7em 0 0 0;
    padding: 0 0 1em 0;
}
#content table tr td dl dt {
    margin: 0 .2em 0 0;
    padding: 0;
    font-size: 110%;
    float: left;
    color: #999;
}
#content table tr td dl dd {
    margin: 0 1.5em 0 0;
    padding: 0;
    font-size: 110%;
    float: left;
}

#content h1 {
    font-size: 300%;
    color: #fff;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin: 0 0 0.3em 0;
    padding: 0;
}

#content ul.features {
    margin: 0 1.5em 0 0;
    padding: 0;
}
#content ul.features li {
    margin: 0;
    padding: 0 0 0 1.2em;
    list-style: none;
    font-size: 200%;
    color: #fff;
    font-family: arial, sans-serif;
    background: url(../img/bullFeatures.gif) no-repeat 0 .22em;
}
#content ul.features li a {
    color: #fc6be0;
    text-decoration: none;
}
#content ul.features li a:hover {
    text-decoration: underline;
}
strong {
    color: #fc6be0;
    font-weight: bold;
}
#content .signUp {
    margin: 2em 0 1.5em 0;
    padding: 0 0 2em 0;
    text-align: right;
}
#content .signUp a {
    margin: 0 0 0 0;
    padding: 0 3.7em 1em 3.7em;
    text-decoration: none;
    color: #221e1f;
    background: url(../img/bgSignUp.gif) no-repeat right top;
}


form p.error {
	color: #f4b6f4;
	font-weight: bold;
	margin: 0;
}


#footer {
    margin: 0 0 2em 0;
    padding: 1em 0 0 0;
}
#footer p {
    margin: 0;
    padding: 0;
    color: #656263;
    font-size: 95%;
}

#content ol {
    margin: 0 0 1.5em 1.3em;
    padding: 0;
}
#content ol li {
    margin: 0;
    padding: .3em 0 1.3em 2.2em;
    list-style: none;
}
#content ol li.o1 {
    background: url( ../img/bullOlo1.gif ) no-repeat 3px 0;
}
#content ol li.o2 {
    background: url( ../img/bullOlo2.gif ) no-repeat 1px 0;
}
#content ol li.o3 {
    background: url( ../img/bullOlo3.gif ) no-repeat 0 0;
}
#content ol li.o4 {
    background: url( ../img/bullOlo4.gif ) no-repeat 0 0;
}
#content ol li.o5 {
    background: url( ../img/bullOlo5.gif ) no-repeat 0 0;
}
#content ul.list {
    margin: 0 0 1.5em 0;
    padding: 0;
}
body.download #content ul.list.arrow {
    margin: 0 0 1.5em 0;
    float: left;
}
#content ul.list li {
    margin: 0 0 .7em 0;
    padding: 0 0 0 1em;
    list-style: none;
}
#content ul.list.arrow li {
    background: url( ../img/bullListArrow.gif ) no-repeat 0 center;
}