body {margin: 0; padding: 0 0 20px 0; background: #e8f6fc url(../img/bluebg.gif) repeat-x; font-family: verdana, myriad, arial, helvetica, sans-serif;}
#container {margin: 20px auto 0 auto; padding: 0 0 15px 0; width: 758px; background: #ffffff url(../img/footerbg.gif) no-repeat bottom left;}
#content {padding: 0 15px;}
#maincontent {width: 520px;}


h1, h3, h4, h4 {font-family: trebuchet ms; margin: 0; color: #636363;}
h4.miniheading {margin: 15px 0 0 0;}
p.minicontent {margin: 0 0 15px 0;}
h2 {font-family: trebuchet ms; margin: 15px 0 0 0; color: #636363;}
h2.pagetitle {font-size: 14pt; color: #17b7d9; margin-top: 10px;}
a {color: #07b4c6; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
p, ul, td, th, label, textarea, input {font-size: 10pt; color: #636363;}
form {margin:0; padding: 0;}
img {border:0;}

/* GENERAL */
.clear {clear: both; margin: 0; padding: 0; height: 0px; overflow: hidden;}
.c {text-align: center;}
.r {text-align: right;}
.j {text-align: justify;}
.question {font-weight: bold;}
ul.plain li {margin: 5px 0;}
.bigblueborder {width: 728px; background: #ffffff url(../img/blueborderbig.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.bigblueborder h2 {background: #3bcad8 url(../img/bluebarbig.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.bigblueborder p, .bigblueborder ul, .bigblueborder h3, .bigblueborder h4, .bigblueborder table {border-width: 0 1px; border-color: #83dee4; border-style: solid; margin: 0;}
.mediumblueborder {width: 520px; background: #ffffff url(../img/bluebordermedium.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.mediumblueborder p, .mediumblueborder ul, .mediumblueborder h3, .mediumblueborder h4 {border-width: 0 1px; border-color: #83dee4; border-style: solid; margin: 0;}
.mediumblueborder h3, .mediumblueborder h4 {text-align: center; font-size: 14pt; font-family: Arial, helvetica, Sans-Serif;}
.mediumblueborder h3 {padding: 10px 0 0 0;}
.mediumblueborder h4 {font-weight: normal; padding: 0 0 10px 0;}
.mediumblueborder h2 {background: #3bcad8 url(../img/bluebarmedium.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.mediumblueborder p {padding: 10px 20px;}
.mediumblueborder ul {list-style: none; padding: 0;}
.bigbluebox{width: 728px; background: #dbf3f9 url(../img/blueboxbig.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.bigbluebox h2 {background: #3bcad8 url(../img/bluebarbig.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.mediumbluebox{width: 520px; background: #dbf3f9 url(../img/blueboxmedium.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.mediumbluebox h2 {background: #3bcad8 url(../img/bluebarmedium.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.smallbluebox{width: 192px; background: #dbf3f9 url(../img/blueboxsmall.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.smallbluebox h2 {background: #3bcad8 url(../img/bluebarsmall.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.greybox {width: 192px; background: #f2f2f2 url(../img/greybox.gif) no-repeat bottom right; margin-top: 15px; padding-bottom: 9px;}
.greybox h2 {background: #f2f2f2 url(../img/greybox.gif) no-repeat top left; color: #808080; text-align: center; font-size: 14pt; margin: 0; line-height: 32px; font-family: Arial, helvetica, Sans-Serif;}
.greybox h3 {background: #8a8a8a url(../img/greybarsmall.gif) no-repeat top left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px; font-family: Arial, helvetica, Sans-Serif;}
.greybox a {color: #808080;}
.mediumgreybox{width: 520px; background: #f2f2f2 url(../img/greyboxmedium.gif) no-repeat bottom left; margin-top: 15px; padding-bottom: 9px;}
.mediumgreybox h2 {background: #808080 url(../img/greybarmedium.gif) no-repeat bottom left; color: #ffffff; text-align: center; font-size: 14pt; margin: 0; line-height: 32px;}
.bluetable {margin: 10px 50px 0 50px; padding: 0; background-color: #e8f6fc;}
.bluetable th {background-color: #2fc6d5; color: #ffffff; margin: 0; text-align: left; padding: 5px 5px;}
.bluetable td {padding: 5px 5px;}



/* HEADER */
#header {height: 91px; background: transparent url(../img/headerbg.gif) no-repeat top left; padding: 16px 0 0 20px; margin: 0;}
#header h1 {padding: 0 0 0 0; margin: 0;}
#header img {border: none;}
#strap {margin: 11px 0 0 0; line-height: 30px; color: #9f9f9f; font-size: 14pt; background: transparent url(../img/strap.gif) no-repeat left center; text-indent: -1000px;}
#strap-trans {position: absolute; color: #9f9f9f; font-size: 13pt; margin-top: -75px; margin-left: 320px; text-align: right; width: 232px;}
#strap-trans span{color: #5faa16;}

/* MAIN MENU */
#mainmenu {list-style: none; margin: 0 15px; padding: 0; text-align: center; background: #7ac630 url(../img/menubg.gif) no-repeat top left; width: 728px;}
#mainmenu li {display: inline; font-family: trebuchet ms; font-size: 14pt; font-weight: bold; line-height: 38px; margin: 0; padding: 0;}
#mainmenu a {color: #ffffff; text-decoration: none; text-transform: lowercase; margin: 0 12px; text-decoration: none;}
#mainmenu a:hover {text-decoration: underline;}



/* FRONT */
#frontsearch, #frontregister, #frontlogin {text-align: center;}
#frontsearch h3, #frontregister h3, #frontlogin h3 {text-transform: lowercase; font-size: 16pt; font-weight: bold; margin: 2px 0 0 0; line-height: 20px;}
#frontsearch p, #frontregister p, #frontlogin p {text-align: justify; margin: 7px 0 0 0;}
#frontsearch a, #frontregister a, #frontlogin a {display: block; height: 20px;}
#frontsearch {height: 220px; width: 253px; float: left; margin-right: 15px; padding-top: 11px;}
#frontsearch a {color: #17b7d9; text-decoration: none; background: transparent url(../img/search.png) no-repeat 67px 6px; padding-top: 127px;}
#frontsearch a:hover {background-position: -186px 6px;}
#frontregister {height: 231px; width: 253px; float: left; margin-right: 15px;}
#frontregister a {color: #5faa16; text-decoration: none; background: transparent url(../img/register.png) no-repeat 67px 0px; padding-top: 138px;}
#frontregister a:hover {background-position: -211px 0px;}
#frontlogin {height: 219px;width: 192px; float: left; padding-top: 12px;}
#frontlogin a {color: #808080; text-decoration: none; background: transparent url(../img/login.png) no-repeat 39px 5px; padding-top: 127px;}
#frontlogin a:hover {background-position: -214px 5px;}

#frontfeatured {clear: both; width: 520px; float: left; margin: 0;}
#frontfeatured ul {margin: 0; padding: 0; list-style: none;}
#frontfeatured li {float: left; line-height: 38px; font-family: arial, helvetica, Sans-Serif; font-size: 14pt; font-weight: bold; text-align: center;}
#frontfeatured ul a {display: block; width: 260px; height: 38px; text-decoration: none; color: #ffffff;}
#toptenlink {background: #3ac9d8 url(../img/frontbluetab.gif) no-repeat top left;}
#newestlink {background: #79c52f url(../img/frontgreentab.gif) no-repeat top left;}
#frontfeatured ul a:hover {background-position: bottom left;}
#topten, #newest {clear: left; height: 207px; overflow: hidden;}
#topten {background: #dbf3f9 url(../img/blueboxmedium.gif) no-repeat bottom left; border-top: 5px solid #15bed0;}
#newest {background: #ddf6c4 url(../img/greenboxbottom.gif) no-repeat bottom left; border-top: 5px solid #64b812;}
.plainlist {margin: 6px 0 0 10px; width: 495px;}
.plainlist td, .plainlist th {height: 19px; vertical-align: middle; padding: 0;}
.plainlist th {width: 28px; text-align: left;}
.plainlist a {color: #636363; font-weight: normal;}
.plainlist td.datecol {text-align: right; font-weight: bold; width: 80px;}

#podcasterteaser {width: 192px; height: 251px; background: #f2f2f2 url(../img/greybox.gif) no-repeat bottom right;  margin: 0; padding: 0; float: right; text-align: center;}
#podcasterteaser h3 {background: transparent url(../img/greybox.gif) no-repeat top left; color: #808080; font-size: 12pt; font-family: Arial, helvetica, Sans-Serif; line-height: 30px; margin: 0; padding: 5px 0px 10px 0px}
#podcasterteaser h4 {color: #808080;}
#podcasterteaser img {border: none;}
#podcasterteaser p {color: #808080; margin: 10px 0 0 0;}
#podcasterteaser a {color: #808080; font-weight: bold; text-decoration: none;}
#podcasterteaser a:hover {text-decoration: underline;}
#podcasterteaser p.more {float: left; padding-left: 10px;}
#podcasterteaser p.all {float: right; padding-right: 10px;}



/* TRANSCRIPT DETAILS */
#transcriptdetails #maincontent {float: right;}
#podcasterlinks {clear: both; text-align: center; padding: 10px 0 0 0;}
#podcasterlinks li {display: inline; margin: 0 10px;}
#stats {float: left; width: 200px; border-right: none; padding: 0 0 8px 50px;}
#about {float: right; border-left: none; width: 230px; padding: 0 0 8px 0;}
#stats span, #about span {font-weight: bold; float: left;}
#stats span {width: 90px;}
#about span {width: 65px;}
#excerpt p {color: #009db0; font-family: arial, helvetica, Sans-Serif; font-size: 12pt; text-align: justify;}
.quote {background: transparent url(../img/bluequotetop.gif) no-repeat 17px 17px;}
.quote p {background: transparent url(../img/bluequotebottom.gif) no-repeat bottom right; margin: 0px 17px 10px 60px; padding: 20px 43px 5px 0;}
#download {width: 192px; text-align: center; text-transform: lowercase; font-size: 16pt; font-weight: bold; margin: 0; font-family: Trebuchet MS, sans-serif; line-height: 24px;}
#download a {display: block; width: 192px; color: #17b7d9; text-decoration: none; background: transparent url(../img/download.png) no-repeat 37px 15px; padding-top: 136px;}
#download a:hover {background-position: -143px 15px;}
#login {width: 192px; text-align: left; text-transform: lowercase; font-size: 16pt; font-weight: bold; margin: 0; font-family: Trebuchet MS, sans-serif; line-height: 26px;}
#login a {display: block; width: 110px; color: #808080; text-decoration: none; background: transparent url(../img/loginsmall.png) no-repeat 13px 15px; padding: 19px 0 0 82px; height: 61px;}
#login a:hover {background-position: -173px 15px;}
#register {width: 192px; text-align: left; text-transform: lowercase; font-size: 16pt; font-weight: bold; margin: 15px 0 0 0; font-family: Trebuchet MS, sans-serif; line-height: 26px;}
#register a {display: block; width: 110px; color: #5faa16; text-decoration: none; background: transparent url(../img/registersmall.png) no-repeat 0px 0px; padding: 14px 0 0 82px; height: 62px;}
#register a span {font-size: 14pt;}
#register a:hover {background-position: -221px 0px;}
#buysubscription {width: 192px; text-align: left; text-transform: lowercase; font-size: 16pt; font-weight: bold; margin: 0; font-family: Trebuchet MS, sans-serif; line-height: 26px;}
#buysubscription a {display: block; width: 110px; color: #808080; text-decoration: none; background: transparent url(../img/subscribe.gif) no-repeat 5px 15px; padding: 16px 0 0 74px; height: 61px;}
#buysubscription a:hover {background-position: -182px 15px;}
#aboutbuysubscription {font-size: 10pt; font-weight: normal; margin: 2px 0 20px 0;}
#thispodcaster {text-align: center;}
#thispodcaster h2 {font-size: 12pt; margin: 0;}
#thispodcaster p {margin: 5px 10px;}
#thispodcaster img {border: none;}



/* PODCASTER DETAILS */
#logolinks {float: left; width: 181px; padding: 25px 0 0 27px; position: absolute;}
#logolinks img {border: none;}
#podcasterlogo {margin-bottom: 10px;}
#rss {margin: 0 25px;}
#podcasterdetails #copy {padding: 0 10px 0 206px; border-width: 0 1px; border-color: #83dee4; border-style: solid; min-height: 220px; _height: 220px;}
#podcasterdetails #copy h3 {padding: 20px 20px 10px 0; border: 0;}
#podcasterdetails #copy p {padding: 10px 20px 10px 0; border: 0;}
#podcasterdetails #copy ul {padding: 0; list-style: none; border: 0;}
#podcasterdetails #copy li {display: inline; margin: 0 15px 0 0; font-weight: bold;}
#series {float: left;}
#series ul {list-style: none; margin: 10px 15px 0 15px; padding: 0;}
#series li {margin: 5px 0;}
#podcastertoptrans {width: 520px; float: right; margin: 15px 0 0 0;}
#podcastertoptrans ul {margin: 0; padding: 0; list-style: none;}
#podcastertoptrans li {float: left; line-height: 32px; font-family: arial, helvetica, Sans-Serif; font-size: 14pt; font-weight: bold; text-align: center;}
#podcastertoptrans ul a {display: block; width: 260px; height: 32px; text-decoration: none; color: #ffffff;}
#podcastertoptrans ul a:hover {background-position: bottom left;}
#podcastertoptrans #topten, #podcastertoptrans #newest {height: 110px;}
#podcastertoptrans #toptenlink {background-image: url(../img/podcasterbluetab.gif);}
#podcastertoptrans #newestlink {background-image: url(../img/podcastergreentab.gif);}
#podcastertoptrans ul a:hover {background-position: bottom left;}



/* SEARCH */
#searchpage #maincontent {float: left;}
#searchbutton {padding: 6px 12px 5px 29px; background: #13c0d0 url(../img/searchbutton.gif) no-repeat 0px 0px; color: #ffffff; font-weight: bold; font-size: 12pt; font-family: Arial, helvetica, Sans-Serif;}
#searchbutton:hover {background-position: -205px 0px; text-decoration: none;}
#searchpage .date {width: 86px;}
#searchpage .author {width: 130px;}
#dates {float: left;}
#authortype {}
#dates p {border-right: none;}
#authortype p {border-left: none;}
#advancedoptions label {float: left; text-align: right; padding-right: 5px; font-weight: bold;}
#dates label {width: 145px;}
#authortype label {width: 60px;}
#advancedoptions label span {font-size: 8pt; font-weight: normal;}
#searchline {padding-top: 15px;}
#browsepodcasters {}
#browsepodcasters #viewall {text-align: right; clear: both; margin: 0; padding-right: 15px;}
#browsepodcasters #viewall a {color: #808080;}
#searchpage #browsepodcasters h2 a {color: #ffffff; padding-left: 15px; margin: 0;}
#browsepodcasters img {border: none; margin: 10px 0px 6px 10px; width: 75px; height: 75px; overflow: hidden; float: left;}
#browsebygenre {float: right;}
#browsebygenre ul {list-style: none; margin: 5px 0 0 0; padding: 0; text-align: center; line-height: 22px;}
#browsebygenre a {font-weight: normal; font-size: 12pt; font-family: Arial, helvetica, Sans-Serif; color: #0089a2;}



/* SEARCH RESULTS */
#searchresultspage p#searchline {background: transparent url(../img/blueborderbig.gif) no-repeat top right; margin: 0; display: block; padding: 9px 0 0 0; border: none;}
#searchresultspage p#searchline span {display: block; border-width: 0 1px; border-color: #83dee4; border-style: solid; margin: 0; padding: 10px 0 8px 0;}
#searchresultspage table {width: 728px;}
#searchresultspage table td {font-size: 8pt; padding: 2px 10px;}
#searchresultspage table th {font-size: 10pt; padding: 6px 10px 2px 10px; text-align: left;}
#titlebar {background: #3bcad8 url(../img/bluebarbig.gif) no-repeat bottom left; height: 32px;}
#titlebar h2 {background: none; float: left; padding-left: 10px; margin: 0;}
#titlebar p {border: none; float: right; font-weight: bold; color: #ffffff; line-height: 32px; padding-right: 10px;vertical-align: middle; _margin-top: 5px;}
#titlebar select {vertical-align: middle;}



/* FOOTER */
#footer {list-style: none; margin: 5px 0 0 0; padding: 0; text-align: center; color: #74c1da;}
#footer li {display: inline; font-size: 10pt; text-decoration: none;}
#footer a {color: #74c1da; text-decoration: none; text-transform: lowercase; margin-left: 25px; font-weight: normal;}
#footer a:hover {text-decoration: underline;}



/* CONTACT */
form#contact {background-color: #e8f6fc; width: 500px; margin: 0 0 0 100px; padding: 10px 15px;}
#phoneemail {float: left; width: 350px; height: 100px; margin-left: 120px; _margin-left: 60px;}
#phoneemail  p {margin-top: 0;}
span.labelfloat {width: 130px; float: left;height: 25px; padding-top: 4px; text-align: right; padding-right: 10px;}
form#contact p {margin: 5px 10px; clear:both;}
form#contact h3 {margin-bottom: 15px;}
form#contact input {background-color: #ffffff; border: 1px solid #74c1da;}
form#contact textarea {background-color: #ffffff; border: 1px solid #74c1da;}
input.small {width: 200px;}
input.big {width: 295px;}
form#contact input.button {background-color: #0a94b2; color: #ffffff; border: 2px solid #07778f; font-weight: bold; margin-left: 141px; height: auto;}



/* ACCOUNT PAGES */
#accountmenu {list-style: none; margin: 0 15px; padding: 0; margin: 20px 88px 0px 88px; height: 31px;}
#accountmenu li {float: left; font-family: trebuchet ms; font-size: 12pt; font-weight: bold; line-height: 31px; margin: 0; padding: 0; text-align: center;}
#accountmenu a {color: #ffffff; text-decoration: none; margin: 0 2px; text-decoration: none; display: block; width: 180px; height: 31px;}
a#subscription {background: #43ccda url(../img/acctabblue.gif) no-repeat left top;}
a#details {background: #80c93a url(../img/acctabgreen.gif) no-repeat left top;}
a#downloads {background: #8d8d8d url(../img/acctabgrey.gif) no-repeat left top;}
#accountmenu a:hover {background-position: left bottom;}
#subscriptioncontent, #detailscontent, #downloadscontent {margin: 0 12px; padding: 0 15px; border-width: 6px 0 0 0; border-style: solid;}
#subscriptioncontent {border-color: #10bdcf;}
#detailscontent {border-color: #60b60d;}
#downloadscontent {border-color: #6a6a6a;}
#downloadscontent td.date {width: 146px;}
/* subscription page */
#subscriptionform {margin: 0 105px; padding: 0; background: #e8f6fc url(../img/secpayblue.gif) no-repeat right bottom; text-align: center;}
#subscriptionform h2 {background-color: #2fc6d5; line-height: 28px; text-align: center; color: #ffffff; font-size: 12pt; margin: 0;}
#subscriptionform p {text-align: center; font-weight: bold; font-family: Arial, helvetica, Sans-Serif;}
#subscriptionform table {margin: 0 15px; font-family: Arial, helvetica, Sans-Serif; text-align: left;}
#subscriptionform td {padding: 2px 5px;}
#subscriptionform input {vertical-align: middle;}
.bluebutton {background-color: #2ebacf; color: #ffffff; border: 1px solid #1a97a6; font-weight: bold; margin: 10px 0 15px 0; width: 160px;}
#paymenthistory {margin: 0 105px 0 105px; padding: 0; background-color: #e8f6fc;}
#paymenthistory caption {background-color: #2fc6d5; color: #ffffff; margin: 20px 105px 0 105px; text-align: left; text-align: center; font-weight: bold; line-height: 28px; font-family: Trebuchet MS;}
#paymenthistory th {font-weight: bold; padding: 5px 5px;}
#paymenthistory td {padding: 5px 10px;}
#royaltiessummary {width: 400px; background-color: #e8f6fc; margin-left: 135px;}
#royaltiessummary caption {color: #ffffff; background-color: #2fc6d5; font-family: Trebuchet MS; line-height: 28px; text-align: center; font-size: 12pt; font-weight: bold; margin-left: 135px;}
#royaltiessummary th {text-align: left; padding-left: 3px; font-size: 8pt;}
#royaltiessummary td {padding-left: 3px; font-size: 8pt;}
/* details page */
#detailsform {border: 1px solid #7ecf2f; padding: 15px; text-align: center;}
#detailsform div {text-align: left;}
#namebox, #addressbox, #emailphonebox, #passwordbox {background-color: #f2fce8;}
#namebox input, #addressbox input, #emailphonebox input, #passwordbox input {background-color: #ffffff; border: 1px solid #636363; height: 15px;}
#detailsform div#namebox {margin: 0 0 11px 0; text-align: center; padding: 10px 0 10px 25px;}
#namebox #title {width: 50px;}
#namebox #firstname, #namebox #lastname {width: 110px;}
#namebox label {padding-right: 5px;}
#namebox input {margin-right: 25px;}
#addressbox {float: left; width: 300px; height: 160px; padding: 10px; margin: 0 0 11px 0;}
#addressbox label {float: left; width: 120px; text-align: right; padding-right: 5px; padding-top: 3px;}
#addressbox input {margin: 2px 0;}
#add1, #add2, #country {width: 170px; _width: 160px;}
#town, #state, #postcode {width: 100px;}
#emailphonebox {float: right; width: 291px; height: 160px; padding: 10px; margin: 0 0 11px 0; font-size: 10pt; color: #636363;}
#emailphonebox label {float: left; width: 110px; text-align: right; padding-right: 5px; padding-top: 3px;}
#emailphonebox span {float: left; padding-top: 3px; padding-bottom: 4px;}
#emailphonebox input {margin: 2px 0;}
#phone, #mobile, #fax, #company, #logo {width: 130px;}
#url, #feed {width: 170px;}
#passwordbox {margin: 0; clear: both; padding: 10px;}
#passwordbox p {margin-top: 0;}
#passwordbox label {padding-right: 5px; margin-left: 40px;}
.greenbutton {background-color: #60b60d; color: #ffffff; border: 1px solid #4a8511; font-weight: bold; margin: 10px 0 0 0;width: 70px;}
/* downloads page */
#downloadscontent p {font-weight: bold; text-align: center;}
#downloadscontent table {width: 672px; margin: 0 0 5px 0;}
#downloadscontent td {font-size: 8pt; padding: 2px 10px; vertical-align: top;}
#downloadscontent th.date {width: 136px;}
#downloadscontent th {font-size: 10pt; padding: 6px 10px 2px 10px; text-align: left;}
#downloadlist {border: 1px solid #7f7f7f}
#downloadlistheader {background-color: #828282; height: 27px; padding: 0 2px 0 5px;}
#downloadlist h2 {font-size: 12pt; color: #ffffff; line-height: 26px; float: left; margin: 0;}
#downloadlist p {float: right; font-weight: bold; color: #ffffff; line-height: 26px; margin: 0;}
/* checkout page */
#checkoutform {margin: 0 105px; padding: 0; background: #e8f6fc url(../img/secpayblue.gif) no-repeat right bottom;}
#checkoutform h2 {background-color: #2fc6d5; line-height: 28px; text-align: center; color: #ffffff; font-size: 12pt; margin: 0;}
#checkoutform p {text-align: center; font-family: Arial, helvetica, Sans-Serif;}
#checkoutform input {margin: 2px 0;}
#checkoutform label.float {float: left; width: 220px; padding-right: 5px; text-align: right; padding-top: 4px;}
#checkoutform #acceptterms {margin-left: 80px;}
#checkoutform .bluebutton {width: auto; margin-bottom: 20px;}
.dropdowns {width:200px;}


/* REGISTRATION PAGE */
#registrationform {border: 1px solid #2ebacf; padding: 15px; text-align: center; margin: 0 27px;}
#registrationform div {text-align: left;}
#registrationform p {margin-top: 0; font-weight: bold;}
#registrationforminput {background-color: #ffffff; border: 1px solid #636363; height: 15px;}
#requiredbox {background-color: #e8f6fc; margin: 0 0 11px 0; text-align: center; padding: 10px 0 10px 25px;}
#reqname {float: left; width: 250px; margin-right: 30px;}
#requiredbox #title {width: 50px;}
#requiredbox #firstname, #requiredbox #lastname {width: 110px;}
#requiredbox label {float: left; width: 140px; text-align: right; padding-right: 5px;}
#requiredbox #reqname label {width: 120px;}
#requiredbox input {margin: 2px 0;}
#requiredbox #email {width: 150px;}
#requiredbox #password, #requiredbox #passwordconfirm {width: 100px;}
#registrationform #genre {background-color: #e8f6fc; margin: 0 0 11px 0; text-align: center; padding: 10px 0 10px 25px; line-height: 25px;}
#registrationform #genre p {margin: 0;}
#registrationform #genre input {vertical-align: middle; margin-right: 5px;}
#registrationform #genre .genrebox {width: 190px; float: left; margin: 5px 5px 5px 5px;}
#registrationform #addressbox {float: left; width: 300px; height: 140px; padding: 10px; margin: 0 0 11px 0; background-color: #e8f6fc;}
#registrationform #addressbox label {float: left; width: 120px; text-align: right; padding-right: 5px; padding-top: 3px;}
#registrationform #addressbox input {margin: 2px 0;}
#add1, #add2 {width: 170px; _width: 160px;}
#registrationform #emailphonebox {float: right; width: 291px; height: 140px; padding: 10px; margin: 0 0 11px 0; font-size: 10pt; color: #636363; background-color: #e8f6fc;}
#registrationform #emailphonebox label {float: left; width: 110px; text-align: right; padding-right: 5px; padding-top: 3px;}
#registrationform #emailphonebox span {float: left; padding-top: 3px; padding-bottom: 4px;}
#registrationform #emailphonebox input {margin: 2px 0;}
#phone, #mobile, #fax {width: 130px;}
#url {width: 170px;}
#registrationform .bluebutton {width: auto; margin: 0;}

#podcasterad {float: right; background: transparent url(../img/ipodbox.gif) no-repeat top left; margin: 0 0 0 20px; width: 154px; height: 112px; padding: 10px 15px;}



/* LOGIN PAGE */
#loginform {background-color: #e8f6fc; margin: 30px 60px; padding: 0 0 15px 0;}
#loginform h2 {color: #ffffff; margin: 0 0 20px 0; background-color: #2fc6d5; font-size: 12pt; line-height: 30px; text-align: center;}
#loginform label {float: left; width: 200px; text-align: right; padding-right: 5px; margin: 0 0 0 100px; padding-top: 4px;}
#loginform input {margin: 2px 0;}
#loginform .bluebutton {margin: 15px 0 10px 240px;}
#loginform p {text-align: center; margin: 5px 0;}
#loginform p label {float: none; width: auto; margin: 0 0 0 5px;}



/* PODCASTER LISTING */
#podcasterslist {list-style: none; margin: 15px 0 0 0; padding: 0;}
#podcasterslist li {float: left; width: 300px; height: 75px; margin: 0 0 10px 20px; padding: 0 0 15px 30px;}
#podcasterslist h3 {font-size: 14pt;}
#podcasterslist img {float: left; margin-right: 10px; width: 75px; height: 75px;}