/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

/*  Container divs to give 100% width but also a min width for IE 
--------------------------  */

#outer	{ width: 100%; min-width: 77.75em; }
* html #minwidth	{ width: 100%; border-left: solid 77.75em #fff; }
* html #inner	{ margin-left: -77.75em; position: relative; }
/*\*/
* html #minwidth, * html #inner {
	height: 1px;
}

/*  Typography 
--------------------------  */
html, body  { height: 100%; width: 100%; }

body 		{ font-family: tahoma,arial,helvetica; color: #414141; background-color: #f4f5f5; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0em; width: 100%; }
body.white 		{ background-color: #fff; }

h1 			{ font-family: georgia,times new roman,serif; font-size: 1.5em; color: #414141; margin-top: 0px; }
h2 			{ font-family: georgia,times new roman,serif; font-size: 1.5em; font-weight: normal; color: #419201; margin-top: 0px; line-height: 1em; }
h3 			{ font-family: georgia,times new roman,serif; font-size: 1.25em; font-weight: normal; color: #419201; margin-top: 0px; }
h4, h5, h6, h7	{ font-family: georgia,times new roman,serif; font-size: 0.85em; margin-bottom: 0px; }

p,li,td,dt,dd,label	{ font-size: 0.8em; }
li li	{ font-size: 1em; }

a 			{ text-decoration: none; color: #d60101; }
a:hover		{ text-decoration: underline; color: #6cc201; }

a.orange    { color: #d60101; text-decoration: none; }
a.orange:hover    { color: #6cc201; text-decoration: underline; }

a img		{ border: 0px; }

input, select, textarea		{ font-family: arial,helvetica; font-size: 0.8em; padding: 0.25em; color: #6d6d6f; width: 12em; }

input.radio, input.check    { width: 2em; }

/* General */
.right	    { float: right; }
.centre		{ text-align: center; }
.currency   { text-align: right; }
.column     { width: 45%; margin-right: 3%; padding: 0.25em; float: left; }
.columnfull     { width: 96%; margin-right: 3%; padding: 0.25em; clear: both; }
.nowrap     { white-space: nowrap; }
.red    { color: #ff0000; }

.print  { display: none; }

.tabular span   { display: block; width: 10em; float: left; font-weight: bold; }

img.tool    { margin-left: 0.35em; vertical-align: middle; }

div.shadow  { width: 40em; margin: -1em 1em 0px 1em; text-align: right; background: transparent url(/_resources/files/interface/shadow-bl.png) no-repeat bottom left; }

/*  Template 
--------------------------  */

/* header */
#header { width: 100%; background-color: #fff; border-bottom: solid 5px #074506; }
#header h1  { margin: 0.35em 0px 0.35em 0px;  }
#header h1 img { float: none; margin: 0px 1.5em 0px 0.5em; padding: 0px; border: 0px; vertical-align: middle; }

#header div { float: right; margin: 0.25em 0.5em; width: 25em; text-align: right; }
#header ul  { float: right; list-style-type: none; margin: 0.25em 0px 0px 0px; padding: 0px; }
#header ul li   { float: left; border-right: solid 1px #414141; margin: 0px; padding: 0px 0.5em; }
#header ul li.last  { border-right: 0px; padding-right: 0px; }
#header div img { clear: both; margin: 0.5em 0.5em 0.5em 0px; }

/* main links */
ul#mainlinks    { list-style-type: none; margin: 0px; padding: 0px; float: left; }
ul#mainlinks li    { padding: 0.5em 2em 0.5em 1em; margin: 0px 0px 0px 1em; background-color: #688d3b; color: #fff; float: left; position: relative; }
ul#mainlinks li a   { color: #fff; }
ul#mainlinks li.selected    { background-color: #074506; }
ul#mainlinks li a.close { position: absolute; top: 0px; right: 5px; z-index: 99; padding: 0px; line-height: 0.75em; }

/* common links */
ul#commonlinks    { list-style-type: none; margin: 0px; padding: 0px; float: left; }
ul#commonlinks li    { padding: 0.5em 2em 0.5em 1em; margin: 0px 0px 0px 1em; background-color: #688d3b; color: #fff; float: left; position: relative; }
ul#commonlinks li a   { color: #fff; }
ul#commonlinks li.selected    { background-color: #074506; }

/* side links */
ul#sidelinks { font-size: 1.1em; }
ul#sidelinks li { margin-bottom: 1em; }
ul#sidelinks li.selected { font-weight: bold; }

ul#sociallinks  { width: 100%; float: left; margin: 0px; }
ul#sociallinks li { margin: 0px 3em 0px 0px; float: left; }
div.addthis_toolbox { margin: 1.25em 0px 0.5em 0px; font-size: 0.75em; }

/* body */
#mainbody   { width: 100%; clear: both; position: relative; }

div.contentholder   { float: left; width: 100%; text-align: center; position: relative; }
div.contentholder.collapsed { overflow: hidden; }
div.contentholder.collapsed div.content { height: 15px; }
div.content   { border: solid 1px #ddd; background-color: #fff; margin: 1em; padding: 1em; float: left; width: 39em; text-align: left; }
div.content.right   { width: 30em; float: left; margin-right: 0px; }
div.contentholder.edit div.content    { width: 54em; position: relative; }
div.contentholder.edit div.content.right   { width: 15em; }
div.content.right.small   { width: 10em; }
div.content.full, div.contentholder.edit div.content.full   { width: 73em; margin-right: 0px; }
div.shadow.full   { width: 73.15em; }

div#companylist { width: 59em; }
div#userlist { width: 59em; }
div#supplierlist { width: 59em; }
div#emailuserslist { width: 59em; }
div#industrybenchmarklist { width: 59em; }
div#newslist { width: 59em; }

img.arrow   { position: absolute; top: 2em; left: 42.5em; }
div.contentholder.edit img.arrow    { left: 57.5em;}
img.arrow.full, div.contentholder.edit img.arrow.full  { left: 73.5em; }

div.content.right label { display: inline-block; width: 5.5em; margin-bottom: 0.5em; }
div.content.right label span { font-size: 0.75em; white-space: nowrap; }
div.content.right input { width: 10em; margin-bottom: 0.5em; }
div.content.right input.small { width: 5em; }
div.content.right select { width: 10.75em; margin-bottom: 0.5em; }

div.content.right iframe    { width: 15em; height: 20em; }

div.content.right label.checkbox    { width: 11em; margin-left: 5em; }
div.content.right label.checkbox input    { width: auto; }

div.content label.checkbox    { width: 10em; }
div.content label.checkbox input    { width: auto; }

div.content ul  { list-style-type: none; margin: 1.7em 0px; padding: 0px; }
div.content ul li  { margin: 0.5em 0px; padding: 0px;  }

div.content ul li.currenttotal input    { width: 7.5em; font-size: 1em; }
div.content ul li.currenttotal input[type=button]    { width: 5em; }

div.content.home   { width: 31em; } /* width: 22em; */
div.content.homeright   { width: 38em; } /* width: 32em; */

div.content.home ul, div.content.homeright ul  { list-style-type: disc; margin: 0.75em 1.5em; }
div.content.home ul li, div.content.homeright ul li  { margin-top: 0.5em; margin-bottom: 0.5em;  }

div.content.home ul.contact { list-style-type: none; margin: 0px 0px 0.75em 0px; padding: 0px; width: 100%; float: left; }
div.content.home ul.contact li  { float: left; margin-right: 2em; }

div.content.home ul.nobullet    { list-style-type: none; margin: 1.5em 0px 0px 0px; padding: 0px; }
div.content.home ul.nobullet li img { float: left; border: 0px; }

div.report a.printreport    { float: right; font-size: 0.75em; }
div.report div.header h3    { margin-bottom: 0px; }

div#projects    { position: relative; }

div#projectaddform, div#useraddform, div#usereditform  { float: left; }

div#projectaddform label, div#useraddform label, div#usereditform label     { width: 6em; display: inline-block; }
div#projectaddform label.cbx, div.contentholder label.cbx     { width: 8em; display: inline-block; }
div#projectaddform label.l, div.contentholder label.l     { width: 14em; }

div.column label    { width: 6em; display: inline-block; }
div#useraddform div.column label.checkbox    { width: 20em; margin-top: 0.25em; }
div#useraddform div.column label.checkbox input    { width: auto; }
div#usereditform div.column label.checkbox    { width: 20em; margin-top: 0.25em; }
div#usereditform div.column label.checkbox input    { width: auto; }

div.columnfull textarea { width: 100%; }

div.content a.printable { font-size: 0.8em; clear: both; display: block; }

div.list input  { width: auto; margin-right: 0.5em; }
div.list ul { float: left; margin-left: 1em; width: 58em; }
div.list ul li  { float: left; width: 35em; margin-right: 1em; }

/* Chart tabs */
h3.tabs     { float: left; width: 100%; }
h3.tabs ul  { list-style-type: none; width: 10em; margin: 0px; padding: 0px; float: right; text-align: right; }
h3.tabs ul li { font-family: tahoma,arial,helvetica; font-size: 0.65em; display: inline-block; width: 5em; text-align: center; margin: 0px; cursor: pointer; }
h3.tabs.wide ul  { width: 29em; }
h3.tabs.wide ul li { width: 8em; }
h3.tabs ul li.selected  { text-decoration: underline; }
h3.tabs ul li:hover  { text-decoration: underline; color: #6cc201; }
h3.tabs ul li { color: #d60101; }

div.content.full h3.tabs ul { margin-right: 2em; }
div.content.right h3.tabs ul    { width: 6em; }
div.content.right h3.tabs ul li    { width: 4em; }

/* Totals Breakdown */
div.content ul.totals   { list-style-type: none; margin: 0px; padding: 0px; text-align: center; }
div.content ul.totals li   { display: inline-block; border: solid 1px #414141; margin: 1.25em; padding: 2.5em 1.25em; width: 12.5em; text-align: center; }
div.content ul.totals li span   { font-size: 2em; font-family: georgia,times new roman,serif; }

/* footer */
#footer { border-top: solid 2px #ddd; width: 100%; font-size: 0.7em; margin-top: 1em; padding-top: 1em; }
#footer span { padding: 0.5em 1.5em; }
#footer a   { color: #6d6d6f; }
#footer a:hover { color: #6cc201; }

/*
	Greyout Panes
*/
#greyoutcontent, div.greyout, div.greyoutscreen	{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 50; background-color: #fff; text-align: center; }
.greyoutsub	{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 50; background-color: #fff; text-align: center; }
#greyoutlinks	{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: 50; background-color: #fff; }

#greyoutcontent img, div.greyout img { top: 5em; position: relative; }

div.greyoutscreen	{ position: absolute; }
div.greyoutscreen img { top: 40%; position: relative; }

/* Google */
div.mapcanvas { width: 30em; height: 30em; border: solid 1px #000; margin-bottom: 0.35em; }
div.mapcanvas p   { margin: 1em 0px 0px 0px; }
div.mapcanvas h2    { font-size: 0.9em; }
div.mapcanvas span   { font-size: 0.75em; display: inline-block; margin-left: 10px; }

div.mapcanvas.full { width: 73em; height: 40em; }

div.content a.map { font-size: 0.8em; }

a.linkget   { font-size: 0.8em; display: block; margin: 0px 0px 0px 5.5em; }
a.linkgetfull   { font-size: 0.8em; display: block; margin: 1em 0.5em; float: left; width: 100%; }

ul.mapoptions   { margin: 0px; padding: 0px; list-style-type: none; float: left; }
div.content ul.mapoptions li    { margin-right: 1.5em; float: left; }
ul.mapoptions li input  { width: auto; margin-right: 1em; }
ul.mapoptions li img  { margin-right: 0.5em; }
ul.mapoptions li label  { font-size: 1em; }

/*
    Tools
*/
table td span.toolbox   { float: right; position: relative; }
table td span.toolbox a  { display: inline-block; border: solid 1px #bbb; padding: 0.25em 0px 0.25em 0.25em; background: transparent url(../files/interface/button-background-small.gif) repeat-x bottom; }
table td span.toolbox a:hover  { border: solid 1px #999; }

span.toolbox ul  { list-style-type: none; width: 17em; position: absolute; margin: 0px; padding: 0px; left: 1.4em; top: 0px; border: solid 1px #ccc; background: #ededed url(../files/interface/button-background-large.gif) repeat-x top; z-index: 150; }
span.toolbox ul li  { font-size: 1em; }

table td span.toolbox ul li a    { width: 16.75em; margin: 0.25em; border: 0px; background: none; }

span.toolbox ul li img  { border: 0px; vertical-align: middle; margin-right: 0.5em; }
span.toolbox:hover ul li img  { border: 0px; }

table span.toolbox ul li a  { font-size: 0.9em; }
table span.toolbox ul li a:hover    { border: 0px; }

table span.toolbox ul li.break  { border-top: solid 1px #bbb; }

/*
    Auto Suggest
*/

div.suggest { display: inline; position: relative; z-index: 100; }

div.suggest ul	{ list-style-type: none; background-color: #fff; padding: 0px; margin: 0px; position: absolute; left: 0px; top: 1.5em; width: 12.5em; border: solid 1px #ccc; z-index: 100; }
div.suggest ul li	{ padding: 0.5em; margin: 0px; cursor: pointer; border-bottom: none; }
div.suggest ul li:hover	{ background-color: #e8b22b; }

/*
    Agree terms
*/

div#agreeterms  { position: absolute; width: 30em; height: 10em; padding: 2em; border: solid 1px #666; background-color: #fff; z-index: 100; top: 50%; left: 50%; margin-top: -7em; margin-left: -17em; }