/* Screen Only */

/* Redefined Tags */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#6E6F71;
background-color:#EEEFEA;
font-family:Arial, Helvetica, sans-serif;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
line-height:30px;
font-weight:bold;
padding:0px;
margin:0px;
}
h1.singleLine {
line-height:24px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;	
line-height:24px;
padding:0px;
margin:0px;
letter-spacing:1px;
}
h2.singleLine {
line-height:18px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
font-weight:bold;
padding: 0px 0px 7px 0px;
margin:0px;
}
h3.singleLine {
padding:0px;
line-height:10px;
}
h3.heading {
line-height:10px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:16px;
font-weight:bold;
padding: 0px 0px 8px 0px;
margin:0px;
}
hr {
display: none;	
}
p {
padding: 0px 0px 7px 0px;
margin: 0px;
}
form {
margin: 0px;
padding: 0px;
}
ol {
margin: 0px 0px 0px 10px; 
padding: 0px;
}
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}
li {
margin: 0px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 15px;
}
a {
color:#6E6F71;
}


/* Text */
.text {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
}
.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:14px;
}
.noTextDecoration {
text-decoration: none;
}
.noBreak {
display:inline;
white-space:nowrap;
}
.border {
border:1px solid #555555;
}
.justify {
text-align:justify;
}
.noJustify {
text-align:left;
}
.alignRight {
text-align:right;
}
.alignCentre {
text-align:center;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.minHeight {
min-height:260px;
/* Min height for IE */
height:260px; 	
}
/* Override height for Mozilla */
html>body .minHeight { height:auto; }
.wordWrap {
word-wrap: break-word;
}


/* Form Elements */
.textField {
padding:1px 4px 1px 4px;
border:1px solid #6E6F71;
background-color:#FFFFFF;
}
.textBox {
padding:0px 4px 0px 4px;
border:1px solid #6E6F71;
background-color:#FFFFFF;
}
.select { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E6F71; 
border:1px #6E6F71 solid;  
background-color:#FFFFFF;
}
.checkbox {
line-height:11px;
}

/* Header */
#header {
float:left;
width:740px;
padding:20px 20px 20px 20px;
}
#logo {
width:250px;
float:left;
}


/* Nav */
#nav {
float:right;
width:450px;
text-align:right;
}


/* Content */
.content {
float:left;
width:100%;
text-align:center;
}
.centreColumn {
position:relative;
text-align:left;
width:780px;
margin:0px auto;
}
.centreContent {
float:left;
width:760px;
padding:10px 10px 60px 10px;
background-image:url(/Images/Common/background.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#576679;
}


/* Sections */
.opacity {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1;
}


/* Homepage */
.homepageWrapper {
float:left;
width:760px;
}
.homepageHeader {
float:left;
width:760px;
height:120px;
}
.homepageImage {
position:absolute;
width:760px;
height:120px;
z-index:1;
}
.homepageOverlay {
position:absolute;
width:760px;
height:120px;
z-index:999;
}
.homepageLeft {
float:left;
width:314px;
padding:10px 10px 10px 10px;
background-color:#FFFFFF;
}
.homepageRight {
float:left;
width:190px;
margin-left:3px;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
}
.homepagePanel {
height:280px;
overflow:hidden;
}
.homepageLeftWrapper {
float:left;
width:314px;
}
.homepageRightWrapper {
float:left;
width:190px;
}


/* Internal Pages */
.pageHeader {
float:left;
width:30px;
}
.pageFull {
float:left;
width:740px;
padding:10px 10px 10px 10px;
background-color:#FFFFFF;
}
.pageWrapper {
float:left;
width:760px;
}
.pageInternalWrapper {
float:left;
width:740px;
}
.pageLeft {
float:left;
width:527px;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
}
.pageRight {
float:left;
width:190px;
margin-left:3px;
background-color:#FFFFFF;
padding:10px 10px 10px 10px;
}
.pageLeftWrapper {
float:left;
width:527px;
}
.pageRightWrapper {
float:left;
width:190px;
}
.pageBackground {
background-image:url(/Images/Common/pageBackground.gif);
background-repeat:repeat-y;
}


/* Studio Diary */
.studioDiary {
width:365px;
text-align:left;
}
.studioBooking {
float:left;
width:500px;
}
.studioLink {
width:240px;
}
.studioPanel {
height:293px;
float:left;
}
.studioKey {
height:10px;
width:10px;
float:left;
margin-right:6px;
display:inline;
}
.studioText {
float:left;
margin-right:20px;
line-height:12px;
}


/* Band Profiles */
.bandDetails {
width:190px;  
float:left;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.bandMargin {
margin-right:10px;
}


/* Studios */
.studioA {
width:259px;
float:left;
}
.studioB {
width:258px;
float:right;
}
.studioThumb {
width:55px;
float:left;
margin-right:8px;
}


/* Bookings */
.booking {
width:248px;
}


/* Audio */
.cover {
width:97px;
float:left;
margin-right:10px;
display:inline;
}
.track {
width:420px;
float:left;
}

/* Clients */
.client {
width:125px;
height:125px;
float:left;
display:inline;
padding:0 9px 9px 0;
}
.clientRow {
padding-right:0 !important;
}
.clientImage {
margin:auto 0px;
}
.clientText {
width:125px;
float:left;
display:inline;
padding:0 9px 0 0;
}

/* Tables */
.smallTable {
border-bottom:1px #707070 solid;
border-right:1px #707070 solid;
}
.smallTable td {
border-top:1px #707070 solid;
border-left:1px #707070 solid;
padding:3px 2px 11px 2px;
line-height:7px;
vertical-align:top;
}
.largeTable {
border-bottom:1px #707070 solid;
border-right:1px #707070 solid;
}
.largeTable td {
border-top:1px #707070 solid;
border-left:1px #707070 solid;
padding:3px 2px 27px 2px;
line-height:7px;
vertical-align:top;
}
.tableHeading {
border-right:1px #FFFFFF solid;
}
.tableHeading td {
border-left:1px #FFFFFF solid;
padding:9px 4px 8px 0px;
line-height:7px;
vertical-align:top;
width:47px;
height:9px;
}
.tableBooking {
border-bottom:1px #707070 solid;
border-right:1px #707070 solid;
}
.tableBooking td {
border-top:1px #707070 solid;
border-left:1px #707070 solid;
padding:3px 5px 3px 5px;
height:13px;
line-height:13px;
vertical-align:top;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.tableNoWrap {
width:191px; 
height:13px; 
float:left;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}


/* Footer */
#footer {
float:left;
width:740px;
padding:10px 20px 10px 20px;
background-color:#617EBC;
margin:10px 0px 20px 0px;
}


/* Wrappers */
.columnWrapper { 
float:left;
width:760px;
}
.leftWrapper { 
float:left;
width:429px;
}
.rightWrapper {
float:right;
width:230px;
text-align:left;
}


/* Spacers & Divs */
.spacer {
float:left;
width:10px;
height:10px;
line-height:10px;
font-size:10px;
}
.spacerSmall {
float:left;
width:8px;
height:8px;
line-height:8px;
font-size:8px;
}
.spacerMini {
float:left;
width:3px;
height:3px;
line-height:3px;
font-size:3px;
}
.blueDiv { 
float:left;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
background-image:url(/Images/Common/blueDivider.gif);
background-repeat:repeat-x;
color:#617EBC;
background-color:#FFFFFF;
padding:0px;
margin:0px;
display:inline;
}
.greyDiv { 
float:left;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
background-image:url(/Images/Common/greyDivider.gif);
background-repeat:repeat-x;
color:#6E6F71;
background-color:#FFFFFF;
padding:0px;
margin:0px;
display:inline;
}
.lightGreyDiv { 
float:left;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
background-image:url(/Images/Common/lightGreyDivider.gif);
background-repeat:repeat-x;
color:#C8C9CB;
background-color:#FFFFFF;
padding:0px;
margin:0px;
display:inline;
}
.brownDiv { 
float:left;
width:100%;
height:1px;
line-height:1px;
font-size:1px;
background-image:url(/Images/Common/brownDivider.gif);
background-repeat:repeat-x;
color:#6E5445;
background-color:#FFFFFF;
padding:0px;
margin:0px;
display:inline;
}
.verticalDiv {
background-image:url(/Images/Common/verticalDivider.gif);
background-repeat:repeat-y;
background-position:center;
}

/* Padding & Margins */
.noPadding {
padding:0 !important;
}
.noPaddingAbove {
padding-top: 0px;
}
.noPaddingBelow {
padding-bottom: 0px;
}
.reducedPadding {
padding-bottom: 3px;
}
.noMargin {
margin: 0px;
}
.noMarginAbove {
margin-top: 0px;
}
.noMarginBelow {
margin-bottom: 0px;
}


/* Modifiers */
.modifierSmall {
line-height:9px;
}
.modifierText {
line-height:12px;
}
.modifierLink {
line-height:9px;
margin:9px 0px 9px 0px;
}


/* No Script */
#noScript {
min-width:780px;
width:100%;
border-top:solid #E43939 3px;
border-bottom:solid #E43939 3px;
position:relative;
background-color:#FFFFFF;
padding:15px 0px 15px 0px;
text-align:center;
}


/* Borders */
.border {
border:#6E6F71 solid 1px;
}


/* Colours */
.beige {
color:#E5D8C7;
}
.blue {
color:#617EBC;
}
.white {
color:#FFFFFF;
}
.grey {
color:#6E6F71;
}
.black  {
color:#404040;
}
.brown {
color:#6E5445;
}
.red {
color:#D12222;
}
.lightGrey {
color:#C8C9CB;
}
.green {
color:#CAE405;
}


/* Calendar */
.calBlank {
background-color:#EEEFEA;
}
.calActive {
background-color:#E5D8C7;
}
.calBooked {
background-color:#CAE405;
}
.calClosed {
background-color:#979899;
}
.calPending {
background-color:#FC4EFF;
}
.calMultiple {
background-color:#FFA500;
}
.calToday {
background-color:#4ABCE1;
}


/* Background Colours */
.bgBrown {
background-color:#6E5445;
}