dummyClass{}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	background: url(https://www.sagmilling.com/images/bg-tile.png) repeat-x;
	background-attachment : fixed;
	background-color: white;
}

.onblue{
	color: white;
}


ul li {	list-style:none;}

li.circle{ list-style-type: circle; }




label.w
{
    float:left;
    width:200px;
	color:blue;
}
label {
    float:left;
    /*width:120px; */
    padding-right: 1em;
	color: #555;
}
label.client {
/*    float:left; */
	min-width:20%;
	font-size:80%;
	color: #111;
	font-weight: bold;
}

/* ---  links --- */
a{
	text-decoration:  none;
	color : blue;
}
a.mainNav:link    {
  /* Applies to unvisited links of class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  /*background-color: #ddd;*/
  color: white;
}
a.mainNav:visited {
  /* Applies to visited links of class mainNav */
  text-decoration:  none;
  font-weight:      bold;
  /*background-color: #ddd;*/
  color: white;
  }
a.mainNav:hover   {
  /* Applies to links under the pointer of class mainNav */
  text-decoration:  underline;
  font-weight:      bold;
  /*background-color: #ddd;*/
  color: white;
  }
a.mainNav:active  {
  /* Applies to activated links of class mainNav */
  text-decoration:  underline;
  font-weight:      bold;
  /*background-color: #ddd;*/
  color: yellow;
  }

a.linky_bold:link    {
  text-decoration:  none;
  font-weight:      bold;
  font-size:100%;
}
a.linky_bold:visited {
  text-decoration:  none;
  font-weight:      bold;
  font-size:100%;
}
a.linky_bold:hover   {
  text-decoration:  underline;
  font-weight:      bold;
  font-size:100%;
}
a.linky_bold:active  {
  text-decoration:  underline;
  font-weight:      bold;
  font-size:100%;
}
a.linky_normal:link    {
  text-decoration:  none;
  font-weight:      normal;
  font-size:100%;
}
a.linky_normal:visited {
  text-decoration:  none;
  font-weight:      normal;
  font-size:100%;
}
a.linky_normal:hover   {
  text-decoration:  underline;
  font-weight:      normal;
  font-size:100%;
}
a.linky_normal:active  {
  text-decoration:  underline;
  font-weight:      normal;
  font-size:100%;
}




p.indented{
	margin-left: 70px;
	margin-right: 120px;
}

/* home page */
p.home_slogan { font-style: italic ; font-weight: bold;}

div.home_foto {border: solid thin black; width:500px; height:200px; }

div.home_rightside { float:right; font-size:90%; width:350px; }
div.home_listing { width: 200px; padding-left:10px; padding-right:10px; font-size:90% ; float:left;}
.home_listing {list-style: circle ; }


/* form validation info spans */

span.inf{ color: red; font-weight: bold; }

/* page title */
h3.title{ color: white; text-align:right; }

/* pdf result report generation */
table.forcepb{ page-break-after: always; }

.autoscroll {overflow-x: auto; padding:1px; }/*margin-bottom: 1.2em;*/
table.list { border: 1px solid #e4e4e4;  border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table.list th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
table.list td { vertical-align: top; padding-right:0px; }
table.list td.wtborder { vertical-align: top; padding-right:0px; border:1px dotted #aaaa88; border-collapse: collapse; text-align: left; white-space:nowrap;}
table.list td.login { width: 5%; text-align: left; white-space:nowrap;}
table.list td.data { text-align: left; white-space:nowrap;}
table.list td.article { text-align: left; /*white-space:nowrap;*/}
table.list td.num { text-align: right; white-space:nowrap;}
table.list td.user { text-align: left; white-space:nowrap;}
table.list td.name { width: 5%; text-align: left; white-space:nowrap;}
table.list td.id { width: 2%; text-align: center;}
table.list td.role {  width: 5%; text-align: left;}
table.list td.sum {  width: 5%; text-align: right;}
table.list td.addnew { text-align: right; white-space:nowrap;}
table.list td.centeronly { text-align: center;}
table.list td.centered {  width: 5%; text-align: center;}
table.list td.checkbox { width: 15px; padding: 2px 0 0 0; }
table.list td.checkbox input {padding:0px;}
table.list td.buttons { width: 5%; white-space:nowrap; text-align: right; padding-left:1em;}
table.list td.buttons a { padding-right: 0.6em; }
table.list td.comment {color: #FF6600; text-align: center;}
table.list td.article_ico {padding-right: 0.6em; padding-left: 0.6em; padding-top:0.1em; text-align:center;}
table.list caption { text-align: left; padding: 0.5em 0.5em 0.5em 0; }


table.list a.data{ color:blue; }

.odd {background-color:#f6f7f8;}
.even {background-color: #fff;}

a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
a.sort.asc  { background-image: url(/images/site/sort_asc.png); }
a.sort.desc { background-image: url(/images/site/sort_desc.png); }

.fluff{
	margin-right:1em;
}

span.abstract{
	font-size:0.775em;   /* 14px/16=0.875em */
}


/* programs */
div.programBottomActionBar
{
	position: relative;
	z-index: 1;
	margin-top: 1em;
	background-color: #eeeebb;/*#a8c6d0;*/

	text-align:center;
	font-size:0.875em;   /* 14px/16=0.875em */
	color:blue;
}

/* dynamic editing of sample data. field goes from span to input to 'yellow' and finally */
.inputInactive{
	border:1px solid white;
	display:block;
	min-width: 95%;
}
.inputActive{
	border:1px solid #FF6600;
	min-width: 95%;
}
.inputModified{
	border:1px solid white;
	background-color: #ddffdd;
	min-width: 95%;
}

.import_error{
	border:1px solid red;
	background-color: #FF6600;
}

/* clients */
tr.user td { width:13%; }

.shrinkwrap{
	display:inline-block;
	display:inline;
}

.step p{
	font-size:15px;
	font-family:Georgia;
	line-height:1.5;
}
.step{margin-bottom:10px;border-bottom:0px dotted #A9A9A9;padding-bottom:0px;list-style:none;clear:both;}
.stepNumber{
	float:left;
	margin-right:15px;
	min-height:35px;
	margin-top:-3px;
	font-size:28px;
	font-family:'Museo Slab 500',serif;
	font-style:italic;
}
.stepMeat{margin-left:35px;}

div.circuitType{
	display:inline-block;
	color:black;
	width:125px;
	font-size:90%;
	font-weight:bold;
}
div.circuitModelName{
	display:inline-block;
	color:black;
	font-size:90%;
	font-weight:bold;
}
div.circuitSampleName{
	display:inline-block;
	width:150px;
	color:black;
	text-align:center;
	font-size:90%;
	font-weight:bold;
}

div.twscrollypad{
	padding-right:4px;
}

div.rel_inline{
	display:inline-block;
	position: relative;
}

.program_title{
	font-size:110%;
	font-weight:bold;
	color:#000080;
}

#tab-content{
	width:99%;
	width:99%;
	z-index: 8;
}
#tab-r{	/* aka: tab-delete */
	/*color:#d00; AGD: distracting   */
}
div.twscrollyheader{
	display:inline-block;
	position: relative;
}
div.twscrolly{
	display:inline-block;
	position: relative;
	height:400px;
	min-width:650px;
	overflow:auto;
}

div.scrolly{
	width:934px;
	height:450px;
	overflow:auto;
}

div.millpopup{
	display:inline-block;
	position: relative;
	min-width:650px;
	/* height:600px; */
	/* overflow:auto; */
	/* overflow-x: auto; */
}

div.dbprint{
	overflow:scroll;
	height:500px;
	color: white;
	background-color: #002700;
}
.dbprint_trace {
	color: #8080ee;
	font-size:small;
}

/* main page body table definition.. makes everything look nice inside */
table.page {
	border-width: 1px;
	border-spacing: 0px;
	border-style: ridge;
	border-color: white;
	border-collapse: separate;
	background-color: white;
}
table.page th {
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: blue;
	background-color: white;
}
table.page td {
	border-width: 0px;
	padding: 10px;
	border-style: none;
	border-color: blue;
	background-color: white;
}


/* -------------------------------------------- */
#bgwrapper{
	top: 0;
	left: 0;
	width: auto;
	/*position: fixed;*/
	/* background: url(https://www.sagmilling.com/images/page/bg-mid.png) repeat-y; */
}
	#bgtop{
		position: relative;
		/* background: url(https://www.sagmilling.com/images/page/bg-top.png) top no-repeat; */
	}
	#bgbottom {
		position: relative;
		/*background: url(https://www.sagmilling.com/images/page/bg-bottom.png) bottom no-repeat; /**/
		/*background-color : white; /**/
	}

/* -------------------------------------------- */
#pageUserTop{
	position: relative;
	z-index: 1;
	width: 960px;
	margin-left: auto;
	margin-right:auto;
	margin-top: 0px;
	height:22px;
	/*background-color: none;*/
    color: #0000a0;
	text-align: right; 
}
	#pageUserTopContent{

		font-size:80%;
		margin-right: 0px;
	}
	span.usertopusername{
	  color: #0000a0;
	  font-weight:      bold;
	  }
	a.usertoplink
	{
	  color: #0000a0;
	  text-decoration:  none;
	  font-weight:      bold;
	}


#pageTop {
	background: url(https://www.sagmilling.com/images/copperore-960x100.png) top no-repeat;
	position: relative;
	z-index: 1;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	height:100px;
	/*background-color: echo $trimcolour; /
	background-color: #a8c6d0;
	border-top: 2px solid #3080a0;
	border-left: 1px solid #3080a0; 
	border-right: 1px solid #3080a0;*/
}

	#logo{
		float: left;
		position: absolute;/*relative;*/
		z-index: 3;
		margin: 10px 0px 0px 4px;
		/*
		border-width: 1px;
		border-color: blue;
		border-style: solid;
		*/
	}

	.wtborder{
		border-width: 1px;
		border-color: red;
		border-style: solid;
	}
	.noborder{ border-style: none;}


	#pageTopRight{
		text-align:right;
		z-index: 0;
		margin-right: 0px;
		/*
		border-width: 1px;
		border-color: blue;
		border-style: solid;
		*/
	}
	#pageTopNav{
/*		display:inline;
		position: relative;*/
		z-index: 4;
		text-align:right;

/*		overflow: hidden;  /* stop the wrapping of menu items */
		margin-top: -14px;
		/*top:-14px;*/			/* move the nav bar down to the perfect spot */
		/*margin-left: auto;  /* grow right-to-left to avoid line wrapping */
		margin-right: 30px;


		/*
		border-width: 1px;
		border-color: blue;
		border-style: solid;
		*/
	}
	#langSelector{
		display:inline;
	}

	img.logo
	{
		float: left;
	}

	div.logo
	{
		float: right;
		clear:right;
	}

	.f_right{float:right;}

	/* style applied to top navigation links */
	div.topnavlink{
		z-index: 4;
		display:inline;
		/*background: url(https://www.sagmilling.com/images/hammeredcopper.jpg) top no-repeat;*/
		background: #b8d6e0;
		position: relative;
		padding: 6px 6px 6px 6px;
		border: 2px solid #3080a0; /*#794947;*/
		line-height:5.0em;
	}
	a.topnavlink
	{
	  text-decoration:  none;
	  font-weight:      bold;
	  color: black;
	  font-size:110%;
	}

	a.logo
	{
	  text-decoration:  none;
	  font-weight:      bold;
	  color: #b8d6e0;
	  font-size:110%;
	}

	.logostuff
	{
		color: #b8d6e0;
	}

	h3.pageheading{

		color: #b8d6e0;
		margin: 0px 4px 0px 4px;
	}

/* -------------------------------------------- */
#boxWrapper{

	position: relative;
	z-index: 0;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	/*background: url(https://www.sagmilling.com/images/page/canvas-mid.png) repeat-y;*/
}
	#boxTop{
		position: relative;
		z-index: 0;
		/*background: url(https://www.sagmilling.com/images/page/canvas-top.png) top no-repeat; */
		/* min-height:200px;  */
	}
	#boxBottom {
		position: relative;
		z-index: 0;
		/*background: url(https://www.sagmilling.com/images/page/canvas-bottom.png) bottom no-repeat; */
		/* min-height:211px;  */
	}

		/* this is the specific div container for the page body */
		#boxContent{
			position: relative;
			z-index: 0;
		/*	float: clear; */ /* This isn't valid CSS.  float:both; or clear:both; is probably what was meant.*/
			background-color: #fff;
			padding: 6px 10px 10px 10px;
			margin-top: 0px;
			min-height:440px;
			border: 1px solid #f4f4f4;

		}

/* -------------------------------------------- */
#navBottom
{
	position: relative;
	z-index: 1;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	/*background: url(https://www.sagmilling.com/images/page/bottomlinkbg.png) top center no-repeat; */
	background-color: #b8d6e0>;

	text-align:center;
	font-size:0.875em;   /* 14px/16=0.875em */
	color:white;
}
	/* this doesn't work for some stupid reason
	#navBottom p
	{
		font-size:0.875em;
		text-align:center;
	}
	*/
	a.bottomnavlink

	#navBottom a
	{
		text-decoration:none;
		font-weight:bold;
		color:black;
	}

/* -------------------------- forms --------- */
/*#login-form input#user_login,#login-form input#user_password{ width: 300px; }*/

#user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url
{
	width: 90%;
}
.boxdbg{
	border: 1px solid red;
}
.boxcommon{
	background-color:#f6f6f6;
	color:#505050;
	border: 1px solid #e4e4e4;
}
.boxheading{
	float:left;
}
.projectheading{
	float:left;
	font-family: monospace;
	font-size: 13px;
	padding-left:0px
}

.adminboxcommon{
	margin-left:0;
	margin-right:auto;
	padding:0px;
	margin-bottom: 0px;
}
.adminboxlisting{
	line-height:1em;
}
.adminbox{
	line-height:1.5em;
}

.box{
	padding:6px;
	margin-bottom: 10px;
	background-color:#f6f6f6;
	color:#505050;
	line-height:1.5em;
	border: 1px solid #e4e4e4;
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

.w84{
	width:84%;
}

.w100{
	width:100%;
}


.w60{
	width:60%;
}

.w10{
	width:10%;
}

div.mw600{
	position: relative;
	z-index: 1;
	width:550px;
	/* min-width:600px; */
}


div.accountinfo{
	float:left;
	width:75%;
	text-align:left;
}
div.otherstuff{
	float:right;
	width:22%;
	text-align:right;
}
.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:5px; padding-left: 10px; font-size:0.9em;}

em.info {font-style:normal;font-size:90%;color:#888;display:block;}
span.required {color: #bb0000;}

.milldetailheader{
	background-color: #a8c6d0;
    color: #0000a0;
	border: 1px solid #e4e4e4;
}
.milldetailheader p{
  margin: 0;
  padding: 3px 0 3px 0;
  padding-left: 300px; /* width of left column containing the label elements */
  min-height: 1.8em;
  clear:left;
}
.milldetailheader label.normal{
  font-weight: bold;
  float: left;
  text-align: right;
  /* width of left column */
  margin-left: -290px;
  /* width of labels. Should be smaller than left column to create some right margin */
  width: 285px;
    color: #0000a0;
}


.milldetail p{
  margin: 0;
  padding: 3px 0 3px 0;
  padding-left: 300px; /* width of left column containing the label elements */
  min-height: 1.8em;
  clear:left;
}
.milldetail label.normal{
  font-weight: bold;
  float: left;
  text-align: right;
  /* width of left column */
  margin-left: -290px;
  /* width of labels. Should be smaller than left column to create some right margin */
  width: 285px;
  color:#505050;
}

.tabular p{
  margin: 0;
  padding: 3px 0 3px 0;
  padding-left: 190px; /* width of left column containing the label elements */
  min-height: 1.8em;
  clear:left;
}
.tabular label.normal{
  font-weight: bold;
  float: left;
  text-align: right;
  /* width of left column */
  margin-left: -180px;
  /* width of labels. Should be smaller than left column to create some right margin */
  width: 175px;
  color:#505050;
}
.tabular label.missing{
  font-weight: bold;
  float: left;
  text-align: right;
  /* width of left column */
  margin-left: -180px;
  /* width of labels. Should be smaller than left column to create some right margin */
  width: 175px;
  color: red;
}
.divright{
  margin: 0;
  padding: 3px 0 3px 0;
  min-height: 1.8em;
  clear:left;
  width:100%;
  text-align: right;
  display: inline-block; 
}
.divcenter{
  margin: 0;
  padding: 3px 0 3px 0;
  min-height: 1.8em;
  clear:left;
  width:100%;
  text-align: center;
  display: inline-block; 
}
div.lostpwd{
	display: inline-block; 
	text-align: right;
	font-size: 0.8em;
}


/* comments for the mill detail page */
.greycomment {
	color: #9a8a88;
	font-size: 80%;
}
a.greycomment{
	text-decoration:underline;
}
a.greycomment#hover {
	color: black;
}



/***** Tabs *****/
.tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
.tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
.tabs ul li {
  float:left;
  list-style-type:none;
  white-space:nowrap;
  margin-right:4px;
  background:#fff;
  position:relative;
  margin-bottom:-1px;
}
.tabs ul li a{
  display:block;
  font-size: 0.9em;
  text-decoration:none;
  line-height:1.3em;
  padding:4px 6px 4px 6px;
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbbbbb;
  background-color: #f6f6f6;
  color:#999;
  font-weight:bold;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}

.tabs ul li a:hover {
  background-color: #ffffdd;
  text-decoration:none;
}

.tabs ul li a.selected {
  background-color: #fff;
  border: 1px solid #bbbbbb;
  border-bottom: 1px solid #fff;
  color:#444;
}

.tabs ul li a.selected:hover {background-color: #fff;}


/* --------------------------------------------lightbox--- */
.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    /* -moz-opacity: 0.6; invalid CSS *http://jigsaw.w3.org/css-validator/validator* */
    opacity:.60;
    /* filter: alpha(opacity=60); /* invalid CSS *http://jigsaw.w3.org/css-validator/validator* */
}
#light{
	text-align:left;
    position: relative;
}
.lbContent{
    display: none;
    position: static;
}
.white_content_sized {
    display: none;
    position: fixed;
    /*top: 10%;*/
    /*left: 50%;*/
	/*margin-left: -400px; */		/*auto;*/
		/*margin-top: -300px; *//*auto;*/

    /*width: 800px; */ 			/*auto; 50%;*/
    /*width: 50%;*/
    /*height: 600px; */  		/*auto;  50%; */
    padding: 1em;
    border: 16px solid #444444;
    background-color: white;
    z-index:1002;
    overflow: auto;
}
.helpbubble {
    display : none;
    position: fixed;
    padding: 1em;
    border: 2px solid red;
    background-color: #fff000;
    z-index:1010;
    overflow: auto;
}

/* ---- Flash and error messages --- */
div.flash_notice, div.flash_error, .nodata, div.flash_warning, .conflict {
  padding: 4px 4px 4px 30px;
  margin-bottom: 12px;
  font-size: 1.1em;
  border: 2px solid;
}

div.flash, div.flash_error {margin-top: 8px;}

div.flash_error{
  background: url(/images/site/exclamation.png) 8px 50% no-repeat;
  background-color: #ffe3e3;
  border-color: #dd0000;
  color: #880000;
}
div.flash_notice {
  background: url(/images/site/true.png) 8px 5px no-repeat;
  background-color: #dfffdf;
  border-color: #9fcf9f;
  color: #005f00;
}
div.flash_warning {
  background: url(/images/site/warning.png) 8px 5px no-repeat;
  background-color: #FFEBC1;
  border-color: #FDBF3B;
  color: #A6750C;
}


#flashcontent
{
	position: relative;
/*
	width: 800px;
	height: 600px;
	width: 100%;
	*/
	width: 96%;
	height: 94%;
}

/* ------------ */
table.log {
	width:100%;
	border: 0px inset #8b8378;
	-moz-border-radius: 0px;
/*
	border-width: 0px;
	border-spacing: 0px;
	border-color: black;
	border-style: solid;
	border-style: ridge;
	border-collapse: separate;
	background-color: white;
*/
}
table.log th {
/*
	border-width: 0px;
	padding: 0px;
	border-style: none;
	border-color: blue;
	background-color: white;
	-moz-border-radius: ;
*/
}
table.log tr {
/*
	padding: 0px;
	border-width: 1px;
	border-style: none;
	border-color: blue;
	background-color: white;
	-moz-border-radius: ;
*/
}
table.log td {
	border-style:none none dotted none;
	border-width:1px;
	border-color:black;
	padding: 0px;
/*
	background-color: white;
*/
}
table.log tr.d0 td {
	background-color: #fcf7cf;
}
table.log tr.d1 td {
	background-color: #fefef2;
}

#sidebar{
	float: right; width: 14%; position: relative; z-index: 9; padding: 6px; margin: 0px;
	min-height:200px;
	background-color:#EEEEEE;
	border: 1px solid #e4e4e4;
}
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
* html #sidebar{ width: 15%; }
#sidebar a.selected {line-height:1.7em; padding:1px 3px 2px 2px; margin-left:-2px; background-color:#9DB9D5; color:#fff; border-radius:2px;}
#sidebar a.selected:hover {text-decoration:none;}

.bignbold{
    font: bold 18px Arial;
    color: #000000;
}

.breadcrumb{
font-family : monospace;
color:#0000a0;
}

/* **** circuit feed ***/
.circuit_flowsheet{
	border: 1px solid black;
}
.circuit_flowsheet_hidden{
	border: 1px solid white;
}
.fs_subtitle{
	text-decoration:underline;
	}

.circuit_pad{
	margin: 2px 2px 2px 2px;
	padding: 4px 4px 4px 4px;
}


.circuit_eol{
	clear: left;
}

.circuit_smallbox{
	float: left;
	width: 298px;
}
.circuit_t80{
	float: left;
	width: 298px;
}
.circuit_p80{
	float: left;
	width: 298px;
}
.circuit_leftTWbox{
	float: left;
	width: 298px;
}
.circuit_midTWbox{
	float: left;
	width: 298px;
}
.circuit_rightTWbox{
	float: left;
	width: 298px;
}
.circuit_type{
	float: left;
	width: 922px;	/* 298 content width *3 + ((2px left margin + 1 left border + 4 left padding) * 2 * 3) */
	text-align: center;
}
.circuit_primary{
	float: left;
	width: 298px;
}
.circuit_crushers{
	float: left;
	width: 298px;
}
.circuit_ballmills{
	float: left;
	width: 298px;
}
.circuit_flowsheetbox{
	float: left;
	width: 940px;
}
.circuit_operating{
	float: left;
	width: 922px;	/* 298 content width *3 + ((2px left margin + 1 left border + 4 left padding) * 2 * 3) */
}
.circuit_ballmilloperating{
	float: left;
	width: 922px;	/* 298 content width *3 + ((2px left margin + 1 left border + 4 left padding) * 2 * 3) */
}
.circuit_throughput{
	float: left;
	width: 922px;	/* 298 content width *3 + ((2px left margin + 1 left border + 4 left padding) * 2 * 3) */
}

.contextual {float:right; white-space: nowrap; line-height:1.4em;margin-top:0px; padding-left: 0px; font-size:0.9em;}


 .a_button {
    font: normal 13px Arial;
    text-decoration: none;
    background-color: #dfdfdf;
    color: #333333;
    padding: 5px 8px 4px 8px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
    border-radius: 3px;
   }

.fs60{
  font-size:  60%;
}

/***** Icons *****/
.icon-large {
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 35px;
  padding-top: 20px;
  padding-bottom: 23px;
  text-decoration:  none;
}
.icon {
  background-position: 0% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
  padding-top: 1px;
  padding-bottom: 2px;
  text-decoration:  none;
}
.icon-passwd { background-image: url(/images/site/textfield_key.png); }
.icon-client { background-image: url(/images/site/group.png); }
.icon-user { background-image: url(/images/site/user.png); }
.icon-project { background-image: url(/images/site/project.png); }
.icon-del { background-image: url(/images/site/delete.png); }
.icon-edit { background-image: url(/images/site/edit.png); }
.icon-add { background-image: url(/images/site/add.png); color: #258565; }
.icon-lock  { background-image: url(/images/site/locked.png); }
.icon-unlock  { background-image: url(/images/site/unlock.png); }
.icon-dumptruck  { background-image: url(/images/dumptruck.png); }
.icon-labs  { background-image: url(/images/site/labs.png); }
.icon-tool  { background-image: url(/images/site/tools.png); }
.icon-magnifier  { background-image: url(/images/site/magnifier.png); }
.icon-close  { background-image: url(/images/site/close_hl.png); }
.icon-link  { background-image: url(/images/site/link.png); }
.icon-email { background-image: url(/images/site/email.png); }
.icon-settings  { background-image: url(/images/site/settings.png); }
.icon-bluesettings  { background-image: url(/images/site/bluesettings.png); color: #4ea4a7}
.icon-chart  { background-image: url(/images/site/chart.png); }
.icon-comment  { background-image: url(/images/site/comment.png); }
.icon-tips  { background-image: url(/images/site/tips.png); }
.icon-reload  { background-image: url(/images/site/reload.png); }
.icon-tux  { background-image: url(/images/site/tux.png); }
/* ~~~ */
.icon-pdf  { background-image: url(/images/site/iconpdf-32x32.png); }
.icon-xls  { background-image: url(/images/site/iconxls-32x32.png); }
.icon-ods  { background-image: url(/images/site/iconods-32x32.png); }
.icon-odt  { background-image: url(/images/site/iconodt-32x32.png); }
.icon-doc  { background-image: url(/images/site/icondoc-32x32.png); }
.icon-txt  { background-image: url(/images/site/icontxt-32x32.png); }
.icon-jpg  { background-image: url(/images/site/iconjpg-32x32.png); }

@media print {
.noprint { display:none; }
.icon { display : none; }
div.pageTop { display : none;
width:auto; }
#pageTopNav { display : none; }
div.topnavlink { display : none; }
div.projectheading { display : none; }
div.otherstuff { display : none; }
} /* end @media print */


/* used on project root page */
.block-list li {font-size: 12px;}

/* trigger hasLayout in IE */
/*.block-list, .block-list li {zoom: 1;} /* invalid CSS *http://jigsaw.w3.org/css-validator/validator* */

.block-list {
	font-size: 0 !important; /* remove physical spaces between items */
	text-align: justify;
	/* text-justify: distribute-all-lines; /* distribute items in IE */ /* invalid CSS *http://jigsaw.w3.org/css-validator/validator* */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* fully justify all items in browsers other than IE */
.block-list:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.block-list li {
	text-align: center; /* customize to suit */
	vertical-align: top; /* can customize to suit */
	display: inline-block;
	width: 31.3%; /* optional, only need for text content to wrap */
	margin-bottom: 1em; /* optional, customize to suit */
}

/* IE hacks to make li's line up */
*+html .block-list li {display: inline;}
* html .block-list li {display: inline;}
