/**
 * All of the CSS for the public-facing functionality
 * of the sixtyseven song requester plugin.
 */

.proudly_presented_by_sixtyseven_mutlimedia {
    font-style: italic;
    font-size: x-small;
    margin-top: 30px;
}

.ss_song_requester_request .form {
    display: none;
    margin-top: 1em;
}

.ss_song_requester-response {
    margin-top: 1em;
}

.ss_song_requester_request input.error {
    background-color: #fce4e4;
    border: 1px solid #cc0033;
    color: #cc0033;
    outline: none;
}

.ss_song_requester_request_list button,
.ss_song_requester_request button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    
    margin-left: 10px;
    text-transform: none;
    white-space: nowrap;
    letter-spacing: normal;
}
.ss_song_requester_request_list button:hover,
.ss_song_requester_request button:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.ss_song_requester_request_list button:active
.ss_song_requester_request button:active {
	position:relative;
	top:1px;
}

.ss_song_requester_request_list button:first-of-type,
.ss_song_requester_request button:first-of-type {
    margin-left: 0;
}

.ss_song_requester_request_list .ss_request_reload_indicator {
    font-weight: bolder;
    color: red;
    min-width: 35px;
    text-align: center;
    display: inline-block;
}

/* responsive list table */
.ss_song_requester_request_list table {
    border-collapse: collapse; 
    min-width: 200px;
    border-top: 1px solid #BBB;
}
.ss_song_requester_request_list thead { 
    /* mobile first ;-) */
    display: none;
    
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
    
    white-space: nowrap;
}
.ss_song_requester_request_list tr { 
    display: block; 
    padding: 0.5em; 
    border: 1px solid #BBB;
}

.ss_song_requester_request_list th { 
    border-bottom: none;
    padding-left: 0.5em; 
}
.ss_song_requester_request_list tbody tr,
.ss_song_requester_request_list tfoot tr{
    border-top: none;
}
.ss_song_requester_request_list td { 
    display: block; 
    padding-left: 35%;
    border-right: none;
    vertical-align: top;
}
.ss_song_requester_request_list td:last-of-type { 
    border-bottom: none;
}
.ss_song_requester_request_list td:before { 
    content: attr(data-label); 
    display: inline-block; 
    width: 51%; 
    margin-left: -55%; 
    font-weight: bold; 
}
.ss_song_requester_request_list tfoot td,
.ss_song_requester_request_list .empty td { 
    display: block; 
    padding-left: 0%;
    border: none;
    text-align: center;
}

.ss_song_requester_request_list tfoot td:before,
.ss_song_requester_request_list .empty td:before { 
    content: none; 
    display: none; 
}

.ss_song_requester_request_list td.actioncell{
    white-space: nowrap;
}

.ss_song_requester_request_list tbody tr:nth-child(even) { background-color: #f0f0f0; }
.ss_song_requester_request_list tbody td:not(:last-child) { border-bottom: 1px solid #DDD; }

span.inlineedit{
    cursor: pointer;
} 

.inlineedit_cancel {
    margin-top: 5px;
    color: red !important;
}


.inlineedit_submit {
    margin-top: 5px;
    color: green !important;
}

.tablenav {
    margin-bottom: 20px;
}

.tablenav a {
	color: #686868;
	padding: 2px .4em;
	border: 1px solid #d1d1d1;
    background: #fff;
	text-decoration:none;
    box-shadow: none;
}

.tablenav a:hover {
    background: #d1d1d1;
    color: #000000;
}

.tablenav a.current {
	color: white;
	background: #ff0000;
    border:solid 1px #ff0000;
	font-weight:bold;
}

.tablenav a.disabled {
    color: #d1d1d1;
    cursor: default;
}

.tablenav a.disabled:hover {
    background: #fff;
}


@media screen and (min-width: 60em) {
  .ss_song_requester_request_list thead { display: table-header-group; }
  .ss_song_requester_request_list tfoot { 
     display: table-caption;
     caption-side: bottom;
     margin-top: 20px;
     border: none;
    }
    
  .ss_song_requester_request_list tfoot tr { border: none; }
  .ss_song_requester_request_list thead th:not(:last-child) { border-right: 1px solid #bbb; }
  .ss_song_requester_request_list tr { display: table-row; }
  .ss_song_requester_request_list td { 
      display: table-cell; 
      padding: 0.3em; 
   }
  .ss_song_requester_request_list td:before { display: none; }
  .ss_song_requester_request_list tbody td:not(:last-child) { 
      border-bottom: none; 
      border-right: 1px solid #bbb;
    }
    
   .ss_song_requester_request_list tfoot td,
   .ss_song_requester_request_list .empty tfoot td {
     text-align: left;
   }
}