/*	Author - Tim Jarram	*/
/*	Editors - Shane Motyl, John Horlock	*/

/****************************
 **   Contents
 ****************************/
/* 
 
	* General
	* Layout	(Top-level page element styles)
	* Content	(Formatting of items in main content area)
	
*/		
/****************************
 **   General
 ****************************/

* { padding: 0; margin: 0; font-family: Verdana !important; }
body { margin: 20px 0px 0px 0px; background: url(background.jpg) #292929 repeat-x top; font-family: Verdana; }
p { padding-bottom: 0px; padding-top: 0px; }
h1 { font-size: 22px; color:#666666; font-weight: normal;  padding:0px 0px 0px 0px; margin-bottom: 0px; padding-bottom: 0px;  }
h2 { font-size: 18px; font-weight: normal; color: #cc0000; margin-bottom: 0px; }
input[type=text] { border: 1px solid #bfbfbf; background: #f2f2f2; padding: 3px; }
textarea { border: 1px solid #bfbfbf; background: #f2f2f2; padding: 3px; font-family: Verdana; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #f07a2d; }


.cleardiv { clear: both; }
.spacediv { clear: both; height: 10px; }

.shadowtable { width: 100%; height: 100%;}

.shadowtop { height: 90px; background: url(shadowtop.png) repeat-x bottom; }
.shadowlefttop { width: 144px; background: url(shadowlefttop.png) no-repeat right bottom; }
.shadowrighttop { width: 144px; background: url(shadowrighttop.png) no-repeat left bottom; }

.shadowbottom { height: 80px; background: url(shadowbottom.png) repeat-x top; }
.shadowleftbottom { width: 144px; background: url(shadowleftbottom.png) no-repeat right top; }
.shadowrightbottom{ width: 144px; background: url(shadowrightbottom.png) no-repeat left top; }

.shadowleft { width: 144px; background: url(shadowleft.png) repeat-y left; }
.shadowright { width: 144px; background: url(shadowright.png) repeat-y right; }

.minibutton { background: url(minibutton.jpg) right no-repeat #ec1d27; border: none; height: 17px; font-size: 10px; color: #FFF; cursor: pointer; padding: 0px 5px 4px 2px; }
.button { background: url(button.jpg) right no-repeat #ec1d27; border: none; height: 30px; font-size: 14px; color: #FFF; cursor: pointer; padding: 0px 10px 4px 2px; }

/* Rounded Corner Div */

.bl { background: url(bl.gif) 0 100% no-repeat #f1f4f5; width: 100%; }
.br { background: url(br.gif) 100% 100% no-repeat; }
.tl { background: url(tl.gif) 0 0 no-repeat; }
.tr { background: url(tr.gif) 100% 0 no-repeat; padding:10px; }

/****************************
 **   Layout
 ****************************/

.maincontainer { margin: auto; width: 853px; background: url(mainback.png) repeat-y right;  }
.containerpadding { /*margin: 0px 7px 0px 3px; commented by Shane*/  margin-left:3px; }
.roundedtop { width: 853px; background: url(roundedtop.png) no-repeat bottom right; margin: auto;  height: 15px; font-size: 1px; }
.roundedbottom { width: 853px; background: url(roundedbottom.png) no-repeat top; margin: auto; height: 20px; font-size: 1px; }



.header { background: url(header.png) no-repeat; }
.header .area { /*padding:0px 10px 5px 10px; commented by Shane*/ }
.header .area  .left { float: left; width:200px; height:90px; }
.header .area  .right { float: left; margin-left:-65px; }
.header .area  .right .top { text-align: right; margin-left:447px; width:195px; height:70px; }
.header .area  .right .bottom { width:642px; height:20px; text-align:center; padding: 0px 0px 10px 65px; }


.header .area  .right .search table { width:240px !important; border-collapse:collapse; height:60px; margin-top:10px;}

.header .area  .right .search .SearchBox {!important; border:none; background-image:url(search-left_long.png); height:18px !important; padding:0px !important; margin:0px !important; background-color:transparent; padding-left:10px !important; padding-right:0px !important; padding-top:3px !important; font-size:10px !important; width:200px !important;}
.header .area  .right .search .SearchButton {width:33px !important; border:none; background-image:url(search-button.png); height:21px !important; padding:0px !important;  margin:0px !important; color:transparent; background-color:transparent;}

/********SEARCH BOX ON PAGE**********/
.searchview table {  border-collapse:collapse;   }
.searchview .SearchBox {width:200px !important;  border:none !important;  background:url(search-left_long.png) no-repeat !important; height:18px !important; padding:0px !important; margin:0px !important; background-color:transparent; padding-left:10px !important; padding-right:0px !important; padding-top:3px !important; font-size:10px !important; }
.searchview .SearchButton { font-color:transparent; width:33px !important; border:none; background-image:url(search-button.png); height:21px !important; padding:0px !important; margin:0px !important; color:transparent; background-color:transparent;}

.firstpagebutton { background: url('firstpage-button.gif') left center no-repeat; height: 15px; width: 15px; border: none; padding: 0px 0px 0px 0px; margin: 0px 2px 4px 2px; cursor: pointer; text-decoration: none; }
.lastpagebutton { background: url('lastpage-button.gif') right center no-repeat; height: 15px; width: 15px; border: none; padding: 0px 0px 0px 0px; margin: 0px 2px 4px 2px; cursor: pointer; text-decoration: none; }



.footer { text-transform:uppercase; margin-left:30px;  width:80%; }

.header2 {  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 3px; width: 842px; }
.header2 .left { float: left; width: 584px; height: 172px; margin-top:-1px;  position: relative;  }
.header2 .right { float: left; width: 259px; height: 172px; margin-top:-1px; margin-left:-1px; background-color:#FFF; }

.header2 .left .curve { width: 30px; height: 30px; background: url('bannercurve.png') no-repeat; position: absolute;  bottom:0px;  right: 0px; z-index:5000;}


.datebar {  width: 842px;  color: #FFF !important; font-size: 12px; margin-top:-1px; }
.datetext {color:#FFF; font-size:12px;}
.datebar .left { background: url(dateback.jpg) no-repeat; padding-top:0px; margin-left:3px; float: left; width: 584px;   height: 30px; }
.datebar .right { float: left; width: 250px; height: 30px; background-color:#FFF; padding-top:0px; }

.banner { padding: 30px 0px 0px 0px; }

.contentcontainer {margin-left:3px;  }
/*.contentcontainer  p{ color: #394a84; font-size: 14px; } /* Was P */
/*.contentcontainer h1 { color: #394a84; font-size: 25px; }*/
.contentcontainer ul { color: #666666; font-size: 14px; margin-left:20px; }
.contentcontainer ul li { color: #666666; font-size: 14x; margin-bottom:10px; }


.sidebar { float: left; width: 186px; }
.mainarea { float: left; padding: 10px 10px 10px 10px; width: 480px; }
.mainarea .content{ float: left; padding: 10px; }
.mainarea p { font-size: 14px; }
.mainarea h1 { font-size: 22px; color:#666666; font-weight: normal;  padding:0px 0px 0px 0px; margin-bottom: 0px; padding-bottom: 0px;  }
.mainarea h2 { font-size: 18px; font-weight: normal; color: #cc0000; margin-bottom: 0px; }
.mainarea a:link span {color:#666666 !important;}
.mainarea a:hover span {color:#f07a2d !important;}

.mainarea_2{ float: left; padding: 10px 10px 10px 10px; width:600px; }
.mainarea_2 .content{ float: left; padding: 10px; }
.mainarea_2 p { font-size: 14px; }
.mainarea_2 h1 { font-size: 22px; color:#666666; font-weight: normal;  padding:0px 0px 0px 0px; margin-bottom: 0px; padding-bottom: 0px;  }
.mainarea_2 h2 { font-size: 18px; font-weight: normal; color: #cc0000; margin-bottom: 0px; }
.mainarea_2 a:link span {color:#666666 !important;}
.mainarea_2 a:hover span {color:#f07a2d !important;}

.rightbar { float: left;  padding: 10px; width: 140px; }

.sidebar a { text-decoration: none; color: #FFF; }
.sidebar a:hover { text-decoration: none; color: #f07a2d; }


.sidebox { margin: 10px; }
.sidebox .top { background: url(sideboxtop.jpg) no-repeat; height: 10px; margin: 0; padding: 0; font-size:1px; }
.sidebox .bottom { background: url(sideboxbottom.jpg) no-repeat; height: 10px; margin: 0; padding: 0; font-size:1px; }
.sidebox .middle { background: #F27428; margin: 0; }
.sidebox .area { padding: 10px; color: #FFF; font-size: 14px; vertical-align: top; }
.sidebox p { font-size: 14px; margin: 0; padding: 0px 0px 0px 0px; }
.sidebox h2 {margin:0px !important; padding:0px !important; font-size:14px; }
.sidebox a:hover { color:#FFF;}

.sidebox2 { margin: 10px; }
.sidebox2 .top { background: url(sideboxtop2.jpg) no-repeat; height: 10px; margin: 0; padding: 0; font-size:1px; }
.sidebox2 .bottom { background: url(sideboxbottom2.jpg) no-repeat; height: 10px; margin: 0; padding: 0; font-size:1px; }
.sidebox2 .middle { background: #6e6e70; margin: 0; }
.sidebox2 .area { padding: 10px; color: #FFF; font-size: 14px; vertical-align: top; }
.sidebox2 p { font-size: 14px; margin: 0; padding: 0px 0px 0px 0px; }
.sidebox2 h2 {margin:0px !important; padding:0px !important; font-size:14px; }

.sidebox3 { cursor: pointer; }
.sidebox3 a { text-decoration: none; color: #FFF; }
.sidebox3 .top { background: url(sideboxtop3.jpg) no-repeat; height: 3px; margin: 0; padding: 0; font-size:1px; }
.sidebox3 .bottom { background: url(sideboxbottom3.jpg) no-repeat; height: 4px; margin: 0; padding: 0; font-size:1px; }
.sidebox3 .middle { background: #ed1c24; margin: 0; padding: 0; }
.sidebox3 .area { padding: 0px 0px 0px 0px; color: #FFF; font-size: 14px; vertical-align: top; }
.sidebox3 h2 {margin:0px !important; padding:0px !important; font-size:14px; }

.footer { padding: 10px; }


/***************************
** Feature list
**********************/

.feature { background: url(backing.jpg) repeat-y; width: 100%; min-height:100%; height:100% !important; display:block; }
.feature .overlay { background: url(featureoverlay.png) no-repeat; height:107px; width: 100px; }
.feature .text { padding: 5px; }
.feature p{ font-size:9px; !important}
.feature .text h1 {padding:10px; padding-left:0px; margin:0px;}
.feature a {font-size:9px; !important; cursor: pointer; text-decoration: none;}

/****************************
 **   Content
 ****************************/
 
 
.content .area { padding: 10px 20px 10px 20px; }
.content .area ul { margin: 8px; padding: 5px; background: #F0F0F0; border: 1px #CCCCCC solid; }
.content .area ul li { margin: 0px 0px 0px 15px; }


.rdContent {margin:0px !important; padding:0px !important;}

/********************************
	** Contact form
******************************/
.Contacttextbox {  border:none !important; background:url(search-left-right.png) no-repeat !important; height:22px !important; padding:0px !important; margin:0px !important; background-color:transparent !important; padding-left:10px !important; padding-right:15px !important; padding-top:3px !important; font-size:10px !important; width:135px; }
.Contacttext {margin-top:20px; font-size:10px;  color:#CC0000;}
/*.Contactbutton { background: url(minibutton.jpg) right no-repeat #E0292B; border: none; height: 17px; font-size: 9px;  color: #FFF; cursor: pointer; padding: 0px 5px 4px 2px; margin-right:5px; }*/
.Contacttext td {padding-left:10px;  width:100%; padding-top:0px;}
.Contactbutton { color:#FFF; font:x-small verdana; margin:0px; padding:0px; border:none; margin-top:10px; padding-bottom:3px; padding-left:5px; padding-right:10px; height:20px; background-image:url(calendargroupbutton.png); background-position:top right; background-color:Transparent; cursor:pointer;}





/* Header2 Free Trial Contact Form - Start */

    .header2 .right table { margin:0px 10px 0px 10px;}
    .header2 .right .normaltext {height:22px; line-height:23px;}
    .header2 .right .inputbox { padding-left:10px; background-image:url(bar-left.png); background-repeat:no-repeat; background-position:left top; height:22px; margin:1px;}
    .header2 .right .inputbox div { padding-right:10px; background-image:url(bar-right.png); background-repeat:no-repeat; background-position:right top; height:22px;}
    .header2 .right .inputbox div input {border:0px; background-color: Transparent ; background-image:url(bar-middle.png); background-repeat:repeat-x; margin:0px; height:22px; font-size:x-small !important;  padding:5px 0px 3px 0px; color:#666; }
    .header2 .right .inputbox div textarea {border:0px; background-color: Transparent ; background-image:url(bar-middle.png); background-repeat:repeat-x; margin:0px; font-size:x-small !important;  padding:5px 0px 3px 0px; color:#666; height:22px; display:block; overflow:auto; }

/* Header2 Free Trial Contact Form - End */






/* Event List - Start */

    .eventlistheader {border-collapse:collapse; width:100%;}
    .eventlistheader .title, .eventlistheader .title:hover {color:#FFF; font-size:medium; font-weight:bold; display:block;}
    .eventlistheader .date, .eventlistheader .date:hover {color:#FFF; display:block;}

    .eventlistheader .topleft {height:10px; width:10px; background: url(eventlistheader.png) no-repeat top left;}
    .eventlistheader .topcenter {background-color:#E0292B;}
    .eventlistheader .topright {height:10px; width:10px; background: url(eventlistheader.png) no-repeat top right;}

    .eventlistheader .middleleft {background-color:#E0292B;}
    .eventlistheader .middlecenter {background-color:#E0292B;}
    .eventlistheader .middleright {background-color:#E0292B;}

    .eventlistheader .bottomleft {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom left;}
    .eventlistheader .bottomcenter {background-color:#E0292B;}
    .eventlistheader .bottomright {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom right;}

    .eventlistcontent { background-color:#FFF;}
    .eventlistcontent .topleft {height:0px; width:10px;}
    .eventlistcontent .topcenter {}
    .eventlistcontent .topright {height:0px; width:10px;}

    .eventlistcontent .bottomleft {height:10px; width:10px;}
    .eventlistcontent .bottomright {height:10px; width:10px;}
    
    .eventlistcontent .middleleft {}
    .eventlistcontent .middlecenter td {width:100%; text-align:left; }
    
    .rgAltRow {}
    .rgSelectedRow { background-color:#CCC;}
    .eventlistcontent .middlecenter a { color:#333;}
    .eventlistcontent .middlecenter a:hover { color:#333;}
    .eventlistcontent .middlecenter .subject { padding:2px; font-size:x-small !important;}
    .eventlistcontent .middlecenter .time { text-align:right; padding:2px; width:auto; font-size:x-small !important;}
    .eventlistcontent .middlecenter .time a {margin:0px; padding:0px;}
    .eventlistcontent .middlecenter .time a span {margin:0px; padding:0px;}
    .eventlistcontent .middlecenter .time {background:url(whatson-spacer.png) center bottom no-repeat; padding-top:10px; padding-bottom:10px; text-align:right;}
    .eventlistcontent .middleright {}

    .eventlistcontent {border-collapse:collapse; width:100%; }
    .eventlistcontent .empty {display:block; width:100%; text-align:center;}
 
/* Event List - End */


/* Event Calendar - Start */

    .calendargroupbutton { color:#FFF; font:x-small verdana; margin:0px; padding:0px; border:none; margin-top:10px; padding-bottom:3px; padding-left:5px; padding-right:10px; height:20px; background-image:url(calendargroupbutton.png); background-position:top right; background-color:Transparent; cursor:pointer;}

    .rsApt {background-image: none !important; margin-top:4px !important;}
    .rsAptContent {background-image: url(AppointmentTopLeft.png) !important; margin-left:-4px !important;}
    .rsAptContent a{ font-size:x-small !important; line-height:22px !important; display:block !important;}
    .rsAptIn {background-image: url(AppointmentTopRight.png) !important;}
    .rsAptMid {background-image: url(AppointmentBottomRight.png) !important; margin-right:4px !important;}
    .rsAptOut {background-image: url(AppointmentBottomLeft.png) !important;}
    .rsAptRecurrenceException, .rsAptRecurrence { display:none !important;}
	
	.RadScheduler h2 {font:12px verdana !important; text-align:center !important; line-height:30px !important;}
	.RadScheduler  {}
	
	
/* Event Calendar - End */


/* Event Time Table - Start */


    .timetable .timetableheader {border-collapse:collapse; width:100%; }
    .timetable .timetableheader .title, .eventlistheader .title:hover {color:#FFF; font-size:medium; font-weight:bold;}
    .timetable .timetableheader .date, .eventlistheader .date:hover {color:#FFF;}

    .timetable .timetableheader .topleft {height:10px; width:10px; background: url(eventlistheader.png) no-repeat top left;}
    .timetable .timetableheader .topcenter {height:10px; background-color:#E0292B;}
    .timetable .timetableheader .topright {height:10px; width:10px; background: url(eventlistheader.png) no-repeat top right;}

    .timetable .timetableheader .middleleft {background-color:#E0292B;}
    .timetable .timetableheader .middlecenter {background-color:#E0292B; text-align:center;}
    .timetable .timetableheader .middleright {background-color:#E0292B;}

    .timetable .timetableheader .bottomleft {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom left;}
    .timetable .timetableheader .bottomcenter {height:10px; background-color:#E0292B;}
    .timetable .timetableheader .bottomright {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom right;}

    .timetable .timetablecontent {}
    .timetable .timetablecontent .middleleft {width:0px;}
    .timetable .timetablecontent .middlecenter {background-color:#FFF;}
    .timetable .timetablecontent .middleright {width:0px;}

    .timetable .timetablefooter { border-top:1px solid #FFF;}
    .timetable .timetablefooter .bottomleft {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom left;}
    .timetable .timetablefooter .bottomcenter {height:10px; background-color:#E0292B;}
    .timetable .timetablefooter .bottomright {height:10px; width:10px; background: url(eventlistheader.png) no-repeat bottom right;}

    .timetable { padding-bottom:10px !important; padding-bottom:10px !important;}
    .timetable .rgRow, .timetable .rgAltRow {font-size:x-small !important;}
    .timetable .rgRow td, .timetable .rgAltRow td {padding:4px !important; border-top:1px solid #FFF !important;}
    .timetable div.rgRow {padding:4px !important; border-top:1px solid #FFF !important; background:#CCC; text-align:center;}
    .timetable .rgHeader {border-bottom:2px solid #999 !important; padding:4px !important; color:#333;}
    .timetable .rgMasterTable {/*padding-bottom:10px !important;*/}
    .timetable .dates {}
    .timetable .dates .weekbutton {width:100%; display:block; height:30px; line-height:28px; color:#FFF;}
    .timetable .dates .weekbuttonselected {width:100%; display:block; height:30px; line-height:28px; color:#FFF; background-color:#900;}
    .rgSelectedRow {background-color:#999 !important; color:#FFF !important;}

/* Event Time Table - End */




/* Enquiry Form - Start */
    
    .enquiryform {}
    .enquiryform * { font:x-small tahoma;}
    .enquiryform table {width:100%;}
    .enquiryform table td {padding:2px; line-height:20px;}
    .enquiryform .textbox {padding-right:20px;}
    .enquiryform .textbox div {padding:0px; margin:0px; background-image:url(textbox_left.png); background-position:left; background-repeat:no-repeat;}
    .enquiryform .textbox div input {background-color:Transparent; width:100%; padding:0px 10px 0px 0px ; margin:0px 0px 0px 10px; background-image:url(textbox_right.png); background-position:right; background-repeat:no-repeat; height:22px; border:none; line-height:22px;}
    
    .enquiryform .textarealeft {padding-right:20px;background-image:url(textarea_left.png); background-position:left; background-repeat:no-repeat;}
    .enquiryform textarea, .enquiryform textarea:focus {background-color:Transparent; width:100%; background-image:url(textarea_right.png); background-position:right; background-repeat:no-repeat; height:55px; border:none; padding:10px 10px 10px 0px; margin:0px 0px 0px 10px; line-height:11px;}
    
    .enquiryform .send {background-color:Transparent; background-image:url(longbutton.png); background-position:right top; width:50px; height:20px; border:none; padding:0px 5px 5px 0px; margin:0px; color:#FFF; cursor: pointer;}
    
/* Enquiry Form - End */



/* Contact Form - Start */
    
    .contactform { padding-right:20px;}
    .contactform * { font:x-small tahoma;}
    .contactform table {width:100%;}
    .contactform table td {padding:2px; line-height:20px;}
    .contactform .textbox {padding-right:20px;}
    .contactform .textbox div {padding:0px; margin:0px; background-image:url(textbox_left.png); background-position:left; background-repeat:no-repeat;}
    .contactform .textbox div input {background-color:Transparent; width:100%; padding:0px 10px 0px 0px ; margin:0px 0px 0px 10px; background-image:url(textbox_right.png); background-position:right; background-repeat:no-repeat; height:22px; border:none; line-height:22px;}
    
    .contactform .send {background-color:Transparent; background-image:url(longbutton.png); background-position:right top; width:50px; height:20px; border:none; padding:0px 5px 5px 0px; margin:0px; color:#FFF; cursor: pointer;}
    
/* Contact Form - End */


/* Twitter - Begin */

.Twitter_Title p { font-size: 18px !important; font-weight:normal !important; color: #666666 !important; margin-bottom: 5px !important; font-style:italic !important; font-family:Times New Roman !important; border-bottom:1px solid #999 !important;}

.Twitter_Title a { text-decoration: none; color: #f07a2d; }
.Twitter_Title a:hover { text-decoration: none; color: #f07a2d; }

.Twitter_List { color: #666666; word-wrap: break-word !important; }
.Twitter_List .Twitter_User { color: #f07a2d; }
.Twitter_List .Twitter_Text { }
.Twitter_List .Twitter_Date { color:#666666; }
.Twitter_List .Twitter_Source { }
.Twitter_List a { text-decoration: none; color: #f07a2d; }
.Twitter_List a:hover { text-decoration: none; color: #f07a2d; }