* {
	font-family: arial, helvetica, sans-serif; margin:0px; padding:0px;
}

body {
	color: #ffffff; background-color: #000000; font-size: 11px; text-align: center; background-image: url(../../images/BackgroundWithBlurWithLine.jpg); background-position: top; background-repeat: no-repeat;
}

div#wrapper {
	width: 968px; padding: 0px; margin: 1px auto; text-align: left;
}


.Home {
	background-image: url(../../images/background.jpg); background-position: top; background-repeat: no-repeat;
}

.Splash {
	background-image: url(../../images/newbackground.jpg); background-position: top; background-repeat: no-repeat;
}

/************** Header **************/ 

div#Header {
	float: left; display: inline; width: 968px; padding: 0px; margin: 0px; text-align: left;
}

div#Header div#Brand {
	float: left; display: inline; width: 217px; height: 95px; padding: 0px; margin: 0px; text-align: left;
}

div#Header div#Brand img {
	margin: 20px 0px 0px 15px ; 
}

div#Header div#TopNavigation {
	float: left; display: inline; height: 45px; padding: 8px 0px 0px 0px; margin: 0px; text-align: left;
}

div#Header div#Tagline {
	float: left; display: inline; width: 751px; height: 95px; padding: 0px 0px 0px 0px; margin: 0px; text-align: right;
}

div#Header div#Tagline #fb-likebutton {
	float: left; display: inline; width: 180px; height: 95px; padding: 0px 0px 0px 30px; margin: 0px; text-align: left;
}

div#Header div#Tagline h1 {
	font-size: 13px; padding: 12px 20px 0px 0px; margin: 0px; font-weight: bold; color: #999999;
}

div#Header div#Tagline p {
	font-size: 12px; padding: 0px 20px 0px 0px; margin: 0px; color: #ffffff;
}
	
div#Header div#TopNavigation ul {
	margin: 0px; padding: 0px 0px 0px 50px; float: left; font-size: 11px; width: 1048px; height: 45px;
}

div#Header div#TopNavigation ul li {
	display: inline;
	margin: 0;
}

div#Header div#TopNavigation ul li a:link {
	display: block; float: left;  color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0 5px 0 0; text-decoration: none;
}

div#Header div#TopNavigation ul li a:visited {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0 5px 0 0;text-decoration: none;
}

div#Header div#TopNavigation ul li a:hover {
	display: block; float: left; color: #ffffff; background-color: #ff00ff; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0 5px 0 0;text-decoration: none;
}

div#Header div#TopNavigation ul li a:active {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0 5px 0 0; text-decoration: none;
}
/*

div#Header div#TopNavigation ul li a {
	display: block; float: left; font-size: 11px; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px; text-decoration: none;
}

div#Header div#TopNavigation ul li a:visited {
	display: block; float: left; color: #ffffff; background-color: #002255; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}

div#Header div#TopNavigation ul li a:hover {
	display: block; float: left; color: #ffffff; background-color: #ff00ff; font-weight: bold; padding: 3px 6px 3px 6px; margin: 0px 5px 0px 0px;text-decoration: none;
}
*/
div#Header div#Image {
	float: left; display: inline; width: 868px; height: 368px; padding: 25px 50px 0px 50px; margin: 0px; text-align: left; 
}

div#Header div#Image h2 {
	font-size: 64px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

div#Header div#Image p {
	font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px; color: #ffffff; line-height: 20px
}

#Image img.left {
	float:left;
}

#Image img.right {
	float:right;
	margin: 15px 0px 0px 25px;
}


#Image .leftcol {
	margin: 15px 0px 0px 10px;
	float: left;
	width: 200px;
}


#Image .centrecol {
	margin: 15px 0px 0px 235px;
	
}

#Image .rightcol { 
	margin: -175px 0px 0px 0px; float:right; width:200px; padding-bottom:10px;
}


.rightcol img {padding:5px;}


div#Header div#Image ul {
	font-size: 14px; padding: 0px; margin: 0px 30px 20px 20px; color: #ffffff; line-height: 20px
}

div#Header div#Image ol {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}


div#Header div#Image li {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}

div#Header div#Image p.indent {
	font-size: 14px; padding: 0px 0px 10px 0px; margin-left: 220px; color: #ffffff; line-height: 20px
}

div#Header div#Image ul.indent {
	font-size: 14px; padding: 0px; margin: 0px 0px 0px 250px; color: #ffffff; line-height: 20px
}

div#Header div#Image li.indent {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 0px; color: #ffffff; line-height: 20px
}


div#Banner {
	 margin: 15px 0px 0px 40px;  text-align: left; 
}

div#Banner h2 {
	font-size: 64px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

div#Banner h3 {
	font-size: 22px; margin: 0px 0px 0px 0px;  padding: 10px 0px 10px 0px; font-weight: bold; color: #ffffff;
}

div#Banner p {
	font-size: 13px; font-weight: normal; padding: 0px 0px 10px 0px; margin: 0px; color: #ffffff; line-height: 15px
}

div#Banner ul {
	font-size: 14px; padding: 0px; margin: 0px 30px 20px 20px; color: #ffffff; line-height: 20px
}

div#Banner ol {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}


div#Banner li {
	font-size: 14px; padding: 0px 0px 0px 20px; margin: 0px 30px 1px 20px; color: #ffffff; line-height: 20px
}

/************** Content Area **************/ 

div#MainWrap {
	float: left; display: inline; width: 968px; padding: 0px; margin: 0px;
}

div#MainWrap div#ContentWrap {
	float: left; display: inline; width: 968px; padding: 15px 0px 0px 0px; margin: 0px; text-align: left; 
}


div#MainWrap div#ContentWrap h2 {
	font-size: 18px;
	padding: 10px;
	margin: 0px;
	font-weight: normal;
	color: #000000;
}

div#MainWrap div#ContentWrap div#RightColumn {
	float: left; display: inline; width: 300px; padding: 10px 0px 0px 15px; margin: 0px; text-align: left;
}

/*div#MainWrap  div#ContentWrap .LeftColumn {
	float: left; display: inline; width: 226px; height: 720px;padding: 0px; margin: 0px 0px 0px 20px; text-align: left; background-color: #ffffff;
} */

div#MainWrap  div#ContentWrap .LeftColumn {
	float: left; display: inline; width: 180px; height: 600px;padding: 0px; margin: 0px 0px 0px 20px; text-align: left; background-color: #ffffff;
}
div#MainWrap  div#ContentWrap .LeftColumn p {
	font-size: 12px; padding: 10px 10px 10px 10px; margin: 0px; color: #000000; line-height: 20px
}

/* div#MainWrap  div#ContentWrap .LeftColumn2 {
	float: left; display: inline; width: 226px; height: 720px; padding: 0px; margin: 0px 0px 0px 8px; text-align: left; background-color: #ffffff;
} */

div#MainWrap  div#ContentWrap .LeftColumn2 {
	float: left; display: inline; width: 180px; height: 600px; padding: 0px; margin: 0px 0px 0px 7px; text-align: left; background-color: #ffffff;
}

div#MainWrap  div#ContentWrap .LeftColumn2 p {
	font-size: 12px; padding: 10px 10px 10px 10px; margin: 0px; color: #000000; line-height: 20px
}

div#MainWrap div#ContentWrapWhite {
	float: left; display: inline; width: 928px; padding: 0px; margin: 0px 20px 0px 20px; text-align: left; background-color: #ffffff; -moz-border-radius: 13px; border-radius: 13px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn {
	float: left; display: inline; width: 192px; padding: 20px 0px 0px 20px; margin: 0px; text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn p {
	font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px; color: #666666; line-height: 21px
}

div#MainWrap div#ContentWrapWhite div#LeftColumn h3 {
	font-size: 14px; font-weight: bold; padding: 15px 0px 5px 0px; margin: 0px; color: #000000;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul {
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li {
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a {
	display:block;
	font-weight:normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	font-size: 14px;
	text-decoration:none;
	text-align: left;
	cursor:pointer;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:link {
	width:192px;
	font-weight: normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	text-decoration:none;
	text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:visited {
	width:192px;
	font-weight: normal;
	padding:3px 0px 3px 0px;
	margin: 0px;
	color: #002255;
	text-decoration:none;
	text-align: left;
}

div#MainWrap div#ContentWrapWhite div#LeftColumn ul li a:hover {
	width: 192px;
	font-weight: normal;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	color: #ff00ff;
	text-decoration:none;
	text-align: left;
}


#MainContentFullWidth{
	float: left; display: inline; width: 90%; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 20px; text-align: left; 
}



div#MainWrap div#ContentWrapWhite div#MainContentFull {
	float: left; display: inline; width: 656px; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 20px; text-align: left; border-left: dotted 1px #002255;
}

div#MainWrap div#ContentWrapWhite div#MainContent {
	float: left; display: inline; width: 444px; padding: 0px 0px 0px 20px; margin: 20px 0px 20px 20px; text-align: left; border-left: dotted 1px #002255;
}

div#MainWrap div#ContentWrapWhite div#RightColumn {
	float: left; display: inline; width: 192px; padding: 20px 0px 0px 20px; margin: 0px; text-align: left;
}

div#MainWrap div#ContentWrapWhite div#RightColumn ul {
	font-size: 12px; padding: 0px; margin: 0px 0px 0px 10px; color: #666666; line-height: 18px
}

div#MainWrap div#ContentWrapWhite div#RightColumn ol {
	font-size: 12px; padding: 0px 0px 5px 0px; margin: 0px; color: #666666; line-height: 18px
}


div#MainWrap div#ContentWrapWhite div#RightColumn li {
	font-size: 12px; padding: 0px 0px 5px 0px; margin: 0px; color: #666666; line-height: 18px
}



/*************** Form ******************/


.InputLarge { font-size: 11px; width: 180px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px }

.InputXLarge { font-size: 11px; width: 290px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px }

.InputXXLarge { font-size: 11px; width: 410px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px }


.InputSmall{ font-size: 11px; width: 80px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 5px 0px }

.InputTime{ font-size: 11px; width: 65px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 5px 0px }

.InputCurrency {text-align:right;}

.magenta { color:#ff00cc;}







/************** Main text and content styles **************/
	
p {
	font-size: 12px; padding: 0px 0px 10px 0px; margin: 0px; color: #000000; line-height: 18px
}

p.error {
	font-size: 12px; padding: 0px 0px 10px 0px; margin: 0px; color: #F00; line-height: 18px
}

p.BreadCrumb {
	font-size: 100%; padding: 10px 0px 10px 10px; margin: 0px; color: #716658; line-height: 115%
}

h1 {
	font-size: 14px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #ffffff;
}

h2 {
	font-size: 22px; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; color: #002255;
}

h3 {
	font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; margin: 0 0 5px 0 ; color: #000000;
}


h4 {
	font-size: 20px; font-weight: bold; padding: 0px 0px 10px 0px; margin: 0px; color: #ff00ff;
}


h5 {
	font-size: 12px; font-weight: bold; padding: 0px 5px 5px 0px; margin: 0px; color: #666666;
}

h6 {
	font-size: 10px; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px; color: #666666;
}


ul {
	font-size: 12px; padding: 0px; margin: 10px 30px 20px 20px; color: #000000; line-height: 18px
}

ol {
	font-size: 12px; padding: 0px 0px 5px 20px; margin: 0px 30px 1px 20px; color: #000000; line-height: 18px
}


li {
	font-size: 12px; padding: 0px 0px 5px 20px; margin: 0px 30px 1px 20px; color: #000000; line-height: 18px
}


img {
	border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none; margin: 0px; padding: 0px;
}

img.clickable  { padding:0px; border:none;}


img.clickable:hover { padding: 0px; border: 2px solid #ff00ff}; 

.paddingLeft {
	padding: 0px 0px 0px 10px;
}

.paddingRight {
	padding: 0px 10px 0px 0px;
}

a.inbody:link{ color: #ffffff; text-decoration: none;}
a.inbody:visited { color: #ffffff; text-decoration: none; }
a.inbody:hover { color: #ffffff; text-decoration: underline; }

a.inbody2:link{ color: #ff00ff; text-decoration: none; font-weight:bold;}
a.inbody2:visited { color: #ff00ff; text-decoration: none;font-weight:bold; }
a.inbody2:hover { color: #ff00ff; text-decoration: underline;font-weight:bold; }

/* table formatting */

/* list output table */

th { font-size:12px; font-weight:bold; color: #666666; padding: 10px 10px 10px 0; }

/* table form */

td.form {
	font-size: 12px; padding: 0px 5px 10px 0px; margin: 5px 0px 5px 0px; color: #333333; line-height: 16px
}

td.form h3 {
	font-size: 14px; font-weight: bold ; padding: 0px 0px 10px 0px; margin: 0px; color: #333333; line-height: 16px; border-bottom:1px dotted #002255; padding-bottom:0px; padding-top: 15px; margin-bottom:5px
}

td.form h4 {
	display:inline; font-size: 10px; font-weight: normal ; padding: 0px 5px 10px 0px; margin: 0px; color: #333333; padding-bottom:0px; padding-top: 15px; margin-bottom:5px
}

td.formerror {
	font-size: 10px;
	padding: 0px 5px 15px 0px;
	margin: 0px;
	color: #F00;
	line-height: 10px
}	

td.cover {
	width: 109px; padding: 10px 0px 2px 0px; margin: 0px;
}

td.trackname {
	width: 104px; font-weight: normal; font-size: 11px; padding: 5px 5px 0px 0px; margin: 0px; color: #333333; line-height: 14px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #333333;
}

td.artist {
	width: 104px; font-weight: normal; font-size: 11px; padding: 0px 5px 5px 0px; margin: 0px; color: #333333; line-height: 14px; border-bottom: 1px dotted #333333;
}

td.artistSelected {
	width: 104px; font-weight: bold; font-size: 11px; padding: 5px 5px 0px 0px; margin: 0px; color: #999999; line-height: 14px;border-top: 1px dotted #CCCCCC;
}

td.tracknameSelected {
	width: 104px; font-weight: normal; font-size: 11px; padding: 0px 5px 5px 0px; margin: 0px; color: #999999; line-height: 14px; border-bottom: 1px dotted #333333;
}

/* definitions for playlist */

td.pltrackname {
	width: 220px; font-weight: normal; font-size: 12px; padding: 5px 5px 0px 0px; margin: 0px; color: #333333; line-height: 14px; border-top: 1px dotted #333333;
}

td.plartist {
	width: 220px; font-weight: normal; font-size: 12px; padding: 0px 5px 5px 0px; margin: 0px; color: #333333; line-height: 14px; 
}

td.plimage {
	width: 80px; padding: 6px 0px 6px 0px; margin: 0px; border-top: 1px dotted #333333 ;
}

td.plremove {
	width: 28px; font-weight: normal; font-size: 11px; padding: 3px 15px 3px 0px; margin: 0px; color: #999999; line-height: 14px; text-align: left; border-top: 1px dotted #333333 ;
}

a.plremovebutton{ color: #ff00ff; text-decoration: none; font-weight: bold; cursor:pointer}
a.plremovebutton:link{ color: #ff00ff; text-decoration: none; font-weight: bold;}
a.plremovebutton:visited { color: #ff00ff; text-decoration: none; font-weight: bold;}
a.plremovebutton:hover { color: #ff00ff; text-decoration: underline; font-weight: bold;}

/*td.addto {
	width: 50px; font-weight: normal; font-size: 11px; padding: 3px 0px 3px 10px; margin: 0px; color: #1b34f9; line-height: 14px;
} */

td.addto {
	width: 50px; font-weight: normal; font-size: 11px; padding: 3px 0px 3px 10px; margin: 0px; color: #ff00ff; line-height: 14px;
} 

span.added {
	color: #1b34f9; text-decoration: none; font-weight: bold;
}

a.addtobutton:link{ color: #ff00ff; text-decoration: none; font-weight: normal;}
a.addtobutton:visited { color: #ff00ff; text-decoration: none; font-weight: normal;}
a.addtobutton:hover { color: #ff00ff; text-decoration: underline; cursor: pointer; font-weight: normal;}

 


td.remove {
	width: 28px; font-weight: normal; font-size: 11px; padding: 3px 15px 3px 0px; margin: 0px; color: #999999; line-height: 14px; text-align: right;
}

a.removebutton:link{ color: #ff0000; text-decoration: none; font-weight: bold;}
a.removebutton:visited { color: #ff0000; text-decoration: none; font-weight: bold;}
a.removebutton:hover { color: #ff0000; text-decoration: underline; font-weight: bold;}



/************** Footer **************/


div#Footer {
	float: left; display: inline; width: 943px; padding: 5px 0px 450px 25px; margin: 25px 0px 0px 0px; text-align: left; border-top: 1px solid #999999;
}

div#Footer div#Copyright {
	float: left; display: inline; width: 355px; padding: 10px 4px 10px 0px; margin: 0px; text-align: left; color: #ffffff;
}

div#Footer div#Copyright p {
	font-size: 11px; padding: 0px 0px 0px 0px; margin: 0px; color: #999999; line-height: 16px;
}

div#Footer div#SubNav {
	float: right; display: inline; width: 578px; padding: 10px 0px 10px 0px; margin: 0px; text-align: right; color: #999999; font-size: 11px;
}

div#Footer div#SubNav a {
	padding: 0px 0px 0px 25px; margin: 0px;
}

div#Footer div#SubNav a:link {
	padding: 0px 25px 0px 0px; color: #ffffff; text-decoration: none;
}

div#Footer div#SubNav a:visited {
	padding: 0px 25px 0px 0px; color: #ffffff; text-decoration: none;
}

div#Footer div#SubNav a:hover {
	padding: 0px 25px 0px 0px; color: #999999; text-decoration: underline;
}

/* admin panel definitions */

#AdminPanel
{
	margin-top: 15px;
	
}

.adminicon a { background-color: #FFFFFF;
    background-position: -30px center;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #565656;
    display: block;
    float: left;
    height: 97px;
    text-decoration: none;
    transition-duration: 0.8s;
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    vertical-align: middle;
    width: 108px;
	margin-left: 20px;
	}
	
.adminicon a:hover {
    background-position: 0 center;
    border-bottom-left-radius: 50% 20px;
    box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}
	
.adminicon img {	margin: 0 auto;
    padding: 10px 0; }
	
.adminicon span {
    display: block;
    text-align: center;
}

.adminicon {

	text-align: center;
}

/* Booking list table */

#BookingTable th, #EmailTable th, #InvoiceTable th, #UserTable th
{
	font-weight:bold;
	padding: 10px 10px 10px 0px;
	
}

#BookingTable td, #EmailTable td, #InvoiceTable td, #UserTable td

{
	color: darkblue;
	padding: 2px 0 2px 0;
	font-size:1.1em;
	border-right: 8px solid transparent;
	white-space:nowrap;
	overflow:hidden;
	max-width:180px;
}

#BookingTable td.fieldtitle, #EmailTable td.fieldtitle, #InvoiceTable td.fieldtitle, #UserTable td.fieldtitle
{
	color:#CDE1FF #444444;
    font-size: 1.2em;
    /* font-weight: bold; */
    text-align: right;
	
}

 
.due
{
	color: #444444;
    font-size: 1em;
    font-weight: bold;
    background-color:#FF8000;
	padding: 2px 5px 2px 5px;
	
	
}


.overdue
{
	color: #fff;
    font-size: 1em;
    font-weight: bold;
    background-color:#F00;
	padding: 2px 5px 2px 5px;
	
}

.paid
{
	color:#390;
    font-size: 1em;
    font-weight: bold;
    /* background-color:#3C6; */
	padding: 2px 5px 2px 5px;
	
	
}

.notapplicable, .unconfirmed, .notdue
{
	color: #aaaaaa;
	/* background-color: #999999; */
    font-size: 1em;
    font-weight: bold;
  	padding: 2px 5px 2px 5px;
	
}


.confirmed
{
	color: #444444;
    font-size: 1em;
    font-weight: bold;
    background-color:#3C6;
	padding: 2px 5px 2px 10px;
	
	
}



#BookingTable td.paystatus
{
	text-align: left;
}


#PayInfo label
{

color: #444444;
font-size: 1.2em;
display: inline-block;
width: 120px;
text-align: right;
margin: 5px;

}

#PayInfo .paystatus
{
	display:inline-block;
	width: 60px;
	
}

.DisplayLarge { font-size: 11px; width: 190px; font-style: normal; font-variant: normal; color: #333333; padding: 2px; margin: 0px 5px 0px 0px; border: 1px solid #ddd; }