body {
	background: #F0F0F0 ; 
	padding: 3px;
}
input {
/*	height: 16px;*/
	margin-bottom: 0px;
	vertical-align:middle;
}
select  {
/*	margin-bottom: 0px;*/
}

a {
    cursor: pointer;
}

.round-corner {
	border-radius: 15px;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:8px;
        padding-right:8px;
}

.tab-content {
    overflow: visible;
}

.affix-fixed {
	position: fixed;
	top: 0; left: 0; right: 0;
}

.nobottom {
	margin-bottom: 0px;
}
.align-center  {
  text-align: center;
}
.align-left  {
  text-align: left;
}
.align-right {
  text-align: right;
}
.input-extramini  {
  width: 20px;
}

/*button checkbox*/
.ck-button {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid grey;
    color:red;
    overflow:none;
    float:left;
}

/*.ck-button:hover {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #d0d0d0;
    overflow:none;
    float:left;
    color:red;
}*/

.ck-button label {
    float:left;
    margin:0px;
}

.ck-button label span {
    text-align:center;
    padding-top:0px;
    padding-bottom:0px;
    padding-left: 2px;
    padding-right: 2px;
    display:block;
}

.ck-button label input {
    display:none;
}

.ck-button input:checked + span {
    background-color: green;
    color:#fff;
}



.playlist-table  {
	border-spacing:0px;
	max-width:95%;
}

.playlist-table  {
	margin: 0px;
	white-space: nowrap;
	text-align: center; 
	padding-left: 1px;
}

.playlist-table-wrap  {
	margin: 0px;
	white-space: normal;
	text-align: center; 
	padding-left: 1px;
}

.playlist-table td, th {
	text-align: center;
}


.playlist-table-longtext  {
	white-space: normal;
	word-wrap: break-word;
}
.playlist-table tr:nth-of-type(odd) {
	padding : 0px;
}

.playlist-table tr:nth-child(even) {
	background: rgba(48,170,224,0.1);
}

.playlist-table tr:hover {
	background: rgba(48,170,224,0.2);
}

.bg-orange, .playlist-table tr.bg-orange  {
	background: rgba(255,195,134,0.5);
}
tr:hover td.bg-orange { background: rgba(255,195,134,0.7); }

.bg-red, .playlist-table tr.bg-red  {
	background: #FFBABA;
}
tr:hover td.bg-red { background: #DD9898; }
tr.bg-red:hover  {
	background: #DD9898;
}
.bg-blue, .playlist-table tr.bg-blue  {
	background: rgba(48,170,224,0.3);
}
tr:hover td.bg-blue {  background: rgba(48,170,224,0.5); }
tr.bg-blue:hover  {
	background: rgba(48,170,224,0.5);
}
.bg-green, .playlist-table tr.bg-green {
	background: #DFF2BF;
}
tr:hover td.bg-green { background: #BDD09D; }
tr.bg-green:hover {
	background: #BDD09D;
}
.playlist-table th { 
	font-weight: bold;
	background: #fff;
	padding : 3px;
	border-bottom:thin dotted #aaa;
}

#container
{
	margin: 0 auto;
	text-align: center;
	width: 100%;
	background: #fff;
}

#header
{
	text-align: center;
	border:1px solid #eee;
	border-bottom: none;
	color:#888;
	z-index: 100;
	background: url("/static/images/gradiant_stripe_top.png") 0px 0px #fff
}

#header h1 { margin: 0; }

#languagepicker {
	vertical-align: middle;
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0%;

}
#languagepicker form {
	padding:0px;
	margin:0;
}
#navigation
{
	float: left;
	width: 100%;
	background: -moz-linear-gradient(left, rgba(48,170,224,1) 0%, rgba(48,170,224,1) 29%, rgba(255,255,255,0.7) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,170,224,1)), color-stop(29%,rgba(48,170,224,1)), color-stop(100%,rgba(255,255,255,0.7)));
	background: -webkit-linear-gradient(left, rgba(48,170,224,1) 0%,rgba(48,170,224,1) 29%,rgba(255,255,255,0.7) 100%);
	background: -o-linear-gradient(left, rgba(48,170,224,1) 0%,rgba(48,170,224,1) 29%,rgba(255,255,255,0.7) 100%);
	background: -ms-linear-gradient(left, rgba(48,170,224,1) 0%,rgba(48,170,224,1) 29%,rgba(255,255,255,0.7) 100%);
	background: linear-gradient(to right, rgba(48,170,224,1) 0%,rgba(48,170,224,1) 29%,rgba(255,255,255,0.7) 100%);
	margin: 0;
	padding:0;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #B5D4E0;
	margin-bottom: 0px;
}

#navigation li a:hover { background: #B5D4E0; }


#container
{
	float: left;
	width: 100%;
	background: #FFF;
}

#content
{
	text-align: left;
	float: right;
	width: 81%;
	padding: 10px 0;
	margin: 0 0 0 2%;
	display: inline;
}

#content h2 { margin: 0; }

#sidebar 
{
	text-align: right;
	clear: left;
	float: left; 
	width: 15%;
	padding: 10px 0;
	margin: 0 1% 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer
{
	clear: left;
	text-align: right;
	padding: 20px;
	height: 1%;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 42%, rgba(240,240,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(42%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(240,240,240,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(240,240,240,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 42%,rgba(240,240,240,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 42%,rgba(240,240,240,1) 100%);
}


.errormsg {
	color: #FF0000;
}


.info-box, .success-box, .warning-box, .error-box, .validation-box {
	border: 1px solid;
	margin: 1px 0px;
	padding:1px 1px 1px 40px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px center;
}
.info-box {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/static/images/icons/information.png');
}
.success-box {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/static/images/icons/success.png');
}
.warning-box {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/static/images/icons/warning.png');
}
.error-box {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/static/images/icons/error.png');
}



td[toleft] {
	text-align:left;
}
td[toright] {
	text-align:right;
}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	display: table-header-group;
}
.divTableFoot {
	display: table-footer-group;
}
.divTableBody {
	display: table-row-group;
}