/* =============================================================================
GLOBAL STYLESHEET
TODO:	decide which elements might be better suited to their own css files
		admin.css
		content.css
		forms.css
		tables.css
		...

TODO:	browser testing (PC/MAC: FireFox / Chrome / Safari / IE8, IE7, IE6)
----------------------------------------------------------------------------- */

body {
		margin:0;
		padding:0;
		font-size:62.5%;
		font-family:arial, verdana, sans-serif;
		background:#f6f5f1;
		color:#4e4e4e;
		}

p, li, td, dd {
		line-height:1.4em;
		}

li {
		margin-bottom:0.5em;
		}

ul ul, ol ol { margin-top:0.5em;}
ol ol { list-style-type:lower-alpha;}
ol.alpha { list-style-type:lower-alpha;}
ol.roman { list-style-type:lower-roman;}

hr {
		height:0.1em;
		background-color:#ccc;
		border:0;
		}

img {
		border:0;
		}

.img-left {
		float:left;
		margin:0 10px 10px 0;
		}
.img-right {
		float:right;
		margin:0 0 10px 10px;
		}

a {
		color:#2c669a;
		outline:none;
		}

a:hover {
		color:#0f5694;
		text-decoration:underline;
		}

a.more {
		display:block;
		margin-top:0.2em;
		}

h1 {
		color:#004785;
		font-size:2.4em;
		}
#lay-home h1 { margin:0;}
#lay-page h1 { text-align:center;}

h2 {
		color:#4e4e4e;
		font-size:1.4em;
		}
h2#subhead {
		text-align:center;
		}
		
h3#subhead2 {
		color:#4e4e4e;
		text-align:center;
		}

.clear { clear:both;}
hr.clear { height:0;}

/* =============================================================================
TEMPLATE
----------------------------------------------------------------------------- */
.layout {
		width:99em;
		margin:0 auto 1em auto;
		background:#fff;
		}

#container {
		position:relative;
		}

#main {
		clear:both;
		font-size:1.2em;
		width:97em;
		width:80.8em;
		margin:0 auto;
		}

#footer {
		clear:both;
		margin-top:1em;
		padding:0.5em;
		border-top:0.2em solid #f6f5f1;
		font-size:1.1em;
		text-align:center;
		}

/* corporate: right-sidebar */
#lay-corporate #content {
		float:left;
		width:74%;
		}

#sidebar-right {
		float:right;
		width:23.5%;
		background:#edebe3;
		}

/* =============================================================================
TEMPLATE (graphics)
----------------------------------------------------------------------------- */
#lay-home #main,
#lay-corporate #main {
		padding:0;
		}
#lay-corporate #content {
		margin-left:1em;
		}

#header {
		position:relative;
		float:left;
		width:100%;
		padding:1em 0;
		background:url(../images/bg_header.png) 100% 0 repeat-y;
		border-bottom:0.1em solid #acc4d4;
		}

/* we're now adding the logo as an image in the templates so that it'll always
   print IE6 png->gif changed in browsers.js */
#logo {
		float:right;
		margin-right:2em;
	}

#login-banner {
		float:left;
		margin-left:0.5em;
		font-size:1.2em;
		}
#login-banner img {
		float:left;
		padding-right:3em;
		}

#login-banner .info {
		float:left;
		}
#login-banner span {
		display:block;
		margin-bottom:0.1em;
		}
		#login-banner span.name {
				font-size:1.2em;
				font-weight:bold;
				}

#slogan {
		position:absolute;
		bottom:0.5em;
		left:1em;
		width:408px;
		height:18px;
		margin:0;
		padding:18px 0 0 0;
		overflow:hidden;
		height:0px !important;
		height /**/:18px;
		background:url(../images/slogan.png) 0 0 no-repeat;
		}

/* layout: corporate */
#lay-corporate #header { margin-bottom:0;}
#lay-corporate #main {
		width:auto;
		border-top:3em solid #edebe3;
		}
#lay-corporate #sidebar-right {
		margin-top:-3em;
		padding-top:245px;
		background:url(../images/building.jpg) 0 0 no-repeat;
		}

#header-bg {
		float:left;
		width:100%;
		background:url(../images/bg_header_corporate.jpg) 0 0 no-repeat;
		}

/* =============================================================================
TEMPLATE (misc elements, part of shell)
----------------------------------------------------------------------------- */
#midbar {
		clear:both;
		padding:1em;
		background:#edebe3;
		}

#midbar a {
		color:#3f6689;
		font-weight:bold;
		}
#midbar a.back {
		padding-left:11px;
		background:url(../images/icons/arrows/left.png) left center no-repeat;
		color:inherit;
		}
		#midbar a.back span {
				display:none;
				}

/* footer nav links (appear on the homepage only) */
#footer-links {
		float:left;
		width:100%;
		padding-top:0.5em;
		background:#f6f5f1;
		font-size:1.1em;
		}
#footer-links .title {
		display:block;
		margin-bottom:1em;
		text-align:center;
		}
#footer-links ul {
		float:left;
		width:15%;
		margin:0 1% 1em 0;
		padding:0 0.8% 0 0;
		border-right:1px solid #ccc;
		list-style:none;
		}
#footer-links ul.last,
#footer-links ul.industrial {
		margin-right:0;
  padding-right:0;
  border-right:0;
  }
#footer-links a {
  color:#4e4e4e;
  }

#footer-links .list-title {
  display:block;
  margin-bottom:0.3em;
  /* just for last one */
  margin-top:-1.5em;
  margin-left:84.5%;
  }
  #footer-links .list-title.first {
    margin-top:0;
    margin-left:0;
    }

/* =============================================================================
NAVIGATION
all menus to be assigned: .menu / #menu-NAME
----------------------------------------------------------------------------- */

#topbar {
		padding:0.5em 0;
		background:#6e99d4;
		color:#fdfcf9;
		}

#topbar a {
		color:#fff;
		}

#topbar ul {
		margin:0.5em 0;
		padding-left:0;
		}

#topbar li {
		display:inline;
		font-size:1.2em;
		/* change default menu font for improved readability at smaller sizes */
		font-family:verdana, arial, sans-serif;
		}

#topbar li a {
		padding:0.5em 1em;
		border-right:0.1em solid #9ab8e1;
		text-decoration:none;
		}

#topbar li.last a {
		border-right:0;
		}

#login {
		float:left;
		padding-left:1em;
		}
#login li.first a {
		padding-left:0;
		}

/* main menu */
#menu-main {
		text-align:right;
		}
#menu-main strong {
		font-weight:normal;
		}

/* corporate menu */
#menu-corporate {
		margin-bottom:1em;
		}
#menu-corporate ul,
#menu-temp ul {
		display:inline;
		margin:0;
		padding:0;
		}

#menu-corporate li,
#menu-temp li {
		display:inline;
		margin-right:0.5em;
		padding-right:0.5em;
		border-right:0.1em solid #bbb;
		}

#menu-corporate li.last,
#menu-temp li.last{
		padding-right:0;
		border-right:0;
		}

#menu-temp {
		margin-top:0.5em;
		padding:0.5em 0;
		background:#f6f5f1;
		text-align:center;
		}

/* report menu */
#menu-report {
		position:relative;
		padding-bottom:1em;
		border-bottom:0.1em solid #acc4d4;
		}
#menu-report ul.menu {
		margin:0;
		padding-top:1em;
		padding-left:0;
		}
#menu-report ul.menu li {
		display:inline;
		margin-right:1em;
		padding-right:1em;
		border-right:0.1em solid #ccc;
		}
#menu-report ul.menu li.last {
		margin-right:0;
		padding-right:0;
		border-right:0;
		}

#menu-report form.inline {
		position:absolute;
		top:0.7em;
		right:0;
		}
#menu-report form.inline select {
		margin-bottom:0;
		}

#menu-report fieldset {
		margin-bottom:0;
		}

/* pring options (link) */
#menu-report a.print.expanded {
		padding:0.2em 0.5em 1.2em 1.5em;
		background:#edebe3 url(../images/icons/xmark_sml.gif) 0.5em 0.6em no-repeat;
		border:0.1em solid #cec5ba;
		border-bottom-width:0;
		text-decoration:none;
		color:#4e4e4e;
		font-weight:bold;

		/* next list element being positioned by print.js, if removed, update there too */
		/*position:absolute;
		z-index:5;*/
		}
#menu-report a.email_pdf.expanded {
		padding:0.2em 0.5em 1.2em 1.5em;
		background:#edebe3 url(../images/icons/xmark_sml.gif) 0.5em 0.6em no-repeat;
		border:0.1em solid #cec5ba;
		border-bottom-width:0;
		text-decoration:none;
		color:#4e4e4e;
		font-weight:bold;

		/* next list element being positioned by print.js, if removed, update there too */
		/*position:absolute;
		z-index:5;*/
		}
#menu-report ul.menu li.expanded {
		padding-right:0;
		border-right:0;
		}

/* print options (customization box) */
#print-options,
#email_pdf-options {
		position:relative;
		float:left;
		width:100%;
		margin:1em 0;
		background:#edebe3;
		}
#menu-report .form-item {
		margin-top:0.5em;
		}
#menu-report fieldset {
		padding:0.5em;
		border-top:0;
		}
#menu-report form#print label {
		float:left;
		display:block;
		width:12%;
		height:2.4em;
		margin-right:2%;
		}
#menu-report .tip {
		margin:0 0 0.5em 0;
		padding-bottom:0.5em;
		border-bottom:0.1em dotted #d0ccbc;
		font-size:0.9em;
	}
#menu-report input.form-checkbox {
		float:left;
		margin-right:0;
  }
#menu-report label span {
		display:block;
		margin-left:1.5em;
		}
#menu-report input.print {
		clear:both;
		float:left;
		margin-top:0.5em;
		}
#menu-report #item-stacked-building-comments,
#menu-report form#print #item-print-breaks {
		clear:both;
		width:auto;
		height:auto;
		margin-right:0;
		position:absolute;
		bottom:0.5em;
		right:0.5em;
		}

/* email pdf */
form#email_pdf input.form-submit {
		margin-left:14%;
		}

/* corporate / right sidebar menu */
#sidebar-right .menu ul { padding-left:2em;}
#sidebar-right .menu li { list-style:none;}

/* =============================================================================
PAGENAV
----------------------------------------------------------------------------- */

#pagenav a {
		padding:0.5em 1em;
		background:#6e99d4 url(../images/button_bg.png) 0 100% repeat-x;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		}
		#pagenav a:hover {
				background-color:#3770ac;
				}
		#pagenav a.active {
				background-color:#004785;
				}

#pagenav ul {
		clear:none;
		padding-left:0;
		}
		#pagenav ul.left {
				float:left;
				}
		#pagenav ul.right {
				float:right;
				}
#pagenav li {
		display:inline;
		margin-right:0.5em;
		}
		#pagenav li.last {
				margin-right:0;
				}

/* filter (search results) */
#form_search_building input#searchfilter {
		float:left;
		margin-bottom:0.5em;
		}

/* pager (search results) */
.pager {
		float:right;
		margin-bottom:0.5em;
		}
.pager .num.current {
		font-weight:bold;
		}
.pager .links {
		margin-left:1em;
		color:#ccc;
		}
.pager .per-page {
		margin-right:1em;
		}
  .pager .per-page label {
    font-weight:normal;
    }
  .pager .per-page select {
				margin:0;
    padding:0;
    }

/* =============================================================================
GENERIC
----------------------------------------------------------------------------- */
.hidden { display:none;}
.clear_both { clear:both;}

.message {
		clear:both;
		margin-bottom:1em;
		padding:0.5em;
		padding-left:2.5em;
		background:#eee;
		background-position:0.5em 0.5em;
		background-repeat:no-repeat;
		border:0.1em solid #ddd;
		}

.message a {
		color:#4e4e4e !important;
		}

.message.plain {
		padding:0.5em 0;
		background:0;
		border:0;
		}

.message p,
.message ul {
		margin:0;
		}

.message.status {
		background-color:#f2f9fe;
		border-color:#d3eafb;
		background-image:url(../images/icons/message/status.png);
		}

.message.success {
		background-color:#f0ffdb;
		border-color:#c9ea9a;
		background-image:url(../images/icons/message/success.png);
		}

.message.error {
		background-color:#f5e5e5;
		border-color:#ebcccc;
		background-image:url(../images/icons/message/error.png);
		}

.message.warning {
		background-color:#fffce5;
		background-image:url(../images/icons/message/warning.png);
		border-color:#fff07f;
		}

.message.help {
		background-color:#f7f4e2;
		background-image:url(../images/icons/message/help.png);
		border-color:#f0ebd8;
		}
.message.help:hover {
		cursor:default;
		}

.debug {
		margin:1em 0;
		padding:0.5em;
		background:#fff7db;
		border:0.1em solid #f2ead0;
		word-wrap:break-word;
		}

/* =============================================================================
CONTENT
this currenltly just applies to the homepage
TODO: move to home.css?
----------------------------------------------------------------------------- */

/* layout */
.panels {
		float:left;
		width:100%;
		margin-bottom:1.5em;
		}

.panels .left {
		float:left;
		width:73%;
		margin-right:2%;
		}
.panels .right {
		float:right;
		width:25%;
		}

.panels-2col .left {
		width:49%;
		margin-right:1%;
		}
.panels-2col .right {
		width:49%;
		margin-left:1%;
		}

.right .block {
		background:#edebe3;
		border:0.1em solid #bbbaba;
		}

/* setting this to the width of the image in the content */
#lay-home .right .block {
		float:right;
		width:231px;
		}

.right .block .content {
		padding:0 1em;
		}
.right .block h3 {
		color:#6e99d4;
		}
.right .block h4 {
		color:#6e99d4;
		font-size:1.4em;
		margin-bottom:0;
		}
.right .block a {
		color:inherit;
		}

.block.news img {
		text-align:center;
		}

.block.news ul {
		margin-left:0;
		padding-left:0;
		}
.block.news li {
		list-style:none;
		margin-bottom:1em;
		padding-left:0;
		}

.block.news .date {
		display:block;
		}

/* columns
 * going to assume these are all 3 columns for the time being
 */
ul.cols {
		margin:0;
		padding:0;
		}
ul.cols li {
		float:left;
		list-style:none;
		margin-right:2%;
		margin-bottom:0;
		width:32%;
		}
ul.cols li.last {
		margin-right:0;
		}
ul.cols li h2 {
		font-size:1.2em;
		}

/* align screenshots to bottom */
.panels .left {
		position:relative;
		}
ul.cols .screenshot {
		/*position:absolute;*/
		bottom:0;
		/* subtract 7px for the shading on the graphic */
		margin-top:11px;
		margin-left:-7px;
		}

.red {
		color:#f00;
		}

.padding_1em
{
	padding: 1em;
}

p.subhead1 {
		margin-top: -12px;
		text-align:center;
		color: #4e4e4e;
		font-size: 1.4em;
		font-weight: bold;
}

p.subhead2 {
		margin-top: -15px;
		text-align:center;
		color: #c30022;
		font-size: 1.4em;
		font-weight: bold;
}