/**
* Main site stylesheet
* --------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

/**
* Apply box sizing to everything as it's annoying
* having stuff different widths based on the padding
*/
html {
  box-sizing: border-box;
  padding:0px;
  color:#000000;
  background-color:#fdfdfd;
  height:100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{
    font-family: 'Noto Sans', sans-serif !important;
	margin:0px;
	padding:0px;
	font-size:100%;
	/* For additioanl padding - see .pagePadding */
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4{
	font-family: 'Raleway', sans-serif !important;
	letter-spacing:-1px;
}
input,table,select,td{
	font-family: 'Noto Sans', sans-serif !important;
}

a,
a:visited,
a:active,
a:link{
	color:#2094CC;
	background-color:transparent;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.softlink,
a.softlink:visited,
a.softlink:active{ /** a clickable link but doesn't stand out in obvious blue **/
	color:#777777;
	border-bottom:1px dotted #aaaaaa;
	text-decoration:none !important;
}
a.softlink:hover{
	color:#000000;
	border-bottom:1px solid #000000;
	text-decoration:none !important;
}

a img{border:none;}

h1,h2,h3,
.h1,.h2,.h3,
.h1colour,.h2colour,.h3colour{
	color:#666666;
	background-color:transparent;
}

.h1colourbg,.h2colourbg,.h3colourbg{
	color:#ffffff;
	background-color:#666666;
}

h1,.h1{
	font-size:2em;
	font-weight:400;
}
h1 span,.h1 span{
	color:#777777;
	border-left:1px solid #777777;
	display:inline-block;
	text-indent:16px;
	margin-left:16px;
}

h2,.h2{
	font-size:1.5em;
	font-weight:normal;
	color:#111111;
	background-color:transparent;
}

h3,.h3{
	color:#000000;
	background-color:transparent;
	font-weight:bold;
	font-size:1.3em;
}

p{
	margin-top:0px;
	margin-bottom:24px;
}

abbr{
	text-decoration:none;
	border-bottom:1px dotted blue !important;
	cursor:help;
}


hr{
	height:1px;
	margin:10px 0px 10px 0px;
	padding:0px;
	color:#000000;
	background-color:inherit;
	border:none;
	border-bottom:1px dotted #777777;
}

hr.dotted{
	background-image:none;
	border-bottom:1px dotted #555555;
	height:8px;
	line-height:8px;
	margin:15px 0px 20px 0px;
}

fieldset{
	color:#000000;
	background-color:#ffffff;
	border:none;
	box-shadow:0px 0px 6px rgba(0,0,0,0.2);
	padding:10px;
	margin:10px 0px 10px 0px;
	-moz-border-radius: 3px !important;
	-webkit-border-radius:3px !important;
	-webkit-outline-radius:3px !important;
	border-radius: 3px !important;
	-moz-outline-radius: 3px !important;
	outline-radius: 3px !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
fieldset h1:first-child,
fieldset h2:first-child,
fieldset h3:first-child,
fieldset h4:first-child{
	margin:0px;
}

div{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

label{
	font-weight:bold;
	color:#555555;
	background-color:transparent;
	cursor:pointer;
	padding-bottom:4px;
}

input[type=radio],
input[type=checkbox]{
	cursor:pointer;
}
.inputSelectbox,
select{
	cursor:pointer;
}
select *{
	cursor:pointer;
}

.inputText,
.inputTextarea,
.inputSelectbox,
input[type=text],
select{
	font-family: CoreFont,Arial,Helvetica,Verdana,sans-serif;
	margin-top:4px;
}

.inputText,
input[type=text],
.inputTextarea,
.inputSelectbox,
select{
    color:#222222 !important;
    background-color:#f1f1f1;
    border-radius:2px;
    border:2px solid #dddddd;
    padding:10px !important;
	vertical-align:middle;
	font-size:110%;
	box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}

.inputColourPicker{
	margin:4px 0px 1px 0px;
}

.inputCheckbox{
	vertical-align:middle;
	position:relative;
	top:-1px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}

.inputText::focus,
input[type=text]::focus,
.inputTextarea::focus,
.inputSelectbox::focus,
select{
	border-color:#666666;
	background-color:#EAF7FF;
}

/**
* Pretty Checkbox - Toggler
* PHP form::checkboxPretty()
*/
.inputSwitch {
  position: relative;
  display: inline-block;
  width: 29px;
  height: 21px;
}
.inputSwitch input {display:none;}
.inputSwitchSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
.issOn,.issOff{
	color:#aaaaaa;
	text-transform:uppercase;
	font-size:10px;
	padding-left:34px;
	padding-top:4px;
	display:inline-block;
}
.issOn{
	display:none;
	color:#59B200;
	font-weight:bold !important;
}
.issHeader{}
.issDesc{
	font-size:11px;
	color:#666666;
	background-color:transparent;
}

.inputSwitchSlider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 20px;
}
.inputSwitch input:checked + .inputSwitchSlider {
  background-color: #59B200;
}
.inputSwitch input:checked + .inputSwitchSlider .issOn{
	display:inline-block;
}
.inputSwitch input:checked + .inputSwitchSlider .issOff{
	display:none;
}
.inputSwitch input:checked + .inputSwitchSlider:before {
  -webkit-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px);
}

/**
* Can't stack these...
* https://stackoverflow.com/questions/9451902/changing-an-inputs-html5-placeholder-color-with-css-does-not-work-on-chrome
*/
::-webkit-input-placeholder {
    color:#81B0D3;
}

::-moz-placeholder {
    color:#81B0D3;
}

::-ms-placeholder {
    color:#81B0D3;
}

::placeholder {
    color:#81B0D3;
}

.inputSmall{
	padding:1px;
	font-size:0.85 !important;
}

ul{
	list-style-type:none;
	margin-left:16px;
	padding-left:0px;
}
ul.nobullets li{
	background-image:none !important;
	padding:0px 0px 4px 0px;
}

ul li{
	background-image:url("/core/images/bullet01.png");
	background-repeat:no-repeat;
	background-position:0em 0em;
	margin:0px;
	padding:0px 0px 4px 20px;
}
ul.tinytext li{
	background-position:0px 0px;
	padding:2px 0px 0px 20px;
}

/* Powered by logo - generated via arcLogo()*/
a.poweredBy{
	color:#666666 !important;
	background-color:inherit;
	font-weight:bold;
}

a.poweredBy em{
	color: #719213 !important;
	background-color:inherit;
}

/* Standard page*/
#tpl_siteframe{
	margin:0px;
	padding:0px;
}

#tpl_header{
	color:#ffffff;
	background-color:#96B133;
	padding:15px 5px 15px 15px;
	background-image:url("/core/images/mlarc_background.png");
	background-repeat:no-repeat;
	background-size:cover;
}
.tpl_header_inner{
	max-width:1800px;
	margin:0px auto 0px auto;
	padding:0em 1em 0em 1em;
}

#tpl_headerUnderline{
	font-size:1px;
	color:#000000;
	background-color:#dddddd;
	height:3px;
	border-top:1px solid #ffffff;
	border-bottom:2px solid #cccccc;
}

#tpl_maincontent{
	border-top:1px solid #ffffff;
	/* For padding - see .pagePadding */
}

.maxPageWidth,
#tpl_header_inner,
#tpl_header_custom .inner,
#tpl_footer_inner,
#tpl_maincontent_inner{
	max-width:1800px;
	margin-left:auto;
	margin-right:auto;
	padding:0em 1em 0em 1em;
}

#tpl_maincontent_inner{
	min-height:350px;
	padding-bottom:20px;
}

/* Page padding - Can be used to apply same padding to empty BODY or maincontent DIV */
.pagePadding{
	padding:0px 5px 5px 5px;
}

#tpl_footer{
	border-top:10px solid #eeeeee;
}
#tpl_footer_inner{
	padding:15px 15px 50px 15px;
	font-size:0.85em;
}

/* User Panel (top right)
############################### */
#tpl_userpanel{
	padding:10px;
	min-width:300px;
	float:right;
	color:#ffffff !important;
	background-color:rgba(0,0,0,0.1);
	font-size:0.8em;
	margin-right:1em;
}
#tpl_userpanel_compressed{
	float:right;
	font-size:0.8em;
	min-width:250px;
}
#tpl_userpanel a{
	color:#ffffff !important;
	text-decoration:underline;
}
#tpl_userpanel a.button,
#tpl_userpanel a.buttonyellow{
	border:none !important;
	background: none !important;
	background-color:rgba(255,255,255,0.3) !important;
}



/**
* GENERIC TAB MENU (php htmlTabs)
*/

ul.htmlTabs{
	list-style-type:none;
	margin:0px !important;
	padding:0px !important;
}

ul.htmlTabs li{
	background-image:none;
	margin:0px !important;
	padding:0px !important;
	display:inline;
}

ul.htmlTabs li a,
ul.htmlTabs li span.span_a{
	float:left;
	padding:5px;
	border-style:solid;
	border-width:1px 1px 5px 1px;
	border-color:#aaaaaa;
	margin-right:3px;
	font-size:0.9em;
	color:#555555;
	background-color:#eeeeee;
	text-decoration:none;
	margin-top:4px;
}
ul.htmlTabs li a span,
ul.htmlTabs li span.span_a{
	line-height:18px;
}
ul.htmlTabs li a.right,
ul.htmlTabs li span.right{
	float:right;
}
ul.htmlTabs li a:hover,
ul.htmlTabs li span.span_a:hover{
	padding:7px 5px 7px 5px;
	margin-top:0px;
	border-color:#aaaaaa #aaaaaa #555555 #aaaaaa;
}

ul.htmlTabs li a.active,
ul.htmlTabs li span.active{
	color:#ffffff;
	background-color:#555555;
	border-color:#555555;
	margin-top:0px;
	padding:7px 5px 7px 5px;
}
ul.htmlTabs li.lastItem div{
	padding:8px 0px 7px 0px;
	border-bottom:5px solid #dddddd;
	margin-bottom:12px;
	line-height:19px;
}

/** MAIN TABLE LAYOUT
* Uses class::table
* #################### */
table{
	border:4px solid #cccccc;
	width:100%;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
	border-collapse:collapse;
}
.highlight{
    color:#000000;
    background-color:#ECF0F4 !important;
}
.odd{
    background-color:#fbfbfb;
}
.even{
    background-color:#f9f9f9;
}
.odd:hover,
.even:hover,
table tr:hover td,
.row:hover{
	color:#000000;
	background-color:#ECF0F4;
}

table th{
	color:#ffffff;
	background-color:#888888;
	border-bottom:1px solid #cccccc;
	font-weight:normal;
	text-align:left;
	padding:16px 5px 16px 10px;
	text-shadow:1px 1px 1px #777777;
	border-spacing:0px;
	white-space:nowrap;
	border-spacing:0px;
}
table.simple{
	font-size:0.9em !important;
}
table.simple th{
	padding:3px 5px 3px 6px !important;
}

table th.top a.orderBy,
table th.top a.orderBy:hover{
    color:#ffffff !important;
    background-color:transparent;
    text-decoration:none;
    border-bottom:1px dotted #555555;
}
table th.top a.orderBy:hover{
	color:#ffffff !important;
	background-color:transparent;
}

table td{
	position:relative;
	border-bottom:1px solid #dddddd;
	padding:6px;
}

table tr.cfooter td{
	border-top:2px solid #cccccc;
	border-bottom:none !important;
}


/* Tables - special row highlighting */
table tr.whiterow,
*.whitecell{
	color:#000000 !important;
	background-color:#ffffff !important;
}
table tr.whiterow:hover td,
table tr:hover *.whitecell{
	color:#000000 !important;
	background-color:#ffffff !important;
}

table tr.redrow,
*.redcell{
	color:#000000 !important;
	background-color:#FFE6E6 !important;
}
table tr.redrow:hover td,
table tr:hover *.redcell{
	color:#000000 !important;
	background-color:#FFCCCC !important;
}
table tr.yellowrow,
*.yellowcell{
	color:#555555 !important;
	background-color:#FFF9DD !important;
}
table tr.yellowrow:hover td,
table tr:hover *.yellowcell{
	color:#000000 !important;
	background-color:#FFEBBF !important;
}
table tr.bluerow,
*.bluecell{
	color:#000000 !important;
	background-color:#F0F7Fa !important;
}
table tr.bluerow:hover td,
table tr:hover *.bluecell{
	color:#000000 !important;
	background-color:#E4F7FC !important;
}
table tr.greenrow,
*.greencell{
	color:#000000 !important;
	background-color:#F3e7ed !important;
}
table tr.greenrow:hover td,
table tr:hover *.greencell{
	color:#000000 !important;
	background-color:#EFF5DE !important;
}

table tr.purplerow,
*.purplecell{
	color:#000000 !important;
	background-color:#F2edf6 !important;
}
table tr.purplerow:hover td,
table tr:hover *.purplecell{
	color:#000000 !important;
	background-color:#F0E8F7 !important;
}

table tr.cyanrow,
*.cyancell{
	color:#000000 !important;
	background-color:#D2F4FF !important;
}
table tr.cyanrow:hover td,
table tr:hover *.cyancell{
	color:#000000 !important;
	background-color:#D2F4FF !important;
}

/**
* Generic status colours
*/
[class^="status_"],
[class*=" status_"]{
	display:inline-block;
	padding:3px;
	text-shadow:none !important;
	box-shadow:none !important;
}
.status_none{color:#555555;background-color:transparent;}
.status_none_fill{color:#555555;background-color:#f1f1f1;}

.status_new{color:#FFBF00;background-color:transparent;}
.status_new_fill{color:#444444;background-color:#FFD24D;}

.status_yes{color:#85B200;background-color:transparent;}
.status_yes_fill{color:#ffffff;background-color:#85B200;}

.status_wip{color:#4DA6FF;background-color:transparent;}
.status_wip_fill{color:#ffffff;background-color:#4DA6FF;}

.status_issue{color:#FF8000;background-color:transparent;}
.status_issue_fill{color:#ffffff;background-color:#FF8000;}

.status_err{color:#D90000;background-color:transparent;}
.status_err_fill{color:#ffffff;background-color:#D90000;}

/**
* Breadcrumb/Stages trail
* Created via breadcrumb:: class
*/
ul.breadcrumbTrail{
	list-style-type:none !important;
	margin:10px 0px 10px 0px;
	padding:0px;
	height:26px;
}
ul.breadcrumbTrail li{
	color:#000000;
	background-color:#EAEAEB;
	padding:0px;
	margin:0px;
	font-size:0.85em;
	float:left;
	background-repeat:no-repeat;
	background-position:center left;
	background-image:url("/core/images/breadcrumb_p5.png");
}
ul.breadcrumbTrail li a,
ul.breadcrumbTrail li span{
	display:block;
	line-height:26px;
	height:26px;
	padding:0px 0px 0px 16px;
}
ul.breadcrumbTrail li.active{
	background-image:url("/core/images/breadcrumb_p2.png");
}
ul.breadcrumbTrail li.semi_active{
	background-image:url("/core/images/breadcrumb_p1.png");
}
ul.breadcrumbTrail li span.div{
	display:none;
}
ul.breadcrumbTrail li.active,
ul.breadcrumbTrail li.first_active{
	color:#000000;
	background-color:#C1DB73;
	font-weight:bold;
}
ul.breadcrumbTrail li.first_active,
ul.breadcrumbTrail li.first{
	background-image:none;
}
ul.breadcrumbTrail li.first a,
ul.breadcrumbTrail li.first span,
ul.breadcrumbTrail li.first_active a,
ul.breadcrumbTrail li.first_active span{
	padding-left:4px;
}
ul.breadcrumbTrail li.end{
	background-image:url("/core/images/breadcrumb_p3.png");
	width:13px;
}
ul.breadcrumbTrail li.end_active{
	background-image:url("/core/images/breadcrumb_p4.png");
	width:13px;
}

/**
* 3x3 panels - basically, any layout whereby the container
* is 33% width of the page allowing for 3 containers next to each other
* at maxium width. Viewport will alter this to fit best on smaller widths
*/
.panel3col{
	width:23%;
	margin:0px 0.5% 15px 0.4%;
	display:inline-block;
}

/* MY POPUP MENU
* works in conjunction with javascript's myPopupMenu() handler
############################### */
.myPopupMenu{
	font-size:0.9em;
	margin-left:20px;
}
.myPopupMenu a{
	color:#666666 !important;
	background-color:inherit !important;
	text-decoration:none;
	display:block;
	padding:4px 6px 4px 3px;
	min-width:100px;
}
.myPopupMenu a:hover{
	color:#000000 !important;
	background-color:#ffffff !important;
	border:1px solid #e5e5e5 !important;
	padding:3px 5px 3px 2px;
}

.myPopupMenu a.myPopupMenuCategory,
.myPopupMenu a.myPopupMenuCategory:hover{
	color:#000000 !important;
	background-color:#eeeeee !important;
	border-bottom:1px solid #fafafa;
	padding-bottom:2px !important;
	font-weight:bold;
}
.myPopupMenu_inactive{
	display:none;
}
.myPopupMenu_active{
	color:#555555;
	background-color:#F1F1F1;
	border:1px solid #999999;
	border-radius: 3px !important;
}
.myPopupMenu_active .inner{
	display:block;
	border:1px solid #ffffff;
	border-radius: 3px !important;
}

/* Expandable tree
############################### */
ul.tree{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}
ul.tree ul{
	list-style-type:none;
	padding-left:20px;
	margin:0px;
}
ul.tree a.tree_expand{
	background-image:url("../images/16_expand.png");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
}
ul.tree a.tree_collapse{
	background-image:url("../images/16_collapse.png");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
}

/* Upload progress
############################### */

/* UPLOAD PROGRESS BAR */
.uploadProgressFrame{
    width:250px;
    padding:5px;
    border:1px solid #cccccc;
    background-color:#F8F8F8;
    margin-top:5px;
    margin-bottom:5px;
    background-image:url("/core/images/uploadprogress_bg.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
    font-size:0.8em;
    position:relative;
    top:-15px;
    left:0px;
}

.uploadProgressBar{
    color:#000000;
    background-color:#ffffff;
    background-image:url("/core/images/uploadprogress_bar01.png");
    background-repeat:repeat-x;
    background-position:bottom left;
    border:1px solid #8D8D8D;
}
.uploadProgressBar div{
    color:#ffffff;
    background-color:#66CC00;
    font-size:0.8em;
    line-height:10px;
    padding:1px;
    margin:0px;
    text-align:right;
}

/* Simple boxes
############################### */
*.simplebox_bar{
	color:#000000;
	background-color:#F2F2F2;
	border:1px solid #cccccc;
    background-image:url("/core/images/simplebox_bar_bg.png");
    background-repeat:repeat-x;
    background-position:bottom left;
	padding:5px;
	margin:1px 0px 1px 0px;
	min-height:16px;
}
*.simplebox_bar .indent{
	color:#000000;
	background-color:#DEDEDE;
    background-image:url("/core/images/simplebox_bardark_bg.png");
    background-repeat:repeat-x;
    background-position:top left;
}

*.simplebox_bardark{
	color:#000000;
	background-color:#DEDEDE;
	border:1px solid #aaaaaa;
    background-image:url("/core/images/simplebox_bardark_bg.png");
    background-repeat:repeat-x;
    background-position:top left;
	padding:5px;
	margin:1px 0px 1px 0px;
	min-height:16px;
}

*.simplebox_baryellow{
	color:#000000;
	background-color:#FFDD74;
	border:1px solid #F0A300;
    background-image:url("/core/images/simplebox_baryellow_bg.png");
    background-repeat:repeat-x;
    background-position:bottom left;
	padding:5px;
	margin:1px 0px 1px 0px;
	min-height:16px;
}

*.simplebox_barblack{
	color:#eeeeee;
	background-color:#616161;
	border:1px solid #444444;
    background-image:url("/core/images/simplebox_barblack_bg.png");
    background-repeat:repeat-x;
    background-position:bottom left;
	padding:5px;
	margin:1px 0px 1px 0px;
	min-height:16px;
}

*.simplebox_underline,
*.simplebox_header{
	color:#000000;
	background-color:#F2F2F2;
	border:1px solid #aaaaaa;
	padding:5px 5px 0px 5px;
    background-image:url("/core/images/simplebox_header_bg.png");
    background-repeat:repeat-x;
    background-position:bottom left;
	box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
	margin:0px !important;
}
*.simplebox_underline{
	height:2px;
	font-size:1px;
	padding:1px;
}
*.simplebox_header{
	border-top:none;
}
*.simplebox_header h1{
	font-weight:normal;
	letter-spacing:-1px;
	color:#555555 !important;
	background-color:transparent;
}

*.simplebox,
*.simplebox_filled,
*.simplebox_filledlight,
*.simplebox_filledgreen,
*.simplebox_filledyellow,
*.simplebox_filledred,
*.simplebox_filled_hover,
*.simplebox_filledgreen_hover,
*.simplebox_filledyellow_hover,
*.simplebox_filledred_hover,
*.simplebox_filledblue,
*.simplebox_filledblue_hover,
*.simplebox_filledcyan,
*.simplebox_filledcyan_hover{
	border:1px solid #dddddd;
	padding:10px;
	-moz-border-radius: 3px !important;
	-webkit-border-radius:3px !important;
	-webkit-outline-radius:5px !important;
	border-radius: 3px !important;
	-moz-outline-radius: 5px !important;
	outline-radius: 5px !important;
	margin-top:0px;
	margin-bottom:10px;
}

*.simplebox_filled,
*.simplebox_filled_hover{
	color:#000000;
	background-color:#f5f5f5;
}
*.simplebox_filled_hover:hover{
	color:#000000;
	background-color:#eeeeee !important;
	border-color:#aaaaaa !important;
}
*.simplebox_filledlight,
*.simplebox_filledlight_hover{
	color:#000000;
	background-color:#fafafa !important;
	border-color:#f1f1f1 !important;
}
*.simplebox_filledlight_hover:hover{
	color:#000000;
	background-color:#e5e5e5 !important;
	border-color:#eeeeee !important;
}


/**
* GREEN FILLED BOX
*/
*.simplebox_filledgreen,
*.simplebox_filledgreen_hover{
	color:#000000;
	background-color:#E6EECA !important;
	border-color:#C8E17B !important;
}
*.simplebox_filledgreen_hover:hover{
	color:#000000;
	background-color:#CFDF9D !important;
	border-color:#B5CE68 !important;
}
*.simplebox_filledgreen .inputText,
*.simplebox_filledgreen .inputTextarea,
*.simplebox_filledgreen .inputSelectbox{
	color:#555555;
	background-color:#C9DB91;
	border:1px solid #B5CE68;
}

/**
* YELLOW FILLED BOX
*/
*.simplebox_filledyellow,
*.simplebox_filledyellow_hover{
	color:#000000;
	background-color:#FFDC73 !important;
	border-color:#FFB13E !important;
}
*.simplebox_filledyellow_hover:hover{
	color:#000000;
	background-color:#FFF0C2 !important;
	border-color:#EEC853 !important;
}
*.simplebox_filledyellow .inputText,
*.simplebox_filledyellow .inputTextarea,
*.simplebox_filledyellow .inputSelectbox{
	color:#555555;
	background-color:#FED863;
	border:1px solid #FEBD36;
}


/**
* BLUE FILLED BOX
*/
*.simplebox_filledblue,
*.simplebox_filledblue_hover{
	color:#000000;
	background-color:#D9EBF8 !important;
	border-color:#AED5F0 !important;
}
*.simplebox_filledblue_hover:hover{
	color:#000000;
	background-color:#C9DBE8 !important;
	border-color:#AED5F0 !important;
}
*.simplebox_filledblue .inputText,
*.simplebox_filledblue .inputTextarea,
*.simplebox_filledblue .inputSelectbox{
	color:#555555;
	background-color:#D9EBF8;
	border:1px solid #AED5F0;
}

/**
* RED FILLED BOX
*/
*.simplebox_filledred,
*.simplebox_filledred_hover{
	color:#dd0000;
	background-color:#ffdddd !important;
	border-color:#cc0000 !important;
}
*.simplebox_filledred_hover:hover{
	color:#ffffff;
	background-color:#ffcccc !important;
	border-color:#ee0000 !important;
}
*.simplebox_filledred .inputText,
*.simplebox_filledred .inputTextarea,
*.simplebox_filledred .inputSelectbox{
	color:#555555;
	background-color:#FFB9BB;
	border:1px solid #FFA4A6;
}

/**
* CYAN FILLED BOX
*/
*.simplebox_filledcyan,
*.simplebox_filledcyan_hover{
	color:#000000;
	background-color:#C6F0DB !important;
	border-color:#82DFB0 !important;
}
*.simplebox_filledcyan_hover:hover{
	color:#000000;
	background-color:#9BE6C0 !important;
	border-color:#82DFB0 !important;
}
*.simplebox_filledcyan .inputText,
*.simplebox_filledcyan .inputTextarea,
*.simplebox_filledcyan .inputSelectbox{
	color:#555555;
	background-color:#C6F0DB;
	border:1px solid #82DFB0;
}

/* Buttons
############################### */
*.button,
*.buttonlight,
*.buttongreen,
*.buttonblue,
*.buttonyellow,
*.buttonblack,
*.buttonred,
*.buttoncyan,
*.buttondisable,
*.buttonblank,
*.buttonblank_hover,
*.buttonframe{
	display:inline-block;
	font-size:0.9em !important;
	padding:8px !important;
	text-decoration:none !important;
	vertical-align:middle !important;
	text-align:center !important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	cursor:pointer !important;
	font-weight:normal;
	border-radius:2px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1) !important;
	margin:1px;
	position:relative;
	top:-1px;
}

/* blank button - A button that takes up the same space but has no styling*/
*.buttonblank,
*.buttonblank_hover{
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid rgba(255,255,255,0);
	box-shadow:1px 1px 3px rgba(0,0,0,0) !important;
}
*.buttonblank_hover:hover{
	background-color:#fafafa !important;
	background: -webkit-linear-gradient(#fefefe,#fafafa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe,#fafafa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe,#fafafa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe,#fafafa); /* Standard syntax */
	border:1px solid #dddddd !important;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1) !important;
}

/* button light */
*.buttonlight{
	color:#777777;
	background-color:#fafafa !important;
	background: -webkit-linear-gradient(#fefefe,#fafafa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe,#fafafa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe,#fafafa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe,#fafafa); /* Standard syntax */
	border:1px solid #dddddd !important;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1) !important;
}
*.buttonlight:hover{
	color:#000000;
	background-color:#eeeeee !important;
	background: -webkit-linear-gradient(#fafafa,#eeeeee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fafafa,#eeeeee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fafafa,#eeeeee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fafafa,#eeeeee); /* Standard syntax */
	border:1px solid #bbbbbb !important;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1) !important;
}

/* button 1*/
*.button,
*.buttonframe{
	color:#222222 !important;
	background-color:#eeeeee !important;
	background: -webkit-linear-gradient(#fefefe,#eeeeee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe,#eeeeee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe,#eeeeee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe,#eeeeee); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #cccccc !important;

}
*.buttonframe:hover,
*.button:hover{
	color:#222222 !important;
	background-color:#f1f1f1 !important;
	background: -webkit-linear-gradient(#f1f1f1,#dddddd,#dddddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f1f1,#dddddd,#dddddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f1f1,#dddddd,#dddddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f1f1,#dddddd,#dddddd); /* Standard syntax */
    border-color:#666666 !important;
}

/* button 2*/
*.buttongreen{
	color:#222222 !important;
	background-color:#C2DA79 !important;
	background: -webkit-linear-gradient(#EFF5DD,#EFF5DD,#DEEBBA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EFF5DD,#EFF5DD,#DEEBBA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EFF5DD,#EFF5DD,#DEEBBA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EFF5DD,#EFF5DD,#DEEBBA); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #A2BA59 !important;
}
*.buttongreen:hover{
	background: -webkit-linear-gradient(#DBE9AF,#C2DA79,#C2DA79); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DBE9AF,#C2DA79,#C2DA79); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DBE9AF,#C2DA79,#C2DA79); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DBE9AF,#C2DA79,#C2DA79); /* Standard syntax */
    opacity: 0.8;
    border-color:#666666 !important;
}

/* button 3*/
*.buttonblue{
	color:#222222 !important;
	background-color:#9DC8E0 !important;
	background: -webkit-linear-gradient(#E5F0F6,#E5F0F6,#CBE1ED); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E5F0F6,#E5F0F6,#CBE1ED); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E5F0F6,#E5F0F6,#CBE1ED); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E5F0F6,#E5F0F6,#CBE1ED); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #7DA8C0 !important;
}
*.buttonblue:hover{
	background: -webkit-linear-gradient(#CAE1EE,#9DC8E0,#9DC8E0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CAE1EE,#9DC8E0,#9DC8E0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CAE1EE,#9DC8E0,#9DC8E0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CAE1EE,#9DC8E0,#9DC8E0); /* Standard syntax */
    opacity: 0.8;
    border-color:#666666 !important;
}


/* button 4*/
*.buttonyellow{
	color:#222222 !important;
	background-color:#FFDC73 !important;
	background: -webkit-linear-gradient(#FFF5CF,#FFF5CF,#FFEA9F); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF5CF,#FFF5CF,#FFEA9F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF5CF,#FFF5CF,#FFEA9F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF5CF,#FFF5CF,#FFEA9F); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #FFCA2B !important;
}

*.buttonyellow:hover{
	background: -webkit-linear-gradient(#FFEB84,#FFDC73,#FFDC73); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFEB84,#FFDC73,#FFDC73); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFEB84,#FFDC73,#FFDC73); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFEB84,#FFDC73,#FFDC73); /* Standard syntax */
    opacity: 0.8;
    border-color:#666666 !important;
}

/* button 5*/
*.buttoncyan{
	color:#222222 !important;
	background-color:#FFDC73 !important;
	background: -webkit-linear-gradient(#E8F9F1,#E8F9F1,#D1F2E2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E8F9F1,#E8F9F1,#D1F2E2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E8F9F1,#E8F9F1,#D1F2E2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E8F9F1,#E8F9F1,#D1F2E2); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #82DFB0 !important;
}

*.buttoncyan:hover{
	background: -webkit-linear-gradient(#D6F8EB,#C6F0DB,#C6F0DB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D6F8EB,#C6F0DB,#C6F0DB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D6F8EB,#C6F0DB,#C6F0DB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D6F8EB,#C6F0DB,#C6F0DB); /* Standard syntax */
    opacity: 0.8;
    border-color:#82DFB0 !important;
}

/* button 5*/
*.buttonblack{
	color:#ffffff !important;
	background-color:#444444 !important;
	background: -webkit-linear-gradient(#aaaaaa,#aaaaaa,#888888); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#aaaaaa,#aaaaaa,#888888); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#aaaaaa,#aaaaaa,#888888); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#aaaaaa,#aaaaaa,#888888); /* Standard syntax */
	text-shadow:1px 1px 1px #444444;
	border:1px solid #333333 !important;
}
*.buttonblack:hover{
	background: -webkit-linear-gradient(#666666,#444444,#444444); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#666666,#444444,#444444); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#666666,#444444,#444444); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#666666,#444444,#444444); /* Standard syntax */
    opacity: 0.8;
    border-color:#666666 !important;
}

/* button 5*/
*.buttonred{
	color:#550000 !important;
	background-color:#ffbbbb !important;
	background: -webkit-linear-gradient(#FFE9E9,#FFE9E9,#FFD2D2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFE9E9,#FFE9E9,#FFD2D2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFE9E9,#FFE9E9,#FFD2D2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFE9E9,#FFE9E9,#FFD2D2); /* Standard syntax */
	text-shadow:1px 1px 1px #ffffff;
	border:1px solid #cc0000 !important;
}
*.buttonred:hover{
	background: -webkit-linear-gradient(#ffdddd,#ffbbbb,#ffbbbb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffdddd,#ffbbbb,#ffbbbb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffdddd,#ffbbbb,#ffbbbb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffdddd,#ffbbbb,#ffbbbb); /* Standard syntax */
    opacity: 0.8;
    border-color:#cc0000 !important;
}

/* button disabled */
*.buttondisable{
	color:#aaaaaa !important;
}

/**
* Format button for tab effect - use in conjunction with button
* eg class='button tab'
* Apply the same class to the element they will sit above to ensure unity
*/
*.button_tab{ /* Apply this to the container*/
	margin:0px 0px 0px 0px !important;
	position:relative;
	top:2px;
	left:0px;
	border-top:none !important;
}
a.tab{
	position:relative;
	top:-3px;
	left:0px;
}
a.tab,
a.tab_active{
	background-color:#DFDFDF !important;
	border-bottom:none !important;
	margin:10px 1px 0px 0px !important;
	padding-bottom:10px !important;
	padding-top:10px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
}
a.tab:hover,
a.tab_active{
	margin:3px 1px 0px 0px !important;
	padding-bottom:17px !important;
	-webkit-transition: margin 0.2s, padding-bottom 0.2s; /* Safari */
	transition: margin 0.2s, padding-bottom 0.2s;
}

/**
* Format button for upside-down tab effect - use in conjunction with button
* eg class='button utab'
* Apply the same class to the element they will sit inside to ensure unity
*/
*.button_utab{ /* Apply this to the container*/
	margin:0px 0px 22px 0px !important;
	border-bottom:1px solid #ffffff;
}
a.utab{
	border-top:none !important;
	margin:0px 1px 2px 0px !important;
	padding-bottom:5px !important;
	padding-top:5px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	border-bottom-right-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}
a.utab:hover{
	border-top:none !important;
	margin:0px 1px 2px 0px !important;
	padding-top:6px !important;
	padding-bottom:4px !important;
}

/**
* NEW 2018: Flex layouts
*/
div.flexContainer{
	display:flex;
	flex-flow:row wrap;
	align-content:stretch;
	justify-content:space-evenly;
}
div.flexContainer div.flex100{
	flex-basis:100%;
	width:100%;
}
div.flexContainer div.flex50-50{
	flex:1 1 300px;
	margin:0px 0px 30px;
}
div.flexContainer div.flex50-50:nth-child(2n){
	margin-left:3%;
}

/**
* NEW 2018: Hover/Click popup menu
* Used in conjunction with core/javascript/myButtonMenu() and
* PHP's template::buttonMenu(). See template::buttonMenu() for guide
*/
.myButtonMenu{
	position:relative;
	background-image:url("/core/images/icon_menu.svg");
	background-size:99%;
	background-position:center center;
	background-repeat:no-repeat;
	display:inline-block;
	width:26px;
	height:26px;
	cursor:pointer;

}
.myButtonMenu:before{
	content:"\00a0\00a0\00a0";
}
.myButtonMenu .mbmList{
	position:absolute;
	top:-5px;
	right:20px;
	z-index:25;
	display:none;
	white-space:nowrap;
	width:200px;
	text-align:right;
}
/*.popupOptions:hover,*/
.mbmHover,
.myButtonMenu:hover{
	background-image:url("/core/images/icon_menu_hover.svg");
}
.mbmHover .mbmList,
.myButtonMenu:hover .mbmList{
	display:initial;
}

/* System messages
############################### */
#systemMessagesContainer{
    font-family:CoreFont,Arial,sans-serif;
    font-size:0.9em;
}
#systemMessagesContainer ul{
    list-style-type:none;
    padding:0px !important;
    margin:0px !important;
}
#systemMessagesContainer ul li{
    padding:0px !important;
    margin:0px 0px 1px 0px !important;
}
*.msg-ok,*.msg-error,*.msg-warn,*.msg-note,*.msg-sql,*.msg-help{
    padding:0.4em 2px 0.4em 25px;
    background-position:2px 0.4em;
    background-repeat:no-repeat;
    background-position:4px 0.5em;
}
.msg-ok{
    color:#ffffff;
    background-color:#94B326;
    background-image:url("/core/images/16_msg-ok.png");
    border:1px solid #BBD64C;
    outline:1px solid #94B326;
}
.msg-error{
    color:#ffffff;
    background-color:#E00117;
    background-image:url("/core/images/16_msg-error.png");
    border:1px solid #FE0720;
    outline:1px solid #E00117;
    }
.msg-warn{
    color:#ffffff;
    background-color:#F7980B;
    background-image:url("/core/images/16_msg-warn.png");
    border:1px solid #F9AA35;
    outline:1px solid #F7980B;
}
.msg-note{
    color:#B37800;
    background-color:#FFEEA8;
    background-image:url("/core/images/16_msg-note.png");
}
.msg-sql{
    color:#555555;
    background-color:#CAEEFF;
    background-image:url("/core/images/16_msg-sql.png");
}
.msg-help{
    color:#1E528C;
    background-color:#CAEEFF;
    background-image:url("/core/images/16_msg-help.png");
}
.tooltipNote{
    color:#684522;
    background-color:#FFFF9F;
    padding:10px;
    font-size:0.85em;
    border-color:#FF9900;
    border-style:solid;
    border-width:1px 3px 3px 1px;
    width:300px;
    z-index:999;
}
.tooltipNote .title{
    color:#000000;
    background-color:inherit;
    font-weight:bold;
}
.tooltipInfo{
    color:#346AB0;
    background-color:#D1DFEF;
    padding:10px;
    font-size:0.85em;
    border-color:#4890D1;
    border-style:solid;
    border-width:1px 3px 3px 1px;
    width:300px;
}
.tooltipInfo .title{
    color:#000000;
    background-color:inherit;
    font-weight:bold;
}

/* Charts - Progress type
######################### */
.progressBar{
    color:#000000;
    background-color:#eeeeee;
    outline:1px solid #bbbbbb;
    border:1px solid #ffffff;
    width:100%;
    font-size:1px;
    height:12px;
    padding:0px;
    margin:0px;
    font-size:0.8em;
    position:relative;
    display:block;
    -moz-border-radius: 3px !important;
    -webkit-border-radius:3px !important;
    -webkit-outline-radius:3px !important;
    border-radius: 3px !important;
    -moz-outline-radius: 3px !important;
    outline-radius: 3px !important;
}
.progressBar .pbi{
    background-image:url("/core/images/charts/progressBar_shine.png");
    background-repeat:repeat-x;
    background-position:top left;
    padding:0px;
    margin:0px;
    height:12px;
    width:0%;
    display:block;
}
.progressBar .pbs{
    position:absolute;
    top:2px;
    right:3px;
    line-height:10px;
}

/** COMMENTS - (as generated by class::comments)
* ################### */
.singleComment{
	position:relative;
	margin-bottom:10px !important;
	padding:15px;
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
	min-height:70px;
}
.singleComment .comPhoto{
	float:left;
}
.singleComment .comBody{
	margin-left:80px;
	padding-top:5px;
}
.singleComment .comDate{
	font-size:0.8em;
	color:#777777;
	background-color:transparent;
}
.singleComment .comMessage{
	padding-right:20px;
	position:relative;
	margin-top:2px;
}
.singleComment .comOptions{
	position:absolute;
	margin:0px;
	padding:2px;
	top:-1px;
	right:-1px;
	z-index:0;
}
.singleComment .comModerate{
	color: #559208;
	background-color:inherit;
	font-size:0.85em;
	font-weight:bold;
}
.commentHeaderMenu{
	margin-bottom:10px;
}




/* Common styles
############################### */
.icon				{vertical-align:middle; position:relative;top:-1px;}
.strong				{font-weight:bold !important;}
.normal				{font-weight:normal;}
.textright			{text-align:right !important;}
.textleft			{text-align:left !important;}
.textcenter			{text-align:center !important;}
.smalltext,small	{font-size:0.85em !important;}
.hugetext			{font-size:2.0em !important;}
.bigtext			{font-size:1.3em !important;}
.tinytext			{font-size:0.75em !important;}
.nanotext			{font-size:10px !important;font-family:Arial,Helvetica,sans-serif;}
.consoletext		{font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;}
.strikethrough		{text-decoration: line-through;}
.greytext			{color:#777777 !important;background-color:transparent;}
.darkgreytext		{color:#444444 !important;background-color:transparent;}
.lightgreytext		{color:#aaaaaa !important;background-color:transparent;}
.blacktext			{color:#000000 !important;background-color:transparent;}
.greentext			{color:#749306 !important;background-color:transparent;}
.cyantext			{color:#2CAD6C !important;background-color:transparent;}
.orangetext			{color:#E87900 !important;background-color:transparent;}
.redtext			{color:#dd0000 !important;background-color:transparent;}
.bluetext			{color:#2277dd !important;background-color:transparent;}
.mandatory			{color:#dd0000 !important;background-color:transparent;font-size:14px;font-weight:bold;font-family:CoreFont,Verdana,Arial,sans-serif;}
.avatar				{padding:1px;border:1px solid #aaaaaa;}
.friendlywidth		{min-width:500px !important;} /** Ensures and element never goes too small. e.g 50% of 300px is too small. This changes based on device width. See viewpoer



/** Table display types*/
.tablecell { display:table-cell;vertical-align:top;}

/* Shadow */
.shadow50{
	box-shadow: rgba(0,0,0, 0.5) 0px 5px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.5) 0px 5px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.5) 0px 5px 8px;
}
.shadow20{
	box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 2px 3px;
}

/* Border*/
.noborder			{border:none !important;}
.border1px			{border-width:1px !important;}
.border2px			{border-width:2px !important;}

/* Opacity */
.opacity50{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.opacity75{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.hoverMe:hover		{
	color:#000000;
	background-color:#eeeeee;
}


.display_none		{display:none;}
.display_block		{display:block;}
.hidden				{visibility:hidden;}
.nowrap				{white-space:nowrap;}

.relative			{position:relative;}
.absolute			{position:absolute;top:0px;right:0px;}

.cursor_pointer		{cursor:pointer;}

.overflow_hidden	{overflow:hidden;}
.overflow_auto		{overflow:auto;}

*.clear				{clear:both !important;}
*.clear_right		{clear:right;}
*.clear_left 		{clear:left;}
*.clear_i			{clear:both !important;font-size:1px;line-height:1px;visibility:hidden;margin:0px;padding:0px;border:none;}

.ofl				{float:left;margin-top:0px;}
.ofl *:first-child	{margin-top:0px;}
.ofr				{float:right;margin-top:0px;}
.ofr *:first-child	{margin-top:0px;}

.ifl				{float:left;margin:0px 10px 10px 0px;}
.ifr				{float:right;margin:0px 0px 10px 10px;}

.divide_right		{border-right:1px dotted #666666;padding-right:10px;}
.divide_left		{border-left:1px dotted #666666;padding-left:10px;}
.divide_bottom		{border-bottom:1px dotted #aaaaaa;padding-bottom:3px; padding-top:3px;}

/* Width */
.w5em		{width:5em !important;}
.w7em		{width:7em !important;}
.w10em		{width:10em !important;}
.w20px		{width:20px !important;}
.w25px		{width:25px !important;}
.w40px		{width:40px !important;}
.w50px		{width:50px !important;}
.w70px		{width:70px !important;}
.w80px		{width:80px !important;}
.w100px		{width:100px !important;}
.w125px		{width:125px !important;}
.w150px		{width:150px !important;}
.w160px		{width:160px !important;}
.w200px		{width:200px !important;}
.w250px		{width:250px !important;}
.w300px		{width:300px !important;}
.w350px		{width:350px !important;}
.w400px		{width:400px !important;}
.w10pc		{width:10% !important;}
.w20pc		{width:20% !important;}
.w25pc		{width:25% !important;}
.w30pc		{width:30% !important;}
.w32pc		{width:32% !important;}
.w35pc		{width:35% !important;}
.w40pc		{width:40% !important;}
.w45pc		{width:45% !important;}
.w49pc		{width:49% !important;}
.w50pc		{width:50% !important;}
.w55pc		{width:55% !important;}
.w60pc		{width:60% !important;}
.w65pc		{width:65% !important;}
.w70pc		{width:70% !important;}
.w80pc		{width:80% !important;}
.w90pc		{width:90% !important;}
.w95pc		{width:95% !important;}
.w100pc		{width:99.8% !important;}

/* Height */
.h100px		{height:100px !important;}
.h150px		{height:150px !important;}
.h200px		{height:200px !important;}
.h250px		{height:250px !important;}
.h10em		{height:10em !important;}

/* Max Height*/
.mh300px	{max-height:300px;overflow:auto;}

/* Margin simple */
.notopmargin{margin-top:0px !important;}
.nobotmargin{margin-bottom:0px !important;}
.nomargin{margin:0px !important;}

/* Margin left */
.ml20px		{margin-left:20px !important;}
.ml25px		{margin-left:25px !important;}
.ml40px		{margin-left:40px !important;}
.ml50px		{margin-left:50px !important;}
.ml60px		{margin-left:60px !important;}
.ml70px		{margin-left:70px !important;}
.ml80px		{margin-left:80px !important;}
.ml100px	{margin-left:100px !important;}
.ml150px	{margin-left:150px !important;}
.ml200px	{margin-left:200px !important;}
.ml350px	{margin-left:350px !important;}

.ml30pc		{margin-left:30% !important;}
.ml40pc		{margin-left:40% !important;}
.ml45pc		{margin-left:45% !important;}
.ml50pc		{margin-left:50% !important;}
.ml55pc		{margin-left:55% !important;}
.ml60pc		{margin-left:60% !important;}
.ml65pc		{margin-left:65% !important;}
.ml70pc		{margin-left:70% !important;}

/* Margin right */
.mr5px		{margin-right:5px !important;}
.mr10px		{margin-right:10px !important;}
.mr20px		{margin-right:20px !important;}
.mr25px		{margin-right:25px !important;}
.mr40px		{margin-right:40px !important;}
.mr50px		{margin-right:50px !important;}
.mr100px	{margin-right:100px !important;}
.mr200px	{margin-right:200px !important;}
.mr300px	{margin-right:300px !important;}

.mr1pc		{margin-right:1% !important;}
.mr2pc		{margin-right:2% !important;}
.mr3pc		{margin-right:3% !important;}
.mr5pc		{margin-right:5% !important;}
.mr10pc		{margin-right:10% !important;}
.mr20pc		{margin-right:20% !important;}
.mr30pc		{margin-right:30% !important;}
.mr40pc		{margin-right:40% !important;}
.mr45pc		{margin-right:45% !important;}
.mr50pc		{margin-right:50% !important;}
.mr55pc		{margin-right:55% !important;}
.mr60pc		{margin-right:60% !important;}

/* Margin top */
.mt2px		{margin-top:2px !important;}
.mt3px		{margin-top:3px !important;}
.mt5px		{margin-top:5px !important;}
.mt10px		{margin-top:10px !important;}
.mt20px		{margin-top:20px !important;}

/* Margin bottom */
.mb2px		{margin-bottom:2px !important;}
.mb5px		{margin-bottom:5px !important;}
.mb10px		{margin-bottom:10px !important;}
.mb20px		{margin-bottom:20px !important;}

/* Padding */
.pad2px		{padding:2px !important;}
.pad5px		{padding:5px !important;}
.pad10px	{padding:10px !important;}
.pad15px	{padding:15px !important;}
.pad20px	{padding:20px !important;}

.pt3px		{padding:3px !important;}
.pt5px		{padding-top:5px !important;}
.pt10px		{padding-top:10px !important;}
.pt15px		{padding-top:15px !important;}

.pb5px		{padding-bottom:5px !important;}
.pb15px		{padding-bottom:15px !important;}
.pb20px		{padding-bottom:20px !important;}