/* Global Beginning */



body { font-family:"Trebuchet MS", Arial, Verdana, sans-serif; margin:0px; font-size:14px; background: #fffffa;}
h1, h3 {margin:0px; padding: 0px;}

div.container {width:900px; margin:0px auto; clear: both;}

a:link {color: #033f88;text-decoration: none;}
a:visited {text-decoration: none;color: #033f88;}
a:hover {text-decoration: underline;color: #033f88;}
a:active {text-decoration: none;color: #033f88;}

.page_header {font-size:20px; text-align:center; margin:30px 0px; display: none;}
.page_intro {color:#333333; line-height:18px; font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 10px 0px;}

.column_left {float:left; width:673px; margin:0px 8px 0px 0px;}
.column_right {float:left; width:219px;}
.column_right img {padding-bottom:10px;}

.column_left-50 {float:left; width:442px; margin:0px 8px 0px 4px;}
.column_right-50 {float:left; width:446px;}

.shadowbox_100-top {background:url(../_img/sb-tb.png); height:3px; }
.shadowbox_100-mid {background:url(../_img/sb-mid.png); padding:15px;}
.shadowbox_100-bot {background:url(../_img/sb-tb.png) 0px -3px; height:3px; margin-bottom:10px;}

.shadowbox_75-top {background:url(../_img/sb-tb.png) -900px 0px; height:3px; }
.shadowbox_75-mid {background:url(../_img/sb-mid.png) -900px 0px; padding:15px;}
.shadowbox_75-bot {background:url(../_img/sb-tb.png) -900px -3px; height:3px; margin-bottom:10px;}

.shadowbox_25-top { background:url(../_img/sb-tb.png) -1574px 0px; height:3px; }
.shadowbox_25-mid { background:url(../_img/sb-mid.png) -1574px 0px; padding:15px;}
.shadowbox_25-bot { background:url(../_img/sb-tb.png) -1574px -3px; height:3px; margin-bottom:10px;}

.quarter-boxes {float:left; width:219px; margin:0px 8px 10px 0px; }
.quarter-boxes-stats {background:url(../_img/banner-blank_black.png) no-repeat top left; height:86px; text-align:center; padding-top:20px; color:#FFFFFF; font-size:12px; }
.quarter-boxes-stats  span { font-size:38px; font-weight:bold; }

.grey_bar {background: url(../_img/bg-grey_bar.png) repeat-x bottom #f4f4f4; border:1px solid #cccccc; font-size:16px; color:#333333; margin:0px 3px 10px 3px; padding:5px; text-align:center;}
.grey_bar a { color:#666666;text-decoration: underline;}

/* Global End */

/* Header/Footer Beginning */

.header {background:url(../_img/bg-header.png) repeat-x bottom #feffe7; height:67px; color:#333333; font-size:13px; padding:0px 0px 10px 0px;}
.header_nav {
    width:650px; 
    margin:0px auto; 
    background: url(../_img/artistdata-by-sonicbids-logo.png) left center no-repeat; 
    height:50px; 
    padding:20px 0 0 250px; 
    line-height:30px;
    text-align: right;
}
.header a {
    color:#FFFFFF;
    text-decoration: underline;
    margin-left: 15px;
}
.header a:hover {
    text-decoration: none;
}
.header a.login {
    background-color:#FFFFCC; 
    padding:3px 7px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    color:#333333; 
    text-decoration:none;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
}
.header a.login:hover {
    background-color:#cccccc
}

.login_tab a:link, .login_tab a:visited, .login_tab a:active {}
.login_tab:hover {; }

.footer {text-align:center; font-size:12px; color:#999999; padding-top:25px; background-color:#FFFFFF; border-top:2px solid #cc0000;}

/* Header/Footer End */

/* Pricing Table */
div.package {
}
div.package table {
  width:100%;
  background: url(../_img/sb-mid.png) repeat-y top left;
}
div.package table tr td {
  border:#efefef 1px solid;
   padding:20px;
}
div.package table tr td span { 
  display: block;
}
div.package table tr td.price {
  vertical-align:top;
  width:240px;
  border-right: 1px solid #ccc;
}
div.package table tr td.detail {
  color: #333  
}
div.package table tr td.price span.name {
margin-top: -4px;
color:#333333;
display:block;
font-size:3em;
text-transform:uppercase;
margin-bottom: 20px;
}
div.package table tr td.price span.price {
  color: #999;
  font-size: 1.2em;
}
div.package table tr td.detail span.description {
  color: #333  
}
div.package table tr td.detail span.features {
  color: #333  
}
div.package table tr td.detail span.features ul li {
  color:#333333;
  font-size:0.9em;
  list-style-image:url(../_img/icons/check_icon.gif);
  padding:1px 0;
}
div.package table#free tr td {
}
div.package table#gold  tr td {
}
div.package table#platinum  tr td {
}


#app-list {
    list-style: none;
    margin: -5px -20px -10px -0px;
    padding: 0;
    overflow: hidden;
    padding: 5px 0 0 5px;
}
#app-list li {
    float: left;
    width: 199px;
    margin-right: 20px;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#app-list li a {
    display: block;
    padding: 10px 0px 10px 44px;
    background: no-repeat 5px center transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#app-list li a:hover {
    -moz-box-shadow: 0px 0px 5px #666;
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
    text-decoration: none;
}
#app-list li a img {
    vertical-align: middle;
}


#app-detail {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#app-detail li {
    margin-bottom:40px;
    position: relative;
    padding-left: 70px;
}

#app-detail li .app-name {
    font-size: 20px;
    font-weight: bold;
    display: block;
}
#app-detail li img {
    text-align: left;
    position: absolute;
    left: 0;
    top:0;
}



/* Pricing Table end */

/* Page beginning */
.top {background:url(../_img/bg-full_page.png) repeat-x bottom; border-bottom:1px solid #ccc; }
.top h1 {font-size: 2em; height: 50px; line-height: 50px;}
div.blurb {margin-bottom: 15px; font-size: 1.4em; line-height: 1.4; }
div.blurb h3 {font-weight: bold; font-size: 1.2em; padding-top: 25px; display: block;}

/* Beginning of Index */

div.billboard {  background:url(../_img/billboard.png) no-repeat right bottom; height: 280px; padding: 50px 525px 0 13px;}
div.billboard div.headline {font-size:2.5em; line-height: 1; font-weight:bold; letter-spacing: -1px; margin-bottom: 20px;text-shadow: 0px 1px 2px #999;}
div.billboard div.description { font-size:1.2em; line-height:1.5; margin-bottom: 20px; font-style: italic;}

.billboard a.signup {
    float: left;
    margin: 20px 10px 0 5px;
    display: block;
    height: 41px;
    padding: 10px;
    text-align: center;
    font-size: 1.5em;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.billboard a span {
    font-size: .5em;
    display: block;
}
.billboard a.bright {
    background: #83b021; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83b021', endColorstr='#48750c'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#83b021), to(#48750c)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #83b021,  #48750c); /* for firefox 3.6+ */
    text-shadow: #333 0px -1px 1px;
    color: #fff;
    width: 300px;
    text-transform: uppercase;
    font-weight: bold;
}
.billboard a.bright:hover {
    background: #83b021; /* for non-css3 browsers */
    text-decoration: none;
}


#testimonials {
    background: #efefef; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ddd'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #efefef,  #ddd); /* for firefox 3.6+ */
    color: #666;
    margin-bottom: 20px;
    padding: 10px 0;
}
#testimonials .slideshow {
    float: left;
}
.dssControlContainer {display: none;}

#thirds {
    margin-bottom: 15px;
}
#thirds ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#thirds li {
    margin-right: 15px;
    width: 290px;
    float: left;
}
#thirds li:last-child {
    margin-right: 0;
}
#thirds a.stats {
    display: block;
    background: #999999; /* for non-css3 browsers  */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#333333)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #999999,  #333333); /* for firefox 3.6+ */
    -moz-box-shadow:inset 0px 0px 5px #000  ;
    -webkit-box-shadow:inset 0px 0px 5px #000;
    box-shadow:inset 0px 0px 5px #000;
    width: 290px;
    height:138px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding-top: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#thirds a.stats span {
    font-size: 50px;
    font-weight: bold;
}
/* End of Index */



/* Beginning of Features */

.feature { line-height:21px; font-size:13px; margin:0px 0px; padding:25px 0px; border-top:solid 1px #999999; }
.feature h1 {color:#333333; line-height:23px; font-size:18px; font-weight:bold; margin:0px; padding:0px 0px 10px 0px;}
.feature img {padding:0px 10px 30px 0px;}

.index-features {float:left; width:210px; padding:4px; margin:0px 4px 4px 0px; font-size:12px; line-height:15px; color:#333333;}
.index-features img { padding-right:10px;}
.index-features h1 { color:#000000; font-size:13px; font-weight:bold; margin:0px; padding-bottom:3px; }

.mppo {float:left; width:206px; margin-right:15px;}
.mppo-header {font-size:24px; font-weight:bold; color:#cc0000; text-transform:uppercase; padding-bottom:15px;}
.mppo-content {color:#333333; font-size:16px; line-height:20px; height:75px; }
.mppo-graphic {height:250px; background:url(../_img/mppo.jpg) no-repeat; text-align:center; padding:0px 10px;}
.mppo ul { padding:0px; margin:0px; text-align:left; list-style: url(../_img/icons/check_icon.gif) inside;}
.mppo li { padding:7px 0px; border-bottom:1px #CCCCCC solid; font-size:12px; }
.mppo li img { padding-left:10px;width:16px; height:16px; vertical-align:text-bottom; }


/* End */



/* Beginning of Supported Sites */

.network_boxes_list ul {list-style-type:none; padding:0px; margin:0px;}
.network_boxes_list li {background:url(../_img/network-boxes.png) no-repeat; width:219px; height:106px; margin-bottom:10px;}

.network_boxes_grid ul {list-style-type:none; padding:0px; margin:0px; margin-right: -10px;}
.network_boxes_grid li {background:url(../_img/network-boxes.png) no-repeat; width:219px; height:106px; margin:0px 8px 10px 0px; float:left;}

/* End of Supported Sites */



/* Beginning of Buzz */

.buzz {margin:0px; padding:0px;line-height:18px; font-size:13px;}
.buzz h1 {line-height:20px; font-size:16px; margin:0px 0px 5px 0px; padding: 0px;}
.buzz h3 {font-size:12px; margin: 0px; font-weight:normal; font-style:oblique; padding:10px 0px 30px 15px;}

/* #buzz_clip {display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} */

/* End */

/* Google BuzzBoost Beginning */

.feedburnerFeedBlock  { font-size:12px; color:#666666; }
.feedburnerFeedBlock ul { margin:0px; padding:0px;}
.feedburnerFeedBlock li { list-style:none; }
.headline { font-size:13px; }
.date { font-size:11px; color:#999999; margin:0px; padding:5px 0px 10px 0px;}
#creditfooter {text-align:center;}

/* Buzzboost End */


/* Twitter Beginning */

#twitter_div  { font-size:12px; color:#666666; }
#twitter_update_list { margin:0px; padding:0px;}
#twitter_update_list li { list-style:none; padding-bottom:10px; }

/* Twitter End */



/*Signup, MOSU, & Suggestions Pages*/

#content {
   padding:25px 0 20px 0;
   min-height: 450px;
}

#content h2 {
   color:#033F88;
   font-size:1.2em;
   font-weight:bold;
}
#content h2 span {
   color:#D93F3B;
}


#SignFill, #SuggFill {
   float: left;
   width: 370px;
   height: auto;
   padding: 0 0 0 200px;
   border-right: #D5D5D5 1px dashed;
}
#SignUp {
   float: left;
   width: 333px;
   height: auto;
   padding: 0 0 0 305px;
}
#MOSU {
   float: left;
   width: 350px;
   height: auto;
   padding: 0 0 0 0;
}
#SignFill ul, #SuggFill ul, #SignUp ul, #MOSU ul {
   float: left;
   list-style: none;
}
#SignFill li, #SuggFill li, #SignUp li, #MOSU li {
   clear: left;
   float: left;
   width: 335px;
   height: 36px;
   margin: 15px 0 0 0;
}
#SignFill li.formspace, #SuggFill li.formspace, #SignUp li.formspace, #MOSU li.formspace {
   clear: left;
   float: left;
   height: 10px;
}
#SignFill .label, #SuggFill .label, #SignUp .label, #MOSU .label {
   clear: left;
   float: left;
   font-weight: bold;
   color: #000;
   font-size: 12px;
}
#SignFill .input, #SuggFill .input, #SignUp .input, #MOSU .input {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 22px;
   background-color: #F6F6F6;
   border: 1px solid #BBBBBB;
}
#SignFill .inputError, #SuggFill .inputError, #SignUp .inputError, #MOSU .inputError {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 22px;
   background-color: #FFCDCD;
   border: 1px solid #B50000;
}
#SignFill .dropdown, #SuggFill .dropdown, #SignUp .dropdown, #MOSU .dropdown {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 22px;
   width: 335px;
   background-color: #F6F6F6;
   border: 1px solid #BBBBBB;
}
#SignFill .dropdownError, #SuggFill .dropdownError, #SignUp .dropdownError, #MOSU .dropdownError {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 22px;
   width: 335px;
   background-color: #FFCDCD;
   border: 1px solid #B50000;
}
#SignFill .textarea, #SuggFill .textarea, #SignUp .textarea, #MOSU .textarea {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 150px;
   width: 333px;
   background-color: #F6F6F6;
   border: 1px solid #BBBBBB;
}
#SignFill .textareaError, #SuggFill .textareaError, #SignUp .textareaError, #MOSU .textareaError {
   float: left;
   font-size: 16px;
   font-weight: bold;
   color: #666666;
   height: 150px;
   width: 333px;
   background-color: #FFCDCD;
   border: 1px solid #B50000;
}
#SignFill .Aggrmnt, #SignUp .Aggrmnt, #MOSU .Aggrmnt {
   float: left;
   width: 334px;
   background-color: #EDF2FE;
   margin: 20px 0 0 0;
}
#SignFill .AggrmntError, #SignUp .AggrmntError, #MOSU AggrmntError {
   float: left;
   width: 334px;
   background-color: #FFCDCD;
   border: 1px solid #B50000;
   margin: 20px 0 0 0;
}
#SignFill .Aggrmnt p, #SignUp .Aggrmnt p, #SignFill .AggrmntError p, #SignUp .AggrmntError p, #MOSU .AggrmntError p {
   float: left;
   font-size: 12px;
   padding: 5px 5px 5px 10px;
   width: 268px;
   height: auto;
   text-align: left;
}
#SignFill .submit, #SignUp .submit , #MOSU .submit{
   float: left;
   width: 150px;
   height: 39px;
   margin: 10px 0 20px 0;
}
#SuggFill .submit {
   float: left;
   width: 150px;
   height: 39px;
   margin: 145px 0 20px 0;
}
#SignFill .error, #SuggFill .error, #SignUp .error, #MOSU .error {
    padding:15px 10px 10px 10px;
    background:url(https://s3.amazonaws.com/static.artistdata.com/_website/_lib/_images/error_background.jpg) top repeat-x #e1a4a3;
    color: #FF0000;
    border:2px solid #b5221f;
    font-weight:bold;
}
#SignFill .error_header, #SuggFill .error_header, #SignUp .error_header, #MOSU .error_header  {
    position:relative;
    padding:5px;
    top:8px;
    left:10px;
    background-color:#FFFFFF;
    color: #FF0000;
    font-size:14px;
    font-weight:bold;
}
#SignCmm {
   float: left;
   width: 176px;
   height: auto;
   padding: 15px 0 0 14px;
}
#SignCmm p {
   float: left;
   text-align: left;
   font-size: 12px;
   margin-bottom: 15px;
   line-height: 18px;
}
#SignCmm p span {
   color: #033F88;
   font-weight:bold;
}
div.signUpButtonOn a {
   float:left;
   width:260px;
   border: 5px solid #CC0000;
   height:80px;
   padding: 10px;
   margin: 20px 15px 0 0;
   color: #FFFFFF;
   font-size: 1.3em;
   font-weight:normal;
   text-decoration: none;
   background: #CC0000;
   position:relative;
   text-align: center;
}
div.signUpButtonOn a:hover {
   border: 5px solid #FF0000;
   background: #CC0000;
}
div.signUpButtonOn a span {
   color: #FFFFFF;
   text-decoration: underline;
}
h2#signUpButtonSmallOn {
   margin:0 auto;
   width:150px;
   height:39px;
   padding:7px 0 0 0;
}
h2#signUpButtonSmallOn a {
   margin:0 auto;
   float:left;
   width:150px;
   height:39px;
   padding: 7px 0 0 0;
   margin: 15px 10px 0 0;
   color: #FFFFFF;
   font-size: 1.3em;
   font-weight:normal;
   text-decoration: none;
   background:url(https://s3.amazonaws.com/static.artistdata.com/_website/_lib/_images/signup_sm-button_on.gif) no-repeat top left;
   position:relative;
}
h2#signUpButtonSmallOn a span {
   color: #FFFFFF;
   text-decoration: underline;
}
h2.subtitle {
   font-size: 0.9em;
   color: #000099;
   text-align: center;
   margin-top: 15px;
}
h2.subtitle span {
   color:#cc0000;
}
h2.tip {
   font-size: 0.7em;
   color: #2F4F4F;
   text-align: center;
   margin-top: 150px;
}
h2.tip span {
   color:#696969;
}
/*End*/