/*
Copyright (c) 2008, IndieKazoo LLC. All rights reserved.
URL: http://www.indiekazoo.com/css/screen.css
*/

/* resets */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{/*color:#000;background:#FFF;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}


/* adjustments to Yahoo reset */
strong { font-weight: bold; }

* { padding: 0; margin: 0; outline-style: none; outline: none; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
}

body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  /*list-style: none;*/
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}

/* IE behaviors */

/*img, div, td, */.pngfix { behavior: url(/css/iepngfix.htc); }
body { behavior: url(/css/csshover2.htc); }

/* preemptive styling */

ul, dt { padding-left: 1.5em; }
ol { padding-left: 1.5em; /*list-style-type: decimal;*/ }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, dd, address {
  margin-bottom: 1em;
}
:link, :visited, a:hover, td a { text-decoration: underline; color: #789B36; }
a img, :link img, :visited img, select { border: 0; /*outline: none; outline-style: none;*/ }
a, input { /*outline: none; outline-style: none;*/ }

/* brute-force hacks */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* common tweaks */

.clear { clear: both; height: 1%; }
.center { text-align: center; }
.right { text-align: right; }
.nomargin { margin: 0; padding: 0; }
.last { margin-bottom: 0; }

/* basic styles */

body {
  /*font: 62.5%/1.4em arial, helvetica, sans-serif;*/
  font: 76%/1.4em arial, helvetica, sans-serif;
  background-color: #000;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { color: #444; font-size: 2em; }
h2 { font-size: /*1.5em;*/1.3em; line-height: 1.2em; margin-bottom: 0.5em; }
h3 { font-size: 1.1em; line-height: 1.4em; margin-bottom: 0.5em; color: #789B36; }
h4 { font-size: 1em; padding: 2px 3px; }

h2 a, h2 a:link, h2 a:visited { color: #5A7529; }

p { text-align: justify; }
small { font-size: 1em; }

dt { font-weight: normal; color: #5F5F5F; margin-bottom: .1em; line-height: 1.3em; }
dd { margin-bottom: .8em; color: #333; }
dt a, dt a:link, dt a:hover, dt a:active, dt a:visited { text-decoration: none; }
dd a { text-decoration: none; }
dt.disabled { color: #ccc; }

table { border-spacing: 2px; }

td { font-size: .9em; line-height: 1.3em; padding: 2px; margin: 2px; }
th {
  background-color: #999;
  color: #fff;
  border: 1px solid #555;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1em;
  padding: 2px 2px 3px 2px;
  text-align: center;
}
th span { border-bottom: 1px dashed #eee; cursor: pointer; }

td.fat { padding-top: 0.5em; padding-bottom: 0.5em; }
td.wide { padding-left: 0.5em; padding-right: 0; }

/* basic list styles */

ul { text-align: justify; }
li { margin-bottom: 0.3em; }
ul.pad { margin: 0 25px 25px 25px; text-align: left; }
ul.pad li { margin-bottom: 1em; }

/* text variations */

.dim { color: #888; }
.dim a { text-decoration: none; }
.verydim { color: #aaa; }
.extradim { color: #aaa; }
.tiny, .tinydim { font-size: 0.9em; }
.required { text-align: right; color: #888; font-size: 11px; line-height: 1em; }
span.required { font-size: 1em; color: #888; }
.req { margin: 0 2px 0 0; font-weight: bold; font-size: 18px; color: #698830; }
.missing { margin: 0 2px 0 0; color: #698830; font-weight: bold; font-size: 18px; }
.curr_sym { color: #888; padding-right: 2px; }
.equiv { padding-left: 1em; color: #777; }

/* structural markup */

#container {
  width: 850px;
  margin-bottom: 40px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 17px;
}
#header {
  background: url(/images/ik_logo_bg.gif) 0 0 repeat-x;
  position: relative;
}
#header span {
  /*float: right;*/
  position: absolute;
  top: 40px;
  right: 30px;
  /*font-size: 1.2em;*/
  /*margin-right: 30px;*/
  /*padding-right: 30px;*/
  color: #D8D8D8;
  /*margin-top: 40px;*/
}
#header h1 { margin: 0; }
#header h1 span {
  position: relative;
  bottom: 28px;
  left: 300px;
  text-align: right;
  color: #D8D8D8;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 13px;
}
#header a { color: #ff9; font-weight: bold; }

#content { background-color: #fff; }

#menu {
  background-image: url(/images/buttons/button_bg.gif);
  height: 29px;
  margin-bottom: 1px;
  padding-left: 2px;
}
#menu ul { clear: left; margin-bottom: 0; position: relative; }
#menu ul#menu-acct { float: right; padding-right: 15px; }
#menu ul li { float: left; list-style: none; width: 90px; height: 29px; background-repeat: no-repeat; background-position: 0 0; }
#menu a { display: block; border: 0; width: 90px; height: 29px; }
#menu ul li a { text-indent: -9999px; text-decoration: none; }

/* admin buttons */
#menu ul li#topnav-myacct { background-image: url(/images/buttons/admin/myaccount.gif); width: 73px; }
#menu ul li#topnav-help { background-image: url(/images/buttons/admin/help.gif); width: 51px; }
#menu ul li#topnav-reports { background-image: url(/images/buttons/admin/reports.gif); width: 51px; }
#menu ul li#topnav-signin { background-image: url(/images/buttons/admin/signin.gif); width: 51px; }
#menu ul li#topnav-signout { background-image: url(/images/buttons/admin/signout.gif); width: 59px; }

/* off states */
#menu ul li#topnav-home { background-image: url(/images/buttons/home.gif); }
#menu ul li#topnav-faq { background-image: url(/images/buttons/faq.gif); }
#menu ul li#topnav-tour { background-image: url(/images/buttons/tour.gif); }
#menu ul li#topnav-artists { background-image: url(/images/buttons/artists.gif); }
#menu ul li#topnav-contact { background-image: url(/images/buttons/contact.gif); }
#menu ul li#topnav-signup { background-image: url(/images/buttons/signup.gif); }
#menu ul li#topnav-overview { background-image: url(/images/buttons/overview.gif); }
#menu ul li#topnav-upload { background-image: url(/images/buttons/upload.gif); }
#menu ul li#topnav-org { background-image: url(/images/buttons/organize.gif); }
#menu ul li#topnav-sell { background-image: url(/images/buttons/sell.gif); }
#menu ul li#topnav-preview { background-image: url(/images/buttons/preview.gif); }

/* on and hover states */
#menu ul li#topnav-home a:hover, body.topnav-home #menu ul li#topnav-home { background-image: url(/images/buttons/home_on.gif); }
#menu ul li#topnav-faq a:hover, body.topnav-faq #menu ul li#topnav-faq { background-image: url(/images/buttons/faq_on.gif); }
#menu ul li#topnav-tour a:hover, body.topnav-tour #menu ul li#topnav-tour { background-image: url(/images/buttons/tour_on.gif); }
#menu ul li#topnav-artists a:hover, body.topnav-artists #menu ul li#topnav-artists { background-image: url(/images/buttons/artists_on.gif); }
#menu ul li#topnav-contact a:hover, body.topnav-contact #menu ul li#topnav-contact { background-image: url(/images/buttons/contact_on.gif); }
#menu ul li#topnav-signup a:hover, body.topnav-signup #menu ul li#topnav-signup { background-image: url(/images/buttons/signup_on.gif); }
#menu ul li#topnav-overview a:hover, body.topnav-overview #menu ul li#topnav-overview { background-image: url(/images/buttons/overview_on.gif); }
#menu ul li#topnav-upload a:hover, body.topnav-upload #menu ul li#topnav-upload { background-image: url(/images/buttons/upload_on.gif); }
#menu ul li#topnav-org a:hover, body.topnav-org #menu ul li#topnav-org { background-image: url(/images/buttons/organize_on.gif); }
#menu ul li#topnav-sell a:hover, body.topnav-sell #menu ul li#topnav-sell { background-image: url(/images/buttons/sell_on.gif); }
#menu ul li#topnav-preview a:hover, body.topnav-preview #menu ul li#topnav-preview { background-image: url(/images/buttons/preview_on.gif); }

ul.menu { border-right: 1px solid #5A9EAD; background-color: #5A9EAD; }
ul.menu li {
  list-style-type: none;
  float: left;
  color: #333;
  background-color: #CBD2A3;
  border-left: 1px solid #5A9EAD;
  border-top: 1px solid #5A9EAD;
}
ul.menu li.on { background-color: #B5AF82; }
ul.menu li a {
  color: #664400;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 6px;
  line-height: 1.5em;
}

#main {
  padding: 15px 24px;
  background-color: #fff;
  /*font-size: 1.2em;*/
  font-size: 1.1em;
  /*line-height: 1.3em;*/
  line-height: 1.1em;
}

#footer {
  font-size: 11px;
  line-height: 41px;
  color: #5F5F5F;
  margin-top: 2px;
  margin-bottom: 1em;
  padding-left: 10px;
  padding-right: 10px;
  background: url(/images/footer_bg.gif) 0 0 repeat-x;
  height: 41px;
  text-align: center;
}

/* alert styles */

#alertdiv { position: relative; }
#alert span, #success span, #error span, #notice span {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 12px;
  width: 12px;
  text-align: right;
  cursor: pointer;
  text-decoration: underline;
}
#alert, #error, #notice, #success {
  background-color: #F8D8AA;
  border: 1px solid #777;
  border-bottom: 2px solid #000;
  font-weight: bold;
  padding: 6px 40px 6px 50px;
  margin-bottom: .7em;
  background-repeat: no-repeat;
  background-position: 5px 2px;
}
#error, #notice, #alert {
  background: url(/images/icons/bigredx.gif) 7px 6px no-repeat;
  padding-left: 15px;
}
#success {
  background: url(/images/icons/biggreencheck.gif) 7px 6px no-repeat;
  background-color: #F8D8AA;
  padding-left: 15px;
}
#success a, #success a:link, #success a:active, #success a:hover {
  color: #555;
}
#error { color: #000; background-color: #F8D8AA; }
#error h4.notice { padding-left: 2em; }
#notice { background-color: #F8D8AA; color: #000; }
#alert p, #error p, #notice p, #success p, #error h2, #alert h2, #success h2 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 25px;
  text-align: left;
}
#error ul, #alert ul, #success ul {
  list-style: none;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 8px;
  text-align: left;
}
#error li, #alert li, #success li {
  background: transparent url(/images/arrows/dt_right_green.gif) 0 4px no-repeat;
  padding-left: 8px;
}
#error h2, #alert h2, #success h2 { margin-bottom: 0; }
#success h2 { margin-top: .2em; margin-bottom: .2em; }
#alert a, #error a { color: #000; }
#alert h4, #error h4 { color: #000; margin-bottom: .3em; }

h2.error, h2.attn {
  background-color: #ffc;
  border: 1px solid #777;
  border-bottom: 2px solid #000;
  font-weight: bold;
  padding: 6px 10px 6px 25px;
}
h2.attn { background-color: #ffffc0; padding: .2em 0; }
h4.attn { border: 1px solid #777; background-color: #f90; }
h4.notice { padding-left: 0; }
p.attn { font-weight: bold; }
th.attn { background-color: #ffc; color: #000; border: 1px solid #777; }
td.invalid { background-color: #ff9; }
.invalid { background-color: #F8D8AA; padding: 5px; }
.sidebar h4.attn { border: 1px solid #777; background-color: #ff9; }
.sidebar li.error { color: red; }
dd.invalid { border: 1px solid #555; } /* F2B763 */
dd.invalid small { color: #000; }
dd.invalid a { color: #000; }
.sidebar div.attn { background-color: #F5F5F5; border: 2px solid #000; }
.sidebar div.attn h4.attn {
  text-align: center;
  color: #000;
  font-size: 1.2em;
  padding: .3em;
  background-color: yellow;
  border: 1px solid #000;
}
.sidebar div.attn p { font-weight: bold; font-size: 1.1em; }

/* basic form styles */

form dl dt { padding-left: 0; }
fieldset { margin-bottom: 0; margin-left: 0; border: 1px solid #E1E5E6; } /* was E1E5E6 */
fieldset small {
  font-size: 1em;
  color: #db7e2b;
  margin-top: 0;
  padding: 3px 0;
}
fieldset small a, fieldset small a:visited, fieldset small a:link, fieldset small a:active {
  color: #db7e2b;
}
fieldset code {
  font-weight: bold;
  font-size: 1.1em;
  color: #4B5D22;
  padding: 1px 3px;
  margin: 4px;
  text-align: center;
  border: 1px solid #ddd;
}
fieldset super { color: #4B5D22; }
fieldset strong, fieldset p strong { color: #000; }
fieldset small strong { color: #db7e2b; }
fieldset dt span, fieldset dd span {
  font-weight: normal; color: #444;
}
legend {
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 1em;
  color: #666;
  background-color: #E1E5E6;
  padding: 1px 3em 1px 4px;
  /*width: 300px;*/
}
legend span { color: #888; font-weight: normal; }

table.simple { width: 100%; }
table.simple td { font-size: 1em; padding: 5px; }
table.simple td.num { width: 30px; }
table.simple td.num input { text-align: right; }
table.simple td input.text, table.simple td input.text:focus {
  /*padding: 2px;*/ /*font-size: 1em;*/
}

textarea {
  font: /*1.1em*/1em arial, helvetica, sans-serif;
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  width: 95%;
  background-color: #f7f7f7;
}

select {
  border: 1px solid #CECBBD;
  background-color: #f7f7f7;
  color: #333;
  margin: 0;
  line-height: 20px;
  padding: 1px;
}
select option { padding: 0 0 0 2px; margin-bottom: 2px; }

td form { margin-bottom: 0; }
td.checkbox { text-align: center; }

dd.checkbox { padding: 4px 4px 4px 0; }
dd.checkbox input.checkbox { margin-left: 10px; }

dt.checkboxhead { margin-bottom: .7em; }

/* specific form styles */

fieldset.form { padding: .7em 15px; margin-bottom: 1.5em; border: 2px solid #ccc; }
fieldset.form legend { margin-bottom: .3em; /*width: 300px;*/ }
fieldset.form p { color: #333; padding-left: .5em; padding-top: .5em; padding-bottom: .5em; }
fieldset.form small { padding: 3px 0; }

#regform fieldset.form { float: left; width: 370px; padding: .7em 15px; margin-bottom: 1.5em; border: 1px solid #bbb; }

#register fieldset.highlight { border: 3px solid #bbb;}
#register fieldset.form.promo { border: 2px solid #000; background-color: yellow; margin-top: 9px; }
#register fieldset.form.promo small { color: #333; }
#register fieldset.form.promo input.big { }
.sidebar h4.promo { background-color: yellow; }

input.text, input.wide, input.widedef, input.wideinvalid, input.dim, input.noborder, input.ttag, input.ttaginvalid,
input.ttag-dim, input.ttag-dimfixed, input.ttagdef, input.ttag-fixed, input.trackedit, input.price, input.quan,
input.timecode, input.timecode-dim, input.price-dim, input.bigtext, #album_select input, #register input.text, input.big
{
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  margin: 1px 0;
  background-color: #f7f7f7;
  color: #333;
}
input.wideinvalid, input.dim, input.noborder, input.ttag, input.ttaginvalid, input.ttag-dim, input.ttag-dimfixed,
input.ttagdef, input.ttag-fixed, input.trackedit, input.price, input.quan, input.timecode, input.timecode-dim,
input.price-dim, input.bigtext
{
  font-size: .9em;
}
input.price, input.price-dim { width: 4em; }
input.timecode, input.timecode-dim { width: 3em; }
input.checkbox { margin: 0; padding: 0; /*margin-left: 10px;*/ }
input.disabled { border: 1px solid #eee; background-color: #f5f5f5; }
input.big { font-size: 1.5em; }
input.file { margin: 0 auto; /*padding: 1px 2px;*/ }
input.wide { width: 95%; }
input.widedef { width: 95%; border: 1px dashed #649013; }
input.wideinvalid { width: 95%; border: 1px dashed red; }
input.dim { color: #aaa; }
input.noborder { border: 0; padding: 0; margin: 0 5px; }

input.default_price { width: 80px; }

input.invalid { border: 1px dashed red; }
input.ttag { font-size: 0.95em; margin: 0 auto; width: 85%;}
input.ttagdef { font-size: 0.95em; margin: 0 auto; width: 90%; border: 1px dashed #649013; }
input.ttaginvalid { font-size: 0.95em; width: 90%; border: 1px dashed red; }
input.ttag-fixed { font-size: 0.95em; margin: 0 auto; }
input.ttag-dimfixed { font-size: 0.95em; color: #aaa; }
input.ttag-dim { font-size: 0.95em; margin: 0 auto; width: 90%; color: #aaa; }
input.trackedit { display: inline; width: 100%; }

input.text:focus, input.smalltext:focus, input.wide:focus, input.widedef:focus, input.wideinvalid:focus, input.dim:focus,
input.noborder:focus, input.ttag:focus, input.ttaginvalid:focus, input.ttag-dim:focus, input.ttag-dimfixed:focus,
input.ttagdef:focus, input.ttag-fixed:focus, input.trackedit:focus, input.price:focus, input.quan:focus,
input.timecode:focus, input.timecode-dim:focus, input.price-dim:focus, input.bigtext:focus, #album_select input:focus,
#register input.text:focus, input.big:focus, textarea:focus
{
  border: 1px solid #B7B39E;
}

textarea.default {
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  margin: 1px 0;
}
textarea.invalid {
  padding: 2px 4px;
  margin: 1px 0;
  border: 1px dashed red;
  background-color: #fff;
}
textarea.dim {
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  margin: 1px 0;
  color: #aaa;
}
textarea:focus, textarea.default:focus, textarea.dim:focus {
  border: 1px solid #B7B39E;
}
textarea.terms {
  margin-bottom: 1em;
  font: .8em Courier;
  color: #333;
}

select.wide { width: 95%; }
select.pad option { padding-right: 3em; }
select.tiny, select.tinydim { padding: 1px 0; }
select.ttag { font-size: 0.95em; width: 93%; padding: 1px; }
select.ttag-dim { font-size: 0.95em; width: 93%; color: #aaa;}
select.ttag option.dim { color: #aaa; }
select.ttag-fixed { font-size: 0.95em; }
select.ttag option, select.tiny option { margin-right: 2px; }
select.tinydim option, select.tinydim option.dim { margin-right: 2px; color: #aaa; }
select.currency, select.expiration_mins, select.genre { width: 200px; }
select.sample_len { width: 140px; }
select.email_subject { width: 175px; }
select.country { width: 200px; }
select.card_type { width: 150px; }
select.banner_subtitle { width: 140px; }

/* button styles */

.bigradio, .bigtext, .bigselect {
  font-size: 1.2em;
  margin: 2px 0;
  padding: 2px 4px;
}
.bigselect { padding: .1em .2em; /*width: 100%;*/ width: 235px; }
.smalltext { font-size: 1.3em; margin: 1px 0; padding: 1px 2px; }
.buttonbox {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  background-color: #eee;
}
.buttonbox.left { text-align: left; }
.buttonbox .button, .buttonbox .bigbutton { margin-right: 2em; }
.smbutton { font-size: 0.9em; }
.medbutton { /* used only for album art Delete button */ font-size: 1em; }
.button { margin: 3px 0; }
.bigbutton { margin: 0; /*padding: 2px;*/ }
.hugebutton { padding: 5px; width: 375px; }

/* login dialog box */

#login {
  width: 350px;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 100px;
}
#login h3 { padding-left: 0; color: #000; text-align: center; font-size: 1.3em; }
#login #error { padding: 1em 1em 1em 40px; margin-bottom: 1em; }
#login dl { margin: 0 auto; }
#login dt {
  float: left;
  width: 75px;
  text-align: right;
  padding-right: .5em;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 2px 0;
}
#login dd { margin: 2px 0 6px 0; text-align: left; }
#login dd input.text { width: 200px; }
#login fieldset {
  margin: 0 auto;
  padding: 15px;
  border: 3px solid #94BE46;
  background-color: #C8DEA1;
}
#login input.text { font-size: 1.2em; color: #333; }
#login a.forgot {
  font-size: 11px;
  position: relative;
  bottom: .5em;
  color: #777;
  padding-left: 30px;
}

#forgot { padding: 1em 0 0 0; margin: 0; width: 400px; }
#forgot fieldset.form { border: 3px solid #94BE46; }
#forgot dt { font-weight: bold; }
#forgot input.text { width: 200px; }
#forgot legend { width: 250px; }

/* registration form */

body#regform #alertdiv span { display: none; }
body#regform .sidebar.wide { float: right; width: 350px; }

#url_example {
  background-position: -20px 0;
  background-repeat: no-repeat;
  width: 275px;
  height: 30px;
  padding-top: 17px;
  padding-left: 45px;
}
#register fieldset, fieldset.border { padding-top: .7em; border: 1px solid #ddd; }
#register legend, fieldset.border legend {
  border-width: 1px 2px;
  border-color: #d3d8da;
  color: #666;
  font-weight: bold;
  font-size: 1em;
  background-color: #E1E5E6;
  padding-left: 4px;
  /*min-width: 300px;*/
}

#register fieldset.form input:focus { border: 1px solid #B7B39E; }
#register dt { padding-right: 0.2em; /*line-height: 1.6em;*/  }
#register dt.req { font-weight: bold; }
#register dd.invalid { background-color: #F8D8AA; border: 1px solid #777; /*F4C27B darker shade F2B763 */ padding: 5px; } /* light green: D3E4B4 */
#register dd { margin-bottom: .5em; }
#register dd.noinput {
  background-color: #EBF3E7;
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  width: 25em;
  color: #888;
}
#register fieldset p { margin-bottom: .4em; }

/* specific list styles */

#faq dl { text-align: justify; }
#faq dl dt, dl.arrows dt {
  margin: .7em 0 .3em 0;
  padding: 0 0 0 15px;
  font-weight: bold;
  color: #333;
  background: url(/themes/default/img/arrow_dt.gif) 0 4px no-repeat;
  /*background: url(/images/arrows/dt_right_green.gif) 0 4px no-repeat;*/
}
#faq dl dd { padding-left: 15px; margin-bottom: 1.5em; }
#faq dl dt a { text-decoration: none; font-weight: normal; }
#faq dl dt a:hover { text-decoration: underline; }
#faq dl.index dt { margin: 0 0 .3em 0; }

#faq h3 { font-size: 1.4em; padding-left: 15px; margin-bottom: .5em; }
#faq .wip { color: #888; }
#faq .wip a { color: #888; }

#faq .wip-banner {
  margin: 50px auto;
  width: 500px;
  font-style: italic;
  font-size: 3em;
  line-height: 1em;
  text-align: center;
  font-style: italic;
  color: #789B36;
}

dl.login { font-size: 1em; margin: 1px 0; }
dl.login dd input.smalltext { width: 175px; }

ol.steps { margin-top: 1em; margin-left: 1em; margin-right: 1em; }
ol.steps li code { position: relative; left: -2em; }

/* sidebar styles */

.sidebar {
  float: right;
  width: 238px;
  /*position: relative;*/ /* removed to get YUI fade to work */
  margin-left: 20px;
  margin-bottom: .5em;
  font-size: 1em;
  line-height: 1.2em;
  /*line-height: 130%;*/
}
.sidebar.wide { width: 300px; padding-top: 10px; }
.sidebar a { color: #5A7529; }
.sidebar h3 {
  margin-bottom: 0;
  background-color: #fae4c4;
  padding: .3em 3px;
  border: 1px solid #999;
  color: #000;
}

.sidebar h4 {
  margin-bottom: .5em;
  background-color: #fae4c4;
  padding-top: .3em;
  padding-bottom: .3em;
  border: 1px solid #999;
  font-weight: bold;
}

.sidebar input { margin-bottom: 0; font-size: 1.1em; }
.sidebar input.smalltext, .sb-inner input.smalltext {
  border: 1px solid #CECBBD;
  padding: 2px 4px;
  margin: 1px 0;
  background-color: #f7f7f7;
}
.sidebar ul, .sidebar ol {
  margin-top: 0.7em;
  margin-bottom: 1em;
  list-style: none;
  padding-left: .5em;
}
.sidebar dd { margin-bottom: 0.5em; }

.sb-inner p, .sb-inner form {
  margin: .3em 5px 1em 5px;
  text-align: left;
}
.sb-inner ul { 
  margin: .3em 5px .3em 0;
  text-align: left;
}
.sb-inner p.last, .sb-inner ul.last, .sb-inner ol.last, dd.last {
  margin-bottom: 0;
}
.sidebar .sb-inner {
  padding: 5px;
  margin-bottom: 10px;
  background-color: #F5F5F5;
  border: 1px solid #E1E5E6;
  height: 1%;
}
.sidebar .sb-inner h4 { margin-bottom: .5em; }
.sidebar .sb-inner p { margin-top: 0.5em; }
.sidebar .sb-inner li {
  padding: 3px 3px 3px 15px;
  background: transparent url(/themes/default/img/arrow_dt.gif) 5px 7px no-repeat;
}
.sidebar .sb-inner ul.last li span {
  float: right;
  width: 20px;
  text-align: center;
  /*background-color: #e9e9e9;*/
  padding: 2px;
}
.sidebar .sb-inner li span {
  float: right;
  text-align: center;
  width: 20px;
  /*background-color: #e9e9e9;*/
  padding: 2px;
}
.sidebar .sb-inner li.on {
  background-color: #ff9;
  border: 1px solid #bbb;
  margin-right: 5px;
  font-weight: bold;
}
.sidebar .sb-inner li.done { color: #888; }
.sidebar .sb-inner.promo { background-color: yellow; border: 2px solid #000; }
.sidebar .sb-inner.promo h4 {
  text-align: center;
  background: #fff url(/images/arrows/sbh4_left.png) center left no-repeat;
  margin-bottom: 1em;
}
.sidebar .sb-inner.promo li {
  background: transparent url(/images/arrows/dt_right_green.gif) 5px 7px no-repeat;
}
.sidebar .sb-inner.promo a { color: #000; }

/* home page */

h2.biglogo { margin-top: 0.4em; }
#home h2 { text-align: center; font-size: 23px; color: #000; margin-bottom: .1em;}
#home h3 { color: #789B36; margin-bottom: 1em; font-size: 1.8em; }
#home ul li { text-align: left; font-size: 1.1em; line-height: 1.3em; }
#home strong { color: #333; }
#home p { font-size: 1.1em; line-height: 1.5em; }

#home h4 { font-size: 1.2em; }

#regbox {
  text-align: center;
  /*width: 100%;*/
  padding: 0.3em;
  padding-bottom: .6em;
  padding-right: 2px;
  margin-bottom: 1em;
  border: 3px solid #eee;
  background-color: #C60;
  border: 2px solid #994D00;
  
}
#regbox span {
  float: right;
  width: 54px;
  height: 51px;
  margin-top: 5px;
  background: transparent url(/images/arrows/regbox_big_right.png) 0 0 no-repeat;  
}


#regbox:hover { cursor: pointer; background-color: #B35900; border: 2px solid #000; }
#regbox h2 { margin: 0; }
#regbox h2 a { text-decoration: none; color: #fff; border-bottom: 0; }
#regbox h2 a:hover { text-decoration: none; }
#regbox p { text-align: center; margin-bottom: 0; }
#regbox ul { font-size: .9em; }
#regbox li { line-height: 1.2em; }

table.thumbs { font-size: .9em; }
table.thumbs td { padding: 0 12px; }
table.thumbs td.thumb img { border: 3px solid #ddd; padding: 1px; }
table.thumbs td.caption {
  text-align: center;
  width: 185px;
  padding: 0 12px;
  font-size: 1.1em;
  line-height: 1.4em;
  padding-top: .5em;
}
table.thumbs { margin-bottom: 1em; }
table.thumbs p { text-align: left;}

dl.news { font-size: 1.1em; color: #333; line-height: 1.2em; }
dl.news dt { padding: 0; margin-bottom: .2em; }

/* artist page */

div#storethumbs {
  padding-top: 15px;
  padding-bottom: 5px;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  text-align: center;
  margin: 0 auto 1.5em auto;
  width: 700px;
  overflow: auto;
  height: 200px;
}
div#storethumbs-inner {
  text-align: center;
  height: 175px;
  margin: 0 auto;
  border: 0;
  padding: 0;
}

div.screenshot {
  float: left;
  text-align: center;
  width: 230px;
  height: 175px;
  overflow: hidden;
}

/* tour */

body.tour .sidebar { width: 250px; }
body.tour .sb-inner { height: 375px; padding-right: 15px;}

#tour {
  text-align: center;
  padding: 10px 10px 0 10px;
  width: 510px;
  float: left;
  border: 1px solid #ccc;
  border-bottom: 1px solid #000;
  margin-bottom: 1.5em;
  background-color: #000;
}
body.tour p { width: 530px; text-align: center; }

ul.tour { margin: 10px 0; }
ul.tour li { font-size: 1.1em; line-height: 1.3em; margin-bottom: .5em; }
h2.tour { margin-left: 8px; }

#tourmenu {
  color: #eee;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-align: center;
  width: 510px;
}
#tourmenu :link, #tourmenu :visited { text-decoration: underline; color: #789B36; }
#tourmenu a:hover { text-decoration: underline; color: #789B36; }
#nextback {
  height: 25px;
  font-size: 1.3em;
  margin: 10px 0 0 0;
  text-align: center;
  color: #B35900;
}
#nextback a, #nextback :link, #nextback :visited {
  line-height: 25px; height: 25px; padding: 0 3px;
}
.tournavlink { position: relative; bottom: 8px; }
#nextback .on { color: #B35900; font-weight: bold; }
#nextback .ghost { visibility: hidden; font-weight: bold; }
body#tour-overview #tour-overview-menu { color: #B35900; font-weight: bold; }
body#tour-create #tour-create-menu { color: #B35900; font-weight: bold; }
body#tour-finetune #tour-finetune-menu { color: #B35900; font-weight: bold; }
body#tour-track #tour-track-menu { color: #B35900; font-weight: bold; }

/* contest */

#entry { /*width: 410px;*/ float: left; width: 350px; margin-right: 75px; }
#entry legend { margin-bottom: 10px; }
#entry fieldset.entry dt {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: .5em;
  color: #333;
  padding: 4px 3px 2px 3px;
}
#entry fieldset { margin-bottom: 10px; }
#entry #state { width: 150px; overflow: hidden; }
#entry #country { width: 150px; overflow: hidden; }
#entry fieldset { padding: 20px; }
#entry fieldset.entry { padding-bottom: 5px; }
#entry select { color: #333; }
#entry dd.invalid { background-color: #fff; padding: 0; border: 0; }
#entry dd.invalid input.text, #contest dd.invalid select { border: 1px solid #C60; }

body#terms #content {padding-right: 250px; }
body#terms em { font-style: normal; text-decoration: underline; }