body {
   margin: 0;
   background-color: white;
   color: black;
   font-family: Arial,Helvetica,sans-serif;
}
.fmldojoDndSource { display: block; }
.fmldojoDndItem { padding:3px; display: block; clear: both; height:50px;}
.dojoDndItemOver { background: #EDEDED; padding:3px;}
.chkbox { display:inline; float: left; }
.chkbox_label { font-weight:bold;}
.preview { display:inline; float: right; padding-right:15px;}
.fmldojoDndHandle {
	display:inline;
	float: right;
	background: transparent url('../img/drag_handle.jpg') no-repeat top left;
	height: 32px;
	width: 32px;
}
.dashboard_edit_select {
	display: inline;
	border-radius: 8pt 8pt 8pt 8pt;
	border: 3px solid #CCCCCC;
	padding: 1em;
	width: 38%;
	float: left;
}
.dashboard_edit_preview {
	display: inline;
	border-radius: 8pt 8pt 8pt 8pt;
	border: 3px solid #CCCCCC;
	padding: 1em;
	width: 420px;
	float: right;
}

/* PARIS headlines */
H1 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #808080;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 7px;
	padding: 3px 0 2px 0;
	width: 100%;
}

H2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	/* background-color: #f8f8f8; */
	color: #222222;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 20px;
	margin-bottom: 4px;
}

H2:first-child {
	margin-top: 3px;
}

H3 {font-family: Arial,Helvetica,sans-serif; font-size:13px; font-style:normal; font-weight: bold; }
H4 {font-family: Arial,Helvetica,sans-serif; font-size:11px; font-style:normal; font-weight: bold; }

/* Calendar View */
TABLE.calendarTable    { padding: 1px; width: 100%; border-collapse: collapse; }
TABLE.calendarTable TD { border: 1px solid #CCCCCC; font-family: Arial,Helvetica,sans-serif; font-style:normal; font-size: 12px; }
TABLE.calendarTable TH { border: 1px solid #CCCCCC; font-family: Arial,Helvetica,sans-serif; font-style:normal; font-size: 12px; }
TR.calendarnavigation  { background-color: #DDDDDD; }
A.calendarCaptionLeft  { color: #000000; }
A.calendarCaptionRight { color: #000000; }
A.calendarCaptionLeft:visited {color: #000000; text-decoration: none }
A.calendarCaptionRight:visited {color: #000000; text-decoration: none }
TD.calendarCaptionLeft {background-color: #DDDDDD; color: #000000 }
TD.calendarCaptionRight {background-color: #DDDDDD; color: #000000 }
TD.calendarCaption {background-color: #DDDDDD; color: #000000; font-weight: bold; font-size: 14px; }
TH.SundayTitle {background-color: #DDDDDD; }
TH.SaturdayTitle {background-color: #DDDDDD; }
TH.weekdayTitle {background-color: #DDDDDD; }
TH.groupHeader {background-color: #DDDDDD; font-size: 14px }
TD.SundayCell {background-color: #FFFFFF; }
TD.SaturdayCell {background-color: #FFFFFF; }
TD.weekdayCell {background-color: #FFFFFF; }
TD.calDayTitle {background-color: #DDDDDD; font-size: 14pt; font-weight: bold; }
TD.emptyCell {background-color: #FFFFFF; }
TD.numCell {background-color: #EEEEEE; font-size: 16px; text-align: center; }
TD.weekCell {background-color: #DDDDDD; font-size: 16px; height: 108px; }
TD.calendarEvent {
	background: linear-gradient(-45deg, white 25%, #EEEEEE 25%, #EEEEEE 50%, white 50%, white 75%, #EEEEEE 75%);
	background: -moz-linear-gradient(-45deg, white 25%, #EEEEEE 25%, #EEEEEE 50%, white 50%, white 75%, #EEEEEE 75%);
	background: -ms-linear-gradient(-45deg, white 25%, #EEEEEE 25%, #EEEEEE 50%, white 50%, white 75%, #EEEEEE 75%);
	background: -webkit-linear-gradient(-45deg, white 25%, #EEEEEE 25%, #EEEEEE 50%, white 50%, white 75%, #EEEEEE 75%);
	background: #EEEEEE\9; /* IE8 and below */
	background-size: 10px 10px;
	height: 72px; }
TD.calendarEvent IMG { position: relative !important; left: 5px !important; margin-left: -8px !important; }
DIV.calendarDateStyle {font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 72px; }
DIV.calendarEvent {font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 72px; }


/* ************************* PARIS TABLES ****************** */

TD {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal;font-weight: normal; padding: 2px;}
TH {font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal;font-weight: bold; background-color: #d2e9ee;}

/* for alternate row colors, top and side colors */
.row0 { background-color: #DCE1EB;  vertical-align: middle; }
.row0 TD { vertical-align: middle; }
.row1 { background-color: #D9EBF0;  vertical-align: middle; }
.row1 TD { vertical-align: middle; }
/* header */
.top { background-color: #d2e9ee;  vertical-align: middle; }
.top TD { vertical-align: middle; }
.top TH { vertical-align: middle; }
/* footer */
.total TD { background-color: #e8e8e8;  vertical-align: middle; text-weight: bold; }
.total TH { background-color: #e8e8e8;  vertical-align: middle; text-weight: bold; }
.firstcol  {background-color: #d2e9ee; } /* first column of table */
.sep { color: #808080; display: none;} /* pipe separator style, eg. Edit | List | Delete */
.navigate { background-color: #f0f0f0; padding: 5px; width: 100%; /* for a navigation bar on top */ }

TD.messagebody { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight: normal; }
TR.uploadfile { background-color: #D2E9EE; }
TD.uploadfile { background-color: #D2E9EE; }

.xmenu { position: absolute; width: 180px; height: 21px; left: 0px; z-index: 15; }
.submenu { position: absolute; left: 0px; width: 180px; z-index: 10; visibility: hidden; }
.menuform { position: absolute; width: 180px; left: 3px; z-index: 0; }
img.top {vertical-align: middle;}

TABLE.form { background-color: #EEEEEE; border: none; border-collapse: collapse; margin: 5px; }
TABLE.form TR TD { padding: 4px; border: 1px solid #f3f3f3; }
TABLE.formlist   { background-color: #EEEEEE; border: 1px; padding: 2px }
TABLE.formfooter { background-color: white; border: 0px; padding: 2px }
TR.formhead      { background-color: #d2e9ee }
TR.formlist1     { background-color: #D9EBF0 }
TR.formlist2     { background-color: #DCE1EB }
TR.formmodified  { background-color: yellow  }
TD.formspecial   { /* background-color: #e8e8e8; */ color: #888888; } /* special fields, eg. UID */
TD.formhead      { background-color: #d0d0ff }
TD.form          { background-color: #eeeeee }
TD.formlabel     { /* background-color: #D2E9EE */ }
TD.forminput     { /* background-color: white; */ }
TD.formsearch    { background-color: #dfdff4 }
.formsearch      { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal;font-weight: normal; }
.forminput       { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal;font-weight: normal; }
.formheadline    { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-style: normal;font-weight: bold; }
.formwarning     { font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal;font-weight: normal; color: red; }
.formcomment     { font-size: 8pt; color: #777777; }


/************* PARIS MENU **************/
ul.menu {
	font-family: Arial;
	font-size: 8pt;
	margin: 0px;
	padding: 0px;
	width: 178px;
	overflow: hidden;
}

ul.menu li {
	position: relative;
	list-style-type: none;
	border-left: 1px solid #EEEEEE; /* was #70b7c2; */
	border-right: 1px solid #000000;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #000000;
	color: white;
	background-color: #017e93;
}

ul.menu li a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	background: -webkit-linear-gradient(left, #017e93 75%, #009DB8 99%);
	background: -moz-linear-gradient(left, #017e93 75%, #009DB8 99%);
    background: -ms-linear-gradient(left, #017e93 75%, #009DB8 99%);
    background: linear-gradient(left, #017e93 75%, #009DB8 99%);
	background-color: #017e93; /* IE6 Bug */
	line-height: 2em;
	height: 2em;
	padding: 0 5px;
	cursor: pointer;
}

ul.menu li a.menuactive {
	color: #FDA801;
	background-color: #017e93; /* IE6 Bug */
}

/* 2nd level menu */
ul.menu li ul {
    margin-left: 0px;
    padding-left: 8px;
    position: relative;
    width: 169px; /* All browsers */
    *width: 176px; /* IE 7 and below */
    background-color: #017e93; /* was slightly darker #014955; */
}

/* 3rd level menu */
ul.menu li ul ul {
    margin-left: 0px;
    padding-left: 8px;
    width: 160px;
    background-color: #017e93; /* was slightly darker #014955; */
}

/* 4th level menu */
ul.menu li ul ul ul {
    margin-left: 0px;
    padding-left: 8px;
    width: 151px;
    background-color: #017e93; /* was slightly darker #014955; */
}

ul.menu li a:hover {
   color: #fda801;
   cursor: pointer
}

ul.menu li ul  {  } /* Sub Menu Styles */
li.menuactive ul  {
    display: block;
    color: #FDA801;
 }
li.menuon ul  { display: block; }
li.menuoff ul { display: none; }

.minimenu {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #ffb811;
    display: block;
    text-decoration: none;
    background-color: #017e93; /* IE6 Bug */
    width: 80px;
    /*line-height: 2em;
      height: 2em;	*/
    padding: 0 5px;
}
.minimenu a {
    color: white;
    text-decoration: none;
}

.hidden { display: none; }
.layout { } /* this is for layout tables, that don't contain data */

/************* PRINT ********************/

@media print {
   TD {font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal;font-weight: normal; padding: 2px; border-spacing: 0px; border: 1px solid #EEEEEE; }
   TD.layout { padding: 0; border: none; }
   TH {font-family: Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal;font-weight: bold; border-spacing: 0px; border: 1px solid #EEEEEE;}
   H1 {font-family: Arial,Helvetica,sans-serif; font-size:14px; font-style:normal; font-weight: bold;}
   H2 {font-family: Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-weight: bold;}

   TABLE {border-collapse: collapse;}
    /* list all elements, that should not be printed */
   .dontprint { display: none; }
   #leftmenu  { display: none; }
   #mainDiv   { left: 10px !important;  }
   .printonly { display: inline-block !important; }
   A          { text-decoration: none; }
   .actbtn    { display: none !important; }
   .abtn      { display: none !important; }
   .menu      { display: none; }
   .gobtn     { display: none !important; }
   .back      { display: none !important; }
   .minimenu  { display: none !important; }
   #navbar    { display: none !important; }
	@page land {
		Size: A4 landscape;
		Margin: 0% 0% 0% 0%;
		filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
	}
	.landscape { page: land; } /* print landscape (put in table tag) */
	/* repeat THEAD on every new page */
	thead { display: table-header-group; }
	tbody { display: table-row-group; }
	.morebutton { display: inline !important; } /* print more button text normal */
	.morebuttonlnk { display: none !important; }

    TD.info, TD.warning, TD.error, TD.seriouswarning, TD.mildwarning, TD.serious_warning, TD.mild_warning, TH.mildwarning, TH.warning, TH.seriouswarning {
		background-image: none;
		padding: 2px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		background-color: #f0f0f0; /* maybe split for three levels, all light greys */
		font-size: 10px; /* back to normal */
		font-style: normal;
		font-weight: normal;
		border-radius: 4px;
	}
	TD.info, TD.mildwarning {
		border: 2px solid #888888 !important;
		background-color: #58ff58 !important;
	}
	TD.warning {
		border: 2px solid black !important;
		background-color: #FFFF58 !important;
	}
	TD.error, TD.seriouswarning {
		border: 3px solid black !important;
		background-color: #FF5858 !important;
	}
	TABLE.bordertable TD {
	    border: 1px solid #AAAAAA !important;
	}
	TABLE.bordertable TH {
	    border: 1px solid #AAAAAA !important;
	}
}

/* Action Button Style for Anchors */
/* we have two styles: one for a nicely shaped, two sided
   action button. the class name is is ACTBTN and here is how
   you use it: <a href=... class=actbtn><span>Edit</span></a>
*/

a.actbtn {
	background: transparent url('../img/square-gray-left.gif') no-repeat top left;
	display: inline-block;
	/*float: left;*/
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
    border-radius: 5px;
}
a:link.actbtn, a:active.actbtn {
	color: #494949; /*button text color*/
}
a:visited.actbtn {
	color: #696969; /*button text color*/
}
a.actbtn span {
	background: transparent url('../img/square-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}
a.actbtn:hover { /* Hover state CSS */
	background-position: bottom left;
}
a.actbtn:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}


/* 2nd style is a simpler button with simple background
   The class name is is ABTN and here is how you use it: <a href=... class=abtn>Edit</a>
*/
a.abtn, a.abtnsel, a.miniabtn, a.labtn, a.rabtn {
	background: #FAFAFA url('../img/btn_bg1.png') repeat-x center center\9; /* IE8 and below */
    background: -moz-linear-gradient(top, white 20%, #DDDDDD 80%);
    background: -ms-linear-gradient(top, white 20%, #DDDDDD 80%);
    background: -webkit-linear-gradient(top, white 20%, #DDDDDD 80%);
    background: linear-gradient(top, white 20%, #DDDDDD 80%);
    opacity: 0.8;
    display: inline-block;
    font: normal 12px Arial;
    padding: 1px 5px;
    text-decoration: none;
    border: 1px outset #FFFFFF;
    border-radius: 4px;
    white-space: nowrap; /* do not break in two lines */
}
a.abtn {
	margin: 0px 2px;
}
/* this is for currently selected links. It gives it a thick (2px) blue border */
a.abtnsel {
	opacity: 1.00;
	margin: 0px 1px;
	color: blue;
	border: 2px outset #0000FF;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
/* mini version */
a.miniabtn {
	font: normal 11px Arial; /* Change 12px as desired */
	line-height: 8px; /* This value + 2px + 2px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 9px; /* Height of button background height */
	margin: 0 2px;
	padding: 1px 3px 1px 3px;
	color: black;
	border: 1px solid #AAAAAA;
}
/* left action button */
a.labtn {
	opacity: 0.66;
	line-height: 8px; /* This value + 2px + 2px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 9px; /* Height of button background height */
	margin-left: 3px; /* changed from 5px left to 3+3 for symetry of single button in cell */
	margin-right: 1px;
	padding: 3px;
	border: 1px solid #A7A7A7;
	border-radius: 6px 0 0 6px;
}
/* right action button */
a.rabtn {
	opacity: 0.66;
	line-height: 8px; /* This value + 2px + 2px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 9px; /* Height of button background height */
	margin-left: 1px; /* changed from 5px left to 3+3 for symetry of single button in cell */
	margin-right: 3px;
	padding: 3px 3px 3px 1px;
	text-decoration: none;
	border: 1px solid #A7A7A7;
	border-radius: 0 6px 6px 0;
}

a:link.abtn, a:active.abtn, a:link.labtn, a:active.labtn, a:link.rabtn, a:active.rabtn {
	color: #202020; /*button text color; note opacity above */
}
a:visited.abtn, a:visited.labtn, a:visited.rabtn  {
	color: #404040; /*button text color; note opacity above */
}
a.abtn:hover, a.labtn:hover, a.rabtn:hover, a.miniabtn:hover { /* Hover state CSS */
	opacity: 1.0;
	color: black;
}
a.abtn:active { /* Hover state CSS */
	opacity: 1.0;
	color: blue;
}

/* green go/submit/search button */
.gobtn {
	padding: 3px;
	font: normal 12px Arial;
	text-decoration: none;
	color: #FFFFFF;
	background: -webkit-linear-gradient(top, #017e93 5%, #009DB8 95%);
	background: -moz-linear-gradient(top, #017e93 5%, #009DB8 95%);
    background: -ms-linear-gradient(top, #017e93 5%, #009DB8 95%);
    background: linear-gradient(top, #017e93 5%, #009DB8 95%);
	background-color: #017E93;
	border: 1px outset #DDDDDD;
	-ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
	cursor: pointer;
}
.gobtn:hover {
	color: #fda801;
}

.bubble {
    color: black;
    background-color: #e0e0ff;
    display: inline-block;
    font: normal 12px Arial;
    margin: 0;
    padding: 1px; /* 2px 2px 2px 2px; */
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 4px; /* css3 */
    white-space: nowrap; /* do not break in two lines */
}

.xbubble {
    color: black;
    background-color: #ffe0e0;
    display: inline-block;
    font: normal 12px Arial;
    margin: 0;
    padding: 1px; /* 2px 2px 2px 2px; */
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 4px; /* css3 */
    white-space: nowrap; /* do not break in two lines */
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* styles for Info, Warn, Error to display
 * Information, eg. "Your record has been saved"
 * Warnings, eg. "Your record was saved, but the field was shortened to 20 chars"
 * Errors, eg. "Your record was not saved. [Why?]"
*/
.info,.mildwarning,.mild_warning {
	background-color: #58ff58; /* nicer: #e0ffe0; */
	background-image: url('../img/icon_ok.png');
    background-repeat: no-repeat;
    background-position: 5px center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
    padding: 10px 10px 10px 34px;
	border: 2px solid #00a000;
    -moz-border-radius: 5px; /* css3 */
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.warning {
	background-color: #FFFF58;
    background-image: url('../img/icon_warning.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    padding: 10px 10px 10px 34px;
	border: 2px solid #a0a000;
    border-radius: 5px; /* css3 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.highlight {
	background-color: #FFFF48;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    padding: 1px;
	border: 1px solid #a0a000;
    border-radius: 5px; /* css3 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.error,.seriouswarning,.serious_warning {
	background-color: #ff5858;
    background-image:url('../img/icon_error.png');
    background-repeat:no-repeat;
    background-position: 5px center;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: black; /* #FF0000; /* red foreground */
    padding: 10px 10px 10px 34px;
    border: 2px solid #a00000;
    -moz-border-radius: 5px; /* mozilla before 3.6 */
    -webkit-border-radius: 5px;
    border-radius: 5px; /* css3 */
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

P.info, P.warning, P.error, P.seriouswarning, P.mildwarning, P.serious_warning, P.mild_warning {
	display: inline-block;
	min-width: 100px;
	max-width: 500px;
}

TD.info, TD.warning, TD.error, TD.seriouswarning, TD.mildwarning, TD.serious_warning, TD.mild_warning {
	/* less spacing in tables, no image */
	background-image: none;
	padding: 2px;
    /* background-position: 2px center;
    background-size: 20px 14px; /* original 30x21 */
	border: none; /* this will delete the normal table border and look ugly in print */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

TR.info, TR.warning, TR.error, TR.seriouswarning, TR.mildwarning, TR.serious_warning, TR.mild_warning {
    /* less spacing in tables, no image */
    background-image: none;
    padding: 2px;
    /* background-position: 2px center;
    background-size: 20px 14px; /* original 30x21 */
    border: none; /* this will delete the normal table border and look ugly in print */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* here are more warning and alert styles */

.sixmonthdue {
	background-color: #FDD017;
}

.oneyeardue {
	background-color: #F9B7FF;
}
.ontime {
	background-color: #66CCFF;
}

/* style sheet for the business cards in phonebook.jsp */
.phonebookTable {
	display: inline-block;
	height: 180px;
	width: 370px;
	border: 2px solid #c0c0c0;
	border-radius: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f4f4f4;
	line-height: 18px;
	vertical-align: top;
	margin: 0 10px 10px 0;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.phonebooktable H1 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #555555;
    line-height: 20px;
    border-bottom: 2px solid #c0c0c0;
    margin-bottom: 0;
}
.phonebookTable IMG {
	padding: 30px 20px 10px 10px;
	float: left;
}

/* for vroon crew assignment calendar color coding */
     .type0 { background-color: #ffffff; } /* missing contract */
     .type1 { background-color: #00ff00; } /* work */
     .type2 { background-color: #ffff00; } /* leave */
     .type3 { background-color: #c0c0c0; } /* not counted */
     .type3 { background-color: #ff8080; } /* error */

/* for vroon payment calendar */
.paytype0 { background-color: #ffffff; } /* missing contract */
.paytype1 { background-color: #fefefe; } /* paid */
.paytype2 { background-color: #ffb0b0; } /* unpaid */

.dotline_hori {
	background: url('../img/dotline_hori.gif');
	background-repeat: repeat-x;
	background-position: center;
	height: 6px;
}
.dotline_vert {
	background: url('../img/dotline_vert.gif');
	background-repeat: repeat-y;
	/* background-position: center;
	height: 6px; */
}


/* container div for dashboards */
.dashboardcontainer {
	width: 408px;
    display: inline-block;
    float: left;
    vertical-align: top;
}
.dashboard {
/*	width: 400px; /* or 40% */
    height: 280px; /* or 40% */
    border: 1px solid #017e93;
    border-radius: 8px;
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 10px 0;
    margin: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	overflow: hidden;
}
.dashboard H1 {
	background: -webkit-linear-gradient(left, #017e93 75%, #009DB8 99%);
	background: -moz-linear-gradient(left, #017e93 75%, #009DB8 99%);
    background: -ms-linear-gradient(left, #017e93 75%, #009DB8 99%);
    background: linear-gradient(left, #017e93 75%, #009DB8 99%);
	background-color: #017e93; /* For IE8 and below */
    color: #fda801;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    padding: 0;
    border-radius: 8px 8px 0 0; /* now IE9 compliant */
    overflow: hidden;
}
TABLE.db-boss {
	border-collapse: collapse;
}
TABLE.db-boss TR TH {
	font-size: 10px;
	text-align: center;
	width: 33%;
	}
TABLE.db-boss TR TD {
	font-size: 48px;
	text-align: center;
    font-weight: bold;
    vertical-align: middle;
	width: 33%;
	height: 72px;
}
TD.db-boss-change {
	font-size: 10pt !important;
	text-align: center;
    font-weight: normal !important;
	width: 33%;
	border-bottom: 2px solid black;
	height: 12px !important;
}

/* For "Closing the loop" module  - starts */
.formitem {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.taskList {
    width: 900px;
    background-color: #FFFFFF;
    overflow: hidden;
	clear: both;
}
/* For "Closing the loop" module  - ends */

/* for tables with headline lines in them */
.white {
	background-color: white !important;
	border: none !important;
}

/* for time sheet */
.timeon {
	width: 15px;
	height: 40px;
	background-color: #ffd700; /* yellow/gold */
}

.timeoff0 {
	width: 15px;
	height: 40px;
	background-color: white;
}

.timeoff1 {
	width: 15px;
	height: 40px;
	background-color: #ECECEC; /* light grey */
}
.timeonlow {
	width: 15px;
	height: 20px;
	background-color: #ffd700; /* yellow/gold */
}

.timeoff0low {
	width: 15px;
	height: 20px;
	background-color: white;
}

.timeoff1low {
	width: 15px;
	height: 20px;
	background-color: #ECECEC; /* light grey */
}
/* for more button */
.morebutton {
	display: none;
}
.morebuttonlnk {
	display: inline;
	font-size: 8pt;
	background-color: #ececec;
	color: #444444;
	margin-left: 8px; /* like space */
	padding: 1px;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
}
.morebuttonlnk:hover {
	display: inline;
	font-size: 8pt;
	background-color: #fcfcfc;
	color: black;
	margin-left: 8px; /* like space */
	padding: 1px;
	border: 1px solid #666666;
	border-radius: 4px;
}

/* New form manager 2011
 * all sub classes start with 'frm'
 */
.frmtab {
	/* for form table */
}
.frmtab TD {
	padding: 6px 3px 3px 3px; /* three more pixels on top */
}
.frmsep {
	/* separate two questions */
    /* background: url('../img/dotline_hori.gif');
    background-repeat: repeat-x;
	background-position: center; */
	height: 5px;
	background-color: white;
}
TD.frmseplevel1  {
     padding: 3px 3px 3px 30px;
}
TD.frmseplevel2  {
     padding: 3px 3px 3px 60px;
}
TD.frmseplevel3  {
     padding: 3px 3px 3px 90px;
}
.frmsepnormal {
	height: inherit;
}
.frmnote {
	font-size: 8pt;
	color: #666666;
	margin: 0;
}

/* icon view (classes of UI with icons)
 * all subclasses start with 'iv'
 */
.iconview {
	background-color: #fafafa;
	width: 200px; /* 25% did not work */
	height: 180px;
	display: inline-block;
	text-align: center;
	padding: 5px;
	overflow: hidden;
	border: 2px solid #f6f6f6;
	vertical-align: top;
	border-radius: 12px;
	margin: 5px 5px 5px 0;
	opacity: 0.8;
	filter: Alpha(opacity=80); /* for IE8 and below */
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.iconview2 {
	background-color: #fafafa;
	width: 750px; /* 25% did not work */
	height: 205px;
	display: table;
	float: left;
	text-align: left;
	padding: 5px;
	overflow: hidden;
	border: 2px solid #f6f6f6;
	border-radius: 12px;
	margin: 0 5px 5px 0;
	opacity: 0.8;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.rowdiv  {
display: table-row;
width: auto;
}
.celldiv {
float: left;/*fix for buggy browsers*/
display: table-cell;
width: 50%;
}

.ivtitle {
	color: #404040;
	font-size: 10pt;
	font-weight: bold;
	border: none;
	padding: 0;
	margin: 0;
    display: inline-block;
}

.ivdate {
	color: #707070;
	font-size: 8pt;
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0;
	display: inline-block;
}
/* icon image itself */
.icon {
	width: 120px;
	height: 120px;
	border: none;
	padding: 4px;
}
.icon2 {
	border: none;
	padding: 4px;
}

/* document system */
.docrevision {
	color: #888888;
	font-size: 8pt;
}

.docindH1 { margin-left: 0px; }
.docindH2 { margin-left: 20px; }
.docindH3 { margin-left: 40px; }
.docindH4 { margin-left: 60px; }
.docindH5 { margin-left: 80px; }
.docindH6 { margin-left: 100px; }

SPAN.document { font-size: 16px; font-weight: normal; }
H1.document { font-size: 36px; font-weight: bold; border-bottom: 3px solid #444444; margin-top: 2mm;}
H2.document { font-size: 28px; font-weight: bold; border-bottom: 1px solid #888888; margin-top: 5mm; }
H2.document:first-child { font-size: 28px; font-weight: bold; border-bottom: 1px solid #888888; margin-top: 4mm; }
H3.document { font-size: 24px; font-weight: bold; }
H4.document { font-size: 20px; font-weight: bold; }
H5.document { font-size: 18px; font-weight: bold; }
H6.document { font-size: 18px; font-weight: bold; }

/* book shelf */
.docbookshelf {
	background: url(../img/bookshelf.png);
	width: 100%;
	min-width: 600px;
	padding: 23px 0 0 10px;

}
.docbook {
	width: 100px;
	height: 150px;
	background: url(../img/bookcover.png) no-repeat left top;
	/*border: 1px solid black;*/
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	display: inline-block;
	padding: 0;
	margin: 12px 20px 0px 20px;
	overflow: hidden;
	text-align: center;
}

.docbook A {
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
	color: black;
	margin: 24px 16px 0 16px;
    background-color: transparent;
	width: 70px;
	height: 64px;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	vertical-align: middle;
	/* border: 1px solid red; */
}

.docbook SPAN A {
	/* for revision */
	font-size: 6pt !important;
	color: #666666 !important;
	bottom: 10px;
	position: relative;
}

.docsearch {
	position: relative;
	right: 0px;
	top: -10px;
	height: 12px;
	display: inline-block;
	float: right;
}

.docsearch FORM {
	display: inline;
}

.docsearch FORM INPUT {
	display: inline;
	height: 16px;
}

H2.doclibname {
	margin: 3px 0 8px 0;
	color: black !important;
	border: none !important;
}

/* iphone style back button */
.back {
	display: inline-block;
	-moz-appearance:none;
  	padding: 4px;
  	min-width: 75px;
  	text-align: center;
  	font-family: Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: xx-small;
  	text-decoration: none;
  	border-left: 12px;
  	border-right: 5px;
  	color: white;
  	text-shadow: rgba(0,0,0,0.6) 0px 1px 1px;
  	-moz-border-image: url("../img/backBtnBG.png") 0 5 0 12;
	-webkit-border-image:  url("../img/backBtnBG.png") 0 5 0 12;
	border-image: url("../img/backBtnBG.png") 0 5 0 12;
	vertical-align: middle;
	margin-right: 15px;
}

.back:hover {
  	-moz-border-image: url("../img/left-hover.png") 0 5 0 12;
	-webkit-border-image:  url("../img/left-hover.png") 0 5 0 12;
	border-image: url("../img/left-hover.png") 0 5 0 12;
}

.back:hover:active {
	padding: 5px 3px 3px 5px;
}

.back3 {
	display: inline-block;
	-moz-appearance:none;
  	padding: 4px;
  	min-width: 75px;
  	text-align: center;
  	font-family: Helvetica, sans-serif;
  	font-weight: bold;
  	font-size: xx-small;
  	text-decoration: none;
  	border-top: 1px solid #888888;
  	border-bottom: 1px solid #888888;
  	border-right: 1px solid #888888;
  	border-left: none;
	/*border-radius: 4px;*/
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	color: black;
	/* note: multiple backgrounds not supported in old browsers */
	background-color: #fafafa;
	/*background: url(../img/back1.png) no-repeat -3px 0%, url(../img/btn_bg1.png) repeat-x center center;*/
	background: url(../img/btn_bg1.png) repeat-x left center;
	vertical-align: middle;
	margin-right: 15px; /* space on right towards headline */
}

.back3:hover {
  	/*-moz-border-image: url("../img/left-hover.png") 0 5 0 12;
	//-webkit-border-image:  url("../img/left-hover.png") 0 5 0 12;
	//border-image: url("../img/left-hover.png") 0 5 0 12; */
	background-color:  #017e93;
}

.back3:hover:active {
	padding: 5px 3px 3px 5px;
}


/* for small data tables we have a "wide" style for more space */

TABLE.wide TR TD {
	padding: 3px 6px 3px 6px;
}
TABLE.wide TR TH {
	padding: 4px 6px 4px 6px;
}

TABLE.full {
	width: 100%;
}

/* the next is for all lists, that are INSIDE table cells: we reduce spacing a bit */
TD > UL {
	margin: 2px 0 2px 0;
	padding-left: 2em;
}

/* display email from dimsum email archive */

table.emailview {
	border: 1px solid #888888;
	background-color: #f8f8f8;
	border-radius: 12px;
}
table.emailview TR TD {
	padding: 4px;
}

/* For document diff */

.diff_equal {
}

.diff_insert {
	background-color: #e0e0e0;
}

.diff_delete {
	background-color: #e0e0e0;
}

.diff_change {
	font-weight: bold;
}

/* fleet news / daily news styles */
.storybody {
	color: #444444;
	font-size: 12pt;
	width: 66%;
}

/* Equipment Module */
.eqpdesc {
	font-size: 24px;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #b0b0b0;
	text-align: right;
	display: block;
	width: 100%;
}
.eqpmaker {
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	border: none;
	display: block;
	width: 100%;
}
.eqpmodel {
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	display: block;
	width: 100%;
	}
.eqplicensee {
	font-size: 14px;
	font-weight: normal;
	color: #222222;
	display: block;
	width: 100%;

}
.eqpserial {
	font-size: 12px;
	font-weight: normal;
	color: #888888;
	display: block;
	width: 100%;
}
.eqpcomment {
	font-size: 10px;
	font-weight: normal;
	color: #888888;
	display: block;
	width: 100%;
}
.eqpnexttask {
	display: none; /* comment out for the time being */
	/*display:  block;*/
}
.eqp_label{
	display: block;
	float: left;
	width: 110px;
}

.crewexp1 {
	font-size: 15px;
	font-weight: bold;
	color: #222222;
	border: none;
	float: left;/*fix for  buggy browsers*/
	display: table-cell;
	width: 100%;
}
.double_underline {
	border-bottom: 3px double;
}

.eqpblock {
	background-color: #fafafa;
	width: 750px; /* 25% did not work */
	height: 205px;
	display: table;
	float: left;
	text-align: left;
	padding: 5px;
	overflow: hidden;
	border: 2px solid #f6f6f6;
	border-radius: 12px;
	margin: 2px;
	opacity: 0.8;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
.eqpnav_icon{
	display: inline-block;
	float: left;
	margin-top: 25px;
}
.eqpnav_content{
	display: inline-block;
	float: right;
	width: 430px;
}
.eqpnav_desc{
	font-size: 24px;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #b0b0b0;
	text-align: right;
	float: left;/*fix for  buggy browsers*/
	width: 100%;
	display: block;
}
.eqpnav_table{
	display: inline-block;
	width:100%;
}
.eqp_icon {
	display: block;
	float: left;
}
.eqp_content {
	display: inline-block;
	float: right;
	width: 430px;
}

TABLE.bordertable TD {
	border: none;
}
TABLE.bordertable TH {
	border: none;
}

/* for zoom image in address book */
.zoomp1 IMG {
	border: none;
	width: 40px;
	box-shadow: 1px 1px 5px 0 #666666;
	margin: 0 8px 15px 0;
	cursor: pointer;
	transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
	-webkit-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
	-o-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
	-moz-transition: width 0.3s ease,height 0.3s ease,left 0.3s ease,top 0.3s ease;
}
.zoomp1 IMG:hover {
	width: 120px;
	box-shadow: 1px 1px 5px 0 #666666;
}
.zoomp0 IMG { /* no zoom for standard staff image */
	border: none;
	width: 40px;
	box-shadow: 1px 1px 5px 0 #666666;
	margin: 0 8px 15px 0;
}

/* FMTI Section */
#fmtilogin {
	padding: 80px;
	margin: 40px;
	background-color: #e0e0e0;
	border: 1px solid #c0c0c0;
	border-radius: 20px;
	base-line: 20px;
}

/* labels with auto-wrap in fixed width */
.ralabel {
	/*float: left; /* otherwise FF will ignore width */
	padding: 2px;
	margin: 1px;
	width: 180px; /* fixed size, to make them look neat */
	background-color: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 6px;
	display: inline-block;
	vertical-align: top
}

/************ MAIN LAYOUT DIVS ************/
#leftmenu {
	width: 181px;
	left: 1px;
	top: 0px;
	position: absolute;
}
#mainDiv {
	top: 0;
	right: 0;
	left: 185px;
	position: absolute;
	overflow: visible;
}

/************ LOGIN ************/
#fmllogin {
	display: block;
	width: auto;
	max-width: 520px;
	position: relative;
	left: 4px;
	margin: 10px auto;
	font-size: 16px;
}
#fmllogin div {
	margin: 30px 0;
}
#fmllogin .gobtn {
	vertical-align: top !important;
	height: 27px !important;
	margin-left: -1px !important;
	padding: 5px !important;
}
#fmllogin a {
	font-size: 12px;
}
.fmlloginlogo {
	background: transparent url('../img/paris_login.png') left no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url('../img/paris_login.svg');
	background-image: -moz-linear-gradient(transparent, transparent), url('../img/paris_login.svg');
	background-image: -ms-linear-gradient(transparent, transparent), url('../img/paris_login.svg');
	background-image: linear-gradient(transparent, transparent), url('../img/paris_login.svg');
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
	max-width: 428px;
	height: 140px;
}

.dsmpl-fmlloginlogo {
    background: transparent url('../img/dsmpl-paris_login.png') left no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url('../img/dsmpl-paris_login.svg');
    background-image: -moz-linear-gradient(transparent, transparent), url('../img/dsmpl-paris_login.svg');
    background-image: -ms-linear-gradient(transparent, transparent), url('../img/dsmpl-paris_login.svg');
    background-image: linear-gradient(transparent, transparent), url('../img/dsmpl-paris_login.svg');
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-size: 100% auto;
    max-width: 428px;
    height: 140px;
}

.fmlloginform {
	font: 18px Arial,Helvetica,sans-serif;
	border-radius: 6px;
	width: 220px;
	height: 22px;
	border: 2px inset #CCCCCC;
}
.fmlloginIE8 {
	display: none; /* for all normal browsers */
	margin: 0 0 0 2px !important;
	position: relative;
	bottom: -25px;
}
.fmlloginIE8 B:first-child {
	margin-right: 156px;
}

/************ LEFT MENU ************/
.shipheadline { /* for office mode */
	font: normal 12px Arial,Helvetica,sans-serif !important;
	height: 16px !important;
}
.shipheadlinereadonly { /* for miniserver mode */
	background-color: #F8F8F8;
    border-bottom: 1px solid #D0D0D0;
    color: #222222;
    font: bold 12px Arial,Helvetica,sans-serif;
    margin: 0 0 3px 1px;
    width: 177px;
}
.shipheadline .dijitTextBox { /* This class changes ship and crew selector */
	font: normal 12px Arial,Helvetica,sans-serif !important;
	vertical-align: top !important;
	margin: 0 !important;
	padding-left: 2px !important;
}
.shipheadline INPUT { /* This class changes loading behaviour of the ship selector */
	font: normal 12px Arial,Helvetica,sans-serif !important;
	vertical-align: top;
	height: 70%;
}
.shipheadline SELECT { /* This class changes loading behaviour of the crew selector */
	font: normal 12px Arial,Helvetica,sans-serif !important;
	vertical-align: top !important;
	height: 16px;
	margin: 0 !important;
	padding: 0 !important;
}
.shipheadline IMG, .shipheadlinereadonly IMG {
	vertical-align: top;
	width: 16px;
	border: none;
}
.shipheadline IMG {
	float: left;
	margin-left: 1px;
}

/************ PREVIOUS/NEXT BUTTONS ************/
.prevnext {
	height: 10px;
	width: 177px;
	padding: 1px 0 0 0;
	margin: 0px 0 1px 1px !important;
	border-top: 1px solid #D0D0D0;
	font: bold 12px Arial;
	line-height: 8px;
}
a.pnbtn, a.pnbtnoff {
	display: inline-block;
	width: 86px;
	height: 8px;
	float: right;
	text-decoration: none;
	border: 1px outset #AAAAAA;
    text-align: center;
    color: #000000;
	background: #FAFAFA url('../img/btn_bg1.png') repeat-x center center\9; /* IE8 and below */
	background: -moz-linear-gradient(top, #FFFFFF 20%, #BBBBBB 95%);
	background: -ms-linear-gradient(top, #FFFFFF 20%, #BBBBBB 95%);
	background: -webkit-linear-gradient(top, #FFFFFF 20%, #BBBBBB 95%);
	background: linear-gradient(top, #FFFFFF 20%, #BBBBBB 95%);
    -webkit-box-shadow: 0 1px 1px 0 #000;
	-moz-box-shadow: 0 1px 1px 0 #000;
	box-shadow: 0 1px 1px 0 #000;
}
a.pnbtn {
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	opacity: 0.9;
}
a.pnbtn:hover {
	color: #FDA801;
	opacity: 1.0;
	background: -moz-linear-gradient(top, #FFFFFF 20%, #AAAAAA 95%);
	background: -ms-linear-gradient(top, #FFFFFF 20%, #AAAAAA 95%);
	background: -webkit-linear-gradient(top, #FFFFFF 20%, #AAAAAA 95%);
	background: linear-gradient(top, #FFFFFF 20%, #AAAAAA 95%);
}
a.pnbtn:active {
	border: 1px inset #AAAAAA !important;
}
a.pnbtnoff {
	color: #AAAAAA;
    opacity: 0.5;
    filter: Alpha(opacity=50); /* for IE8 and below */
    cursor: default;
}
.pnbtn:first-child, .pnbtnoff:first-child {
	float: left !important;
}

/************ SEARCHBOX ************/
.menusearch {
	margin-top: 8px;
	margin-left: 1px;
	height: 20px;
}
.menusearch .gobtn {
	position: absolute;
	right: 3px;
	padding: 2px;
	line-height: 16px;
}
.menusearch INPUT {
	font: normal 14px Arial,Helvetica,sans-serif !important;
	color: #000000 !important;
	margin: 0 !important;
	padding: 2px 2px 2px 1px !important;
	border: 1px solid #B3B3B3;
	width: 150px;
}
.menusearch .dijitTextBox {
	margin: 0 !important;
	width: 153px;
}
.menusearch .dijitInputContainer INPUT {
    margin: 0 !important;
}
.menusearch .dijitPlaceHolder {
	font: normal 14px Arial,Helvetica,sans-serif !important;
	padding: 2px !important;
}
.menusearch INPUT::-moz-placeholder {
	color: #555555;
	line-height: normal !important;
}
.menusearch INPUT::-webkit-input-placeholder {
	padding-left: 1px !important;
}


/************ NAVIGATION BAR ************/
#navbar {
	font-size: 14px;
	height: 22px;
	width: auto;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	margin-bottom: 5px;
	padding: 1px;
	color: #555555;
}
#navbar IMG {
	vertical-align: text-bottom;
	margin: 3px 0 0 3px;
	border: none;
}
#navbar IMG:first-child {
	margin-left: 8px;
	margin-right: -2px;
}
#navbar A {
	color: #555555;
	text-decoration: none;
}
#navbar A:hover {
	color: #0000FF;
	text-decoration: underline;
}
#navright {
	position: absolute;
	right: 1px;
	margin: 2px 1px;
	white-space: nowrap;
}
.navprev, .navnext, .navelem, .navnoprev, .navnonext, .navnoelem {
	margin: 1px 1px 1px 0;
	padding: 2px 4px 2px 4px;
	border: 1px solid #BBBBBB;
	font: normal 12px Arial;
	color: #AAAAAA;
	text-decoration: none;
	background: #FAFAFA url('../img/btn_bg1.png') repeat-x center center\9; /* IE8 and below */
	background: -moz-linear-gradient(top, #FFFFFF 20%, #CCCCCC 95%);
	background: -ms-linear-gradient(top, #FFFFFF 20%, #CCCCCC 95%);
	background: -webkit-linear-gradient(top, #FFFFFF 20%, #CCCCCC 95%);
	background: linear-gradient(top, #FFFFFF 20%, #CCCCCC 95%);
}
#navright IMG{
	position: relative !important;
	bottom: 2px !important;
	padding: 0px !important;
	margin-left: -2px !important;
	margin-right: 2px !important;
}
.navprev, .navnext, .navelem {
	border: 1px solid #AAAAAA !important;
}
.navprev, .navnoprev {
	border-radius: 6px 0 0 6px;
}
.navnext, .navnonext {
	padding: 2px 0px 2px 4px !important;
	border-radius: 0 6px 6px 0;
}
.navprev:hover, .navnext:hover, .navelem:hover {
	color: #000000 !important;
	text-decoration: none !important;
	background: -moz-linear-gradient(top, #FFFFFF 20%, #B3B3B3 99%) !important;
	background: -ms-linear-gradient(top, #FFFFFF 20%, #B3B3B3 99%) !important;
	background: -webkit-linear-gradient(top, #FFFFFF 20%, #B3B3B3 99%) !important;
	background: linear-gradient(top, #FFFFFF 20%, #B3B3B3 99%) !important;
	-webkit-box-shadow: 0 0 2px #AAA;
	-moz-box-shadow: 0 0 2px #AAA;
	box-shadow: 0 0 2px #AAA;
}
.navprev:active, .navnext:active, .navelem:active {
	border: 1px inset #AAAAAA !important;
	background: -moz-linear-gradient(top, #FFFFFF 1%, #B3B3B3 99%);
	background: -ms-linear-gradient(top, #FFFFFF 1%, #B3B3B3 99%);
	background: -webkit-linear-gradient(top, #FFFFFF 1%, #B3B3B3 99%);
	background: linear-gradient(top, #FFFFFF 1%, #B3B3B3 99%);
}
.navnoprev, .navnonext, .navnoelem {
	color: #AAAAAA !important;
	text-decoration: none !important;
	cursor: default;
	opacity: 0.7 !important;
	filter: Alpha(opacity=70); /* for IE8 and below */
}
.navnoprev IMG, .navnonext IMG, .navnoelem IMG {
	opacity: 0.3 !important;
	filter: Alpha(opacity=20); /* for IE8 and below */
}

.mapinfobox {
	position: absolute;
	width: 180px;
	height: 70px;
	z-index: 27;
	background-color: #F0E5E1;
	layer-background-color: #F0E5E1;
    border: 1px solid #bbbbbb;
    border-radius: 12px;
    padding: 5px;
    opacity: 0;
    transition: opacity 1s;
}

.graybubble {
    color: black;
    background-color: #f8f8f8;
    display: inline-block;
    font: normal 12px Arial;
    margin: 0;
    padding: 1px; /* 2px 2px 2px 2px; */
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 4px; /* css3 */
    white-space: nowrap; /* do not break in two lines */
}
.graydarkbubble {
    color: black;
    background-color: #c8c8c8;
    display: inline-block;
    font: normal 12px Arial;
    margin: 0;
    padding: 1px; /* 2px 2px 2px 2px; */
    text-decoration: none;
    border-bottom: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-radius: 4px; /* css3 */
    white-space: nowrap; /* do not break in two lines */
}

.theme{border-radius: 6px 6px 6px 6px;border: 1px solid #EAEAEA;width: 310px;margin: 5px;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);float: left;}
.traditional{border-radius: 6px 6px 4px 4px;background: -moz-linear-gradient(left center , #017E93 75%, #009DB8 99%) repeat scroll 0 0 #017E93;color: #FFFFFF;text-align: center;margin: 2px; padding: 2px;}
.modern{border-radius: 6px 6px 4px 4px;background: -moz-linear-gradient(left center , #E8E8E8 75%, #F8F8F8 99%) repeat scroll 0 0 #F8F8F8;color: black;text-align: center;margin: 2px; padding: 2px;}
.sunny{border-radius: 6px 6px 4px 4px;background: -moz-linear-gradient(left center , #FFB347 75%, #FFD387 99%) repeat scroll 0 0 #FFB347;color: black;text-align: center;margin: 2px; padding: 2px;}

.dojoxGridFCBoxSelCol, .dojoxGridFCBoxCondition{height:52px;}
.dojoxGridFCBox{height:150px;}
.dojoxGridFDTitlePane{height:350px;}

#searchform { margin:50px 200px; font-size:18px; }
#searchform div { color:#eeeeee; }
#searchform div input { font-size:18px; padding:5px; width:320px; }
#suggestions{ position: relative; left:235px; width:320px; display:none; }

/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#919191; border-style:solid; width:320px; background-color:#a0a0a0; font-size:10px; line-height:14px; }
#searchresults a { display:block; background-color:#e4e4e4; clear:left; height:56px; text-decoration:none; }
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#555555; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#ffffff; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px;
			background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { background-color:transparent; display:block; margin:5px; height:auto; color:#ffffff; }

.popup {
    background-color: #FFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999;
    color: #111;
    display: none;
    min-width: 470px;
    min-height: 450px;
    padding: 25px;
}

#popup .logo {
    color: #2B91AF;
    font: bold 325% 'Petrona',sans;
}

#popup iframe {
    background: url("../img/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    min-height: 450px;
    min-width: 480px;
}

.button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.button {
    background-color: #2B91AF;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}

.loading_overlay {
    height: 100%;
    width: 100%;
    opacity: 0.5;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: url("/fml/img/loading.gif") no-repeat scroll center center #eee;
    overflow-x: hidden;
}