/* RESET CSS */

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

table#MainWrapper, table#MainWrapper caption, table#MainWrapper tbody, table#MainWrapper tfoot, table#MainWrapper thead, table#MainWrapper tr, table#MainWrapper th, table#MainWrapper td {
  vertical-align: top;
}

table#MainWrapper table, table#MainWrapper table caption, table#MainWrapper table tbody, table#MainWrapper table tfoot, table#MainWrapper table thead, table#MainWrapper table tr, table#MainWrapper table th, table#MainWrapper table td {
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* COMHALTAS CSS */

body {
  background: #999 url(../img/bg.jpg) repeat center center;
  text-align: center;
  font-size: 13px;
  line-height: 19px;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #000;
}

div#PanelWrapper {
  text-align: left;
  margin: 0 auto;
}

table#MainWrapper {
  text-align: left;
  margin: 0 auto;
}

input, textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

textarea, input[type=text], input[type=password] {
  border:1px solid #D9D6D5;
}

table#MainWrapper.signup label {
  color: #3d3d3d;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: normal;
}

table#MainWrapper.signup input[type=text],
table#MainWrapper.signup input[type=password] {
  width: 248px;
}

table#MainWrapper.signup #InsetPanel div.checkbox_group {
  padding: 9px 0 5px;
  overflow: visible;
}

table#MainWrapper.signup #InsetPanel div.checkbox_group input {
  margin-left: 0;
  margin-right: 10px;
}

table#MainWrapper.signup #InsetPanel div.checkbox_group label {
  display: inline;
}

table#MainWrapper.signup div.buttons {
  padding-top: 19px;
  width: 100%;
  float: left;
}

table#MainWrapper.signup div#viewer {
  position: static;
  float: left;
}

table#MainWrapper.signup div#viewer div.buttons a.button {
  float: right;
  margin-right: 0;
}

table#MainWrapper.signup div#errorExplanation h2 {
  font-size: 14px;
  line-height: 19px;
}

table#MainWrapper.signup div#errorExplanation ul {
  list-style-position: outside;
/*  margin-left: 14px; */
  padding: 10px 0 19px;
}

/* Panel Wrapper layout */

div#Panel {
  background: #fff url(../img/panel-bg.jpg) no-repeat top left;
  width: 1310px;
  height: 707px;
  position: relative;
  margin: 0;
  display: block;
  float: left;
}

table#MainWrapper.restrained div#Panel,
table#MainWrapper.restrained_one_col div#Panel {
  width: 960px;
  height: 628px;
  background: #fff url(../img/panel-restrained-bg.jpg) no-repeat top left;
}

table#MainWrapper.signup div#Panel {
  width: 290px;
  height: 170px;
  background: #fff url(../img/panel-restrained-bg.jpg) no-repeat top left;
}

body#Homepage table#MainWrapper.restrained_one_col div#Panel {
  background: #fff url(../img/panel-home-bg.jpg) no-repeat top left;  
  height: auto;
}

body#Homepage table#MainWrapper.restrained_one_col div#Panel div#Right {
  position: static;
}

body#Homepage table#MainWrapper.restrained_one_col div#Panel div#Right div#viewer {
  position: static;
  padding: 20px 20px 15px;
  width: auto;
}

table#MainWrapper tbody tr td.tl,
table#MainWrapper tbody tr td.tcl,
table#MainWrapper tbody tr td.tcr,
table#MainWrapper tbody tr td.tr,
table#MainWrapper tbody tr td.clt
table#MainWrapper tbody tr td.crt,
table#MainWrapper tbody tr td.clb,
table#MainWrapper tbody tr td.crb,
table#MainWrapper tbody tr td.bl,
table#MainWrapper tbody tr td.br {
  font-size: 1px;
  line-height: 1px;
}

table#MainWrapper tbody tr td.tl { background: transparent url(../img/shadow-1.png) no-repeat bottom right; width: 40px; height: 40px; }
table#MainWrapper tbody tr td.tcl { background: transparent url(../img/shadow-2a.png) repeat-x bottom left; }
table#MainWrapper tbody tr td.tcr { background: transparent url(../img/shadow-2b.png) repeat-x bottom right; }
table#MainWrapper tbody tr td.tr { background: transparent url(../img/shadow-3.png) no-repeat bottom left; width: 40px; }

table#MainWrapper tbody tr td.clt { background: transparent url(../img/shadow-4a.png) repeat-y top right; height: 130px; }
table#MainWrapper tbody tr td.crt { background: transparent url(../img/shadow-6a.png) repeat-y top left; height: 130px;}
table#MainWrapper tbody tr td.clb { background: transparent url(../img/shadow-4b.png) repeat-y bottom right; }
table#MainWrapper tbody tr td.crb { background: transparent url(../img/shadow-6b.png) repeat-y bottom left; }

table#MainWrapper tbody tr td.bl { background: transparent url(../img/shadow-7.png) no-repeat top right; height: 60px; }
table#MainWrapper tbody tr td.bcl { background: transparent url(../img/shadow-8a.png) repeat-x top left; }
table#MainWrapper tbody tr td.bcr { background: transparent url(../img/shadow-8b.png) repeat-x top right; }
table#MainWrapper tbody tr td.br { background: transparent url(../img/shadow-9.png) no-repeat top left; }

table#MainWrapper tbody tr td.bcl div.button_container { float: left; padding-top: 21px; padding-left: 5px; }
table#MainWrapper tbody tr td.bcl div.button_container a.stealth_button { padding-right: 5px; padding-left: 5px; }
table#MainWrapper tbody tr td.bcr { text-align: right; }
table#MainWrapper tbody tr td.bcr div.button_container { float: right; padding-top: 21px; padding-right: 5px;}
table#MainWrapper tbody tr td.bcr div.button_container a.stealth_button { padding-right: 5px; padding-left: 5px; }
div.left_buttons { text-align: left; float: left; }
div.right_buttons { text-align: right; float: right; }

div.left_buttons a.stealth_button:first-child { padding-left: 0; }
div.right_buttons a.button:last-child, div.right_buttons a.button:last-child span { margin-right: 0;}
div.right_buttons a.stealth_button:last-child, div.right_buttons a.stealth_button:last-child span { padding-right: 0; margin-right: 0;}
div#Panel a.show-full-details { padding-right: 0; margin-right: 0; }

table#MainWrapper.signup tbody tr td.tcl { vertical-align: bottom; }
table#MainWrapper.signup tbody tr td.bcl div.button_container { padding-top: 11px; }
table#MainWrapper.signup tbody tr td.bcl div.button_container a { padding-left: 20px; }

/* Panel layout */
div.panel div.header {
  position: absolute;
  top: 0;
  bottom: 40px;
  width: 100%;
}

div.panel div.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 28px;
  padding-top: 20px;
}

div.panel div.footer div#AddToPlaylistSelection {
  display:none;
}

div.panel div.footer.opened_playlist_select a {
  display: none;
}

div.panel div.footer.opened_playlist_select div#AddToPlaylistSelection {
  display: block;
}

div.panel div.footer.opened_playlist_select div#AddToPlaylistSelection select {
  float: left;
  vertical-align: baseline;
  margin: 5px 10px 0 0;
  max-width: 150px;
}

div.panel div.footer.opened_playlist_select div#AddToPlaylistSelection input {
  float: left;
  vertical-align: baseline;
  margin: 0 10px 0 0;
  padding: 5px 3px;
  width: 150px;
}

div.panel div.footer.opened_playlist_select div#AddToPlaylistSelection a {
  display: inline;
}

div.panel div.footer div#AddToPlaylistInProgress {
  padding: 5px 5px 5px 26px;
  background: transparent url(/img/ajax-loader.gif) no-repeat center left;
}

div.panel div.vertical_stretch_on {
  position: absolute;
  bottom: 0;
}

div.panel div.horizontal_stretch_on {
  position: absolute;
  right: 0;
}

div.panel div.after_expander {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 20px;
}
/* Elements */
h1 {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 20px;
}

h2, legend {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
}

h2 em {
  font-size: 14px;
  font-style: italic;
  color: #666;
}

h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

a {
  font-weight: bold;
  color: #cb4531;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ol {
  list-style-type: decimal;
  list-style-position: inside;
}

/*
ul {
  list-style-type: disc;
  list-style-position: inside;
}
*/

ul.standard {
  margin: 19px 0;
}

input.text, textarea {
  border: 1px solid #ccc;
  padding: 2px 3px;
}
input.validation-error {
  border: 1px solid red;
}

img {
  display: block;
  border: 0;
}
ul.inline-images img {
  display:inline;
  margin: 3px;
}

ul.tabs {
  clear: both;
  float: left;
  border-left: 1px solid #d9d6d5;
  margin-top: 20px;
  list-style-type: none;
}

div#Right ul.tabs {
  margin-top: 10px;
}

ul.tabs li {
  float: left;
  width: auto;
  border-top: 1px solid #d9d6d5;
  border-right: 1px solid #d9d6d5;
  display: inline-block;
}

ul.tabs li a, 
ul.tabs li span {
  padding: 7px 12px 1px 12px;
  display: block;
  float: left;
  height: 24px;
	text-shadow: #fbfafa 0 1px 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: #f5f4f3 url(../img/tab-faded-gradient.gif) repeat-x bottom left;
  color: #787676;
}

div#side_viewer ul.tabs li a, 
div#side_viewer ul.tabs li span {
  font-size: 11px;
  padding: 3px 9px 0;
  height: 23px;
}  

ul#search-tabs li.empty a {color: #b4b2b1}
ul#search-tabs li.empty a:hover {text-decoration:none; cursor:default;}

ul.tabs li.selected a {
  background: #eceaea url(../img/tab-selected-bg.gif) repeat-x bottom left;
  color: #000;
}

dl {
  display: block;
}

dl dt {
  font-size: 11px;
  color: #3d3d3d;
  font-weight: normal;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

dl dd {
  display: block;
  padding-bottom: 10px;
}

dl.multiline dd p {
  padding-bottom: 10px;
}

form dl dt {
  width: 222px;
}

form dl dt a {
  margin-left: 10px;
}

div#side_details {
  line-height: 20px;
}

div#side_details dt {
  padding-top: 4px;
  line-height: 19px;
}

div#side_details dd {
  padding-bottom: 5px;
  overflow: hidden;
}

div#Panel table {
  width: 100%;
}

div#Panel table#items-index {
  margin-top: 5px;
}

div#Panel div.info_box table {
  margin: 0 -10px;
}

div#Panel table th {
  font-size: 11px;
  color: #3d3d3d;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#Panel table th,
div#Panel table td {
  padding: 6px 5px 5px 5px;
  border-left: 1px solid #f3f3f2;
}

div#Panel table thead th {
  padding-top: 0;
  line-height: 18px;
}

div#Panel table thead th:first-child,
div#Panel table tbody td:first-child {
  padding-left: 10px;
  border-left: 0;
}

div#Panel table tbody tr.selected th,
div#Panel table tbody tr.selected td,
div#Panel table tbody tr.in-side-panel th,
div#Panel table tbody tr.in-side-panel td {
  background-color: #d9d6d5;
  border-left-color: #d9d6d5;
}

div#Panel table tbody tr:nth-child(2n+1) {
  background-color: #faf9f8;
}

div#Panel table tbody tr.odd_row {
  background-color: #faf9f8;
}

div#Panel table tbody tr:hover th,
div#Panel table tbody tr:hover td {
  background-color: #d9d6d5;
  border-left-color: #d9d6d5;
  cursor: pointer;
}

div#Panel table tbody tr th a,
div#Panel table tbody tr td a {
  font-weight: normal;
  color: #000;
}

div#Panel table tbody tr th a:hover,
div#Panel table tbody tr td a:hover {
  text-decoration: none;
}

div#Panel table.pane_replacement th,
div#Panel table.pane_replacement td {
  width: 33%;
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  background-color: transparent;
  border-left: 1px solid #d9d6d5;
}

div#Panel table.pane_replacement tr th:first-child,
div#Panel table.pane_replacement tr td:first-child,
div#Panel table.pane_replacement tr th.choose_winner {
  border-left: 0;
}

div#Panel table.pane_replacement tbody tr:nth-child(2n+1) {
  background-color: transparent;
}

div#Panel table.pane_replacement tbody tr:hover th,
div#Panel table.pane_replacement tbody tr:hover td {
  background-color: transparent;
  cursor: default;
}

div#Panel table.pane_replacement td label,
div#Panel table.pane_replacement td h3.label_replacement {
  font-size: 11px;
  color: #3d3d3d;
  font-weight: normal;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#Panel table.pane_replacement td div.data.empty {
  color: #999;
  font-style: italic;
}

div#Panel table.pane_replacement td input {
  width: 180px;
}

div#Panel table.pane_replacement td textarea {
  width: 95%;
  height: 100px;
}

div#Panel table.pane_replacement tr th {
  text-align: center;
  background-color: #faf9f8;
  border-bottom: 1px solid #d9d6d5;
}

div#Panel table.pane_replacement tr:first-child th {
  border-bottom: 0;
  border-top: 1px solid #d9d6d5;
}

div#Panel table.pane_replacement th.winner {
  text-align: left;
}


div.info_box {
  border: 1px solid #d9d6d5;
  padding: 10px;
  overflow: auto;
  clear: both;
  background-color: #fff;
}

div.panes {
/*  float: left; */
  width: 100%;
  overflow: hidden;
}

div.panes div.pane {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #d9d6d5;
  width: 207px;
}

div.panes div.pane input, div.panes div.pane textarea {
  width: 180px;
}

div.panes div.pane textarea {
  height: 100px;
}

div.panes div.pane:first-child {
  border-left: 0;
  padding-left: 0;
}

div#side_viewer div.info_box {
  width: 298px;
}

table#MainWrapper.restrained div#side_viewer div.info_box {
  width: 256px;
}

div.grab_space_container > * {
  float: left;
  display: block;
}

div.artist_info {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-bottom: 20px;
}

div.artist_info .artist_image_pane {
  padding-right: 9px;
}

div.artist_info .artist_details {
  float: left;
  width: 100%;
  overflow: hidden;
  padding-bottom: 4px;
}

div.artist_info .artist_details .panes .pane {
  width: 33%;
  float: left;
  padding-bottom: 4px;
}

div.artist_info div.artist_details .panes .pane {
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #d9d6d5;
}

div.artist_info div.artist_details .panes .pane dl {
  padding-top: 31px;
}

div.panes .pane h3 {
  padding-bottom: 12px;
}

div.search_box {
  border: 1px solid #d9d6d5;
  background-color: #fff;
}

div.search_box input.text {
  border: 0;
  margin-top: 5px;
  padding-left: 6px;
}

div.search_box a.search_button {
  height: 24px;
  padding: 7px 12px 1px 12px;
  border-left: 1px solid #d9d6d5;
  background: #eceaea url(../img/search-button-gradient.gif) repeat-x bottom left;
  font-weight: bold;
  font-size: 12px;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

div.search_box a.search_button span {
  background: transparent url(../img/icon-search.gif) no-repeat 0 2px;
  float: left;
  padding: 0 0 0 26px;
}

p.search_note {
  font-size: 12px;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
  clear: left;
  padding: 15px 0 2px;
}

p.search_note a {
  padding: 1px 10px 1px 31px;
  background: transparent url(../img/search-icon-i.gif) no-repeat 5px center;
}

form#SearchForm .advanced_search {
  padding-top: 4px;
}

form#SearchForm .advanced_search a {
  padding-right: 0;
  margin-right: 0;
}

a.button, a.stealth_button, span.or_cancel_group {
  float: left;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.05em;
  color: #4b4947;
}

a.button, a.stealth_button {
	margin-right: 10px;
  text-transform: uppercase;
}

span.or_cancel_group {
  padding-top: 4px;
  text-transform: none;
}

span.or_cancel_group a {
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 3px;
}

div#Panel a.button, div#Panel a.stealth_button, div#Panel span.or_cancel_group, div#Panel span.or_cancel_group a, div#notifications_pane a.stealth_button {
  color: #000;
	text-shadow: #fbfafa 0 1px 1px;
}

a.button span, a.stealth_button span {
  float: left;
}

a.icon span {
  padding: 0 0 0 26px;
}

a.button {
  height: 23px;
  border: 1px solid #d9d6d5;
  padding: 3px 9px 0 9px;
  background: #eceaea url(../img/search-button-gradient.gif) repeat-x bottom left;
}

a.button:active {
  border-color: #999;
  background-image: none;
}

a.stealth_button {
  height: 24px;
  padding: 4px 10px 0 10px;
}

/*
a.icon_up_arrow span { background: transparent url(../img/footer-icon-up-arrow.gif) no-repeat 0 2px; }
a.icon_down_arrow span { background: transparent url(../img/footer-icon-down-arrow.gif) no-repeat 0 2px; }
a.icon_right_arrow span { background: transparent url(../img/footer-icon-right-arrow.gif) no-repeat 0 2px; }
a.icon_add span { background: transparent url(../img/footer-icon-add.gif) no-repeat 0 2px; }
a.icon_search span { background: transparent url(../img/footer-icon-search.gif) no-repeat 0 2px; }
a.icon_user span { background: transparent url(../img/footer-icon-user.gif) no-repeat 0 2px; }
a.icon_bookmark span { background: transparent url(../img/footer-icon-bookmark.gif) no-repeat 0 2px; }
a.icon_asterix span { background: transparent url(../img/footer-icon-asterix.gif) no-repeat 0 2px; }
a.icon_x span { background: transparent url(../img/footer-icon-x.gif) no-repeat 0 2px; }
a.icon_language span { background: transparent url(../img/footer-icon-language.gif) no-repeat 0 2px; }

div#Panel a.icon_up_arrow span { background: transparent url(../img/icon-up-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_down_arrow span { background: transparent url(../img/icon-down-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_right_arrow span { background: transparent url(../img/icon-right-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_add span { background: transparent url(../img/icon-add.gif) no-repeat 0 2px; }
div#Panel a.icon_search span { background: transparent url(../img/icon-search.gif) no-repeat 0 2px; }
div#Panel a.icon_user span { background: transparent url(../img/icon-user.gif) no-repeat 0 2px; }
div#Panel a.icon_bookmark span { background: transparent url(../img/icon-bookmark.gif) no-repeat 0 2px; }
div#Panel a.icon_asterix span { background: transparent url(../img/icon-asterix.gif) no-repeat 0 2px; }
div#Panel a.icon_x span { background: transparent url(../img/icon-x.gif) no-repeat 0 2px; }
div#Panel a.icon_language span { background: transparent url(../img/icon-language.gif) no-repeat 0 2px; }
*/

a.icon_user span { background: transparent url(../img/footer-icon-user.gif) no-repeat 0 2px; }
a.icon_bookmark span { background: transparent url(../img/footer-icon-bookmark.gif) no-repeat 0 2px; }
a.icon_asterix span { background: transparent url(../img/icon-asterix.gif) no-repeat 0 2px; }
a.icon_x span { background: transparent url(../img/footer-icon-x.gif) no-repeat 0 2px; }
a.icon_language span { background: transparent url(../img/footer-icon-language.gif) no-repeat 0 2px; }
a.icon_asterix span { background: transparent url(../img/footer-icon-asterix.gif) no-repeat 0 2px; }
a.icon_suitcase span { background: transparent url(../img/footer-icon-suitcase.gif) no-repeat 0 2px; }
a.icon_info span { background: transparent url(../img/footer-icon-info.gif) no-repeat 0 2px; }


div#Panel a.icon_up_arrow span { background: transparent url(../img/icon-up-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_down_arrow span { background: transparent url(../img/icon-down-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_left_arrow span { background: transparent url(../img/icon-left-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_right_arrow span { background: transparent url(../img/icon-right-arrow.gif) no-repeat 0 2px; }
div#Panel a.icon_right_arrow_stopped span { background: transparent url(../img/icon-right-arrow-stopped.gif) no-repeat 0 2px; }
div#Panel a.icon_add span { background: transparent url(../img/icon-add.gif) no-repeat 0 2px; }
div#Panel a.icon_search span { background: transparent url(../img/icon-search.gif) no-repeat 0 2px; }
div#Panel a.icon_asterix span { background: transparent url(../img/icon-asterix.gif) no-repeat 0 2px; }
div#Panel a.icon_x span { background: transparent url(../img/icon-x.gif) no-repeat 0 2px; }
div#Panel a.icon_tickmark span { background: transparent url(../img/icon-tickmark.gif) no-repeat 0 2px; }
div#Panel a.icon_save span { background: transparent url(../img/icon-save.gif) no-repeat 0 2px; }
div#Panel a.icon_merge span { background: transparent url(../img/icon-merge.gif) no-repeat 0 2px; }
div#Panel a.icon_page span { background: transparent url(../img/icon-page.gif) no-repeat 0 2px; }
div#Panel a.icon_pencil span { background: transparent url(../img/icon-pencil.gif) no-repeat 0 2px; }
div#Panel a.icon_language span { background: transparent url(../img/icon-language.gif) no-repeat 0 2px; }


div#notifications_pane a.icon_x span { background: transparent url(../img/icon-x.gif) no-repeat 0 2px; }



a#FooterLogo {
  text-indent: -9999em;
  float: left;
  width: 202px;
  height: 60px;
  background: transparent url(../img/comhaltas-footer-logo.png) no-repeat top left;
}

/* Test */
div#side_viewer {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  width: 320px;
  padding: 0 20px 0 0;
}

table#MainWrapper.restrained div#side_viewer {
  width: 278px;
}

div#Right {
  position: absolute;
  left: 360px;
  top: 20px;
  bottom: 20px;
  right: 20px;
  border-left: 1px solid #d9d6d5;
  padding: 0 0 0 19px;
}

table#MainWrapper.restrained div#Right {
  left: 318px;
}

table#MainWrapper.restrained div#Right {
  left: 318px;
}

table#MainWrapper.restrained_one_col div#Right,
table#MainWrapper.signup div#InsetPanel {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
}

table#MainWrapper.restrained_one_col div#Right {
  border-left: 0;
  padding-left: 0;
}

div#Right div.header div.left_buttons {
  margin-bottom: 9px;
}

div#Right div.info_box {
  overflow-y: scroll;
}

/* New */
div#side_comments {
  line-height: 20px;
}

ol.comments {
  padding: 5px 0 0;
  list-style-type: none;
}

ol.comments li {
  padding: 0;
}

ol.comments li h3 {
  color:#3D3D3D;
  display:block;
  font-size:11px;
  line-height: 18px;
}

ol.comments li p {
  padding-bottom: 10px;
}

ol.comments li div.details {
  color: #999;
}

#comment_form label {
  display: block;
}

#comment_form h3 {
  color:#3D3D3D;
  display:block;
  font-size:11px;
  line-height: 18px;
  margin-bottom: 5px;
}

#comment_form input {
  margin-bottom: 10px;
}

#comment_form input.submit {
  margin: 10px 0;
}

#comment_form textarea {
  border: 1px solid #d9d6d5;
  width: 275px;
  font-size: 13px;
  line-height: 19px;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #000;
  margin: 0;
}

#comment_form div.buttons {
  padding-top: 11px;
}

#comment_form div.buttons a.button {
  margin-top: 6px;
  margin-bottom: 10px;
}

div.playlist_header {
  height: 40px;
}

#MyPlaylists td.control_icon,
#playlist_items td.control_icon {
  width: 16px;
}

#MyPlaylists td.control_icon img,
#playlist_items td.control_icon img {
  border: 0;
}

#MyPlaylists tr.current td {
  background-color: #D9D6D5;
}


#my-playlists ul li {
  padding-bottom: 9px;
}

#my-playlists ul li p.description {
  font-style: italic;
  color: #666;
}

#modal_window {
  position:relative;
  display:none;
  z-index:1000;
  padding:30px;
}

#Hide {
  display: none;
}

#Whole {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
}

form#my-playlists {
  clear: both;
  padding: 19px 0 10px;
}

#Listing {
  float: left;
}

div.playlist_blurb {
  padding-bottom: 19px;
}

div#playlist_form form label {
  width: 80px;
  padding-right: 10px;
  float: left;
}

div#playlist_form form input {
  float: left;
  width: 160px;
}

/*
div#notifications_pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
  z-index: 200;
  text-align: center;
  font-weight: bold;
  color: #fff;
  display: none;
  padding: 9px;
  opacity: .8;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

div#notifications_pane>div {
  margin: 10px 20px;
  padding: 10px 0;
  border: 1px solid #111;
  position: relative;
}

div#notifications_pane>div p {
  width: 400px;
  margin: 0 auto;
}

table#MainWrapper.signup div#notifications_pane>div p {
  width: 160px;
}

div#notifications_pane>div a.close {
  display: block;
  width: 30px;
  height: 30px;
  background: transparent url(/img/icon-x.gif) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999em;
}

div#notifications_pane div#flash-warning,
div#notifications_pane div#flash-error {
  background-color: #a00;
  border-color: #c33;
}

div#notifications_pane div#flash-notice {
  background-color: #172;
  border-color: #1a3;
}
*/

div#notifications_pane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 200;
}

div#notifications_pane>div {
  max-width: 1270px;
  height: 69px;
  background: transparent url(/img/flash-bg.png) no-repeat top center;
  margin: 0 auto 20px;
  padding: 0 20px;
}

div#notifications_pane>div p {
  margin: 27px 0 0;
  padding-left: 26px;
  background: transparent url(/img/icon-info.gif) no-repeat 0 1px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: #fbfafa 0 1px 1px;
  color: #000;
  float: left;
}

div#notifications_pane>div a.close {
  float: right;
  margin-top: 23px;
  margin-right: 0;
  padding-right: 0;
}

form#AdvancedSearch {
  clear: left;
  float: left;
  width: 100%;
}

form#AdvancedSearch label {
  width: 90px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  margin-top: 19px;
  color:#3d3d3d;
  display:block;
}

form#AdvancedSearch .search_options .search_option {
  margin-right: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

form#AdvancedSearch .search_options input, form#AdvancedSearch .search_options select {
  margin-top: 19px;
}

form#AdvancedSearch .grab_space_container {
  clear: left;
}

form#AdvancedSearch .advanced_search {
  padding-left: 20px;
}

form#AdvancedSearch .pane {
  border-left: 0;
  padding-right: 10px;
}

form#AdvancedSearch .right_buttons {
  padding: 9px 0;
}

.hidden {
  display: none;
}

ul#search-results-items {
  padding-top: 5px;
  word-spacing: -1em;
  margin: 0 -5px;
}

ul#search-results-items li {
  text-align: center;
  width: 130px;
  padding: 0 0 5px;
  min-height: 144px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  _height: 150px;
  *display: inline;
  word-spacing: normal;
}

ul#search-results-items li div.wrapper {
  padding: 5px;
}

ul#search-results-items li:hover div.wrapper,
ul#search-results-items li.in-side-panel div.wrapper {
  background-color: #d9d6d5;
}

ul#search-results-items li a.image_wrapper {
  display: inline-table;
  vertical-align: bottom;
  margin-bottom: 6px;
}

ul#search-results-items h3 a{
  color: #000;
  font-family: Georgia,Times,"Times New Roman",serif;
  font-size: 13px;
  line-height: 19px;
  font-weight: normal;
}

div.pagination {
  text-align: right;
  padding: 21px 0 20px;
}

div.pagination span.current {
  font-weight: bold;
}

div.pagination a,
div.pagination span {
  padding-left: 20px;
}

div.save_changes {
  margin: 0 0  20px;
  padding: 10px 0;
  clear: both;
  float: left;
  width: 100%;
}

div.info_box div.save_changes {
  border-top: 20px solid transparent;
}

/* Autocomplete */

.ac_results {
	padding: 0;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

body .ac_results {
  border: 1px solid #d9d6d5;
  border-top: 0;
  margin-top: -1px;
}

body .ac_results ul {
  margin-bottom: 0;
}

body .ac_results ul li {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  text-align: left;
  line-height: 15px;
  padding: 2px 3px;
}

body .ac_results ul li.ac_odd {
  background-color: #faf9f8;
}

body .ac_results ul li.ac_over {
  background-color: #d9d6d5;
  color: #000;
}

div.panel div.after_expander {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 20px;
}

div#side_viewer div.loading_animation,
div#Right div.loading_animation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

div#Right div.loading_info_box {
  background: #fff;
}

div#side_viewer div.loading_animation strong,
div#Right div.loading_animation strong,
div#Right div.loading_info_box strong {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  text-align: center;
  display: block;
  padding-bottom: 24px;
  background: transparent url(/img/ajax-loader.gif) no-repeat bottom center;
}

div#side_viewer a.image-link img,
div#side_viewer div.header h1 + img {
  max-width: 320px;
  min-height: 240px;
}

span.deleter {
  position: absolute;
  right: 0;
  top: 1px;
}

span.deleter a {
  width: 17px;
  height: 17px;
  text-indent: -9999em;
  display: block;
  background: transparent url(/img/icon-x.gif) no-repeat top left;
}

li.has_deleter {
  padding-right: 20px;
  position: relative;
}

div.add_to_list {
  padding: 5px 0;
  width: 100%;
  overflow: auto;
}

div.add_to_list a.stealth_button {
  padding-left: 0;
}

div#suggest-involvement-link,
div#suggest-feature-link,
div#add-keywords-link {
  padding-bottom: 0;
  float: left;
  overflow: visible;
}

div#suggest-involvement-link a.stealth_button,
div#suggest-feature-link a.stealth_button,
div#add-keywords-link a.stealth_button {
  height: 19px;
  line-height: 19px;
}

div#suggest-involvement-form form,
div#suggest-feature-form form,
div#add-keywords-form form {
  padding: 1px 0 0;
  width: 100%;
  
}
div#suggest-involvement-form fieldset,
div#suggest-feature-form fieldset,
div#add-keywords-form fieldset {
  display:inline;
  margin:0;
  padding:0;
  width: 100%;
  float: left;
}

div#suggest-involvement-form form div.form_group,
div#suggest-feature-form form div.form_group,
div#add-keywords-form form div.form_group {
  padding: 0 0 5px;
  overflow: auto;
}

div#suggest-involvement-form form div.button_group,
div#suggest-feature-form form div.button_group,
div#add-keywords-form form div.button_group {
  padding: 15px 0 5px;
  clear: left;
}

div#suggest-involvement-form form div.form_group label,
div#suggest-feature-form form div.form_group label,
div#add-keywords-form form div.form_group label {
  font-size: 11px;
  color: #3d3d3d;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: block;
  padding: 8px 0 4px;
}

/* .user-generated, .user-generated a {color: #3193cb;} */
/* .user-generated a, a.user-generated {color: #3169c9;} */
.user-generated { font-style: italic; }
.audit-table tr.recent {color: blue;}
.audit-table tr.audit-details {color: gray}

#more-link-technology { text-align: center;}
#more-link-technology-loading {	background: white url('/img/ajax-loader.gif') center center no-repeat; height: 60px;}

#uploaded-files-chooser ul{
  max-height:100px;
  overflow-y:scroll;
}
#uploaded-files-chooser a{
  font-weight:normal;
}
#uploaded-files-chooser a.selectedFile {
  font-weight:bold;
  color: green;
}

/* Composition involvements */

div#involvements.involvement_list fieldset {
  padding: 7px 0 12px;
  border-top: 1px solid #d9d6d5;
}

div#involvements.involvement_list fieldset label {
  color: #3d3d3d;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* Homepage */

body#Homepage div.home_header {
  height: 60px;
  overflow: hidden;
}

body#Homepage div.home_header div.lang_switcher {
  padding: 9px 0 0;
}

body#Homepage div.home_header div.lang_switcher a {
  margin-right: 0;
  padding-right: 0;
  float: right;
}

body#Homepage h1 {
  height: 40px;
  padding: 13px 0 0 220px;
  background: transparent url(/img/home-logo.png) no-repeat top left;
  font-size: 16px;
  float: left;
}

body#Homepage div.home_group {
  border-top: 1px solid #d9d6d5;
  padding-top: 20px;
  overflow: auto;
}

body#Homepage div#Logins {
  width: 200px;
  padding: 0 20px 0 0;
  float: left;
}

body#Homepage div#Logins div.login_box,
body#Homepage div.welcome_box {
  border: 1px solid #d9d6d5;
  padding: 9px;
  background-color: #fff;
  margin: 0 0 20px;
  overflow: auto;
}

body#Homepage div.welcome_box {
  width: 274px;
  float: left;
  margin-right: 20px;
}

body#Homepage div.welcome_box.last {
  margin-right: 0;
}

body#Homepage div#Logins div.login_box form {
  margin: -1px 0 0;
}

body#Homepage div#Logins div.login_box h2,
body#Homepage div.welcome_box h2 {
  font-size: 15px;
  margin-bottom: 0;
  padding-top: 6px;
}

body#Homepage div#Logins div.login_box div.form_group,
#InsetPanel div.form_group {
  padding: 0 0 5px;
  overflow: auto;
}

body#Homepage div#Logins div.login_box div.form_group label,
#InsetPanel div.form_group label {
  color: #3d3d3d;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding: 9px 0 5px;
}

body#Homepage div#Logins div.login_box div.form_group input.text,
#InsetPanel div.form_group input.text {
  width: 172px;
  padding: 6px 3px;
}

body#Homepage div#Logins div.login_box div.button_group,
#InsetPanel div.button_group {
  padding: 15px 0 10px;
  overflow: auto;
}

body#Homepage div#Logins div.login_box p,
body#Homepage div.welcome_box p,
#InsetPanel p {
  padding-top: 10px;
}

body#Homepage div#Logins div.guest_signup p a.button,
body#Homepage div.welcome_box p a.button,
#InsetPanel p a.button {
  margin: 5px 0 10px;
}

body#Homepage div#Logins div.guest_signup {
  padding: 14px 0 0;
}

body#Homepage div#Logins div.guest_signup h2 {
  margin: 0 -5px -2px;
  padding: 2px 5px;
  background-color: #cb4531;
  color: #fff;
}

body#Homepage div#Screencast {
  width: 704px;
  padding: 0 0 20px;
  float: left;
}

body#Homepage div#Screencast img {
  width: 704px;
}

body#Homepage blockquote {
  font-style: italic;
}

body#Homepage div.quote {
  float: left;
  width: 200px;
  padding: 0 20px 20px 0;
  margin-top: -4px;
}

body#Homepage div.quote p {
  padding-top: 10px;
}

body#Homepage div.blurb {
  float: left;
  width: 704px;
  padding: 0 0 20px;
}

body#Homepage div.blurb a.map {
  width: 220px;
  height: 180px;
  float: left;
  outline: none;
}

body#Homepage div.blurb h2 {
  font-size: 16px;
  margin-top: -5px;
}

body#Homepage div.blurb h2,
body#Homepage div.blurb p {
  margin-left: 240px;
}

body#Homepage div.home_footer p {
  margin-top: -4px;
}

body#Homepage div.home_footer p.copyright {
  float: left;
}

body#Homepage div.home_footer p.attribution {
  float: right;
}

form#new_user { overflow: hidden;
 }

/* For extended text, such as in FAQ and Terms & Conditions */

#faq_terms h3 { 
	margin-top: 1em; 
	font-weight:bold; 
	text-transform:uppercase
}

#faq_terms a[name] {
	text-decoration: none;
	margin-top: 1em; 
	font-weight: bold; 	
	color: black;
}

#faq_terms p {
	line-height: 1.5em;
	text-align: justify;
}

#faq_terms p em {
	font-style: italic;
}

#faq_terms p + p {
	 margin-top: 1em; 
}

#faq_terms ul {
	display: block;
	margin-top: 0.5em;
  	list-style-position: inside;
	list-style-type: square;
	margin-left: 25px; 
    text-indent: -15px;
}
#AdminMenu ul {
  margin-bottom: 0.5em;
  margin-left: 2em;
}
#AdminMenu li {
  text-indent: -1em;
}
#AdminMenu .admin-section {
  font-size:17px;
  font-weight:bold;
}
#AdminMenu h2 {
  border-bottom: 1px solid #999;
  padding-top: 18px;
  clear: left;
}

div.admin_group {
  clear: both;
  margin-top: 19px;
  padding-top: 18px;
  border-top: 1px solid #d9d6d5;
}

div.admin_group ul.page_group {
  overflow: hidden;
  width: 100%;
  padding-bottom: 0;
}

div.admin_group ul.page_group li {
  float: left;
  width: 120px;
  background-color: #d9d6d5;
  padding: 10px;
  margin: 0 10px 10px 0;
  text-align: center;
}

div.admin_group ul.page_group li img {
  display: block;
  margin-bottom: 8px;
}

div.button_wrapper {
  padding-top: 19px;
  overflow: auto;
}

div#mediawindow {
  color: #000;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.05em;
}
div#mediawarning {
  padding: 14px 0 0;
  color: #000;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.05em;
}

#AdminMenu h2 {
  border-bottom: 1px solid #999;
  padding-top: 18px;
  clear: left;
}

div.admin_group {
  clear: both;
  margin-top: 19px;
  padding-top: 18px;
  border-top: 1px solid #d9d6d5;
}

div.admin_group ul.page_group {
  overflow: hidden;
  width: 100%;
  padding-bottom: 0;
}

div.admin_group ul.page_group li {
  float: left;
  width: 120px;
  background-color: #d9d6d5;
  padding: 10px;
  margin: 0 10px 10px 0;
  text-align: center;
}

div.admin_group ul.page_group li img {
  display: block;
  margin-bottom: 8px;
}

div.button_wrapper {
  padding-top: 19px;
  overflow: auto;
}

div#mediawindow {
  color: #000;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.05em;
}
div#mediawarning {
  padding: 14px 0 0;
  color: #000;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.05em;
}

/* IE7 fixes */
body.ie7 div#side_viewer div.info_box {
  left: 0;
}

/* IE6 fixes */
body.ie6 div#side_viewer div.info_box {
  left: 0;
}