/* This file holds all the styles for colours and fonts etc. of web pages.
Any layout code should go in layout.css. 
 */

body
{	
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	height: 100%;
	line-height: 1.4em;
	color: #000;
	background: #fff;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


.logo 
{
    background: url(/Images/jabula-logo.png) no-repeat top left;
    width: 430px;
    height: 54px;
    display: block;
    /* hide the text */
    line-height: 9000px;
    overflow: hidden;
}
.laxton-logo
{
	background: url(/Images/laxton-small.png) no-repeat top left;
    width: 158px;
    height: 26px;
    display: block;
    /* hide the text */
    line-height: 9000px;
    overflow: hidden;
}

#header  a
{
    color: #FFFFFF;
    text-decoration: none;
    
}

#header a:hover
{
 
    text-decoration: underline;
}






#primary-nav li
{
    list-style: none;
    display: inline;
}

#secondary-nav
{
    margin: 0;
    padding: 0;
}

#secondary-nav li
{
    list-style: none;
    display: inline;
}

#primary-nav 
{
    padding: 4px 4px 6px 34px;
   /* background: #0000e4 url(/Images/primary-nav-first.png) no-repeat top left;*/
}


#sidebar dl
{
	margin-left: 20px;
	margin-right: 20px;
}

#sidebar a
{
	font-weight: bold;
}

#sidebar a:link
{
    color : #feef00;
}

#sidebar a:visited
{
    color : #feef00;
}

#sidebar a:hover
{
    color : #FFFFFF;
}

#sidebar a:active
{
    color : #fe0000;
}

.total
{
	text-align: right;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}

.btn
{
	background-color: #ffffff;
	border: solid 2px  #0000af;
	color: #0000af;
	font-weight: bold;
	height: 26px;
}

#login-wrapper
{
    background: #6969fe url(../../Images/sidebar-bg.png) repeat-y top left;
    color: #FFFFFF;
}

#login
{
    background: url(../../Images/sidebar-bot.png) no-repeat bottom left;
    padding-bottom: 40px;

}

#Login h3
{
    background: url(../Images/sidebar-top.gif) no-repeat top left;
    padding-top: 40px;
    margin: 0;
}

/*   Franchise site colours */

.franchise #header
{
    background: #ec0000 url(/Images/Franchise/header-bg.png) repeat-x top left;
}


.franchise #primary-nav 
{
    background: #ec0000 url(/Images/Franchise/primary-nav-first.png) no-repeat top left;
}


.franchise #sidebar-wrapper
{
    background: #ec0000 url(/Images/Franchise/sidebar-bg.png) repeat-y top left;
}

.franchise #sidebar
{
    background: url(/Images/Franchise/sidebar-bot.png) no-repeat bottom left;
}

.franchise .btn
{
	background-color: #ffffff;
	border: solid 2px  #ec0000;
	color: #ec0000;
	font-weight: bold;
	height: 22px;
}


.chart h3
{
	line-height: 30px;
	color: White;    
}


/* numeric : right justify on tables */
.data-table .numeric 
{
	text-align: right;	
}

/* data table */
.data-table
{
	margin-bottom: 1em;

}

.data-table th, .data-table td
{
	margin: 0;
	padding: 8px 20px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.data-table th
{
	border-bottom: 1px solid #333;
} 

.data-table caption
{
	font-weight: bold;
	font-size: 1.2em;	
	text-align: left;
}

/* highlighting */
.data-table .highlight
{
	color: #FF0000;
	font-weight: bold;
}


.info-table th
{
	text-align: left;
	padding: 4px 5px;
}



/* warning */
.warning
{
	border: 1px solid #ff5757;
	background: #ffacac url(../images/warning.png) no-repeat left 50%;
	height: 160px;
	width: 100%;
	padding: 8px 20px 10px 180px;
	margin: 20px;
}


/* forms */


.form label
{
	display: block;
	width: 400px;
}

/* Flash */

#flash 
{
	margin-top: 10px;
	background: #9feb8b;
	border: 1px solid #7acd64;
	padding: 10px 20px;
	margin-bottom: 5px;
}


/* Jukeboxs */
.machine .status 
{
	font-size: 80%;
}
.offline .status 
{
	color: #aaa;
}


.machine dd 
{
	margin-left: 5px;
}


.block h3
{
	margin-top: 18px;
	margin-bottom: 24px;
	color: #fff;
	text-align: center;
}



/* main block */
.block-main 
{
	margin-top: 12px;
	margin-left : 10px;
	float: left;
	background: #ccccec url(../Images/block-main-bot-left.png) no-repeat left bottom;
}
.block-main div
{
	background: url(../images/block-main-top-left.gif) no-repeat left top;
	padding-left: 20px;

}

.block-main h3
{
	margin-top: 0;
	padding-top: 20px; 
	background: url(../images/block-main-top-right.gif) no-repeat right top;
	padding-right: 20px;
}

.block-main div div
{
	background: url(../images/block-main-bot-right.png) no-repeat right bottom;	
	padding: 0 20px 20px 0;
}

.block-main td
{
	padding: 2px 20px;
}

.song-chart
{
	width: 400px;
}

.song-chart li
{
	margin-bottom: 14px;	
}

.song-chart strong
{
	display: block;
}
.song-chart p
{
	margin: 2px 0px;
}

.song-chart .plays
{
	margin-top: 10px;
	background: #2121a3 url(../Images/song-chart-bg.png) no-repeat right top;	
	color: #fff;
	line-height: 25px;
	padding-left: 10px;
	padding-bottom: 3px;
	min-width: 5em;
	font-size: 80%;
}

.tabs
{
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;

	
}
.tabs li 
{
    list-style: none;
    display: inline;
}

.tabs a
{
	padding: 6px 10px;
}
.tabs a:link, .tabs a:visited
{
	color: #666;
	font-weight: bold;
	
}
.tabs a:hover
{
	color: #5e5eff;
	border-bottom: 4px #feef00 solid;
	text-decoration: none;
}

.tabbed-main
{
	border-top: 1px #ccc solid;
	margin-right: 270px;
}

.clear 
{
	clear: both;
}


.NewAlbum
{
	border-bottom: solid 1px blue;
}

.OldAlbum
{

}

#ctl00_main_BatchViewer1_GridView1 td
{
	padding-right: 8px;
}

#ctl00_main_BatchViewer1_GridView1 th
{
	padding-right: 8px;
}

.content-wrapper
{
	width: 839px;
}