/*<footer stuff>*/
html{height: 100%;  overflow: -moz-scrollbars-vertical;
     overflow: scroll;
	 }


body{ height: 100%; 
		margin:0px; 
		
}

/*</footer stuff>*/
.pageRightPadding
{
	padding-right:5px;
}
.inlineManualWrapper
{
	position:fixed;
	width:50%;
	height:400px;
	display:none;
	background:#fff;
	border-top: 5px solid #FF7415;
	border-left: 5px solid #FF7415;
	bottom:0px;
	right:0px;
	padding:20px 0px 20px 20px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	z-index:10000;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pageTopper {height:15px;}
.inlineManualHeader
{
	border-bottom: 3px solid #FF7415;
	font: bold 14px veranda;
	padding: 5px 0px;
	position:relative;
}
.inlineManualTitle
{
	font: bold 20px veranda;
}
.inlineManualClose
{
	position:absolute;
	right: 3px;
	top: -10px;
	cursor:pointer;
}
.inlineManualContents
{
	clear:both;
	height:90%;
	overflow-x: hidden;
	overflow-y:auto;
	padding:5px 0px 10px 0px;
	margin-bottom:10px;
	line-height:25px;
}
#overlay
{
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1002;
    background-color: #333;
    opacity: 0.6;
}
.popupWindow {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width:100%;
    height:100%;
    text-align:center;
    z-index: 1500;
}
.popupWindow .popupContent {
    margin: 15% auto;
    background-color: #fff;
    border:1px solid #000;
    padding: 15px;
    text-align:center;
}
.popupContent .options {
	margin-top: 20px;
}
#searcharea {margin: 0px 0px 0px 420px;
             padding: 50px 0px 0px 0px;
             text-align:right; color: #000000; }
            
             
 .search
{
    margin:6px 2px 5px 2px;
}

.headerSpecialText
{
	color: #000000;
	font-size:30px;
	margin: 0 auto;
	padding: 19px;
	width: 400px;
	font-weight:bold;
}
.graphContainer	
{
	background: #d5e1f1; /* Old browsers */
	background: -moz-linear-gradient(top,#ffffff; 0%, #fcfdff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfdff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fcfdff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fcfdff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fcfdff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#fcfdff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfdff',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 10px 10px 10px 3px rgba(152, 152, 152, .3);
	box-shadow: 10px 10px 10px 3px rgba(152, 152, 152, .3);
	margin: 0 auto;
}

.v2EditorWrapper
{
	background: #e4e4e4;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0;
	border-radius: 10px;
	border-top-right-radius: 0;
	padding: 5px;
}
.v2EditorWrapper_Round
{
	background: #e4e4e4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
}
.v2EditorWrapper_Switch
{
	background: #e4e4e4;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topright: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
	padding: 5px;
}
.v2EditorHeader
{
	background: #e4e4e4;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 16px;
	color: #000000;
	border-bottom: 2px solid #000000;
	font-weight:bold;
	padding: 8px 0px;
	text-indent: 20px;
	line-height:29px;
}
.v2EditorHeader.active
{
	background: none repeat scroll 0 0 #ff9c3d;
}
.v2EditorHeader.small
{
	line-height:20px;
	font-size: 13px;
}
.actionButton
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border : 1px solid #414141;
	box-shadow: 2px 2px 2px #888888;
	text-align:center;
	width:40px;
	margin: 0 auto;
	padding: 3px 0px;
	cursor:pointer;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-image: linear-gradient(to bottom, #FFFFFF, #EFEFEF);
	
}
.actionButton.tableRow
{
	height:22px;
	width:34px;
	box-shadow: 1px 1px 1px #888888;
}
.actionButton.tableRow.newWO
{
	 background-image: url('/images/bad.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top right; 
}
.actionButton.hover
{
	background: #e4e4e4;
}
.actionButton.tableRow.hover
{
	background: #F9FFB0;
}
.actionButton.active
{
	background: #ffa647;
}
.bigActionButton
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border : 0px solid #414141;
	box-shadow: 3px 3px 3px #888888;
	text-align:center;
	width:80px;
	margin: 0 auto;
	padding: 3px 0px;
	cursor:pointer;
	
}
.bigActionButton.hover
{
	background: #e4e4e4;
}
.projectSelectWarning {font: bold 16px arial, sans serif;color:#49483F;}
/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:200px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day-today	{border-bottom:1px solid #999;border-right:1px solid #999;background:#FCFCD4 ; min-height:100px; font-size:11px; padding:5px; position:relative;}
td.calendar-day-today:hover	{ background:#F9F8B1; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:100px; } * html div.calendar-day-np { height:100px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
#header
{
	width:100%;
	height: 60px; 
	position:relative; 
	background: #f5f5f5; 
	border-bottom: 5px solid #3D3D3D;
	background-image: url(/images/cubes.png);
	-moz-box-shadow:    0px 0px 10px 3px #FF8500;
	-webkit-box-shadow: 0px 0px 10px 3px #FF8500;
	box-shadow:         0px 0px 10px 3px #FF8500;
	margin-bottom:15px;
	z-index:100;
}
.logoContainer{
	background: #f5f5f5; 
	float:left;
	height:60px;
	margin-left:30px;
	max-width:300px;
	-moz-box-shadow:    0px 0px 8px 2px #FF8500;
	-webkit-box-shadow: 0px 0px 8px 2px #FF8500;
	box-shadow:         0px 0px 8px 2px #FF8500;
}
.customerName
{
	float:left;
	width:300px;
	font-size:26px;
	font-weight:bold;
	color:#000000;
	padding: 10px;
	margin-top:10px;
	margin-left:70px;
}
.logoInner
{
	padding:5px 20px;
	height:60px;
	text-align:center;
}
.adminFlag
{
	background:#FF7415;
	text-align:center;
	padding: 5px 0px;;
	font-weight:bold;
	letter-spacing:2px
}
#footer
{
	background: #fff;;
	background-image: url(/images/cubes.png);
	border-top: 6px solid #3D3D3D;
	color:#1C1C1C;
	font-weight:bold;
	text-align:center;
	-moz-box-shadow:    0px 0px 4px 2px #FF8500;
	-webkit-box-shadow: 0px 0px 4px 2px #FF8500;
	box-shadow:         0px 0px 4px 2px #FF8500;
	position: relative;
	margin-top: -32px;
	clear:both;
}  
.Flex_fullPage {min-height:100%; }
#contentbody{padding-bottom: 51px;}
#footer a {color:#1C1C1C;;}
  
.Flex_contentbody
{
	padding-left:210px;
	position:relative

}
.Flex_menu
{
	width:200px;
	position:absolute;
	float:left;
	left:0px;
}
.submenu
{
	position:absolute;
	display:none;
	right:55px;
	top:-10px;
	min-width:100px
	max-width:500px;
	z-index:1000;
	border: 5px solid #fff;
	background: #fff;
	-webkit-box-shadow: 10px 10px 10px 3px rgba(111, 111, 111, .5);
	box-shadow: 10px 10px 10px 3px rgba(111, 111, 111, .5);
}
.submenu_option
{
	text-align:center;
	font: bold 14px arial; 
	background: #e4e4e4; 
	padding:10px;
	z-index:15; 
	min-width: 130px;
	color:#000000;
	margin-left:40px;
	position:relative;
	border-bottom: 3px solid #e4e4e4;
}
.submenu_graphic
{
	position:absolute;
	left:-33px;
	top:3px;
	
}
.submenu_option:hover 
{
	background: #c6c6c6;
	border-bottom: 3px solid #c6c6c6;
}
#Flex_navigation
{
	float: right;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 999;
	height:100%;
}
.noneListWarning, .noRecordWarning
{
	margin: 100px 20px; 
	font-size: 30px;
	line-height:30px;
	text-align:center;
	color: #FF7415;
}	
.mainMenuItem
{
	float: left;
    font-size: 14px;
    margin: 0 0 0 10px;
    position: relative;
	list-style: none outside none;
	height:65%;
	line-height:35px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0px 0px;
	color: #949494;
	font-weight:bold;
	top: 35%;
}
.mainMenuItem a
{
	text-decoration: none;
	color: #949494;
	width:100%;
	height:100%;
	padding: 54px 10px 10px;
}
.mainMenuItem.active {
	background: #FF991A;
	color: #000000;
}
.mainMenuItem.hover {
	background: #ffc465;
	color: #000000;
}
.mainMenuItem.nohighlight.hover  {
	background:none;
	
}
.mainMenuItem.hover a, .mainMenuItem.active a{
	color: #000000;
}
.iconMenuTab{height:35px;width:40px;cursor:pointer;}
.iconMenuTab.hover{background:none;}
.iconMenuTab.active{background:none;}

.messages_tab{ 
	background-image:url(https://vmi.cec.ie/images/action/action_message.png);background-position:bottom left; background-repeat: no-repeat;
}
.messages_tab.hover{ 
	background-image:url(https://vmi.cec.ie/images/action/action_message_hover.png); background-position:bottom left; background-repeat: no-repeat;
}
.messages_tab.active{ 
	background-image:url(https://vmi.cec.ie/images/action/action_message_active.png);background-position:bottom left; background-repeat: no-repeat;
}
.ecp_tab{ 
	background-image:url(https://vmi.cec.ie/images/action/action_cp.png);background-position:bottom left; background-repeat: no-repeat;
}
.ecp_tab.hover{ 
	background-image:url(https://vmi.cec.ie/images/action/action_cp_hover.png);background-position:bottom left; background-repeat: no-repeat;
}
.ecp_tab.active{ 
	background-image:url(https://vmi.cec.ie/images/action/action_cp_active.png);background-position:bottom left; background-repeat: no-repeat;
}
.admin_tab{ 
	background-image:url(https://vmi.cec.ie/images/action/action_admin.png);background-position:bottom left; background-repeat: no-repeat;
}
.admin_tab.hover{ 
	background-image:url(https://vmi.cec.ie/images/action/action_admin_hover.png);background-position:bottom left; background-repeat: no-repeat;
}
.admin_tab.active{ 
	background-image:url(https://vmi.cec.ie/images/action/action_admin_active.png);background-position:bottom left; background-repeat: no-repeat;
}
.inline_helptab_disabled{ 
	background-image:url(https://vmi.cec.ie/images/action/action_manual.png);background-position:bottom left; background-repeat: no-repeat;
}
.inline_helptab_disabled.hover{ 
	background-image:url(https://vmi.cec.ie/images/action/action_manual.png);background-position:bottom left; background-repeat: no-repeat;
}
.inline_helptab{ 
	background-image:url(https://vmi.cec.ie/images/action/action_manual_hover.png);background-position:bottom left; background-repeat: no-repeat;
}
.inline_helptab.active{ 
	background-image:url(https://vmi.cec.ie/images/action/action_manual_active.png);background-position:bottom left; background-repeat: no-repeat;
}
.inline_helptab.hover{ 
	background-image:url(https://vmi.cec.ie/images/action/action_manual_active.png);background-position:bottom left; background-repeat: no-repeat;
}

.alertNum {
	display:none;
	color: #fff; /*#FF7415;*/
	 font-size: 11px;
    font-weight: bold;
    margin-left: 9px;
	font-family: arial;
	width:20px;
	text-align:center;
	}
.alertNum.hover  
{

	color: #fff;
}	
.topTAB.hover a {
}	
.Flex_mainPage
{
	position:absolute;
	float:left;
	
}

.companyLogo {float:left; margin-left:5%;height: 100%; padding: 0px 0px; max-width:100px; }
.companyName {float:left;text-align:left;max-width:30%;font: bold 20px Verdana, arial; color:#000000;}
/* Login Box */
#logininfo .logincaption {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
	letter-spacing: 5px;
	width: 400px;
	height: 36px;
	line-height:2em
}

#logpro {
	padding-bottom: 6px;
}
#logininfo .loginfields .field {
	float: left;
	width: 50%;
}
#logininfo .loginbutton {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: none repeat scroll 0 0 #000000;
	width: 400px;
	height: 40px;
	padding: 5px 0px 0px 0px;
}
/* End Login Box */
.logininfo {width:45%; float:right; font: bold 14 arial; text-align:center; padding: 30px;}
.systeminfo {width:45%; float:left; height:100%; font: bold 14 arial; padding:10px; text-align:center;}
#nolog { width:400px; position:absolute; left:0px; bottom:-150px; height:30px; font: bold 20px arial; text-align:left; text-transform:uppercase; text-align:center; color:#ff6600;}
#nolog_login { font: bold 20px arial; padding: 20px;text-align:left; text-transform:uppercase; text-align:center; color:#ff6600;}
#nopermission {width:100%; */position:absolute;*/ left:0px; margin-top:10%;height:30px; font: bold 20px arial; text-align:left; text-transform:uppercase; text-align:center; color:#ff6600;}

#topMenuLinks {float:right;height:100%;}
.topTAB {display: block; float:left; position:relative; padding-right:20px; padding: 5px 5px 5px 5px; 
	
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px 5px 0px 0px;
	margin: 0px 3px;
	color:#000;
	height:43px;
}
.tabItem {display:inline;font: bold 13px arial; text-align:center; cursor:pointer;  padding: 3px; 
	width:20px;
	padding-bottom:5px;
	z-index:50;
	text-decoration:none;
	color:#000;
	
}
.topTAB a {text-decoration:none; color: #fff; bottom:2px;}
#employeeLinksProfile 
{
	position:absolute; 
	bottom:7px; 
	left: 3px; 
	width:22px; 
	height:22px; 
	overflow:hidden;
	z-index:2;
}
.adminCPlink{background: #ff8500}
.topTAB.hover, .topTAB.active {
	background: #FF991A;
	color: #000;
}

.topTAB.hover a {
}	
.topTAB.hoverOLD {
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.droplink { position: absolute; margin: 0 2px 0 0; right:55px; top: 30px; display:none; z-index:15 }
.ulink 
{
	text-align:center;
	font: bold 14px arial; 
	background: #FF991A; 
	padding:10px;
	z-index:15; 
	min-width: 130px;
	color:#fff;
}
.ulink.second
{
	border-top: 2px solid #fff;
}
.ulink:hover {background: #e17b00;}
.ulink a {color:#fff; text-decoration: none;}
.ulink a:hover {text-decoration: underline;}
.ulink a:visited {text-decoration: none;}
#contentbody {position:relavive;  min-height:80%; }
#alerts {z-index:5000; position: absolute; right:-5; top: 10px;border: 2px solid #FF991A; display:none; }

.alertlink { position: absolute; margin: 0 2px 0 0; right:186px; top: 80px; display:none; z-index:9999; width:300px;}
.alert { cursor:pointer; background: #fff; border: 2px solid #FF991A; padding:5px;color:#000000;z-index:5;  
}
.alert:hover {background: #e17b00;font-weight:bold;color:#fff;}
.alert a {font: bold 13px arial; text-decoration: none; color:#000000;z-index:5}
.alert a:hover {text-decoration: underline;}
.alert a:visited {text-decoration: none;}
.myalert { font: bold 14px arial;background: #FF991A;  padding:3px 0px;color:#fff;width:300px; text-align:center;z-index:5}
.myalert a { text-decoration: none; color:#fff; }
.myalert a:hover {text-decoration: underline;}
.myalert a:visited {text-decoration: none;}
tr.bar {background: #000000;}
.wikilink, .wikimenu {cursor:pointer;text-align:left;}
.wikiprogress {font: bold 16px veranda; color: #000000;  text-align:left; }
.wikiprogress_no {font: bold 16px veranda; color: #000000;text-align:left; }
.wp_pagetitle {text-align:left;margin:20px 0 0 0; font: bold 15px Helvetica; color: #000000;  border-bottom: 2px solid #000000;}
.wikitopic {margin:5px 0 5px 0; font: bold 14px Helvetica; color: #000000;}
.wikitopicmain {margin:15px 0 5px 0; font: bold 15px Helvetica; border-bottom: 2px solid #000000; }
#weathercontainertop {width:100%; position:relative; height:210px;border-bottom:2px solid #000000; }
#weatherlocation {width:100%; text-align:center; border-bottom:2px solid #000000; position:absolute; top:0px;}
#currenticon {width:30%;  position: absolute; left: 10px; top: 50px; text-align:center;}
#wind {width:30%;  position: absolute; right: 10px; top: 50px; text-align:center;}
#weatherdata { width:100%; position: absolute; top: 50px; text-align:center; }
.ketchup-error {
  position: absolute;
  width: auto;
  z-index:100;
}
.ketchup-error ul {
  padding: 0;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  text-align: left;
  color: #000;
  background: #e4e4e4;
  border:2px solid #FF0000;
  padding: 10px;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  list-style: none;
  line-height: 16px;
  z-index:100;
}
.ketchup-error span {
  display: block;
  width: 0; 
  height: 0; 
  border-left: 0 solid transparent; 
  border-right: 15px solid transparent;
  border-top: 10px solid #FF0000;
  
  border-bottom: 0;
  margin-left: 10px;
  z-index:100;
}
table td.contenttitle { 
color:#000000;
font-size:30px;
text-transform:uppercase;
font-family:Verdana, Times, serif;
font-weight: bold;
}
.incidenttype-1 { font:bold 13px  veranda; color:#fff; background:#C00000; padding:5px; width:100%; margin:5px;}
.incidenttype-8 { font: bold 13px veranda; color:#000; background:#EEC350;padding:5px; width:100%; margin:5px;}
.incidenttype-4 { font: bold 13px veranda; color:#000; background:#EEEC50;padding:5px; width:100%; margin:5px;}
.incidenttype-6 { font: bold 13px veranda; color:#000; background:#50C3EE;padding:5px; width:100%; margin:5px;}
.incidenttype-3 { font: bold 13px veranda; color:#000; background:#E1B6E6;padding:5px; width:100%; margin:5px;}
.incidenttype-10 { font: bold 13px veranda; color:#000; background:#af9bd4;padding:5px; width:100%; margin:5px;}
.incidenttypecal-1 { font:bold 10px  veranda; color:#fff; background:#C00000;  width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal-8 { font: bold 10px veranda; color:#000; background:#EEC350;width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal-4 { font: bold 10px veranda; color:#000; background:#EEEC50; width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal-6 { font: bold 10px veranda; color:#000; background:#50C3EE; width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal-3 { font: bold 10px veranda; color:#000; background:#E1B6E6; width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal-10 { font: bold 10px veranda; color:#000; background:#af9bd4; width:100%; margin:5px; padding:3px;text-decordation:none;}
.incidenttypecal2-1 { font:bold 10px  veranda; color:#fff; background:#C00000;  width:100%; text-decordation:none;}
.incidenttypecal2-8 { font: bold 10px veranda; color:#000; background:#EEC350;width:100%; text-decordation:none;}
.incidenttypecal2-4 { font: bold 10px veranda; color:#000; background:#EEEC50; width:100%; text-decordation:none;}
.incidenttypecal2-6 { font: bold 10px veranda; color:#000; background:#50C3EE; width:100%; text-decordation:none;}
.incidenttypecal2-3 { font: bold 10px veranda; color:#000; background:#E1B6E6; width:100%; text-decordation:none;}
.incidenttypecal2-10 { font: bold 10px veranda; color:#000; background:#af9bd4; width:100%; text-decordation:none;}
.noline {text-decordation:none;}
.projectSelect_old, .egroupSelect{
cursor:pointer;
background: #000000;
width:150px;
color: #fff;
text-align:center;
padding: 10px;
-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
margin: 10px;
font: bold 13px arial;
}
.projectSelect_old a{font: bold 12px arial; text-decoration: none; color:#fff;}
.projectSelect_old a:hover {text-decoration: underline;}
.projectSelect_old a:visited {text-decoration: none;}
.ProjectOptions_old td{
height: 35px; 
}
.buttonDIV 
{
	width:100%;
	text-align:center;
	padding: 5px 0px;
	font: bold 14px arial;
	color:#fff;
	background: #000000;
	
}
.buttonDIVLight
{
	width:100%;
	text-align:center;
	padding: 5px 0px;
	font: bold 14px arial;
	color:#000000;
	background: #e4e4e4;
}
.buttonDIVLight.big
{
	line-height:29px;
}
.buttonDIVWhite
{
	width:95%;
	text-align:center;
	padding: 5px 0px;
	font: bold 14px arial;
	color:#000000;
	background: #fff;
	margin: 0 auto;
}
.buttonDIVLight.shadow
{
	background: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top,#eeeeee; 0%, #e4e4e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e4e4e4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
	
	-webkit-box-shadow: 10px 10px 10px 3px rgba(152, 152, 152, .3);
	box-shadow: 10px 10px 10px 3px rgba(152, 152, 152, .3);
	margin: 0 auto;
	padding: 8px 0px;;
	text-align:center;
	font: bold 14px arial;
	color:#000000;
}
.buttonDIVLightEditing
{
	width:100%;
	text-align:left;
	
	padding: 5px 0px;
	text-indent:20px;
	font: bold 14px arial;
	color:#000000;
	background: #ffa647;
	
}
.bottomBar
{
	border-bottom: 2px solid #000000;
}
.Flex_pageheader
{
	width:100%;
	text-align:center;
	padding: 5px 0px;
	font: bold 14px arial;
	color:#000000;
	background: #e4e4e4;
	border: 2px solid #000000;
	
}
.draggable {  padding: 0.5em; float:left; position:relative;margin: 10px; cursor:move; text-align:center; font-weight:bold; background: #e4e4e4; color: #000000; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.draggableRemove {height:28px; position:relative; padding: 8px 5px 5px 5px; margin:5px;  background: #e4e4e4; color: #000000;  font-weight:bold;
 width: 80%; margin-top: 20px; text-align:center; padding-right:30px; 
 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
.permissionRemove	{position:absolute; right:5px; top:3px; cursor:pointer;}
div.circle {
    margin: auto;
    width:200px;
    height:200px;
	
}
div.outer-circle {
 
    /* Set the background and position */
 
    background:transparent;
    width:122px;
    height:122px;
 
    /* Set the border and the
    border radius to be exactly
    half the width and height
    so that it looks like a circle */
 
    -webkit-border-radius: 61px;
    -moz-border-radius: 61px;
    border-radius: 61px;
    border:1px solid #aaaaaa;
 
    /* You will need to use
    position:absolute so that
    the circles can appear on top of
    each other.
 
    Additionally, the z-index will
    be used to determine which DIV
    should appear lowest or highest */
 
    position:absolute;
    z-index:1;
 
    /* Finally, we set the transition so
    that the circle grows with an
    animation */
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
 
}
div.outer-circle.hover {
    -moz-transform: scale(1.45);
    -webkit-transform: scale(1.45);
    transform: scale(1.45);
}
div.middle-circle {
 
    /* This margin is used to create
    the 1px border between the middle
    and outer circle */
 
    margin:1px;
 
    /* Set the width and height */
 
    width:122px;
    height:122px;
 
    /* Set the border radius to half
    the width and height to make it
    look like a circle */
 
    -webkit-border-radius: 61px;
    -moz-border-radius: 61px;
    border-radius: 61px;
 
    /* Set the background gradient */
 
    background: #ececec; /* Old browsers */
    background: -moz-linear-gradient(top, #ececec 0%, #d8d8d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ececec 0%,#d8d8d8 100%); /* W3C */
 
    /* You will need to use
    position:absolute so that
    the circles can appear on top of
    each other.
 
    Additionally, the z-index will
    be used to determine which DIV
    should appear lowest or highest */
 
    position:absolute;
    z-index:2;
 
    /* Finally, we set the transition so
    that the circle grows with an
    animation */
 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
 
}
div.middle-circle.hover {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
div.inner-circle.hover {
   background:#000000;
   color:#e4e4e4;
}
div.inner-circle {
 
    /* This margin is used to position
    the circle in the center */
 
    margin:14px;
 
    /* Specify the background and
    width and height */
 
    background:#e4e4e4;
    width:96px;
    height:96px;
 
    /* Since we have text in it,
    we need to specify the text
    styles we want to use */
 
    font-size:12px;
	font-weight:bold;
    color:#000000;
    line-height:96px;
    text-align:center;
    font-family:Arial;
 
    /* Set the border radius to half
    the width and height to make it
    look like a circle */
 
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
 
    /* For this circle, we will be using
    an inset box shadow to replicate
    the effect used. */
 
    -webkit-box-shadow: inset 0px 1px 1px 0px #575757;
    -moz-box-shadow: inset 0px 1px 1px 0px #575757;
    box-shadow: inset 0px 1px 1px 0px #575757;
 
    /* We can also add a bottom border
    to make it look slightly more 3D */
 
    border-bottom:1px solid #FFF;
 
    /* You will need to use
    position:absolute so that
    the circles can appear on top of
    each other.
 
    Additionally, the z-index will
    be used to determine which DIV
    should appear lowest or highest */
 
    position:absolute;
    z-index:3;
 
}
.showhide, .addbutton, .showhidelink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_add.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.notificationLink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_next.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.showCustomiseLink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_orgchart.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.subBackLink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_previous.png); background-repeat:no-repeat; background-position: left top;
	
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 22px arial;
	text-align:left;
}
.uploadSubFile {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_export.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.auditDisplayOrder {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_refresh.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.addrow {
	cursor:pointer;
	
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_add.png); background-repeat:no-repeat; background-position: left top;
	height:20px;
		padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration:none;
	color: #fff;
	font: bold 16px arial;
}
.addrow2 {
	cursor:pointer;
	
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_add.png); background-repeat:no-repeat; background-position: left top;
	height:20px;
		padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoation:none;
	color:#000000;
	font: bold 16px arial;
}
.sort {cursor:pointer;}
#dopostnews{
border: 1px solid #000; 
background: #000000; 
color:#fff; 
padding:5px; 
margin:10px;
cursor: pointer;
border-radius:6px;
}
#dopostnews div:hover
{
background: #e4e4e4;
text-decoration:underline;
}
.mainDiv
{
  
}
.myHomeItem
{
  font: bold 15px arial, tahoma,verdana,sans-serif;
  letter-spacing: 2;
 text-transform:uppercase;
  border: none;
  
  height: 22px;
  color: #000000;
  cursor:pointer;
  text-indent:10px;
  text-align:center;
  padding: 5px 0 0 0;
  vertical-align: middle;
	width:185px;
}
.myHomeItem a
{
   text-decoration:none;
   color: #000000;
   text-align:left;
}
.myHomeItem a:hover
{
   text-decoration:underline;
   color: #000000;
}
.topItem
{
  font: bold 15px arial,verdana,sans-serif;
  letter-spacing: 1;
  background: #000000;
padding: 4px 5px 4px 5px;
 border: none;
  width: 185px;
  
  color: #fff;
  cursor:pointer;
  text-align:left;
  
}
	.tabcontainer {width:100%;}
	#tabs {width:100%;}
	 
.topItem  span:hover
{
	text-decoration: underline;
}
.dropMenu
{
  width:185px;;
  font: bold 12px verdana,sans-serif;	
  background-color: #e4e4e4;
  color: #000000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  padding: 0 5px 0 5px;
  filter:alpha(opacity=100);
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
}
.subMenu
{
   display:block;
}
.subItem
{
   margin-left:0px;
   margin-top:2px;
   height:18px;
   font: bold 13px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #000000;
   text-align:left;
   
}
.subItem a
{
   margin-left:15px;
   font: bold 13px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #000000;
   text-align:left;
}
.subItem a:hover
{
	text-decoration:underline;
}
.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}
.datepicker , .timepicker, .ui-timepicker-minutes, .ui-timepicker-hours{cursor:pointer;}
a.logo:link {
color: #000;
text-decoration: none;
}
a.logo:visited {
color: #000;
text-decoration: none;
}
a.logo:active {
color: #000;
text-decoration: none;
}
a.logo:hover {
color: #000;
text-decoration: none;
}
a img {border: none; } 
a.adminsettings:link {
text-decoration: none;
color:  #000000;
font-size: 18px;
font-weight: bold;
}
a.adminsettings:visited {
text-decoration: none;
color:  #000000;
font-size: 18px;
font-weight: bold;
}
a.adminsettings:active {
text-decoration: none;
color:  #000000;
font-size: 18px;
font-weight: bold;
}
a.adminsettings:hover {
text-decoration: underline;
}
a.menu_nav:link {
color:  #FFFFFF;
text-decoration: none;
}
a.menu_nav:visited {
color:  #FFFFFF;
text-decoration: none;
}
a.menu_nav:active {
color:  #FFFFFF;
text-decoration: none;
}
a.menu_nav:hover {
color:  #FFFFFF;
text-decoration: underline;
}
.pagetitle {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 18px;
font-weight: bold;
display: inline;
color:#000080;
}
.openlink {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 14px;
font-weight: bold;
display: inline;
color:#000080;
}
table.login {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #000080;
	border-collapse: separate;
	background: #fff;
}
table.login th {
	background: #D90148;
	color: #fff ;
	border-radius: 5px 5px 0px 0px;
}
p.loggedin {
	text-align:right;
	color:#000000;
	font-size: 12px;
}
a.loggedin{
font-size: 10px;
}
p.loggedinname {
	text-align:left;
	color:#000080;
	
} 
.topbanner
{
position:absolute; 
left:5px; 
top:5px;
}
#topbanner
{
position:absolute; 
left:5px; 
top:5px;
width:95%;
background:#ffffff;
color:#000080;
}
#pagelogo
{
position:absolute; 
left:0px; 
top:0px;
width:160px;;
color:#ffffff;
}
#pagetitle
{
position:absolute; 
left:210px; 
top:30px;
width:600px;;
color:#ffffff;
}
#welcomebox
{
position:absolute; 
right:10px; 
top:0px;
width:180px;;
color:#ffffff;
}
#welcomebox2
{
position:relative; 
left:0px; 
top:0px;
color:#000080;
font-size: 10px;
}
#toplinks
{
position:absolute; 
left:0px; 
right:0px;
top:80px;
width:100%;
background:#000080;
color:#ffffff;
font-weight:bold;
}
div#avail, .selectList
{
    height: 320px;   
    overflow: auto;    
   
}
div#oncourse
{
    height: 300px;   
    overflow: auto;    
   
}
div#menuwrapper
{
position:absolute; 
left:5px; 
top:110px; 
}
h1,h2 {
	padding: 0px;
	line-height: normal;
	color: #000000;
	padding: 0px;
	font-family: Verdana, Palatino, serif;
	font-weight: bold;
}
.indented
   {
   padding-left: 50pt;
   padding-right: 0pt;
   }
.progress { background:#fff;
z-index:1;
border-bottom:3px solid #000000;
 color:#FFF;
 padding:0px 0px 0px 0px;
 font:bold 16px arial, verdana, helvetica, sans-serif;
}
table.progress tbody tr{
  -moz-border-radius: 10px 10px 10px 10px;
}
table.progress tbody td { color:#000000;
}
table.progress tbody td a { color:#000000;
 text-decoration:none;
}
table.progress tbody td a:visited { color:#000000;
 text-decoration:none;
}
table.progress tbody td a:hover { text-decoration:underline;
}
table.progress tbody th a { color:#000000;
 font-weight:normal;
 text-decoration:none;
}
table.progress tbody th a:hover { color:#000000;
}
table.reject { background:#F5A57D;
 border:1px solid gray;
 border-collapse:collapse;
 color:#000000;
 padding:10px 10px 10px 10px;
 text-transform:uppercase;
 font:bold 16px arial, verdana, helvetica, sans-serif;
}
table.reject tbody td a { color:#000000;
 text-decoration:none;
}
table.reject tbody td a:visited { color:#000000;
 text-decoration:none;
}
table.reject tbody td a:hover { text-decoration:underline;
}
table.reject tbody th a { color:#000000;
 font-weight:normal;
 text-decoration:none;
}
table.reject tbody th a:hover { color:#000000;
}
/* 
	Blue Dream
	Written by Teylor Feliz  http://www.admixweb.com
*/
table.newsfeed { 
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.newsfeed tr.odd { 
background:#FFFFC0;
border:2px solid #000000;
}
table.newsfeed tr {
border:2px solid #000000;
}
table.newsfeed caption
{
background:#e4e4e4;
font:bold 12px verdana, arial, helvetica, sans-serif;
text-align:left;
padding: 5px 10px;
}
table.newsfeed td.datetime
{
font:normal 10px verdana, arial, helvetica, sans-serif;
}
table.newsfeed tbody td a { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:12px ;
 margin:3px;
}
table.newsfeed td a:visited { 
 text-decoration:none;
}
table.newsfeed td a:hover { text-decoration:underline;
}
table.cwelcome { background:#E6ECCA;
border:2px solid #000000;
 border-collapse:collapse;
 color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.cwelcome caption { border:2px solid #000000;
background:#A0A296;
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
  -moz-border-radius: 10px 10px 0 0;
}
table.cwelcome tr { 
 height: 50px;
}
div#license{
font:bold 18px verdana, arial, helvetica, sans-serif;
color: #fff;
background: #800000;
text-align:center;
line-height:30px;
text-transform:uppercase;
}
table.cwelcome .welcomename { font:bold 14px verdana, arial, helvetica, sans-serif;
}
table.content-clean { background:#E6ECCA;
border:2px solid #000000;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.content-clean caption { border:2px solid #000000;
background:#A0A296;
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
  -moz-border-radius: 10px 10px 0 0;
}
.low , .good{ background:#008000; color:#fff; font-weight:bold; text-align:center;
}
.medium,  { background:#EC9D14; color:#000; font-weight:bold; text-align:center;
}
.high , .bad{ 
background:#C00000; 
color:#ffffff; 
font-weight:bold; 
text-align:center;
}
.na{ background:#94AFBF; color:#000; font-weight:bold; text-align:center;
}
.pS a { background:#C7D2F9; font:bold 10px  helvetica, sans-serif; color: #000;  text-decoration:none;margin:2px;}
.pS a:hover { text-decoration:underline;}
.pC a { background:#F9F4C7; font:bold 10px  helvetica, sans-serif; color: #000;  text-decoration:none;margin:2px;}
.pC a:hover { text-decoration:underline;}
.p1 .p2 .p3 a:hover { text-decoration:underline;}
.p1 .p2 .p3 a:visited { text-decoration:underline;}
div.p1 a{ background:#008000; font:normal 10px  helvetica; color: #fff;  text-decoration:none; width:100%;}
div.p2 a{ background:#EC9D14; font:normal 10px  helvetica; color: #000;  text-decoration:none; width:100%;}
div.p3 a{ background:#C00000; font:normal 10px  helvetica; color: #fff;  text-decoration:none; width:100%;}
div.p1 { background:#008000; font:normal 10px  helvetica; color: #fff;  text-decoration:none; width:100%;margin:2px;}
div.p2 { background:#EC9D14; font:normal 10px  helvetica; color: #000;  text-decoration:none; width:100%;margin:2px;}
div.p3 { background:#C00000; font:normal 10px  helvetica; color: #fff;  text-decoration:none; width:100%; margin:2px;}
table.content-clean tr { border:1px dotted gray;
 height: 30px;
}
table.content-clean tbody td a {
 text-decoration:none;
 font-weight:bold;
 font-size:12px ;
}
table.content { 
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.content caption { border-bottom:2px solid #000000;
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
  -moz-border-radius: 10px 10px 0 0;
}
table.content-curved { background: #e4e4e4;
	border:2px solid #000000;
 
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 -moz-border-radius: 10px 10px 0 0;
border-radius : 10px;
}
table.content-curved caption { 
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
  -moz-border-radius: 10px 10px 0 0;
}
.linksummary {font: bold 10px helvetica;}
table.content caption a{ text-decoration:none; color:#000;}
table.content caption a:visited{ text-decoration:none;color:#000;}
table.content caption a:active{ text-decoration:none;color:#000;}
table.content caption a:hover{ text-decoration:underline;color:#0047F5;}
table.content .sh { 
background:#000000;
 color:#fff;
   font-weight:bold;
  text-align:center;
 text-transform:uppercase;
 font:normal 1em verdana, arial, helvetica, sans-serif;
 
}
table.content td.low, span.good , span.Low{ background:#008000; color:#fff; font-weight:bold; text-align:center;padding: 3px 5px;
}

table.content td.medium, .warn, span.Medium { 
background:#EC9D14; 
color:#000; 
font-weight:bold; 
text-align:center;
}
table.content td.medium, span.Medium { 
padding:3px 5px;
}
table.content td.high , span.bad, span.High{ 
background:#C00000; 
color:#FFF; 
font-weight:bold; 
text-align:center;
padding:3px 5px;
}
.welcomename { 
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
 
}
	
#attendance { 
 border:2px solid #404040;
 border-collapse:collapse;
 color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 
}
table.attendance { 
 border:2px solid #404040;
 border-collapse:collapse;
 color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 
}
table.attend { 
 border:0px solid gray;
  color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 
}
#attendtitle { 
 border:0px solid gray;
  color:#000000;
 font:bold 14px verdana, arial, helvetica, sans-serif;
 border-bottom: 1px solid #000;
 margin: 0px 10px;
 padding: 0 10px;
 text-align:center;
 vertical-align:bottom;
 
}
#attenddesc { 
 border:0px solid gray;
  color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 margin: 0px 10px;
 padding: 0 10px;
 text-align:center;
 
}
#trainbox { 
 border:2px solid #404040;
 border-collapse:collapse;
 color:#000000;
 font:bold 12px verdana, arial, helvetica, sans-serif;
 text-align:center;
 padding: 5px 0;
}
#trainline { 
 border-Bottom:2px solid #404040;
 border-collapse:collapse;
}
.employeemove{
	cursor:pointer;
}
div#newsimage { float: right;
  
}
div#rssheader { background:#e4e4e4;
 color:#000000;
 padding:5px 20px 5px 20px;
  text-align:left;
   font-weight:bold;
}
div#rssheader a {
  color:#000000;
 text-decoration:none;
  font-weight:bold;
  
}
div#rsscontent{ 
 color:#000000;
 width:100%;
 padding:1px 1px 1px 1px;
 text-align:left;
  
}
table.content .sh  tr:hover{ 
background:#e4e4e4;
 color:#FFFFFF;
 font-weight:bold;
  text-transform:uppercase;
 
}
table.content .titlename { 
 font-weight:bold;
 }
table.content td, th { color:#000000;
  height: 25px; 
  padding: 7px 0px;
  font-weight:bold;
}
table.content tbody tr { 
 height: 30px;
}
.content thead th, tfoot th {
background:#000000; 
 color:#FFFFFF;
 padding:1px 10px 1px 10px;
  font-weight:bold;
 font-size:12px ;
 text-transform:uppercase;
}
table.content thead  {
height: 30px;
background:#000000;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
table.content tfoot { 
background:#000000;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
table.content tbody td a { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:12px ;
}
table.content tbody td a:visited { 
 text-decoration:none;
}
table.content tbody th a:hover { text-decoration:underline;
}
table.content tfoot td { background:#000000 ;
 color:#FFFFFF;
 padding-top:3px;
   font-weight:bold;
  font-size:12px ;
}
table.content  td.Low{ background:#008000; font-weight:bold; color:#fff;}
table.content  td.Medium{ background:#C06800;font-weight:bold; color:#fff;}
table.content td.High{ background:#C00000;font-weight:bold; color:#fff;}
table.content tr.odd, td.odd, .odd{ background:#e4e4e4;
}
table.content tr.special  td.special{ background:#e4e4e4;
}
td.special{ background:#000000;
}
table.content tfoot td a { color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}
table.content tfoot td a:hover { text-decoration:underline;
}
table.content thead th a { color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}
table.content thead th a:hover { text-decoration:underline;
}
table.content .modified0 { background:#9EC999; color:#000;font-weight:bold;
}
table.content .modified1 { background:#F2D784; color:#000;font-weight:bold;
}
table.content .modified2 { background:#CF6765; color:#000; font-weight:bold;
}
.weekly-0 { background:#C0C0C0; padding: 4px 0px; font-weight:bold;}
.weekly-1 { background:#f59f9f; padding: 4px 0px; font-weight:bold; }
.weekly-2 { background:#8dda8d;  padding: 4px 0px; font-weight:bold;}
 .capstatus-0 { background:#FD9131;font-weight:bold; padding:5px; }
 .capstatus-1 { background:#AA99E9; font-weight:bold; padding:5px;}
 td.capdescription { padding:10px; border-left: 1px solid #000000; border-right: 1px solid #000000;}
 td.capaction { padding:10px; border-left: 1px solid #000000; border-right: 1px solid #000000;}
table.content .CON { background:#004000; color:#fff;
}
table.content .NONCON { background:#C00000; color:#fff;
}
table.content .NA { background:#FFFFC0; color:#000;
}
table.content .NAP { background:#C0C0FF; color:#000;
}
table.content .TOTAL { background:#C0C0C0; color:#000;font:bold 14px verdana, arial, helvetica, sans-serif;
}
table.qout .CON { background:#004000; color:#fff;
}
table.qout .NONCON { background:#C00000; color:#fff;
}
table.qout .NA { background:#FFFFC0; color:#000;
}
table.qout .NAP { background:#C0C0FF; color:#000;
}
table.qout .TOTAL { background:#C0C0C0; color:#000;font:bold 14px verdana, arial, helvetica, sans-serif;
}
table.qout { 
 border:2px solid gray;
 border-collapse:collapse;
 color:#000000;
 font:normal 12px verdana, arial, helvetica, sans-serif;
 padding-left:10px;
}
table.qout caption{ 
border-bottom:2px solid #000000;
color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
table.qout td.sh{ background:#808080;
color:#fff;
 font-weight:bold;
 text-align:center;
}
table.qout thead th, tfoot th { background:#808080;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 
 text-transform:uppercase;
}
table.qout tbody td a { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:12px ;
}
table.qout tr {height:30px;}
table.qout tbody td a:visited { 
 text-decoration:none;
}
table.qout tbody th a:hover { color:#000000;
}
.tdetail{ 
 font-weight:bold;
 text-align:center;
 margin: 0px 20px;
 border-bottom: 1px solid #000;
 font-size:14px;
}
.labelPDF
{
 font-size:12px;
 font-weight:bold;
}
div#tdetail{ 
width:80%;
 font-weight:bold;
 text-align:center;
 margin: 0px 20px;
 border-bottom: 1px solid #000;
 
}
div#docname{
 font:bold 18px verdana, arial, helvetica, sans-serif;
 text-align:center;
 position:relative;
 width:100%;
 
}
div#nacname{
 font:bold 14px verdana, arial, helvetica, sans-serif;
 text-align:right;
 position:relative;
 top:0;
 right:0;
}
div#printpageHeader{
width:100%;
height:100px;
border: 5px solid #808080;
padding:0px;
}
table.attend {border:0px;}
table.attend td.trainbox { 
border: 2px solid #fff;
text-align:center;
font: bold 12 arial;
}
table.printHeader{
width:100%;
height:100px;
border: 5px solid #808080;
padding:10px;
}
table.printAttendHeader{
width:100%;
height:100px;
border-bottom: 5px solid #000000;
padding:10px;
}
#pagelogo{
width:100px;
}
div#printlogo{
float: left;
width: 100px;
height:60px
}
div#printlogo img {
width:100%;
}
table.conreassess { background:#B77713;
 border:1px solid gray;
 border-collapse:collapse;
 color:#ffffff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.conreassess caption { border:1px solid #000000;
 color:#000000;
 font-weight:bold;
 letter-spacing:5px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
table.conreassess td, th { color:#000000;
 padding:.4em;
}
table.conreassess tr { border:1px dotted gray;
}
table.conreassess thead th, tfoot th { background:#000000;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 
 text-transform:uppercase;
}
table.conreassess tbody td a { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:12px ;
}
table.conreassess tbody td a:visited { 
 text-decoration:none;
}
table.conreassess tbody th a:hover { color:#000000;
}
table.conreassess tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
 text-decoration:underline;
}
table.conreassess tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
table.conreassess tfoot td { background:#000000;
 color:#FFFFFF;
 padding-top:3px;
  text-align:center;
 text-transform:uppercase;
}
table.conreassess.odd { background:#fff;
}
table.conreassess tbody td:hover { background:#849BF2;
 border:1px solid #03476F;
 color:#000000;
}
table.conreassess tfoot td a { color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}
table.conreassess tfoot td a:hover { text-decoration:underline;
}
table.conreassess thead th a { color:#FFFFFF;
 text-decoration:none;
 font-weight:bold;
}
table.conreassess thead th a:hover { text-decoration:underline;
}
table.contentgrid td { 
 border: 2px solid black;
}
table.sitemenu  { color:#000000;
 border:0px;
   color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.sitemenu tbody td.linkname  { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:18px ;
}
table.sitemenu tbody td.region { color:#000000;
 text-decoration:none;
 font-weight:bold;
 font-size:14px ;
}
  .imgHover {
        display: inline;
        position: relative;
    }
    .imgHover .hover {
        display: none ;
        background:#fff;
        border: 1px solid #000000;
        position: absolute;
        text-decoration:none;
        right: 3px;
        top: -24px;
        z-index: 2;
		padding:4px;
    }
  .imgHover .delete {
        display: ;
        position: absolute;
        text-decoration:none;
        right: 0px;
        top: -8px;
        z-index: 2;
    }
.all-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.spacer {
	display: block;
}
 
#progress-bar {
	width: 600px;
	margin: 0 auto;
	background: #cccccc;
	border: 3px solid #f2f2f2;
}
 
#progress-bar-percentage {
	background: #3063A5;
	padding: 5px 0px;
 	color: #FFF;
 	font-weight: bold;
 	text-align: center;
}
/* the div that holds the date picker calendar */
.dpDiv {
	}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
	background-color: #D5EABC;
	border: 1px solid #AAAAAA;
	}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: #fff;
	}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 0px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: ""}"";
voice-family: inherit;
}
.modernbricksmenu2 ul{
margin:0;
padding: 0;
list-style: none;
}
.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: #000;
text-decoration: none;
text-align:center;
margin: 0 10px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #e4e4e4; /*Brown color theme*/ 
border-top: 1px solid white;
}
.modernbricksmenu2 a:hover{
background-color: #000000; /*Brown color theme*/ 
cursor:pointer;
color: white;
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #000000; /*Brown color theme*/ 
color: white;
border-color: #000000; /*Brown color theme*/ 
}
/*
.gtab {
float: left;
display: block;
font: bold 11px Arial;
color: #000;
text-decoration: none;
text-align:center;
margin: 0 10px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #e4e4e4; /*Brown color theme*/ 
border-top: 1px solid white;
}
.gtab:hover{
background-color: #000000; /*Brown color theme*/ 
cursor:pointer;
color: white;
}
.gtab.selected{ 
background-color: #000000; /*Brown color theme*/
color: white;
cursor:pointer;
border-color: #000000; /*Brown color theme*/
}

*/
#portal .portal-column {
  float: left;
  margin: 5px;
  padding: 5px;
  
}
div#portal-column-1
{
  width: 200px;
}
div#portal-column-0
{
 width:100%;
}
#portal .portal-column h2 {
  color: #bbb;
  text-align: center;
}
#portal #portal-column-block-list {
  position: absolute;
  width: 200px;
  top: 140px;
  left: 0;
  z-index: 1;
  background-color: #FFEAB1;
}
#portal #portal-column-block-list .block {
  margin: 2px;
}
#portal #portal-column-block-list .block .content {
  display: none;
}
#portal .block {
  margin: 15px;
  padding: 5px;
  
}
#portal .block h3 {
  margin: 0;
  padding: 5px;
  font-size: 14px;
  color: #fff;
  background-color: #000000;
  text-align:center;
}
#portal .block .content {
  padding: 5px 0 0 0;
}
#portal .block .block-toggle {
  background-image: url(block-slide.png);
  display: block;
  float: right;
  width: 7px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
#portal .block .block-toggle span {
  display: none;
}
#portal .block-hover {
  border: 1px dashed #f00;
}
#portal .block-list-handle, #portal .handle {
  cursor: move;
}
* html body #portal .handle {
  width: 100%;
}
#portal #portal-column-block-list .block .block-toggle {
  display: none;
}
/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */
.ui-timepicker-inline { display: inline; }
#ui-timepicker-div { padding: 0.2em }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; cursor:move; }
.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
	cursor:pointer;	
    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
	cursor:pointer;
    text-align:right;
    text-decoration:none;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-timepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#jqDialog_box {
	background: #fff ;
	position: absolute;
	width: 450px;
	font-family: Arial;
	
	border-width: 5px;
	border-style: solid;
	border-color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	z-index:1013;
	-moz-box-shadow: 0 0 30px #e6e6e6;
}
#jqDialog_content {
	margin: 10px;
	font-weight: bold;
	font-size: 12px;
	
	
}
#jqDialog_options {
	margin: 10px;
	text-align: center;
}
#jqDialog_options button {
	font-family: Arial;
	margin-right: 5px;
	background: #000000;
	border: 0px;
	font-size: 1.5em;
	color: #fff;
	width: auto;
	
	cursor: pointer;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#jqDialog_input {
	padding: 4px;
	width: 250px;
}
#jqDialog_close {
	background: #fff url("https://vmi.cec.ie/images/delete2.png");
	border: 0px solid #000000;
	float: right;
	width:21px;
	height: 21px;
	font-weight: bold;
	font-size: 20px;
	color: #ff0000;
	cursor: pointer;
}
/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera */
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1010;  }
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 14px; font-weight:bold;  }
.graphContainer.ui-widget {z-index: 1 !important;}
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #000000; background: #fff ; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #000000 ; color: #fff; font-weight: bold; font-size: 14px; margin:0; padding:0;}
.ui-widget-header a { color: #fff;font-weight: bold; font-size: 14px;}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e4e4e4; font-weight: normal; color: #0F0B0B; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #000000 ; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #000000; font-weight: normal; color: #fff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(https://vmi.cec.ie/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(https://vmi.cec.ie/css/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(https://vmi.cec.ie/css/images/ui-icons_e3e9c9_256x240.png); cursor:pointer;}
.ui-widget-content .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_e3e9c9_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_e3e9c9_256x240.png); }
.ui-state-default .ui-icon { background-image: url(https://vmi.cec.ie/css/images/ui-icons_e3e9c9_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_b2c26b_256x240.png); }
.ui-icon-hover {background-image: url(https://vmi.cec.ie/css/images/ui-icons_fced2c_256x240.png); }
.ui-state-active .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_b2c26b_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_b2c26b_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(https://vmi.cec.ie/css/images/ui-icons_e3e9c9_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e ,{ background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(https://vmi.cec.ie/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(https://vmi.cec.ie/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 0px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 99%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible;} /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; z-index:1012}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block;  }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.rfitype0,.rfitype5 {background: #35A19D; color:#fff;  padding: 5px; font-weight:bold;}
.rfitype1 {background: #D97217; color:#fff; padding: 5px;  font-weight:bold;}
.rfitype2 {background: #4EA135; color:#fff;  padding: 5px; font-weight:bold;}
.rfitype3 {background: #A13547; color:#fff; padding: 5px;  font-weight:bold;}
.rfitype4 {background: #FFFF80; color:#000; padding: 5px; font-weight:bold;}
.rfitypecontainer { text-align:center; font: bold 14px arial; padding:5px 0 5px 0; border:2px solid #000000;}
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	border:5px solid #000000;
	color:#333;
	
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
	margin-left:30px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
	margin-right:30px;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#000000 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
	top:-20px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:40px; /* controls horizontal position */
    border-width:0 20px 20px;
}
/* creates the smaller  triangle */
.triangle-border.top:after {
	top:-13px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}
/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.left:before {
	top:10px; /* controls vertical position */
	bottom:auto;
	left:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 30px 15px 0;
	border-color:transparent #000000;
}
/* creates the smaller  triangle */
.triangle-border.left:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
	left:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 21px 9px 0;
	border-color:transparent #fff;
}
/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.right:before {
	top:10px; /* controls vertical position */
	bottom:auto;
    left:auto;
	right:-30px; /* value = - border-left-width - border-right-width */
	border-width:15px 0 15px 30px;
	border-color:transparent #000000;
}
/* creates the smaller  triangle */
.triangle-border.right:after {
	top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto;
    left:auto;
	right:-21px; /* value = - border-left-width - border-right-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #fff;
}
	/*.pmenu {margin:6px; padding:6px; font: bold 12px arial; text-transform:uppercase; color:#404040; cursor:pointer; width:90%;}
	.pmenu.hover { background: #000000; color:#fff; cursor:pointer;border-radius: 3px 3px 3px 3px;}
	.pdetails {font: bold 14px arial; color: #000000; border-bottom: 1px solid #000000; text-transform:uppercase;}
	.pinfo {font: bold 14px arial; color: #000000; line-spacing:20px; margin: 10px 30px; }
	.selectorlink, .profilelink {float:left; margin:3px; padding: 10px; border: 2px solid #e4e4e4; border-radius: 3px 3px 3px 3px; font-weight:bold;cursor:pointer;}
	.selectorlink.selected, .profilelink.seleted {background: #000000; color:#fff;}
	.selectorlink:hover, .profilelink:hover{background: #000000; color:#fff;}
	.selector {float:left; margin:3px; padding: 10px; border: 2px solid #e4e4e4; border-radius: 3px 3px 3px 3px; font-weight:bold;cursor:pointer;}
	.selector.selected {background: #000000; color:#fff;}
	.selector:hover {background: #000000; color:#fff;}
	.flexlink {cursor:pointer;}
	.qmenu, qlink {margin:3px; padding:3px; font: bold 10px arial; text-transform:uppercase; color:#404040; cursor:pointer;}
	.qmenu.hover, .qlink.hover { background: #000000; color:#fff; cursor:pointer;border-radius: 3px 3px 3px 3px;}
	.portlet { margin: 20px 10px; border:0px;}
	.portlet-header { padding: 5px; margin-bottom:10px;  text-indent: 15px;}
	.homewidget { width:100%;margin-bottom:15px; color:#000000; font: bold 14px veranda; min-height:25px; border-radius:5px; border: 0px solid #000000; background: #e4e4e4;}
.creferenceInfoBox, .lreferenceInfoBox { width:100px; padding:20px; background:#fff;z-index:50;display:none; position:absolute; top:20px; left:10px; border: 5px solid #000000;}
*/
/*  ADVANCED STYLES */
.top_testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arail,helvetica,san-serif;
	color:#666;
	padding:0;
	margin:0 0 2px 0;
}
.top_testresult span{
	padding:6px ;
	margin:0;
}
.top_shortPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_shortPass span{
	
}
.top_badPass{
	background:#edabab;
	border:1px solid #bc0000;
	display:block;
}
.top_badPass span{
	
}
.top_goodPass
{
	background:#ede3ab;
	border:1px solid #bc9f00;
	display:block;
}
.top_goodPass div{
}
.top_strongPass{
	background:#d3edab;
	border:1px solid #73bc00;
	display:block;
}
.top_strongPass div{
}
/* 	RESULT STYLE  */
.testresult{
	font-weight: bold;
	font-size:13px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 12px 10px;
	margin-left:10px;
	display: block;
	height:28px;
	float:left;
}
.testresult div{
	padding:10px 20px 12px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass{
	background:url(https://vmi.cec.ie/css/images/red.png) no-repeat 0 0;
}
.shortPass div{
	background:url(https://vmi.cec.ie/css/images/red.png) no-repeat top right;
}
.badPass{
	background:url(https://vmi.cec.ie/css/images/red.png) no-repeat 0 0;
}
.badPass div{
	background:url(https://vmi.cec.ie/css/images/red.png) no-repeat top right;
}
.goodPass{
	background:url(https://vmi.cec.ie/css/images/yellow.png) no-repeat 0 0;
}
.goodPass div{
	background:url(https://vmi.cec.ie/css/images/yellow.png) no-repeat top right;
}
.strongPass{
	background:url(https://vmi.cec.ie/css/images/green.png) no-repeat 0 0;
}
.strongPass div{
	background:url(https://vmi.cec.ie/css/images/green.png) no-repeat top right;
}
.incident_options, .trainingcosts_options {display:none; position:absolute; width:300px; top:30px; right:0px; background:#000000; padding: 2px 2px 0 2px; z-index:500;}
.incident_option, .trainingcost_option { position:relative; background:#fff; width:290px; height:25px; font-weight:bold;padding: 5px; border-bottom: 2px solid #000000}
.password_check {float:left;margin:20px 0;}
#mainMenu {width:210px;}
.icon {opacity:0.85; box-shadow: 3px 3px 3px #888888; min-height:33px;border-radius: 5px;filter:alpha(opacity=85);margin:5px; background:#fff;cursor:pointer;  border: 2px solid #414141; font:bold 18px arial, sans serif; color:#FF7415;}
.icon:hover {opacity:1.0; border-radius: 5px;filter:alpha(opacity=100);border: 2px solid #FF7415; }
.icon.active {background: #e4e4e4;color:#000; }

.iconTAB {opacity:0.85; box-shadow: 3px 3px 3px #888888; min-height:33px;border-radius: 5px;filter:alpha(opacity=85);margin:5px; background:#fff;cursor:pointer;  border: 2px solid #414141; font:bold 18px arial, sans serif; color:#414141;}
.iconTAB:hover {opacity:1.0; border: 2px solid #FF7415; color:  #FF7415; }
.iconTAB.active {background: #e4e4e4;color:#000; box-shadow: none;}
.iconTAB.small {min-height:2px;}
.icon_next {background:url(https://vmi.cec.ie/images/icons/orange/icon_next.png) left center no-repeat; z-index:999;}
.icon_previous {background:url(https://vmi.cec.ie/images/icons/orange/icon_previous.png) left center no-repeat;  z-index:999;}
.icon_switcharrows {background:url(https://vmi.cec.ie/images/icons/orange/icon_switcharrows.png) left center no-repeat;  z-index:999;}
.icon_print {background:url(https://vmi.cec.ie/images/icons/orange/icon_print.png) left center no-repeat;  z-index:999;}
<!-- MESSAGES -->
.clear {
	clear: both;
	height: 0px;
	overflow:hidden;
}
#messageBox {
	width: 99%;
	height: 99%;	
	border-top: 2pt solid #000000;
	border-left: 2pt solid #000000;
	border-right: 2pt solid #000000;
	border-bottom: 2pt solid #000000;
		-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#inboxheader {
	background: none repeat scroll 0 0 #e4e4e4;
	height: 40px;
	border-bottom: 2pt solid #000000;
			-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#inboxheader h2 {
	color: #000000;
	line-height: 0.5em;
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}
#inboxheader #messageBoxTitle {
	float: left;
	margin-left:50px;
}
#inboxheader #controls {
	float: right;
	padding: 12px 12px 0px 12px;
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}
.page_jump {cursor:pointer; height:25px;}
.page_jump_disabled { opacity: .5;-moz-opacity:50;filter:alpha(opacity=50);  }
#inboxheader #controls a{
	font-size: 14pt;
	font-wieght: bold;
	color: white;
	text-decoration: none;
}
#inboxlist {width:100%;}
#messagelist{
	list-style: none inside none;
	margin: 0;
	padding: 0;
	
}
.message {position:relative; width:100%; height:30px;}
.message .last{
	border-bottom: 2pt solid black;
}
.viewAttachment {cursor:pointer;}
.message .subject{
	width:100%;
	overflow:hidden;
}
.unread {font-weight:bold;}
table.messages { 
border-collapse:collapse
}
table.messages tr {margin:5px 0px;height:30px; border-top: 2px solid #eae8e4;}
table.messages tbody tr.messageUnread { background: #e4e4e4;}
table.messages tbody tr.messageRead { background: #e4e4e4;}
table.messages tbody tr.messageUnread.selected{ background:#e9e0c9;}
table.messages tbody tr.messageRead.selected { background: #e9e0c9;}
.message .unread{
	
	background:red;
	color:#fff;
	width: 20px;
	text-align:center;
	border-radius : 3px;
}
.contrib{
	width: 100px;
	overflow:hidden;
}
.messageMenu{width:100%; text-indent:20px; font: bold 14px arial, sans-serif; color:#817a7a;margin:0px 0px 15px 0px;letter-spacing:1px;}
.messageMenu.menuChild{margin: 0 0 15px 15px;}
.messageMenu.selected{color:#FF7415}
.messageMenu.newMessage{width:80%; text-indent:0px; text-align:center;background: #000000; font: bold 14px arial, sans-serif;border-radius:8px; color:#fff;padding:10px 0px;;margin-top:40px;margin-left:20px;letter-spacing:.5px;}
#messagelist li:hover{
background: none repeat scroll 0 0 #004F57;
}
#messagelist li a { border: 0; display: block; overflow: hidden; }
#messagelist li a hover > #messagelist li{
background: none repeat scroll 0 0 #000000;
}
#employeeMessages{ position:relative; width:100%; height:100%; overflow: auto; }
#createMessage {}
.messageLabel {font: bold 14px arial,sans-serif; color: #817a7a}
.attachmentList {border-top: 1px solid #817a7a; width:100%; display:none; margin-top:30px;  padding-top:15px;}
.viewAttachments {cursor:pointer;}
.itemAttachment,.itemAttachment a {border-radius:5px; position:relative; height: 22px; display:inline; background: #000000; margin:3px; padding:5px; color:#fff; border:1px solid #000000;font: bold 12px arial;text-decoration:none;}
.anchor{clear: both;}
.round5{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.round5top{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.round5top_left{
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.round5top_right{
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
.round5bottom{
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.round10{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.round20{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.round10_2{
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-topright: 0;
border-radius: 10px;
border-top-right-radius: 0;
}
.round10top{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.round10bottom{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 */
  filter: alpha(opacity=80);   /* IE 5-7 */
  -moz-opacity: 0.8; /* Netscape */
  -khtml-opacity: 0.8;   /* Safari 1.x */
  opacity: 0.8;   /* Good browsers */
}
.flexlogoTop {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50);   /* IE 5-7 */
  -moz-opacity: 0.5; /* Netscape */
  -khtml-opacity: 0.5;   /* Safari 1.x */
  opacity: 0.5;   /* Good browsers */
}
.flexlogoTop.hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
  filter: alpha(opacity=100);   /* IE 5-7 */
  -moz-opacity: 1; /* Netscape */
  -khtml-opacity: 1;   /* Safari 1.x */
  opacity: 1;   /* Good browsers */
}
.bubbleDIV 
{
	width:100%;
	border: 2px solid #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:15px 0px;
	page-break-inside:avoid;
}
.bubbleDIVHead
{
	width:100%;
	border-bottom: 2px solid #000000;
	padding: 10px 0px;
	text-align:center;
	color: #000000;
	background: #e4e4e4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font: bold 14px veranda, sans-serif;
	page-break-inside:avoid;
}
.bubbleDIVContent
{
	width:100%;
	margin: 15px 0px;
	text-align:center;
	page-break-inside:avoid;
}
.bubbleDIV .bubbleDIVHead{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
table.cleantable tr th {
	background: #e4e4e4;
	font: bold 14px arial;
	color: #000000;
}
table.stockTakeDetails tr th 
{
	font-size: 11px;
	background:#e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.stockTakeDetails.odd  tr th 
{
	font-size: 11px;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.stockTakeDetails td
{
	font-weight:bold;
}
.whitetable
{
	width: 95%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	background: #fff;
	font: bold 14px arial;
	color: #000000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.whitetable th
{
	border-bottom: 2px solid #e4e4e4;
}
.whitetable td
{
	padding: 10px;
}
.lightBlue {
		    background: none repeat scroll 0 0 #e4e4e4;
		}
table.cleantable tbody tr.odd {
	background: #e4e4e4;
}
table.cleantable tbody tr.odd .selected {
	background: #ffb86b;
}
table.cleantable tbody tr.selected {
	background: #ffb86b;
}
table.cleantable tbody tr.lightBlue {
	background-color: #f0f0f0;
}
table.cleantable.empProfileBox {
	background:#fff;
	padding:10px;
}
table.cleantable.empProfileBox td {
	padding-left: 5px;
	height: 20px;
}
table.cleantable tbody tr.lightBlue td.leftCol {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
table.cleantable tbody tr.lightBlue td.rightCol {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
table.cleantable tbody td a{
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}
table.cleantable td.label
{
	font: bold 14px arial;
	color: #000000;
}
.cleantable {width:100%;}
table.cleantable td {height:25px; font-size:13px;line-height: 25px;}
.riskLow{ background:#008000; font-weight:bold; color:#fff;padding: 3px 5px;}
.riskMedium{ background:#C06800;font-weight:bold; color:#fff;padding: 3px 5px;}
.riskHigh{ background:#C00000;font-weight:bold; color:#fff;padding: 3px 5px;}
.profileLink { font: bold 14px arial; color: #000000;padding: 5px;text-decoration:none;}
.file {border-radius:5px; position:relative; float:left; background: #e4e4e4; margin:3px; padding:5px; padding-right: 30px; color:#000000; border:1px solid #000000;font: bold 12px arial; }
.removePerson { position:absolute; height:20px; width:20px; background-image:url(https://vmi.cec.ie/images/icons/orange/icon_trash.png);background-size: 20px; top:5px; right:5px; cursor:pointer;}
.removeFile { position:absolute; height:20px; width:20px; background-image:url(https://vmi.cec.ie/images/icons/orange/icon_trash.png);background-size: 20px; top:5px; right:5px; cursor:pointer;}
.file a {text-decoration:none; color:#000000 ;}
.seperator { width:80%; margin:15px 20px; background: #e4e4e4; height:2px;}
.absenteeYearSummary, .vacationYearSummary {float:left; padding: 8px; margin: 0px 10px; background: #000000; color: #fff; cursor:pointer;}
.localHidden {display:none;}
.sectionTitle {
	width:100%; 
	text-align:center; 
	color:#000000;
	text-transform:uppercase;
	letter-spacing:2px;
	margin:20px 0px;
	font:bold 16px arial;
}
.vacationConflict {
	font: bold 13px arial;
	color: #000000;
	padding: 5px 0px;
}
.vacationConflict.otherEmployees {
	border-bottom: 2px solid #FF7415;
	color: #000000;
	margin-top:30px;
}
.calendarEvent {
	padding:3px;
	margin:6px 0px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.calendarEvent a { text-decoration:none; }
.cal_task {
	background: #f09514;
	
}
.cal_link {color:#000; text-decoration:none;}
.cal_cap {
	background: #f0ed14;
}
.cal_course {
	background: #48e27b;
	
}
.cal_toolbox {
	background: #48dde2;
}
.cal_orientation {
	background: #5fb3e9;
}
.cal_vacationApproved {
	background: #b681df;
}
.cal_vacationRejected {
	background: #e7bcb1;
}
.cal_vacationPending {
	background: #d1bce2;
}
.cal_absent {
	background: #e4e3a3;
}
 .vacationDayFull {display:none;}
 
 
 /* INCIDENT */
	.option, .option_view {
		float:left; 
		width:27%; 
		border-radius:5px; 
		cursor:pointer;
		font-size:14px; 
		padding:5px 0px;
		font-weight:bold;
		border: 2px solid #000000;
		background:#f8f8f8; 
		margin: 5px 20px;
		padding:5px;
		text-indent:20px;
	}
	.option_single, .option_single_view 
	{
		float:left; 
		width:90%; 
		border-radius:5px; 
		cursor:pointer;
		font-size:14px; 
		padding:5px 0px;
		font-weight:bold;
		border: 2px solid #000000;
		background:#f8f8f8;  
		margin:5px 20px;
		text-indent:20px;
	}
	.option.hover,.option_single.hover, .option.selected.hover,.option_single.selected.hover  {background: #f2f1a1;}
	.option.selected,.option_single.selected  {background: #ffffb5}
	.option_extra {position:relative; bottom:-5px; right:-5px; margin-bottom:5px; margin-right:20px;}
	.option_extra input {width:90%}
	.option_list { padding-bottom: 30px;}
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#loadingDIV
{
	position:absolute;
	height: 100%;
	width:100%;
	top:0px;
	left:0px;
	z-index:50001;
	
	background: url(https://vmi.cec.ie/images/ajaxloader.gif) no-repeat center center ;
}
#loadingBack, .loadingWrap
{
	position:absolute;
	height: 100%;
	width:100%;
	top:0px;
	left:0px;
	opacity: .7;
	background: 	#eeeeee;
	z-index:50000;
}
.rfi-closed{
	background:#EC9D14;
}
.rfi-open {
	background:#008000;
}
.headerSections {width:48%; margin:20px 0px; padding: 5px 0px; background:#000000; color:#fff; text-align:center; font:bold 14px arial;}
.editorSelector, .yearSelector
{
	background: #e4e4e4;
	border: 2px solid #000000;
	color :#000000;
	padding: 5px;
	margin:5px 5px 2px 5px;
	float:left;
	font:bold 14px arial;
	cursor:pointer;
}
.editorSelector.selected
{
	background: #000000;
	color :#fff;
}
.goalContainer { position:relative;  margin:10px 0px; padding:5px;}
.goalHeader {width:100%;}
.goalHeaderBreak { padding-top:5px; border-top: 2px solid #000000;}
.goalName {padding: 5px; font: bold 14px arial; float:left; width:75%; color:#000000;}
.goalSetBy{float:right; font: bold 12px arial; width:20%; text-align:right; margin-right:10px; margin-top:10px;}
.goalDescription {font: normal 12px arial;  margin:5px;}
.goalOptions {float:right; width:5%}
.goalDescription {}
.goalComments{display:none; margin-left:50px;}
.goalPhotos{display:none; margin-right:50px;}
.goalCommentsOverview, .CAPPhotoOverview {float:right; cursor:pointer; font:bold 12px arial; text-decoration:underline;}
.goalComment{margin:3px; background: #e4e4e4; position:relative;}
.goalPoserPic{float:left; width:5%; margin-right:10px;}
.goalCommentInfo{float:left; width:85%;}
.goalPosterName { font:bold 13px arial; color:#000000; margin-right:30px;}
.goalCommentDelete{ position:absolute; top:5px ;right:5px; cursor:pointer;}
.goalSilder{margin:10px 0px;}
.coreRating {width:100%;float:right;}
.capPhoto{width:40%; float:left; margin:10px;}
.EQ_trainingQualification {font:bold 14px arial; margin:10px 30px;; background:#fff;padding:10px 30px 10px 3px;text-align:center;position:relative;}

.flex_widget {
	margin: 10px 0px;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;;
}
.widget_title
{
	text-align:left;
	padding: 5px;
	padding-left: 8px;
}
.widget_content
{
	padding: 10px 0px;
}
.flexToolTip
{
	background: #fff;
	z-index:999;
	border : 5px solid #e4e4e4;
	position:absolute;
	padding: 10px;
	font-weight:bold;
	min-width:100px;
}
.profileheadingMini {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding: 0px 0px 10px 0px;
}
.profileheadingMini img {
			margin-bottom: -5px;
			padding: 1px;
		}
.labelMini {font-weight:bold;}
.valueMini {font-weight:bold; background: #e4e4e4;padding-left:5px;}

.closeAuto{
position:absolute;
top:3px; right:3px;
background-image: url(https://vmi.cec.ie/images/icons/orange/icon_close.png);
background-repeat: no-repeat;
height:25px;
width:25px;
cursor:pointer;
}
.autoOption
{
	border-bottom: 2px solid #e4e4e4;
	padding: 5px 0px;
	color: #000000;
	cursor:pointer;
}
.errorPR
{
	border-bottom: 2px solid #e4e4e4;
	padding: 5px 0px;
	color: #cd0e0e;
	
}
.starHint
{
font-weight:bold;display:none;padding:20px;text-align:center;position:absolute;bottom:30px;right:80px;	border: 5px solid #000000;	background: #fff;
}
.folderLink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_folders.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.dismissLink {
	cursor:pointer;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_trash.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:32px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.autoCompleteContainer {
	cursor:help;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_highlight.png); background-repeat:no-repeat; background-position: left top;
	height:30px;
	padding-left:40px;
	padding-top:6px;
	padding-bottom:6px;
	margin: 5px;
	display:inline-block;
	text-decoration:none;
	color: #000000;
	font: bold 16px arial;
	text-align:left;
}
.autoList {position:relative;}
.autoOptionList 
{
	position:absolute;
	bottom:0px;;
	right:80px;
	border: 5px solid #000000;
	background: #fff;
	display:none;
	z-index:998;
	max-height: 400px;
	width:300px;
	overflow:hidden;
}
.autoOptionSubList 
{
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	background: #fff;
	z-index:999;
	max-height: 350px;
	width:300px;
	
}
.autoOptionHeader
{
	border-bottom: 5px solid #000000;
	padding: 5px 0px;
	font: bold 16px arial;
	color: #000000;
	text-align:center;
	position:relative;

}
.autoOptionHeaderSub
{
	border-bottom: 5px solid #000000;
	padding: 5px 0px;
	font: bold 16px arial;
	color: #000000;
	text-align:center;
	position:relative;
	background : #e4e4e4;
}
.closeAuto{
	position:absolute;
	top:-1px; right:3px;
	background-image: url(https://vmi.cec.ie/images/icons/orange/icon_close.png);
	background-repeat: no-repeat;
	height:30px;
	width:30px;
	cursor:pointer;
}
.autoOption
{
	border-bottom: 2px solid #e4e4e4;
	padding: 5px 0px;
	color: #000000;
	cursor:pointer;
}


/*   Viddeo */
/* video container */
.videoContainer{
	width:600px;
	height:350px;
	position:relative;
	overflow:hidden;
	background:#000;
	color:#ccc;
}

/* video caption css */
.caption{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:10px;
	color:#ccc;
	font-size:20px;
	font-weight:bold;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{
	background:#333;
	color:#ccc;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5;
	display:none;
}
/* control top part */
.topControl{
	height:11px;
	border-bottom:1px solid #404040;
	padding:1px 5px;
	background:#1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
/* control bottom part */
.btmControl{
	clear:both;
	background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
.control div.btn {
	float:left;
	width:34px;
	height:30px;
	padding:0 5px;
	border-right:1px solid #404040;
	cursor:pointer;
}
.control div.text{
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	font-family:verdana;
	width:20px;
	border:none;
	color:#777;
}
.control div.btnPlay{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat 0 0;
	border-left:1px solid #404040;
}
.control div.paused{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat 0 -30px;
}
.control div.btnStop{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat 0 -60px;
}
.control div.spdText{
	border:none;
	font-size:14px;
	line-height:30px;
	font-style:italic;
}
.control div.selected{
	font-size:15px;
	color:#ccc;
}
.control div.sound{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -88px -30px;
	border:none;
	float:right;
}
.control div.sound2{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -88px -60px !important;
}
.control div.muted{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -88px 0 !important;
}
.control div.btnFS{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -44px 0;
	float:right;
}
.control div.btnLight{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -44px -60px;
	border-left:1px solid #404040;
	float:right;
}
.control div.lighton{
	background:url(https://vmi.cec.ie/images/control.png) no-repeat -44px -30px !important;
}

/* PROGRESS BAR CSS */
/* Progress bar */
.progress {
	width:85%;
	height:10px;
	position:relative;
	float:left;
	cursor:pointer;
	background: #444; /* fallback */
	background:-moz-linear-gradient(top,#666,#333);
	background:-webkit-linear-gradient(top,#666,#333);
	background:-o-linear-gradient(top,#666,#333);
	box-shadow:0 2px 3px #333 inset;
	-moz-box-shadow:0 2px 3px #333 inset;
	-webkit-box-shadow:0 2px 3px #333 inset;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.timeBar{
	z-index:10;
	width:0;
	background: #3FB7FC; /* fallback */
	background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	box-shadow:0 0 1px #fff;
	-moz-box-shadow:0 0 1px #fff;
	-webkit-box-shadow:0 0 1px #fff;
}
.bufferBar{
	z-index:5;
	width:0;
	background: #777;
	background:-moz-linear-gradient(top,#999,#666);
	background:-webkit-linear-gradient(top,#999,#666);
	background:-o-linear-gradient(top,#999,#666);
	box-shadow:2px 0 5px #333;
	-moz-box-shadow:2px 0 5px #333;
	-webkit-box-shadow:2px 0 5px #333;
}
/* time and duration */
.time{
	width:15%;
	float:right;
	text-align:center;
	font-size:11px;
	line-height:12px;
}

/* VOLUME BAR CSS */
/* volume bar */
.volume{
	position:relative;
	cursor:pointer;
	width:70px;
	height:10px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.volumeBar{
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#eee;
	z-index:10;
}

/* OTHERS CSS */
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(https://vmi.cec.ie/images/loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none;
}
#init{
	background:url(https://vmi.cec.ie/images/bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
}
.highlightElement.hover
{
	background : #ffa647;
}
.eqTransferRow
{
	background: #e4e4e4;
	margin: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	font-weight:bold;
	
}
.profileheading
{
	color: #000000;
    font-size: 13pt;
    font-weight: bold;
    padding: 0 0 15px 0px;;
}
.profileheading img 
{
    margin-bottom: -8px;
    padding: 1px;
}


/* MODALS */
.slideModal, .timeModal, .ccModal
{
	position:fixed;
	width:50%;
	height:50%;
	top:20%;
	right:0px;
	background:#fff;
	padding:20px;
	display:none;	
	-webkit-box-shadow: -10px 10px 20px 0px #A8A8A8;	
	box-shadow: -10px 10px 20px 0px #A8A8A8;	
	z-index:1010;
}
.woWidget
{
	width:90%;
	height:500px;
	
}
.titleDIV
{
	background: #8c8a8a;
	border: 5px solid #8c8a8a;
}
.titleLabel
{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	padding: 7px 10px;
}
.actionElement
{
	background:#fff;
}

.updateNote, .deleteNote
{
	width:200px;
	font-size:26px; 
	line-height:26px;
	z-index:10001; 
	padding:20px;
	position:fixed;top:10px;right:50px;
	background:#fff;
	border: 3px solid #FF7415;
}

.columnDisabled
{
	 background-image: url(/images/bad.png) ;
	 background-repeat: no-repeat;
	 background-position:right 10px center; 
}
.columnEnabled
{
	 background-color: #fcf9ce; 
	 background-image: url(/images/tick.png) ;
	 background-repeat: no-repeat;
	 background-position:right 10px center;
	 
}

div.mpdf_toc {font-family: sans-serif; font-size: 13px;}
a.mpdf_toc_a  {text-decoration: none; color: black;}
div.mpdf_toc_level_0 {line-height: 1.5; margin-left: 0; padding-right: 2em;}
span.mpdf_toc_t_level_0 {font-weight: bold;}
span.mpdf_toc_p_level_0 {}
div.mpdf_toc_level_1 {margin-left: 3em; text-indent: -2em; padding-right: 2em;}
span.mpdf_toc_t_level_1 {font-style: italic; font-weight: bold;}
span.mpdf_toc_p_level_1  {}
div.mpdf_toc_level_2 {margin-left: 4em; text-indent: -2em; padding-right: 2em;}
span.mpdf_toc_t_level_2 {}
span.mpdf_toc_p_level_2 {}