/*HEADER STYLE*/
.logo{
padding: 0;
}

.headerlinks{
position:absolute;
top:20px;
right:20px;
}

.headerlinks a{
color:#000000;
text-decoration:none;
}

.headerlinks a:hover{
color:#c0c0c0;
text-decoration:underline;
}

.toolbarmiddle{
height:35px;
text-decoration:none;
background-image: url(../image/grads/menupx.gif);
background-repeat:repeat-x;
border-color: #B3B6B0;
border-style:solid;
border-width:1px 0px 1px 0px;
}

.headertext{
text-align:center;
text-transform:lowercase;
font:"Century Gothic";
font-size:18px;
margin:0px 0px 0px 0px;
_margin:0px -3px 0px 0px; /*IE6 DISPLAYS A WEIRD GAP TO THE RIGHT OF THIS DIV*/
}

.headertextwrap{
border-right:1px solid #B3B6B0;
padding: 6px 0px 7px 0px;
}

.blue{
	color: DodgerBlue;
}

.toolitems{
margin:10px 0px 0px 0px;
}

.toolitems a{
  color: #000000;   
  text-decoration:none;
  display:inline;
  border-right:1px solid #B3B6B0;
  padding: 10px 10px 9px 10px;
  }	
 
.toolitems a:hover{
background-color: #eee;
}

.toolitems .right{
position:absolute;
right:0px;
top:54px;
padding: 10px 10px 9px 10px;
border-left:1px solid #B3B6B0;
border-right:0;
}

.toolitems .userinfo {
position: absolute;
right: 0px;
border-left:0;	
top:106px;
}

.toolitems .selected{
background-color: #E0E0E0;
}

/*SIDEBAR STYLE*/
.sidebarwrap{
border-width:0px 1px 1px 0px;
border-color:#B3B6B0;
border-style:solid;
background-color: #FFFFFF;
margin-bottom:20px;
}

#sidebar .spacer{
height: 64px;
background-color:#FFFFFF;
border-right:1px #999999 dotted;
border-bottom:1px #999999 dotted;
}

.menuitems a{
display: block;
padding:6px 0px 6px 5px;
border-width:0px 0px 1px 0px;
border-color:#999999;
border-style: dotted;
background-color: #F5F5F5;
color:#000000;
text-decoration:none;
}

.menuitems a:hover{	
background-color: #E0E0E0;
}

.menuitems .selected{
background-color: #E0E0E0;
}

/*MAIN TITLE STYLE*/
#maintitle{
background-color: #fff;
}

#maintitle h1, #maintitle h2{
font-size:1.5em;
font-weight:normal;
display:block;
margin:0px;
padding:20px 10px;
background-image:url(../image/grads/titlepx.gif);
background-repeat:repeat-y;
background-position:right;
border-bottom:1px solid #B3B6B0;
}

#maintitle h2{
font-size:1.0em;
font-weight:normal;
padding:20px;
}

#maintitle h2{
font-size:1.0em;
font-weight:normal;
padding:20px;
}

/*MAIN STYLE*/
#main h2{
  font-size: 18px;
  color: #333;
  padding: 0;
  margin: 0 10px 5px 0px;
  border-bottom: solid 1px #B3B6B0;
}

.mainwrap{
margin:10px 10px 20px 10px;
}

.maininfo{
font-size:1.2em;
padding:3px 0px;
clear:both;
margin-bottom:10px;
}

.inlinebox{
float:left;
}

.blockbox{
clear:both;
}

.blockcnt{
clear:both;
margin-right:5px;
}
 
.inlinecnt{
float:left;
margin-right:5px;
}


.marginright{
margin-right:10px;
}

.marginbottom{
margin-bottom: 10px;
}

.boxbreak{
margin-bottom:25px;
}

.boxgap{
margin-right:25px;
}

/*MESSAGEBOX*/
.messagebox{
	float:left;
	width:200px; 
	}

.messagebox hr, .blockbox hr{
border:0px;
background-image:url(../image/grads/l.gif);
}

.messagebox p{
margin:0px 0px 0px 0px;
font-size:0.9em;
font-weight:bold;
}

.bl {background: url(../image/grads/bl.gif) 0 100% no-repeat;}
.br {background: url(../image/grads/br.gif) 100% 100% no-repeat;}
.tl {background: url(../image/grads/tl.gif) 0 0 no-repeat;}
.tr {background: url(../image/grads/tr.gif) 100% 0 no-repeat; padding:10px;}
.t {background: url(../image/grads/t.gif) 0 0 repeat-x; background-color: #ECEDE7;}
.b {background: url(../image/grads/b.gif) 0 100% repeat-x;}
.l {background: url(../image/grads/l.gif) 0 0 repeat-y;}
.r {background: url(../image/grads/r.gif) 100% 0 repeat-y;}


/*MAIN MESSAGE STYLE*/
#pageMessage{
font-weight:bold;
}

#pageMessage.messageBox{
background-color: #eee;
border:1px solid #b3b6b0;
padding: 5px 0px 7px 0px;
margin-bottom:20px;
}

.localizedMessage.messageBox{
background-color: #eee;
border:1px solid #b3b6b0;
padding: 5px 0px 7px 0px;
margin-bottom:10px;
}

.localizedMessage{
font-weight:bold;
}

.appMessage{
background-repeat: no-repeat;
background-position: 8px 2px;
padding: 10px 0px 10px 50px;
}

.appMessage.error{ background-image: url(../image/common/critical.gif); }
.appMessage.error16{
	padding: 2px 0px 2px 30px;
	background-image: url(../image/common/critical16.gif);
}

.errorMessage {
	background-image: url(../image/common/critical.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 2px 5px 40px;
	font-size: 12pt;
	color: red;
}

.warningMessage {
	background-image: url(../image/common/warn.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 2px 5px 40px;
	font-size: 12pt;
	color: green;
}

.appMessage.warning{ background-image: url(../image/common/warn.gif); }
.appMessage.warning16{
	padding: 2px 0px 2px 30px;
	background-image: url(../image/common/warn16.gif);
}

.appMessage.success{ background-image: url(../image/common/info.gif); }
.appMessage.success16{
	padding: 2px 0px 2px 30px;
	background-image: url(../image/common/info16.gif);
}

.fieldErrorMessage {
color: red;
background-image: url(../image/common/arrow_left_red.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

.abovefieldErrorMessage {
color: red;
background-image: url(../image/common/arrow_down_red.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
display: block;
}

/*STATUS*/
.accepticon {
background-repeat:no-repeat;
height: 19px;
width: 19px;
margin-left: auto;
margin-right: auto;
}

.bookingicon{
background-repeat:no-repeat;
height:16px;
	width:52px;
	margin-left: auto;
	margin-right: auto;
}

.ACCEPTED{
background-image: url(../image/common/s_accepted_dark.gif); 
}

.REJECTED{
background-image: url(../image/common/s_rejected_red.gif); 
}

.WAITING_RESPONSE{
background-image: url(../image/common/s_question.gif); 
}

.travel_NONE, .hotel_NONE{
background-image: url(../image/common/dots.gif); 
}
.travel_REQUEST{
background-image: url(../image/common/s_plane_dots.gif); 
}
.travel_REQUEST_MODIFY{
background-image: url(../image/common/s_plane_undo_dots.gif); 
}
.travel_VALIDATED{
background-image: url(../image/common/s_plane_dark_dots.gif); 
}
.travel_VALIDATED_NOTIFIED{
background-image: url(../image/common/s_plane_dark_mail.gif); 
}
.travel_BOOKED{
background-image: url(../image/common/s_plane_green_dots.gif); 
}
.travel_BOOKED_NOTIFIED{
background-image: url(../image/common/s_plane_green_mail.gif); 
}
.travel_CANCEL_REQUEST{
background-image: url(../image/common/s_plane_red_part_dots.gif); 
}
.travel_CANCELED{
background-image: url(../image/common/s_plane_red_dots.gif); 
}

.hotel_REQUEST{
background-image: url(../image/common/s_house_dots.gif); 
}
.hotel_REQUEST_MODIFY{
background-image: url(../image/common/s_house_undo_dots.gif); 
}

.hotel_VALIDATED{
background-image: url(../image/common/s_house_dark_dots.gif);
}
.hotel_VALIDATED_NOTIFIED{
background-image: url(../image/common/s_house_dark_mail.gif);
}
.hotel_BOOKED{
background-image: url(../image/common/s_house_green_dots.gif); 
}
.hotel_BOOKED_NOTIFIED{
background-image: url(../image/common/s_house_green_mail.gif); 
}
.hotel_CANCEL_REQUEST{
background-image: url(../image/common/s_house_red_part_dots.gif); 
}
.hotel_CANCELED{
background-image: url(../image/common/s_house_red_dots.gif); 
}

.simpleBookingStatus_BOOKED_NOTIFIED { color: Green; }
.simpleBookingStatus_CANCEL_REQUEST { color: DarkOrange; }
.simpleBookingStatus_CANCELED { color: DarkRed }

.participant_simpleBookingStatus_BOOKED          { color: Green; }
.participant_simpleBookingStatus_BOOKED_NOTIFIED { color: Green; }
.participant_simpleBookingStatus_CANCEL_REQUEST { color: DarkOrange; }
.participant_simpleBookingStatus_CANCELED { color: DarkRed }

/* document status style and colors are taken from bootstrap css */
.documentStatus {
background-repeat:no-repeat;
background-position: left;
border-radius: 4px;
border-style: solid;
border-width: 1px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 120%;
min-height: 48px;
line-height: 20px;
margin-bottom: 10px;
padding-bottom: 8px;
padding-left: 64px;
padding-right: 14px;
padding-top: 8px;
}
.valid {
background-image: url(../image/doc/document_ok.png); 
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.tosubmit {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.editvalid {
background-image: url(../image/doc/document_edit.png);	
}
.draft {
background-image: url(../image/doc/document_dirty.png); 
}
.invalid {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.none {
background-image: url(../image/doc/document_plain_new.png);
}
.editerror {
background-image: url(../image/doc/document_error.png);
}
.expiring {
color: #c09853;
background-color: #fcf8e3;
border: 1px solid #fbeed5;
}

/*FOOTER STYLE*/
#footer {	
font-size: 8pt;
	color: #666666;
	text-indent:10px;
	border-top: 1px solid #999999;
	padding:5px 0px 5px 0px;
	margin-bottom:20px;
		margin-top:20px;
}

/*FORM STYLE*/
.formtable{
margin-top:10px;
}

input:focus, textarea:focus{
border:2px solid #AAA4AB;
}

.label{
text-align:left;
font-weight:bold;
vertical-align:top;
margin:0px 0px 3px 0;
padding:0 10px 20px 0;
}

.tablecnt{
padding-bottom:20px;
}

.highlight {
background-color: white; padding-left: 0.5em; padding-right: 0.5em;
font-weight: bold; color: blue;

}

/**
 * Source:
 * Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE
 * http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html
 */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.checkboxtrue {
background-image: url(../image/common/checked.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

.checkboxfalse {
background-image: url(../image/common/unchecked.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

/** Style for radio or checkbox inputs */
input.option {
	margin-right: 1px;
}

input.option.leftpad {
	margin-left: 0.25em;	
}

.participantsessionfull {
background-image: url(../image/common/checked.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

.participantsessionpartial {
background-image: url(../image/common/checked_partial.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

.participantsessionnone {
background-image: url(../image/common/unchecked.gif);
background-repeat: no-repeat;
background-position: left;
padding: 2px 2px 2px 18px;
}

/*MEETING DETAILS*/
.meetingsessionstable{	
display:none;
z-index:-1;
}

.meetingCanceled {
	text-decoration: line-through;
}	

.eventwrap{
width:625px;
float: left	;
*float:none;
margin-bottom:40px;
 }

.event{
  width:400px;
  border-right: 1px solid #ccc;
  background-color: #eee;  
}

.historyevent{
  border-right: 1px solid #ccc;
}

h4 {
  font-size: 24px;
  color: #333;
  padding: 0;
  margin: 0 10px 5px 0;
}

h5 {
  font-size: 18px;
  color: #333;
  padding: 0;
  margin: 0 10px 5px 0;
}

.eventMetadata {
  padding: 5px 5px 0px 5px;
}

.eventMain h1 {
font-size: 1.5em;
font-weight:normal;
display:block;
margin:0px;
padding:10px 10px;
background-image:url(../image/grads/titlepx.gif);
background-repeat:repeat-y;
background-position:right;
border-bottom:1px solid #B3B6B0;
}

.eventMain fieldset {
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
	padding: 0px 5px 5px 5px;
}

.eventMain fieldset legend {
	font-weight: bold;
	font-size: 1em;
	color: #666;
	margin-left: 10px;
	padding-left:4px; padding-right:4px;
}

.alternatebg{
 background-color: #E9F3E8;  
}

/** see http://en.wikipedia.org/wiki/Web_colors */

.bookingexternal{
	border-right: solid 5px DodgerBlue;  
}

.bookingnonexternal{
	border-right: solid 5px Gold;  
}

.bglegend {
	border-left: 0.2em solid white;
	border-top: 0.2em solid white;
	border-bottom: 0.2em solid white;
	margin-right: 0.2em; padding-left: 10px;
}

.date {
  font-size: 14px;
  font-weight: bold;
}

.time {
  font-size: 12px;
  margin: 0px 0px 10px 0px;
}

.eventW { width: 99%; margin-bottom: 0.5em;}
.eventXW { width: 99%; margin-bottom: 0.5em;}
.eventCompactFormat { position: relative; height: 6em; overflow: auto; }
.eventCompactFormat fieldset#other {
  width: 350px; position: absolute; top: 5px; left: 5px;}
form fieldset#other li {
  list-style: disc;
}
.eventCompactFormat fieldset#sessions {
  position: absolute; top: 5px; left: 370px;}
.eventW .eventCompactFormat fieldset#sessions { width: 220px;}
.eventXW .eventCompactFormat fieldset#sessions { width: 335px;}

.eventCompactFormat dl dt.date {
  font-size: 12px; font-weight: normal;
  width: 110px; float: left; margin-right: 5px;
}
.eventCompactFormat dl dd.time {
  margin: 0px 0px 2px 0px; float: left;
}
.eventW .eventCompactFormat dl dd.time { width: 100px; }
.eventXW .eventCompactFormat dl dd.time { width: 180px; }


.eventwrap .name {
  font-weight: bold;
  font-size: 24px;
}

.small {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}

.preserveCase {
  text-transform: none;
}


.small strong, .strong{
  font-size: 12px;
  font-weight: bold;
}

.byline a {
	text-decoration: none;
}

.byline {
  position: relative;
  color: #696969;
  font-size: 12px;	
  font-weight: bold;	
  padding:10px 0px 0px 5px;
}

.hrule{
width:100%;
clear:both;
  border-bottom: 1px solid #ccc;
}

.summaryMessage {
	margin-bottom: 0.5em;
	border-bottom: inset 1px #ccc;
	padding: 0px 0px 0.5em 20px;
	background-repeat: no-repeat;
}

.infoType {
	background-image: url(../image/common/info16.gif);
}

/*CALENDAR POPUP*/
img.popupIcon{
vertical-align:middle;
margin-bottom:5px;
cursor: pointer; 
cursor: hand;
}

div.calendarbox {
position:absolute;
display:none;
z-index: 3;
}

/** fieldsetbox and fieldset */
div.fieldsetbox {
clear: both;
width: 80%;
border: 2px dashed #b3b6b0;
background-color: #ffffff;
padding: 5px;
margin-bottom: 2em;	
}

.fieldset {
border: 1px solid #b3b6b0;
background-color: #f0f0f0;
}

/** Attach to the right */
.floatright {
margin-right: 20px;
float: right;
}

.btnfloatbox {
height: 1.5em;
}

/* MAIL MESSAGE */
.mailWrapper{
background-color: #6f6f6f;
padding: 3px;
border: solid 1px black;
margin-bottom: 2em;
margin-right: 5%;
}

.mailContainer{
background-color: #ffffff;
padding: 5px;
border: solid 2px black;
font-family: Arial;
}

.mailSubject{
font-size: 16px;
font-weight: bold;
}

.mailSender{
margin-top: 0.25em;
font-size: 16px
}

.mailTo{
margin-top: 0.25em;
font-size: 12px;
}

.mailToLabel{
color: #999999;
font-family: Tahoma;
font-size: 11px;
font-weight:bold;
margin-right: 0.5em;
}

.mailContentSeparator{
border: 0px;
width: 100%;
color: #999999;
background-color: #999999;
height: 1px;
}

.mailContent{
padding-bottom: 1em;
}

/* display tag*/
table.displayTag{
	border: 1px solid #B3B6B0;
	width: 100%;
	border-top: none;
	padding: 0px;
	margin: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
}

.displayTag th,td {
	padding: 4px;
	text-align: left;
	vertical-align: top;
}

.displayTag thead tr{
	background-image: url(../image/listview/smallbarpx.gif);
	background-repeat:repeat-x;
	background-color: #E3E4DB;	
}

.displayTag th.sorted, .displayTag th.sorted a, .displayTag th.sorted a:visited{
	font-weight: bold;
	background-color: #E0E0E0;
}

.displayTag th{
	border-right:1px solid #B3B6B0;	
	border-bottom:1px solid #7A8180;
	border-top:1px solid #B3B6B0;
	text-align: center;
	padding: 0px; /*To make sure the hover works no padding can go here, put it on the link.*/
}

.displayTag th.end{
	border-right: none;
}

.displayTag th a,th a:visited {
	color: black;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 3px;
}

.displayTag th.nonsortable{
		padding-top: 2px;
		padding-bottom: 3px;
}

.displayTag th.sortable a:hover {
	background-color: #eee;
}

th.sorted a, th.sortable a {
	background-position: right;
	display: block; /* This should seperate the sorting icons from the header text, doesn't seem to work.[Seb]*/
	width: 100%;
}

.displayTag th.sortable a {
	background-image: url(../image/listview/sort.gif);
	background-repeat: no-repeat;
}


.displayTag th.order1 a {
	background-image: url(../image/listview/sort_asc.gif);
	background-repeat: no-repeat;
}

.displayTag th.order2 a {
	background-image: url(../image/listview/sort_desc.gif);
	background-repeat: no-repeat;
}

.displayTag tr.odd {
	background-color: #fff
}

.displayTag tr.tableRowEven,tr.even {
  	background-color: #F5F5F5;
  	}
  	
.displayTag tr.odd:hover, .displayTag tr.even:hover{
	background-color: #FFFFCC;
}

.displayTag div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 10px 0;
	width: 79%;
}

.displayTag span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

.displayTag span.excel {
	background-image: url();
}

.displayTag span.csv {
	background-image: url();
}

.displayTag span.xml {
	background-image: url();
}

.displayTag span.pdf {
	background-image: url();
}

.displayTag span.rtf {
	background-image: url();
}

.pagebanner, .pagelinks {
	display: block;
	border-top: none;
	background-color: #eeeafe;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #B3B6B0;
}

.pagebanner{
	padding: 3px 0px 5px 10px;
}

.pagelinks{
	padding: 0px 0px 5px 10px;
}

.pagelinks img{
	vertical-align: middle;
	padding: 0px 0px 4px 0px;
}
	

.displayTagNav{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #B3B6B0;
	background-image: url(../image/listview/displayTagNavpx.gif);
	background-repeat:repeat-x;
	display: block;
	height:5px;
	_margin-bottom: -11px; /*sorry, not my fault IE is retrotarded*/
}

.displayTag th.minwidth{
	width: 94px;
}

.borderleft{
	padding:3px;
	border-left: 1px solid #B3B6B0;
}

/**
 * Form styles as from the article:
 * http://www.alistapart.com/articles/prettyaccessibleforms
 */
form fieldset {
  margin-bottom: 10px;
}
form legend {
  padding: 0 2px;
  font-weight: bold;
}
form label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form fieldset fieldset label {
  display: block;
  width: auto;
}
form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form label {
  width: 120px; /* Width of labels */
}
form fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form label.short {
  width: 50px;
}

/**
 * Definition list as from article:
 * http://www.maxdesign.com.au/presentation/definition/dl-table-display.htm
 */
dl.table-display
{
width: 41.1em;
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.table-display dt
{
width: 15em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}


.cvTable {
	width:100%;
	border-collapse:collapse;
}

.cvLeft {
	width:45%;
	height:100%;
	padding:0px 5px 0px 0px;
}

.cvRight {
	width:55%;
	height:100%;
	margin:0px;
	padding:0px
}
.perDetails {
	padding:0px 5px 0px 0px;
}
.patientRep {
	padding:0px 5px 0px 0px;
}
.patientRepCheckBox {
	margin-top:5px
}
.uploadNote {
	margin-left: 123px;
	font-size:0.8em
}
.submitCvSpacer{
width:340px;
height:19px;
float:left;
}
.draftCvSpacer{
width:270px;
height:19px;
float:left;
}
.cvFieldNote{
	margin-top:5px;
	margin-left:123px;
	width:620px;
	color: DimGrey;
}
.summaryError{
	color:red;
	font-weight:bold;
}