@charset "utf-8";
/* CSS Document */
body {
	margin: 0 auto;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
html, body {
	background: #282c2c;
}
h2 {
	color: #000;
	margin-left: 20px;
}
a img {
  border: none;
}

/*-------------------------------------------------
LAYOUT 
-------------------------------------------------*/
div#container {
	width: 968px;
	margin: 10px auto 0 auto;
	padding: 0;
}
div#container table#layout_table {
  width: 968px;
  height: 578px;
  border-collapse: collapse;
}
div#container table#layout_table td {
  padding: 0;
  margin: 0;
}
div#container table#layout_table td#left_layout_col {
  width: 239px;
}
div#container table#layout_table td#right_layout_col {
  width: 729px;
}
div#left {
	display: block;
	width: 239px;
	float: left;
	height: 578px;
	text-align: left;
}
div#header {
	margin: 35px 0 45px 65px;
	float: left;
	text-align: left;
}

/*-------------------------------------------------
MENU 
-------------------------------------------------*/
div#menu {
	width: 188px;
	height:	158px;
	margin: -100px auto 10px auto;
}
div#menu img {
  border: 0;
	padding-right: 6px;
	margin-bottom: 7px;
}
div#random_thought {
	width: 169px;
	height: 57px;
	font-size: 10px;
	margin: 51px 0 0 -4px;
	color: #858585;
	padding: 30px 20px 5px 10px;
	text-transform:uppercase; 
	font-weight: bold;
	text-align: left;
	background: url(/images/application/global/random_thought.jpg);
}

/*-------------------------------------------------
PER-PAGE BODY STYLING 
-------------------------------------------------*/
/* root/index/'hello' */
body.pages_index div#left {
  background: url(/images/application/backgrounds/hello.jpg) no-repeat;
}
body.pages_index div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 0 20px;
	font-family: Helvetica, sans-serif;
}
body.pages_index div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.pages_index div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #99cccc left no-repeat;
}

/* about */
body.pages_about div#left {
	background: url(/images/application/backgrounds/about_us.jpg) no-repeat;
	max-width: 239px;
}
body.pages_about div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	font-family: Helvetica, sans-serif;
}
body.pages_about div#right img {
	text-align: left;
	margin-bottom: 20px;
}
body.pages_about div#right {
	width: 729px;
	height: 578px;
	float: left;
	background: url(/images/application/global/main_divider.gif) #ff9933 left no-repeat;
}
body.pages_about div#content {
	margin: 0 0 0 70px;
	float: left;
	width: 510px;
	text-align: left;
}
body.pages_about div#header {
	margin: 31px 0 45px 65px;
	width: 575px;
	float: left;
	text-align: left;
}

/* services */
body.pages_services div#left {
	background: url(/images/application/backgrounds/services.jpg) no-repeat;
}
body.pages_services div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 0 20px;
}
body.pages_services div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.pages_services div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #999966 left no-repeat;
}
body.pages_services div#content {
	background: url(/images/application/services/boxers.jpg) top right no-repeat;
	margin: 0 auto auto 65px;
	float: left;
	width: 664px;
	text-align: left;
}
body.pages_services div#content ul {
	width: 500px;
	margin: 0 0 0 5px;
	list-style-type: none;
	font-size: 14px;
}
body.pages_services div#content ul li {
	background: url(/images/application/services/bullets.jpg) top left no-repeat;
	padding: 0 0 15px 25px;
	margin: 0 15px 0 0;
	display:list-item;
}
body.pages_services div#header {
	margin: 31px 0 45px 65px;
	width: 575px;
	float: left;
	text-align: left;
}

/* questions */
body.pages_questions div#left {
	background: url(/images/application/backgrounds/common_questions.jpg) no-repeat;
}
body.pages_questions div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 20px 5px;
	font-family: Helvetica, sans-serif;
}
body.pages_questions div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.pages_questions div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #669999 left no-repeat;
}
body.pages_questions div#header {
	margin: 49px 0 25px 11px;
	width: 575px;
	float: left;
	text-align: left;
}
body.pages_questions div#content {
	margin: 0 auto auto 40px;
	float: left;
	width: 635px;
	text-align: left;
}
body.pages_questions h1 {
	margin: 0 auto;
	padding: 5px;
	background: #5a8787;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
}

/* listening */
body.songs div#left {
	background: url(/images/application/backgrounds/listen_to_music.jpg) no-repeat;
}
body.songs div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 0 20px;
	font-family: Helvetica, sans-serif;
}
body.songs div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.songs div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #ddd9b6 left no-repeat;
}
body.songs div#header {
	margin: 0 0 0 18px;
	width: 729px;
	float: left;
	text-align: left;
}
body.songs div#content {
	margin: 0 0 0 18px;
	float: left;
	width: 693px;
	text-align: left;
}
body.songs div#header table tr {
  vertical-align: top;
}
body.songs div#header table td.featured_image {
  width: 143px;
}
body.songs div#header table td.search_form_area {
  width: 250px;
}
body.songs div#header table td#search-header img {
  border: none;
}
body.songs div#header table td.player {
  width: 290px;
}
/* featured and searching song stuff */
body.songs div#header div#feature {
  float: left;
  width: 113px;
  padding-right: 30px;
}
body.songs div#header div#search-header {
  padding: 30px 0 0 0;
}
body.songs div#header div#search {
  margin: 0 0 10px 0;
}
body.songs div#header div.search-area {
  float: left;
  width: 250px;
  height: 20px;
	margin: 0 auto;
	padding: 0;
}
body.songs div#header div.search-area img {
  margin-bottom: 0;
	padding-bottom: 0;
}
body.songs div#header div.search-header-img {
  float: left;
  width: 60px;
	margin: 0 auto;
	padding: 0;
}
body.songs div#header div.search-drop {
  float: left;
  width: 180px;
	border: none;
}
body.songs div#header div.search-drop select {
  float: left;
  width: 180px;
  height: 17px;
  font-size: 10px;
	padding: 0;
	margin: 0 auto;
}
body.songs div#header table td.player div.player_wrapper {
  float: left;
  margin-top: 35px;
  padding-top: 19px;
  padding-left: 13px;
  width: 286px;
  height: 128px;
  background: url(/images/application/listen_to_music/player_bg.jpg) no-repeat;
}

body.songs div#right p.empty-search-results {
  color: black;
  font-size: 150%;
}

/* search results pagination */
.pagination_container {
  clear: both;
}
.search_pagination {
  background-color: #ddd9b6;
  border: none;
  text-align: center;
  margin: 3em;
  padding-top: 1em;
}

.search_pagination a, .search_pagination span {
  padding: .2em .3em; 
}

.search_pagination span.disabled {
  color: #AAA; 
}

.search_pagination span.current {
  font-weight: bold;
  background: transparent url(images/application/listen_to_music/pagination-circle.gif) no-repeat 50% 50%; 
}

.search_pagination a {
  text-decoration: none;
  color: black; 
}

.search_pagination a:hover, .search_pagination a:focus {
  text-decoration: underline; 
}


/* listening song list */
body.songs div#content div#song-list {
  float: left;
  width: 693px;
	padding: 0 0 0 0;
  background: #FFFFFF url(/images/application/listen_to_music/table_top.jpg) no-repeat;
}
body.songs div#content div#song-list .fake_table_header {
  border: none;
}
body.songs div#content div#song-list .title_header {
  margin-left: 25px;
}
body.songs div#content div#song-list .license_link_area {
  text-align: right;
  width: 653px;
}
body.songs div#content div#song-list .license_link_area a {
  color: #000;
}
body.songs div#content div#song-list .table-extra-wrap table.padded {
  padding-top: 10px; 
}
body.songs div#content div#song-list .table-extra-wrap table td.owner {
  width: 215px;
}
body.songs div#content div#song-list .table-extra-wrap table td.share {
  width: 450px;
}
body.songs div#content div#song-list a {
	font-weight: bold;
	color: #FFFFFF;
}
body.songs div#content div#song-list a:hover {
	font-weight: bold;
	color: #000;
}
body.songs .license a {
	color: #000;
}
body.songs div.song {
	float: left;
	padding: 0;
	margin: 0 auto;
  width: 693px;
	height:24px;	
}
body.songs div.song img {
	padding: 0;
	margin: 0;
	border: none;
}
body.songs h1 {
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
	display: block;
	float: left;
	width: 25px;
	height: 24px;
}
body.songs h1.toggler {
  background: url(/images/application/listen_to_music/arrow_more.png) no-repeat left;
}
body.songs h1.togglerselected {
  background: url(/images/application/listen_to_music/arrow_down.png) no-repeat left;
}

body.songs div.even {
	background: #FFFFFF;
}
body.songs div.odd {
	background: #f3f2e6;
}
body.songs .col1 {
	padding: 4px 1px 0 7px;
	height: 20px;
	width: 308px;
	margin-bottom: 0;
	color: #595959;
	float: left;
	border-left: 1px solid #999999;
  border-right: 1px solid #999999;
}
body.songs .col2 {
	padding: 4px 5px 0 12px;
	height: 20px;
	width: 160px;
	margin-bottom: 0;
	overflow: hidden;
	color: #595959;
	float: left;
  border-right: 1px solid #999999;
}
body.songs .col3 {
	padding: 4px 0 0 10px;
	height: 20px;
	width: 131px;
	margin-bottom: 0;
	color: #595959;
	float: left;
  border-right: 1px solid #999999;
}
/* song list table weirdness */
body.songs div#content div#song-list div#table-btm {
  float: left;
  width: 693px;
  height: 13px;
  background: url(/images/application/listen_to_music/table_btm.jpg) no-repeat;
}
body.songs div#content div#song-list div.table-extra { 
  float: left;
  color: #595959;
  width: 693px;
  background: url(/images/application/listen_to_music/song_extra.jpg) no-repeat;
}
body.songs div#content div#song-list div.table-extra p { 
  float: left;
  color: #595959;
  font-size: 12px;
  width: 693px;
}
body.songs div#content div#song-list div.table-extra-wrap {
  width: 674px;
  float: left;
  margin: 0 0 0 -7px;
  padding: 10px 0 10px 35px;
  background: url(/images/application/listen_to_music/song_extra_bot.jpg) bottom no-repeat;
}
body.songs div#content div#song-list div#table-pagination { 
  float: left;
  text-align: right;
  padding: 10px 0 0 0;
  margin-left: -60px;
  color: #595959;
  font-size: 12px;
  float: left;
  width: 693px;
  height: 25px;
}

/* contact */
body.pages_contact div#left {
	background: url(/images/application/backgrounds/contact_us.jpg) no-repeat;
}
body.pages_contact div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 0 20px;
	font-family: Helvetica, sans-serif;
}
body.pages_contact div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.pages_contact div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #999999 left no-repeat;
}
body.pages_contact div#header {
	margin: 35px 0 45px 11px;
	float: left;
	text-align: left;
}
body.pages_contact div#content {
	margin: 0 auto auto 40px;
	float: left;
	width: 592px;
	text-align: left;
}

/* clients */
body.pages_clients div#left {
	background: url(/images/application/backgrounds/clients.jpg) no-repeat;
}
body.pages_clients div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.pages_clients div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #6699cc left no-repeat;
}
body.pages_clients div#header {
	margin: 35px 0 25px 11px;
	float: left;
	text-align: left;
}
body.pages_clients a, body.pages_clients a:visited {
	color: #FFFFFF;
}
body.pages_clients div#content {
	margin: 0 auto auto 40px;
	float: left;
	width: 650px;
	height: 400px;
	text-align: left;
	overflow: auto;
}
body.pages_clients div#content table#client_list {
  font-size: 14px;
  padding-bottom: 15px;
}
body.pages_clients div#content table#client_list tbody tr {
  vertical-align: top;
}
body.pages_clients div#content table#client_list tbody td {
  padding-right: 20px;
}

/* licenses */
body.licenses div#left {
  background: url(/images/application/backgrounds/license_a_song.jpg) no-repeat;
}
body.licenses div#right p {
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	margin: 10px 35px 0 20px;
	font-family: Helvetica, sans-serif;
}
body.licenses div#right img {
	text-align: center;
	margin-bottom: 20px;
}
body.licenses div#right {
	width: 729px;
	height: 578px;
	float: right;
	background: url(/images/application/global/main_divider.gif) #cc9933 left no-repeat;
}
body.licenses div#header {
	margin: 30px 0 25px 11px;
	width: 575px;
	float: left;
	text-align: left;
}
body.licenses div#content {
	margin: 0 0 0 40px;
	float: left;
	width: 660px;
	text-align: left;
}
body.licenses div#content div#license_form_left {
	width: 305px;
	float: left;
}
body.licenses div#content div#license_form_divider {
	width: 40px;
	float: left;
	height: 400px;
	background: url(/images/application/license_a_song/form_divider.jpg) repeat-y;
}
body.licenses div#content div#license_form_right {
	width: 305px;
	float: left;
}
body.licenses div#content div.form_field_area {
	margin: 0 0 18px 0;
}
body.licenses div#content div.form_field_grouping {
  margin-bottom: 3px;
}
form#new_license input {
	border: none;
	background: #e0c285;
	color: #504242;
}
form#new_license textarea {
	border: none;
	background: #e0c285;
	color: #504242;
	height: 36px;
	overflow: auto;
}
form#new_license label {
	line-height: 20px;
}
form#new_license label[for] {
  margin-right: 3px;
}
form#new_license input#license_title {
  width: 300px;
}
form#new_license input#license_company_name {
  width: 301px;
}
form#new_license input#license_address {
  width: 251px;
}
form#new_license input#license_city {
  width: 125px;
  margin-right: 3px;
}
form#new_license input#license_state {
  width: 23px;
  margin-right: 5px;
}
form#new_license input#license_zip {
  width: 50px;
}
form#new_license label[for="license_zip"] {
  margin-right: 5px;
}
form#new_license input#license_phone {
  width: 260px;
}
form#new_license input#license_email {
  width: 265px;
}
form#new_license input#license_composer {
  width: 300px;
}
form#new_license input#license_artist {
  width: 270px;
}
form#new_license input#license_record_label {
  width: 223px;
}
form#new_license input#license_production_company {
  width: 182px;
}
form#new_license input#license_project_title {
  width: 220px;
}
form#new_license input#license_episode_number {
  width: 203px;
}
form#new_license input#license_timing {
  width: 259px;
}
form#new_license input#license_release_date {
  width: 221px;
}
form#new_license input#license_units_manufactured {
  width: 130px;
}
form#new_license input#license_usage {
  width: 138px;
}
form#new_license input#license_territory {
  width: 253px;
}
form#new_license textarea#license_scene_description {
  width: 196px;
}
form#new_license label[for="license_scene_description"] {
  vertical-align: top;
}
form#new_license textarea#license_comments {
  width: 202px;
}
form#new_license label[for="license_comments"] {
  vertical-align: top;
}
body.licenses div#content div.form_checkbox_area {
	width: 305px;
}
form#new_license input[type="checkbox"] {
	background: none;
	margin-right: 20px;
}
body.licenses div#submit {
	float: left;
	width: 100px;
	margin: 67px 0 0 0;
	text-align: left;
}
form#new_license input[name="submit"] {
  float: right;
}

/* login, signup */
body.sessions h2 {
  float: left;
}
body.sessions span {
  float: left;
  margin-left: 20px;
}
body.sessions br {
  clear: both;
}
body.users h2 {
  float: left;
}
body.users br {
  clear: both;
}
body.users form {
  clear: both;
}
body.users form .fieldWithErrors {
  text-align: left;
  margin-left: 20px;
}

div#errorExplanation h2 {
  float: left;
}
div#errorExplanation p {
  clear: both;
}
div#errorExplanation ul {
  float: left;
  text-align: left;
}

table#menus {
  height: 100%; width: 100%;
}

table#menus td#top {
  height: 29px;
}

table#menus td#logo {
  height: 151px;
  width: 81px;
}

table#menus td#logo a {
  display: block;
  height: 100%; width: 100%;
  margin: 0; padding: 0;
  text-decoration: none;
}
table#menus td#right {
  height: 151px;
  width: 159px;
}

table#menus td#bottom {
  height: 398px;
  width: 239px;
}

body.pages_about table#menus td#top {
  background: url(/images/application/backgrounds/about_us-top.jpg) no-repeat;
}

body.pages_about table#menus td#logo {
  background: url(/images/application/backgrounds/about_us-logo.jpg) no-repeat;
}

body.pages_about table#menus td#right {
  background: url(/images/application/backgrounds/about_us-right.jpg) no-repeat;
}

body.pages_about table#menus td#bottom {
  background: url(/images/application/backgrounds/about_us-bottom.jpg) no-repeat;
}

body.pages_services table#menus td#top {
  background: url(/images/application/backgrounds/services-top.jpg) no-repeat;
}

body.pages_services table#menus td#logo {
  background: url(/images/application/backgrounds/services-logo.jpg) no-repeat;
}

body.pages_services table#menus td#right {
  background: url(/images/application/backgrounds/services-right.jpg) no-repeat;
}

body.pages_services table#menus td#bottom {
  background: url(/images/application/backgrounds/services-bottom.jpg) no-repeat;
}

body.pages_questions table#menus td#top {
  background: url(/images/application/backgrounds/common_questions-top.jpg) no-repeat;
}

body.pages_questions table#menus td#logo {
  background: url(/images/application/backgrounds/common_questions-logo.jpg) no-repeat;
}

body.pages_questions table#menus td#right {
  background: url(/images/application/backgrounds/common_questions-right.jpg) no-repeat;
}

body.pages_questions table#menus td#bottom {
  background: url(/images/application/backgrounds/common_questions-bottom.jpg) no-repeat;
}

body.licenses table#menus td#top {
  background: url(/images/application/backgrounds/license_a_song-top.jpg) no-repeat;
}

body.licenses table#menus td#logo {
  background: url(/images/application/backgrounds/license_a_song-logo.jpg) no-repeat;
}

body.licenses table#menus td#right {
  background: url(/images/application/backgrounds/license_a_song-right.jpg) no-repeat;
}

body.licenses table#menus td#bottom {
  background: url(/images/application/backgrounds/license_a_song-bottom.jpg) no-repeat;
}

body.pages_contact table#menus td#top {
  background: url(/images/application/backgrounds/contact_us-top.jpg) no-repeat;
}

body.pages_contact table#menus td#logo {
  background: url(/images/application/backgrounds/contact_us-logo.jpg) no-repeat;
}

body.pages_contact table#menus td#right {
  background: url(/images/application/backgrounds/contact_us-right.jpg) no-repeat;
}

body.pages_contact table#menus td#bottom {
  background: url(/images/application/backgrounds/contact_us-bottom.jpg) no-repeat;
}

body.pages_clients table#menus td#top {
  background: url(/images/application/backgrounds/clients-top.jpg) no-repeat;
}

body.pages_clients table#menus td#logo {
  background: url(/images/application/backgrounds/clients-logo.jpg) no-repeat;
}

body.pages_clients table#menus td#right {
  background: url(/images/application/backgrounds/clients-right.jpg) no-repeat;
}

body.pages_clients table#menus td#bottom {
  background: url(/images/application/backgrounds/clients-bottom.jpg) no-repeat;
}

body.songs table#menus td#top {
  background: url(/images/application/backgrounds/listen_to_music-top.jpg) no-repeat;
}

body.songs table#menus td#logo {
  background: url(/images/application/backgrounds/listen_to_music-logo.jpg) no-repeat;
}

body.songs table#menus td#right {
  background: url(/images/application/backgrounds/listen_to_music-right.jpg) no-repeat;
}

body.songs table#menus td#bottom {
  background: url(/images/application/backgrounds/listen_to_music-bottom.jpg) no-repeat;
}

body.pages_index table#menus td#top {
  background: url(/images/application/backgrounds/hello-top.jpg) no-repeat;
}

body.pages_index table#menus td#logo {
  background: url(/images/application/backgrounds/hello-logo.jpg) no-repeat;
}

body.pages_index table#menus td#right {
  background: url(/images/application/backgrounds/hello-right.jpg) no-repeat;
}

body.pages_index table#menus td#bottom {
  background: url(/images/application/backgrounds/hello-bottom.jpg) no-repeat;
}