body 
{
    background:none;
}
div:focus {outline: 0;}

.wrapper { padding: 0px 0px 0px 0px; }
.cassiecontent .inner { margin-left:5px; margin-right: 5px;}
.row .inner { margin:5px 5px 5px 5px;}
.row .detail { margin-left: 15px; margin-top: 5px; margin-bottom: 5px}
.menu .inner { margin-left:0px; margin-right: 0px;}


.column.three-quarters {
   width:74% ! important;
}


.loginoutbutton
{
    display: none;
}

.field
{
    position: relative !important;
}
.sitetabsdetail fieldset 
{
    -moz-border-radius-topleft:0x;
     -webkit-border-top-left-radius:0px;
     -o-border-radius-topleft:0px;
    -ie-border-radius-topleft:0px;
    border-top-left-radius:0px;
    margin-top:-1px;
    
}

.bookingsearch { float:left;}
.selectroom { float:left;}
.selectservices { float:left;}
.meetingconfirm { float:left;}


.discountremovebutton 
{

    font-size:12px ! important;
}



.cassietoolTip {background: url(/portal/img/info.png) no-repeat 0 0 transparent; height:24px; width:24px; position: relative;} 
.cassietoolTip:hover {cursor: pointer;}
/*.cassietoolTip:hover .cassietipMsg {display: block; }*/
.cassietipMsg {min-width:150px; border-radius: 4px; background: #fff; border:1px solid #ccc; padding:10px; position: absolute; top:-4px; left:36px; box-shadow: 0px 0px 5px #CCC; display: none;z-index: 999; }


.tdleft 
{
    border-right: 10px solid #ccc;
}

.backtoresults 
{

    font-size:12px ! important;
}
.sitethumb
{
    padding:5px;
}

.sitetabs
{

}
.meetingsearchbutton 
{
    margin-left: 0px;
    width:100%;
}
.column.half{width:50%;}
.column.two-thirds {width:66%;}
.column.one-third {width:33%;}

.labelpadded { padding: 5px; }
.labelnopadding {padding: 0px;}
.nav { height:20px;}


.RadGrid {
    min-height: 0px;
}
.aligncentre
{
    text-align:center;
}


.alignright
{
    text-align:right;
}


.alignleft
{
    text-align:left;
}

fieldset {margin:5px; padding:10px;}
.portalmodule { padding: 0px; }
.modulemeetingsearch .field { margin-bottom: 2px;}
.moduletenantpayment .field { margin-bottom: 2px;}

.centrediv
{
    display: table;
    margin: 0 auto;
}
.ui-response 
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    
}

.meetingpromocode .field input 
{
    margin-left: 0;
     margin-right: 0;
    width: 100px;
    }

.bookingsteps fieldset { padding: 0px; }
.portalgrid { margin-left:-10px; margin-right: -10px; border: 0px solid #fff ! important;}

.button-glossy 
{
    font-size: 16px;
}

.title
{
    font-size: 18px !important;
    font-weight: bold !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
}


.field .title
{
    font-size: 16px !important;
    font-weight: bold !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
}

.subtitle
{
    font-size: 14px !important;
    font-weight: bold !important;
    margin-left: 0 !important;
}


.modulemeetingsearch fieldset 
{
   margin-top:15px; 
}
.moduleheading
{
    
      background-color: Navy;
    border-radius: 5px 5px 0 0;
    height: 40px;
    margin: -20px -10px 10px;
    padding-top: 10px;
    text-align: center;
    
    

 
    border-radius:  5px 5px 0px 0px;
    -webkit-border-radius:  5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;

}


/* ----------------------- EDITING ------------------------------------*/

.editpanel
{
    position:relative;
    background-color: White;
    z-index: 999;
    padding-top: 10px;
    height:30px;
    margin: 0 auto;
    border: 1px solid #ccc;
}

.contenteditbutton  
{
    
    text-decoration:none;  padding: 5px;  margin:5px;
    background: linear-gradient(to bottom, #5CCD00 0%, #4AA400 100%) repeat scroll 0 0 transparent;
    border: 1px solid #459A00;
   
    -webkit-border-radius:  5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
     border-radius:  5px 5px 5px 5px;
    }
.blockScreen {position: fixed;left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999998; background-color:     #CCC;filter: alpha(opacity = 55); opacity:.55;}

/* ----------------------- END OF EDITING -----------------------------*/


/* ----------------------- NEW BRANDING ------------------------------------*/


fieldset 
{
    border: 1px solid #E2E0E0;
}

.modulequickbutton .field img { width: 90%;}
.modulequickbutton fieldset {padding-bottom: 10px; }


.modulequickbutton fieldset {background-color: navy; }
.modulequickbutton .quickbuttontitle { color: #fff ! important; font-weight:bold; }
.modulequickbutton .quickbuttondescription { color: #fff ! important; }

.modulelogin .portalmodule .tdRight
{
  
}


.button-glossy.green 
{
    background: linear-gradient(to bottom, blue 0%, navy 100%) repeat scroll 0 0 transparent;
    border: 1px solid #459A00;
  
    color: Yellow;
}

/* ----------------------- END OF NEW BRANDING ------------------------------------*/



/* ----------------------- OLD BRANDING ------------------------------------*/

.PortalSubHeading {   color: #1AA393; font-size: 24px; font-weight:bold;}


.announcementtitle {font-size:14px ! important; font-weight: bold ! important;}
.announcementtext {}

.TitleHead {   color: #555555 !important;  font-size: 24px}

.forecolorblack {color: #555;}
.forecolorwhite {color: white ! important;}
.forecolorlightpurple {color: #974CC6 ! important;}


.backcolorlightgrey {	background-color: #f1f1f1 ! important;}
.backcolorgreen {    background-color:#009933 ! important;    }
.backcolorred {    background-color:#FF3333 ! important;    }
.backcolorgrey {background-color: #EAE6E6;}
.backcoloroffwhite {background-color: #F7F7F7 ! important;}

.bordercolorpurple {border-color: #E8E6E6;}
.bordercolorgrey {	border-color: #E8E6E6 ! important; display: inline-block;}
.bordercolorlightgrey {	border: 1px solid #E2E0E0;}

.fontsize12 {	font-size: 12px ! important;}
.fontsize14 {	font-size: 14px ! important;}
.fontsize18 {	font-size: 18px ! important;}
.fontsize24 {	font-size: 24px ! important;}



.bigbutton {	height:35px!important;	font-size: 16px;	margin-left: 0px !important;	border-radius: 10px;	cursor: pointer;		border:1px solid #ccc;}
.bigbuttonwide {	border:1px solid #ccc;	width: 185px;	height:45px;	color: #946693;	font-size: 18px;	margin-left: 0px !important;	border-radius: 10px;	cursor: pointer;	}

.navmenu {    position: relative;}
.navmenu {    background-attachment: scroll !important;    background-color: #432144 !important;    background-image: none !important;    background-position: 0 0;    background-repeat: repeat !important;}
.navmenu {    position: relative;}
.navmenu
{
    background: transparent url('/portal/images/navBG.jpg') repeat scroll 0 0;
    padding-bottom: 10px;
    padding-top: 8px;
}
.logoutbutton {	font-weight: bold!important;	padding-bottom: 15px!important;	color: #848484 ! important;	font-size: 14px ! important; text-decoration:none;}
a.logoutbutton:hover {  text-decoration:none;}


/*--------- dnn menu style ----------*/
/* main menu td */
.mainMenu .root {color: #FFFFFF !important;}
.mainMenu .root {color: #848484;font-weight: bold;text-align: center; white-space: nowrap;}
.mainMenu {height: 10px;cursor:pointer;font-size: 15px; width:970px;z-index:1!important;}
/* Main Menu Normal */
.mainMenu .root{position:relative;font-weight:bold; 	text-align:center; padding-left:12px;padding-right:12px;text-transform: margin-right:1px;white-space:nowrap;margin-right:1px;	float:left;z-index:1!important;color: #848484;}
/* Main menu hover */
.mainMenu .hov{ z-index:1!important;}
/* Main menu selected */
.mainMenu .sel, .mainMenu .bc {z-index:1!important;color: #848484 ! important;}
.mainMenu table{margin-top:12px;border:1px solid #eae6e6; /*controls drop down border */z-index:1!important;background:#fff;color: #848484 ! important;z-index: 1000000000;}
/* SUB Menu Normal */
.mainMenu tr.mi{	z-index:999999!important;	font-size: 15px; 	font-weight:bold;	text-align:left;	line-height:2em;	text-transform:none; }
.mainMenu tr.mi td{padding: 0 2px;text-transform:none;}
/* SUB Menu hover & selected */
.mainMenu tr.hov { background: #848484;color:#fff!important;z-index:999999!important;}
.mainMenu tr.hov td{}
.mainMenu tr.sel, .mainMenu tr.bc{z-index:999999!important;}
.mainMenu tr.sel td, .mainMenu tr.bc td{}
.main_dnnmenu_break{	height: 2px;}
.mainMenu table {z-index:100000000!important;}
.mainMenu tr .mi {z-index:100000000!important;}



/* ----------------------- END OF BRANDING -----------------------------*/



/* ----------------------- TABS ------------------------------------*/

.roundedTabsContainer {    border-radius: 10px 10px 10px 10px;    height: 70px;    margin: 10px;    margin-bottom: 20px;	color:#fff!important;}
.quickbuttonsp a {color:#fff!important;}
.quickbuttons {	width: 199px;}
.quickbuttonsimg {margin-top: 10px;margin-left: 14px;}
.quickbuttonsp { font-size: 14px;font-weight: bold;margin-left: 60px;margin-top: -33px;}



#calendarHeader {    background: -moz-linear-gradient(center top , #FF1A00 0%, #CD0000 100%) repeat scroll 0 0 transparent;    border-radius: 5px 5px 0 0;    box-shadow: 0 3px 5px #CCCCCC;    color: #FFFFFF !important;    font-size: 10px;    line-height: 1;    margin: 0 !important;    padding: 1px 0 2px;    text-align: center;}
#calendarHeader p {    line-height: 1;    margin: 0 !important;    padding: 0 !important;}
#calendarHeader {    color: #FFFFFF !important;    font-size: 10px;    line-height: 1;    text-align: center;}
#calendarHeader p {    line-height: 1;    margin: 0 !important;    padding: 0 !important;}
#calendarHeader {    color: #FFFFFF !important;    font-size: 10px;    line-height: 1;    text-align: center;}
#calendar {   line-height: 1;}


/* ----------------------- END OF TABS ------------------------------------*/


/* ----------------------- MEETING ROOM STEPS ------------------------------------*/
#breadCrumbBooking {    height: 71px;    margin-left: 4px;    width: 970px;}
#bCrumbsName p {    font-size: 18px;    margin-left: 9px;    margin-top: 17px;}
#CrumbArrow1 {width: 28px;height: 71px;background:url('/portal/img/seperatorCrumb.png') no-repeat;float: left;margin-top: 10px}
#CrumbArrow2 {width: 28px;height: 71px;background:url('/portal/img/seperatorCrumb.png') no-repeat;margin-top: 10px;float: right}
#CrumbArrow3 {width: 28px;height: 71px;background:url('/portal/img/seperatorCrumb.png') no-repeat;margin-top: 10px;float: right}
#CrumbArrow4 {width: 28px;height: 71px;background:url('/portal/img/seperatorCrumb.png') no-repeat;margin-top: 10px;float: right}
#bCrumbsName {float: left;width: 126px;height: 77px;	}
.bCrumbStep {float: left;width: 120px;height: 77px;		}
.bCrumbStep P{font-size: 18px;margin-top: 17px;margin-left: 9px;			}

/* ----------------------- END OF MEETING ROOM STEPS ------------------------------------*/


/* ----------------------- PROFILE PICTURE ------------------------------------*/

.choosePicture {width:100%!important;}
.cassiepicture {width: 100% ! important;}
.buttonupload {border-radius: 0px 0px 5px 5px ! important;-moz-border-radius: 0px 0px 5px 5px ! important; -webkit-border-radius: 0px 0px 5px 5px ! important; -o-border-radius: 0px 0px 5px 5px ! important;-IE-border-radius: 0px 0px 5px 5px ! important;border: 0px ! important;height: 30px ! important;width:100% ! important;color:#fff!important;}
.buttonupload:hover {cursor:pointer!important;}
.pictureupload:hover {cursor:pointer;}
.pictureupload {border: none ! important;background-color: #555555 ! important;color:#555;border: 0px ! important;width:100%!important;}
.pictureupload input[type="file"] {background-color: yellow ! important;}

/* ----------------------- END OF PROFILE PICTURE -----------------------------*/

/* ----------------------- TELERIK ------------------------------------*/

/* ----------------------- END OF PROFILE TELERIK -----------------------------*/

/* ----------------------- FACEBOOK ------------------------------------*/
.fbpicture {margin: 12px auto;background:#fff;border: 1px #ccc solid;width: 202px;}
.fbpicture img {padding:10px;}
/* ----------------------- END OF PROFILE FACEBOOK -----------------------------*/

/* ----------------------- LEGACY ------------------------------------*/

.title_underline_line { border-bottom: 1px solid #AEAEAE; margin-bottom: 10px; }

.roundedtopleft {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -o-border-radius-topleft:5px;-ie-border-radius-topleft:5px;border-top-left-radius:5px;}
.roundedtopright {-moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px;-o-border-radius-topright:5px;-ie-border-radius-topright:5px;border-top-right-radius:5px;}
.roundedbotleft {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-o-border-radius-bottomleft:5px-ie-border-radius-bottomleft:5px;border-bottom-left-radius:5px;}
.roundedbotright { -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -o-border-radius-bottomright:5px; -ie-border-radius-bottomright:5px; border-bottom-right-radius:5px;}

.hideleftborder {border-left: 0px ! important;}
.hiderightborder {border-right: 0px !important;}
.hidetopborder {border-top: 0px ! important;}
.hidebottomborder {border-bottom: 0px ! important;}


.bhrc_wrapper {margin:5px;}
.bhrc_title  {height:36px; font-size: 18px;text-align:center;padding-top: 16px;}
.bhrc_border {	border-width: 1px;	border-style: solid;}
.bhrc_padding {	padding: 10px;}





/* ----------------------- END OF LEGACY ------------------------------------*/



/* ----------------------- NOT YET SORTED ------------------------------------*/



.hnb_title {
	padding-top:20px;
	padding-bottom:25px;
	padding-left: 10px;
	color: #1AA393;
	font-size: 24px;
}


/* Module Action Menus */
.ModuleTitle_SubMenu
{
z-index:999999!important;
	border:1px solid red;

}

.ModuleTitle_SubMenu td{
	white-space: nowrap;
	z-index:999999!important;
} 

.ModuleTitle_MenuIcon {
	border:none;
	padding: 0px 2px;
	z-index:999999!important;
}

.ModuleTitle_MenuItemSel td, .ModuleTitle_MenuItemSel .ModuleTitle_MenuIcon{
	z-index:999999!important;
}

.ModuleTitle_MenuBreak td, .ModuleTitle_MenuBreak .ModuleTitle_MenuIcon
{
z-index:999999!important;
	height: 2px;
	background-color: green;
}


/* Blue Header No Borders */
.bhnb_wrapper {
	margin:5px;
}
.bhnb_title  {
height:42px; 
font-size: 18px;
text-align:center;
padding-top: 16px;
}
.bhnb_padding {
padding: 10px;
}


/* Blue Header Rounded Corners */
.bhrc_wrapper {
	margin:5px;
}
.bhrc_title  {
height:36px; 
font-size: 18px;
text-align:center;
padding-top: 16px;
}
.bhrc_border {
	border-width: 1px;
	border-style: solid;
}
.bhrc_padding {
	padding: 10px;
}


/* Blue Header No Borders Title Left */

.bhnbtl_wrapper {
	margin:5px;
}
.bhnbtl_title  {
	height:42px; 
	font-size: 18px;
	text-align:left;
	padding-top: 16px;
	padding-left: 20px;
}

.bhnbtl_padding {
padding: 10px;
}




/* Title Underline */
.title_underline_wrapper {
	margin:10px;
}

.title_underline {
	font-weight: bold!important;	
	font-size: 18px!important;	
	margin-bottom: 7px!important;	
	font-weight: bold!important;

}
.Purpleline {

    height: 5px;
}



.paidInvoice th{

color: #6D2E90;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 130px;
}

.digit {
font-size: 45px;
color: #fff;
float:left;
margin-top: 13px;	
font-family:"Century Gothic";
font-weight: bold;
margin-left:0!important;
display:none!important;
}

.BreadImage {
float: right;	
margin-top: 13px;	
margin-right: 0px;
}

#breadCrumbBooking a {
	
	text-decoration: none;
	color: #fff;
	}
	
	/* end of bread Crumb */
.SubHead {
    color: #974CC6!important;
    font-size: 14px!important;
    font-weight: bold!important;
}



/******************************************************************************************************************************************
Meeting room picker
*******************************************************************************************************************************************/

h3 {
color:#6c2d8f!important;	
font-weight: bold!important;	
}

.start {
color:#6c2d8f!important;
font-weight: bold!important;		
}

.finish {
color:#6c2d8f!important;	
font-weight: bold!important;	
}

.type {
color:#6c2d8f!important;
font-weight: bold!important;	
}

.roomInfo {
margin-left: 20px;
}
.bookNow {
margin-left: 25px;
margin-top: 10px;	
}

.bookNow p{
margin-bottom: 5px;	
}

.bookNow span {
color:#6c2d8f!important;
font-weight: bold!important;		
}


.bookNow form {
margin-left: -10px!important;
margin-top: -70px;	
}

.booking
 {
float: left;
}


.bookNow1 {
    margin-right: 50px;
}

.bookNow1 {
    float: right;
}

.bookNow1 {
    background: url('../images/bookRoom.png') no-repeat 0 0;
    cursor: pointer;
    height: 44px;
    margin-bottom: 20px;
    width: 173px
}

.bookNow1:hover {
	background-position: 0px -44px;	
	cursor:pointer;
}


.price {
float: right;
font-size: 24px;
margin-right: 15px;	
}

.price span {
	 color: #6C2D8F !important;
}

h3 {
    color: #6C2D8F !important;
    font-weight: bold !important;
    margin-bottom: 7px!important;
    font-size: 18px!important;
    font-weight: bold!important;
    margin-left: 30px!important;
    margin-top: 28px!important;
}

.list {
    margin-left: 300px;
}

.list ul li {
    font-size: 14px;
    list-style:disc;
    margin-bottom: 5px;
    padding-left: 0px;
}


/*end meeting room results */

/* regus style page */

.mainHeadingService {
width: 740px;
height: 57px;
background:#581272 url('../images/bookingHeader.jpg') repeat-x;
border:1px solid #5e118a; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-left:10px; margin-top:16px; background-color:#581272
}

.mainHeadingService h2{
margin-top:15px;
margin-left:30px;
color:#fff;
font-size:18px;
}


.recieptContainer {
	margin-top: 75px;
margin-left: 10px;
width: 740px;
position:relative;
}

.yourBookingDeails li {
	display:block;
	padding-top: 25px;
	border-bottom: 1px solid #ccc;
	margin: 0 10px 0 10px;
	
}

.serviceList0 {
margin-left: 195px;	
}
.serviceList1 {
margin-left: 195px;	
}
.serviceList2 {
margin-left: 125px;	
}

.serviceList3 {
margin-left: 100px;	
}
.serviceList4 {
margin-left: 154px;	
}

.serviceListDetails0 {
margin-left: 106px;	
}

.serviceListPrice0 {
margin-left: 206px;	
}

.serviceListDetails1 {
margin-left: 206px;	
}

.serviceListPrice1 {
margin-left: 168px;	
}

.serviceListDetails2 {
margin-left: 206px;	
}

.serviceListPrice2 {
margin-left: 187px;	
}

.serviceListDetails3 {
margin-left: 186px;	
}

.serviceListPrice3 {
margin-left: 160px;	
}

.serviceListDetails4 {
margin-left: 175px;	
}

.serviceListPrice4 {
margin-left: 82px;	
}

.totalLeft {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 16px;
	font-weight:none!important;
	
}

.totalLeft ul li {
font-weight:600;
margin-top: 5px;
}

.totalRight {
	float: right;
	margin-right: 10px;
	margin-top: 20px;
}

.totalRight p {
	font-weight:600;
margin-right: 75px;
}

.bigPrice {
font-size: 30px;	
}

.colourPrice {
	color: #ae5ce4!important;
}

.totalRoomPrice {
margin-left: 20px;
font-weight:600!important
}

.totalRoomPriceColour {
		color: #ae5ce4!important;
		margin-left: 25px;
		font-weight:600!important;
}

/***********************************************************************************************************************************************
ADMIN - user details
************************************************************************************************************************************************/

.leftDetails {
float: left;	
margin-right: 30px;
}

.leftDetails Select {
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-left: 60px;
    padding-left: 10px !important;
    width: 381px !important;

}
.leftDetails label {
	margin-left: 60px;	
	
}


.rightDetails Select {
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-left: 30px;
    padding-left: 10px !important;

}


/********************** buttons *********************/
.buttonBG a {
display: block;
height: 45px;
width: 166px;	
}

.buttonBGSmall a {
display: block;
height: 45px;
width: 123px;	
}

.buttonBGSmall {
background:url('../images/buttonBG.png') no-repeat;
height: 43px;
width: 123px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px
}

.buttonBGSmall:hover {
	background-position: 0px -46px;	
	cursor:pointer;
}

.buttonBG {
background:url('../images/buttonBG-xl.png') no-repeat;
height: 43px;
width: 173px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px
}

.buttonBG:hover {
	background-position: 0px -46px;	
	cursor:pointer;
}

.buttonBG a {
text-align: center;
color: #fff;
text-decoration:none;
font-size: 18px;
padding-top:10px;	
	
}

.buttonBGSmall a {
text-align: center;
color: #fff;
text-decoration:none;
font-size: 18px;
padding-top:10px;	
	
}
/*************************/


/* ADD NEW SERVIE REQUEST ***/


.leftRequest {
float: left;

margin-right: 55px;
}

.leftRequest input {
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-left: 30px !important;
    width: 260px !important;
}

.leftRequest Select {
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-left: 30px;
    padding-left: 10px !important;
    width: 280px !important;
}

.RightRequest {
float: left;
}

.RightRequest textarea {
	width: 370px;
	height: 102px;
	margin-top: 5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
border: 1px #ccc solid;
}



/**************************************/


	#tabbed_box1 {
		margin: 0px auto 0px auto;
		width: 300px;	
	}
	
	    .tabbed_box h4 {  
         font-size:23px;  
        color:#252525;  
        letter-spacing:-1px;  
        margin-bottom:10px;  
    }  
	.tabbed_box h4 small {  
    color:#ccc;  
    font-weight:normal;  
    font-size:9px;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
}  

	
	    ul.tabs {  
        margin:0px; padding:0px;  
    }  
    ul.tabs li {  
        list-style:none;  
        display:inline;  
    }  
	
	    ul.tabs li a {  
        background-color:#733398;  
        color:#fff;  
        padding:8px 14px 8px 14px;  
        text-decoration:none;  
        font-size:9px;  
        font-weight:bold;  
        text-transform:uppercase;  
        border:1px solid #464c54;  
    }  
    ul.tabs li a:hover {  
        background-color:#2f343a;  
        border-color:#000;  
    }  
    ul.tabs li a.active {  
        background-color:#ffffff;  
        color:#282e32;  
        border:1px solid #464c54;  
        border-bottom: 1px solid #ffffff;  
    }  
	    .content {  
        background-color:#ffffff;  
        padding:10px;  
        border:1px solid #464c54;  	
	background-image:url('../images/content_bottom.jpg');
	background-repeat:repeat-x;	 
	background-position-y:50%	
}
    #content_2, #content_3 { display:none; }  
	
	    ul.tabs {  
        margin:0px; padding:0px;  
        margin-top:5px;  
        margin-bottom:6px;  
    }  
	
	    .content ul {  
        margin:0px;  
        padding:0px 20px 0px 20px;  
    }  
    .content ul li {  
        list-style:none;  
        border-bottom:1px solid #d6dde0;  
        padding-top:15px;  
        padding-bottom:15px;  
        font-size:13px;  
    }  
    .content ul li a {  
        text-decoration:none;  
        color:#3e4346;  
    }  
    .content ul li a small {  
        color:#8b959c;  
        font-size:9px;  
        text-transform:uppercase;  
        position:relative;  
        left:4px;  
        top:0px;  
    }  
	
	    .content ul li:last-child {  
        border-bottom:none;  
    }  
	
	
	    ul.tabs li a 
	    {  
        background-image:url('../images/tab_off.jpg');  
        background-position:  bottom 50%;  
    }  
    ul.tabs li a.active {  
        background-image:url('../images/tab_on.jpg');  
        background-repeat:repeat-x;  
        background-position-y:50%;  
    }  
	
/***********************************************************************************************
Table
***********************************************************************************************/
 
 Th {

	padding-right: 166px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #6d2e90;
 }
 
 .content table td {
	
	 padding: 10px 0 10px 10px;
	 cursor:pointer;
 }
 /* specific styles */
 
   #tabbed_box_1 th {

	padding-right: 125px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #6d2e90;
 }
 
 #tabbed_box_1  td {
	
	 padding: 10px 0 10px 10px;
	 cursor:pointer;
 }

 
 #userDetailsT th {
    color: #6D2E90;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 155px;
}

#myContractTableDetails th {
    color: #6D2E90;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 90px;
}
 
  #myContractTableDetails td{
	 padding: 10px 0 10px 10px;
	 cursor:pointer;
 }
 
 
 #myContractTable th{

	padding-right: 50px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #6d2e90;
 }
 
 #myContractTabletd {
	
	 padding: 10px 0 10px 10px;
	 cursor:pointer;
 }
 
   /* specific styles */

 
 #statusChangedTable Th {

	padding-right: 70px;
	font-weight:bold;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #6d2e90;
 }
 
  #statusChangedTable td {
	
	
	 cursor:pointer;
	 font-size: 14px;
 }
 
 .lessPad {
	 margin-right:0!important; 
	 margin-left:0!important; 
 }

 
 .alternative {
background-color:#e4d8ea;
 }
 
 /* .hoverRow:hover {
	background-color:#cbb3d7!important; 
 } */
 
 
 #HTotal {
margin-left: 30px;
 }
 
 #SearchBut {
	 
background:url('../images/search.png') no-repeat;
height: 45px;
width: 166px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 0px;
margin-left: 300px
}

#SearchBut:hover {
	background-position: 0px -46px;	
	cursor:pointer;
}

#searchInvoice {
float: left;	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 24px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

	.tableInvoice th {
    color: #6D2E90;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 98px;
}

			.statementsTable th {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 65px;
}




/*************************
Payment Page 
*************************/

.addOns2 {
	width: 280px;
	float: left;
}

.addOns2 form {
width: 280px;	
}



.addOns2 input{
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.addOns3  input{
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.addOns2 {
	width: 280px;
	float: left;
}



.addOns3 {
	width: 280px;
	float: left;
}

.addOns3 select {
    border-radius: 5px 5px 5px 5px !important;
    cursor: pointer;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 280px !important;
}

.recieptContainer {
	margin-top: 75px;
margin-left: 10px;
width: 740px;
position:relative;

}

ul, li {
    list-style-type: none!important;
}

.addOns3 .monthDropDown {
    border-radius: 5px 5px 5px 5px !important;
    cursor: pointer;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 115px !important;
}





.paymentRight {
	float:right;
	 margin-right: 30px;
}

.paymentRight2 {
	float:right;
	 margin-right: 30px;
	
}

.paymentRight3 {
	float:right;
	 margin-right: 180px;
	 padding-left: 20px;
	 border-left: 1px #ccc solid;
	
}

.paymentRight3  p {
    margin-bottom: 20px;
    margin-left: 10px;
}

.paymentRight input{
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.paymentRight2  input{
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.paymentRight2 select  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}



.clear {clear:both;}

/*TEST*****************************************TEST******************************/
.inputFields {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 24px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.addOns2 .inputFields {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.addOns3 .inputFields {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 20px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.addOns2 {
	width: 280px;
	float: left;
}

.addOns2 form {
width: 280px;	
}

.addOns3 {
	width: 280px;
	float: left;
}

.addOns3 form {
width: 280px;	
}

.paymentRight {
	float:right;
	 margin-right: 30px;
	
}

.paymentRight2 {
	float:right;
	 margin-right: 30px;
	
}

.paymentRight3 {
	float:right;
	 margin-right: 180px;
	 padding-left: 20px;
	 border-left: 1px #ccc solid;
	
}



.paymentRight .inputFields  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.paymentRight2 .inputFields  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}

.paymentRight2 .select  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-left: 10px !important;
    width: 260px !important;
}


.addOns3 select  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 280px !important;
	cursor: pointer;
}

.addOns3 .monthDropDown {
	    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 115px !important;
	cursor: pointer;
	
}



.leftRequest .text-input  {
	
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
    margin-bottom: 10px!important;
	margin-left: 30px!important;
    width: 260px !important;

}

.leftRequest label  {
		margin-left: 30px;
}

.leftRequest Select {
    border-radius: 5px 5px 5px 5px !important;
    font-size: 16px !important;
    height: 30px !important;
	margin-left: 30px;
    margin-bottom: 10px !important;
    padding-left: 10px !important;
    width: 280px !important;	
}


.leftRequest {
float: left;

margin-right: 55px;
}

.RightRequest {
float: left;
}

.RightRequest textarea {
	width: 370px;
	height: 102px;
	margin-top: 5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
border: 1px #ccc solid;
}

.details {
margin-bottom: 5px;	
}


.Invoice {
margin-top:250px;	
}

.create_btn {	 
background:url('../images/create.png') no-repeat;
height: 43px;
width: 123px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 30px;
float: left
}

.create_btn:hover {
background-position: 0px -44px;	
cursor:pointer;
}

.canceal_btn {	 
background:url('../images/canceal.png') no-repeat;
height: 43px;
width: 123px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 0px;

float: left

}

.canceal_btn:hover {
background-position: 0px -44px;	
cursor:pointer;
}

.update_btn:hover {
background-position: 0px -44px;	
cursor:pointer;
}


.update_btn {	 
background:url('../images/UPDATE.png') no-repeat;
height: 43px;
width: 123px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 0px;
float: left;
margin-right: 20px
}


.canceal_btn2 {	 
background:url('../images/canceal.png') no-repeat;
height: 43px;
width: 123px;
cursor:pointer;
margin-top: 20px;
margin-bottom: 0px;

float: left

}

.canceal_btn2:hover {
background-position: 0px -44px;	
cursor:pointer;
}

.addUpdate {
margin-left: 30px;	
margin-right: 20px;	
float: left;
}


.addUpdate textarea {
width: 373px;	
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;	
border: 1px #ccc solid;
margin-top: 5px;
}


.statusChangedTable {
	float: left;
	margin-top: 15px;
}


.tenantportalgrid {

	border: 1px solid transparent !important;  
}

.tenantportalgrid table {

	border: 1px solid #ccc !important;  
	margin:-1px;
}


.tenantportalheader {
	color: 333!important;
	font-weight: normal !important;
	font-size: 14px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #ccc !important;  
	/*background  gradient */
	
	background-image: url('none') !important;	
	/* END */

}

.tenantportalitem {
	background-color: #FFF !important;
	background-image: url('none') !important;
	color: #242424!important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	font-size: 14px !important;
	height: 30px !important
}

.tenantportalalternateitem {
	background-color: #f5e4ff!important;
	background-image: url('none') !important;
	color: #242424!important;
	font-size: 14px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: 30px !important

}

.datepickercalendarimage {
	background: url('/portal/img/calendar.png') no-repeat !important;
	display: block;
	text-indent: -22222px !important;
	height: 32px !important;
	width: 30px !important;
	overflow: hidden !important;
	padding-left: 10px !important;
	margin-left: 20px !important


}

.tenantportaltabs {
	height: 31px;
}

.tenantportaltabs div ul li {

	height: 31px ! important;

}


.tenantportaltabs div ul li a span li {

	height: 31px ! important;

}

.tenantportaltab {
	border-radius: 5px 5px 0px 0px !important;
	text-align: center !important;
	background: none url('none') !important;
	height:15px; display:block !important; font-size:16px !important; padding-top:3px !important; overflow:visible !important; border:1px solid #ccc; 


}
 .tenantportaltab span:hover {
 font-size: 16px;
}




.tenantportaltab span {

		background: none !important;

}

.tenantportaltabselected {
	border-radius: 5px 5px 0px 0px !important;
	text-align: center !important;
	height: 15px;
	display: block !important;
	font-size: 16px !important;
	padding-top: 3px ! important;
	overflow: visible!important; 
	border: 1px solid #ccc;


}


/*************************************************************************************************************************
	Jquery Tabed Content - test
	**************************************************************************************************************************/
	
	.tabbed_box1 {
		margin: 0px auto 0px auto;
		width: 300px;	
	}
	
	    .tabbed_box h4 {  
        font-size:23px;  
        color:#252525;  
        letter-spacing:-1px;  
        margin-bottom:10px;  
    }  
	.tabbed_box h4 small {  
    color:#ccc;  
    font-weight:normal;  
    font-size:9px;  
    text-transform:uppercase;  
    position:relative;  
    top:-4px;  
    left:6px;  
    letter-spacing:0px;  
}  

	
	    ul.tabs {  
        margin:0px; padding:0px;  
    }  
    ul.tabs li {  
        list-style:none;  
        display:inline;  
    }  
	
	    ul.tabs li a {  
        background-color:#733398;  
        color:#fff;  
        padding:8px 14px 8px 14px;  
        text-decoration:none;  
        font-size:9px;  
        font-weight:bold;  
        text-transform:uppercase;  
        border:1px solid #464c54;  
    }  
    ul.tabs li a:hover {  
        background-color:#2f343a;  
        border-color:#000;  
    }  
    ul.tabs li a.active {  
        background-color:#ffffff;  
        color:#282e32;  
        border:1px solid #464c54;  
        border-bottom: 1px solid #ffffff;  
    }  
	    .content {  
        background-color:#ffffff;  
        padding:10px;  
        border:1px solid #464c54;  	
	background-image:url('../images/content_bottom.jpg');
	background-repeat:repeat-x;	 
	background-position-y:50%	
}
    .content_2, .content_3 { display:none; }  
	
	    ul.tabs {  
        margin:0px; padding:0px;  
        margin-top:5px;  
        margin-bottom:6px;  
    }  
	
	    .content ul {  
        margin:0px;  
        padding:0px 20px 0px 20px;  
    }  
    .content ul li {  
        list-style:none;  
        border-bottom:1px solid #d6dde0;  
        padding-top:15px;  
        padding-bottom:15px;  
        font-size:13px;  
    }  
    .content ul li a {  
        text-decoration:none;  
        color:#3e4346;  
    }  
    .content ul li a small {  
        color:#8b959c;  
        font-size:9px;  
        text-transform:uppercase;  
        position:relative;  
        left:4px;  
        top:0px;  
    }  
	
	    .content ul li:last-child {  
        border-bottom:none;  
    }  
	
	
	    ul.tabs li a {  
        background-image:url('../images/tab_off.jpg');  
        background-position:   bottombottom 50%;  
    }  
    ul.tabs li a.active {  
        background-image:url('../images/tab_on.jpg');  
        background-repeat:repeat-x;  
        background-position-y:50%;  
    }  
	
	
/*************************************************************************************************************************
	Jquery Tabed Content - test END
	**************************************************************************************************************************/

	
.confirm {color:#53b618;} /* good messages */

	
.error {color:red;} /* error messages */

/
/* liams calendar */

#calendar {
        height:40px;
        width:39px;
        border-radius:5px;
        background:#fff;
        border:1px solid #ccc;
			line-height: 1;
padding:0!important;
 -moz-border-radius: 5px;
 -webkit-border-radius:5px;
  -o-border-radius:5px;
margin-top:10px;
margin-left:10px;

    }
    
    #calendarHeader {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1a00), color-stop(100%,#cd0000)); 
background: -webkit-linear-gradient(top, #ff1a00 0%,#cd0000 100%); 
background: -o-linear-gradient(top, #ff1a00 0%,#cd0000 100%);
background: -ms-linear-gradient(top, #ff1a00 0%,#cd0000 100%); 
background: linear-gradient(top, #ff1a00 0%,#cd0000 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#cd0000',GradientType=0 ); 
font-size:10px;
color:#fff!important;
text-align:center;
padding:1px 0 2px 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
box-shadow: 0px 3px 5px #ccc;
-moz-box-shadow: 0px 3px 5px #ccc;
-webkit-box-shadow: 0px 3px 5px #ccc;
  	margin: 0;
	line-height: 1;
margin: 0!important;
margin-top:30px;
margin-left:30px;

    }
	
	#calendarHeader p a{
	color:#fff!important;
	}
	
	#calendarHeader p {
		margin:0!important;
		padding:0!important;
		line-height: 1;
	}
    
    #day p {
        text-align:center;
        font-size:24px;
		padding:0!important;
        padding-top:3px;
        color:#363636;
		line-height: 1;
		margin: 0!important;
    }
	


.RadTabStripTop_Default .rtsLevel .rtsLink,
.RadTabStripTop_Default .rtsLevel .rtsOut, .RadTabStripBottom_Default .rtsLevel
.rtsLink, .RadTabStripBottom_Default .rtsLevel .rtsOut,
.RadTabStripTop_Default_Baseline .rtsLevel, .RadTabStripBottom_Default_Baseline
.rtsLevel 
{ background-image:url('none') !important;}


.cassiedockzone
{
   
 padding: 0px ! important;
 border: 0px ! important
}

.cassiedock
{
     background-color:Yellow ! important;
     border: 0px ! important;
     padding: 0px ! important;
     width: auto ! important;
}

     .CustomCssClass{background-color: #c9ecff !important;}
        .RadDock .rdTop,
        .RadDock .rdBottom,
        .RadDock .rdLeft,
        .RadDock .rdRight
        {
            display:none !important
        }
        .rdPlaceHolder{border:0 !important;background:transparent !important}
        
        
        
        .editlink
        {
            color: Blue ! important;
            text-decoration: underline ! important;
            font-size: 8px ! important;
        }

.blockScreen {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999998;
 
    background-color:     #CCC;
    filter: alpha(opacity = 55);
    opacity:.55;

}


.paddingleft
{
    padding-left: 5px ! important;
}

.paddingright
{
    padding-right: 5px;
}

.paddingtop
{
    padding-top: 5px;
}

.paddingbottom
{
    padding-bottom: 5px;
}


#ContentPlaceHolder1_meetingconfirmation12_csPayment_chkAccept {margin-right:5px!important;}

.field label {
margin-right: 0px!important;
}

.inner a, 
.field a  {text-decoration:underline!important;}

.RadTabStrip  a {text-decoration:none!important;}


/* ----------------------- END OF NOT YET SORTED ------------------------------------*/
.errorMessage
{
    width: auto ! important;
}
#mnuLogout
{
    float: right;
}
#mnuLoggedInAs
{
    float: right;
    display: none;
}
 .rcViewSel,
    .rcRow th
     { display: none;}  
.roomlistsite
{
    visibility:visible;
}     
#cassietabwrapper {
    width:100%;
        border: 0px solid transparent !important;
}
ul.cassietabs {
    width:250px;
    margin:5px;
    padding:0;
    border-top: 0px solid transparent !important;
}
ul.cassietabs li {
    display:block;
    float:left;
    padding:0 0px;
}
ul.cassietabs li a {
    display:block;
    float:left;
    padding:15px;
    font-size:0.8em;

    color:#666;
    text-decoration:none ! important;
}
.cassietabselected {
    font-weight:bold;
}
.cassietabs-content {
    clear:both;
    border:0px solid #ddd;
    padding:0px !important;
}