/* Standard CSS */
html { padding:0px; margin:0px; }
body { padding:0px; margin:0px; color:#000000; background:#FFFFFF url("../images/interface/background.gif") left 91px repeat-x; font-family:Arial,Helvetica,Sans-serif; font-size:0.8em; }
h1 { color:#7F294E; font-size:1.3em; }
h2 { color:#7F294E; font-size:1.2em; }
h3 { color:#7F294E; font-size:1.1em; margin-bottom: 5px;}
h4,
h5,
h6 { color:#000000; font-size:1em; font-family:Arial,Helvetica,Sans-serif; margin-bottom:-5px; }
form { margin:0; padding:0; } 
select { font-family:Arial,_sans; font-size:1em; }
img { border-style:none; }
p { margin:0; padding-top:7px; padding-bottom:7px; }
.font-small {font-size:0.8em;}

/* Table */
table { width:100%; text-align:left; border:none; border-collapse:collapse; }
th { border:1px solid #ffffff; color:#ffffff; background-color:#802850; padding:3px 5px; }
td { border:1px solid #ffffff; background-color:#EEEEEE; padding:3px 5px; }
.noborder { border:none; }

/* Header Classes */
.header { width:100%; padding-top:15px; }
.logo { background:url("../images/interface/logo.gif") left top no-repeat; width:231; height:50px; }
.logo span { display:none; }
.event { clear:both; margin-left: 20px; }

/* Tabs */
.header_tabs { padding:0px; margin:0; list-style:none; }
.header_tabs li { float:left; margin:0 0 0 4px; padding:0 7px 0 0; height:27px; background:#9A1E5A url("../images/interface/tab_right.gif") right top no-repeat; padding-right:8px; position:relative; color:#FFFFFF; }
.header_tabs a,
.header_tabs a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; position:relative; }
.header_tabs a:hover { color:#FFFFFF; }
.header_tabs span { float:left;  padding-top:5px; background:url("../images/interface/tab_left.gif") top left no-repeat; padding-left:7px; position:relative; font-weight:bold; }

/* Drop Down Menu CSS */
.header_tabs li ul { margin:0; padding:0; display:none; position:absolute; left:-4px; top:18px; padding-top:9px; list-style:none; } 
.header_tabs li ul li { float:none; }
.header_tabs li ul li { background:#CD8CAE; padding:5px; width:100px; border:1px solid #000000; height:auto; color:#000000; font-weight:bold;} 
.header_tabs li ul li a,
.header_tabs li ul li a:visited { color:#000000; }
.header_tabs li ul li:hover { background:#7F294E; color:#FFFFFF; font-weight:bold; } 
.header_tabs li ul li { font-size:0.85em; }
.header_tabs li>ul { left:-4px; top:18px; padding-top:9px; }
.header_tabs li:hover ul, .header_tabs li.over ul { display:block; }
.header_tabs li:hover ul li a { text-decoration:none; }

/* Half screen boxes */
.innercolleft, .innercolright { width:47.2%; margin-left:1.5%; margin-right:1.5%; }
.innercolleft { float:left; margin-right:0; }
.innercolright { float:right; margin-left:0; }
.singleCol { margin-left:1.5%; margin-right:1.5%; }
.innerColMid { margin-left:1.5%; width:70%; }

/* Boxes CSS */
.boxtopleft { background:url("../images/interface/box_top_left.gif") left top no-repeat; width:100%; margin-bottom:-1px; height:11px;}
.boxtopright { background:url("../images/interface/box_top_right.gif") right top no-repeat; margin-bottom:-4px; height:11px; }
.boxbottomleft { background:url("../images/interface/box_bottom_left.gif") left top no-repeat; width:100%; margin-top:-1px; height:11px;}
.boxbottomright { background:url("../images/interface/box_bottom_right.gif") right top no-repeat; width:100%; height:11px; }
.boxsides { padding-left:14px; padding-right:14px; border-left:2px solid #DEDCD6; border-right:2px solid #DEDCD6; padding-top:3px; padding-bottom:3px; height:100%;}

/* Left Menu */
.leftMenu { width:145px; border-right:1px solid #DEDCD6; float:left; height:100%; margin-top:5px; padding-top:35px; }
.leftMenu a { text-decoration:none; font-weight:bold; }
.leftMenu a:hover { color:#CCCCCC; }
.leftMenuSpace { width:141px; height:27px; float:left; }
.button { display:block; width:126px; height:31px; padding-top: 7px; background:url("../images/interface/button.gif") left top no-repeat; text-align:center; margin:10px; color:#FFFFFF; font-weight:bold; }
.button a, .button a:visited { color:#FFFFFF; font-weight:bold; }

/* Content*/
.content { margin-top:5px; }

/* Custom Classes */
.clear { clear:both; height:0px; overflow:hidden; }
.clear1px { clear:both; height:1px; overflow:hidden; }
.clear5px { clear:both; height:5px; overflow:hidden; }
.clear10px { clear:both; height:10px; overflow:hidden; }
.smallText { font-size: 0.7em; }
.photoMargins { float:right; margin-left:10px; margin-bottom:7px; margin-top:3px; margin-right:5px; }
.photoMarginsAlt { float:left; margin-right:10px; margin-bottom:7px; margin-top:3px; margin-left:5px; }
.middleAlign { vertical-align:-25%; }
.rightAlign { display:block; text-align:right; }
.hidden { display:none; }
.fullScreen { width:46%; }
.floatright { float: right; }

.controlGroup1 { background-color: #F2E8ED; padding: 0; margin: 0 0 15px 0; }
.controlGroup2 { background-color: #F2E8ED; padding: 0; margin: 0 0 15px 0; }
.last { margin: 0 0 5px 0; }
.last { margin: 0 0 5px 0; }
.controlGroupTopLeft { background:url("../images/interface/group_top_left.gif") left top no-repeat; width:100%;  height:11px; }
.controlGroupTopRight { background:url("../images/interface/group_top_right.gif") right top no-repeat; width:100%;  height:11px; }
.controlGroupBottomLeft { background:url("../images/interface/group_bottom_left.gif") left bottom no-repeat; width:100%;  height:11px; }
.controlGroupBottomRight { background:url("../images/interface/group_bottom_right.gif") right bottom no-repeat; width:100%;  height:11px; }
.controlContent { padding: 0px 10px; margin: 0 0 10px 0; }
.noPadding { padding: 0px; }
.genericTableNewButton { text-align:right; margin-bottom:10px; }

/* 2 Column Float */
.TwoColumnFloat { display:inline-block; width:100%; }
/* Hide from IE-mac \*/ * html .TwoColumnFloat { height:1%; width:auto; } .TwoColumnFloat { display:table; } /* End hide from IE-mac */ 
.TwoColumnFloat .left { float:left; }
.TwoColumnFloat .right { float:right; }


/* Request Summary */
#summary_container { margin: 0 0 10px 0; }

/* Diary view, time slots  */
.slot { width:100px; }
.date { width:100px; }
.entry {}
.actions { width:50px; }
.icons { width:200px; text-align:right; padding-right:10px; }
.groupIdentifier { width:50px; }
.seperator { background: #6D4D58; margin:0; padding:0; }
.seperator hr { border:1px solid #ffffff; padding:0; margin:0; }
.printonly { display:none; }

.dayHeader { background-color: #4C4348; color:#ffffff; }
.timeSlotBusy { background-color: #6D4D58; font-size: 0.95em; color:#ffffff; }
.timeSlotFree { background-color: #CCCCCC; }
.timeSlotUnavailable { background-color: #686868; }
.timeSlotUndesirable { background-color: #909090; } /* TODO make different colour */
.timeSlotDoubleBooked {  background: #6D4D58 url("../images/meeting/doublebooking.gif") left 91px repeat-x; } /* TODO make different colour */
.timeSlotDoubleBookedSummary { background-color: #DD0018; }

.participantCancelled {border: 2px solid #FF0000} /* TODO make different colour */
.participantProvisional {border: 2px solid #008000;} /* TODO make different colour */

.timeSlotTable { border-collapse: collapse; }
.timeSlotTable td { border: 1px solid #666666; }
.timeSlotBreakBetweenDays {border: 2px solid #666666; }
.SchedlueKeyContainer { width: 150px; border: 1px solid #000000; float: right; margin-bottom: 10px; }
.key_title { text-align: center; font-weight: bold; padding: 5px 0; }
.key_item { float: left; width: 15px; height: 15px; margin-right: 10px; }
.key_item_container { width: 100%; padding: 0 10px 5px 10px; }
.submitbutton { background-color: #9A1E5A; border: 1px solid #000000; color: #ffffff; font-weight: bold;}
.actionlink { color:#ffffff; text-decoration:none; font-weight:bold; padding:0 3px; }
.actionlink:hover { background-color:#ffffff; color:#6D4D58; }

.diary_key { margin:10px 0 0 0; }
.diary_key .item { float:left; width:120px; padding:10px; font-weight:bold; }
.diary_key .item .display { float:left; width:20px; margin-right:10px; line-height:20px; }

/*.inActive {background-color: #666666;  opacity: .5; filter:alpha(opacity=50);  z-index: 1000; }*/

.inActive { background:#666666; filter:alpha(opacity=50); opacity:0.5; float:left; margin:0 1.5%; }
.inActive div.boxsides { border-left:1px solid #DEDCD6; border-right:1px solid #DEDCD6; }
.inActive div.boxtopleft { background:url("../images/interface/box_top_left_inActive.gif") left top no-repeat!important; }
.inActive div.boxtopright { background:url("../images/interface/box_top_right_inActive.gif") right top no-repeat!important; }
.inActive div.boxbottomleft { background:url("../images/interface/box_bottom_left_inActive.gif") left top no-repeat!important; }
.inActive div.boxbottomright { background:url("../images/interface/box_bottom_right_inActive.gif") right top no-repeat!important; }

/* Meeting Requests*/
.companyHeading { background-color: #CD8CAE;}
.requestMakerName { background-color: #CCCCCC;}
.superseded {color: #CCCCCC;}
.requestMaker {font-weight: bold; }

/* Login page */
#loginLayoutTable { text-align:center; width:300px; margin:150px auto; }
#loginLayoutTable tr { background:#FFFFFF; }
.loginButton { margin-right:6px; }

/* General classes */
.dataItemContainer { display:inline-block; width:100%; padding-top: 5px; }
/* Hide from IE-mac \*/ * html .dataItemContainer { height:1%; width:auto; } .dataItemContainer { display:table; } /* End hide from IE-mac */ 
.dataItemTitle { float:left; margin-left: 10px; }
.dataItemContent { float:left; padding-top: 0px; }
.dataItemContentBreak { clear: both; margin:0 0 0 10px; }
.dataItem { margin-left: 10px; padding-top: 5px; padding-bottom: 5px; }

.dropDownWithOptions { }
.dropDownOptions { margin:5px 0 0 0 ; }

.width20 {width: 20%;}
.width25 {width: 25%;}
.width30 {width: 30%;}

.width30px {width: 30px;}
.width40 {width: 40%;}
.width150px {width: 150px;}
.width200px {width: 200px;}
.width250px {width: 250px;}
.width300px {width: 300px;}
.width300px {width: 350px;}
.width375px {width: 375px;}
.width400px {width: 400px;}

.10pxspacer { padding:10px 0; height:1%; clear:both; }

/* Validation */
.errorItem {list-style: none; color:#7F294E;}
.errorIntro {color:#7F294E;}
.errorTitle {color:#7F294E;  font-size:1.1em;}

.error { border:4px solid #e40018; background-color:#FFDDDC; padding:10px; margin:0 0 10px 0; color:#000000; }
.error .errorbutton { background-color: #9A1E5A; border: 1px solid #000000; color: #ffffff; font-weight: bold;}


/* Meeting Request */
.meetingRequest .dropDownWithOptions select { width:25em; }

/* Notes */
.notes {}
.notes .note { width:66%; }
.notes .addedon { width:17%; }
.notes .addedby { width:17%; }

/* Meeting Request */


/* Location Group */
.locationGroupIdentifierColour { }
.ColourDisplay { display:inline; padding:2px 6px; margin:0 5px; }

/* Diary Printing */
.diaryPicker { /*height: 300px; overflow:scroll;*/ margin:0 0 10px 0; }

.ui-combobox { position: relative;  display: inline-block;	}
	
.ui-combobox-input {float: left; margin: 0; padding: 0.3em; width: 375px; }

.controlContent select{ padding:0.3em 0 0.3em 0 ;}