/* =============================================================================
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 {
	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:#899bcb;*/
	color:#0f5694;
	text-decoration:underline;
	}

a.more {
	display:block;
	margin-top:0.2em;
	/*color:#2d4985 !important;*/
	}

h1 {
	color:#004785;
	font-size:2.4em;
	}
#lay-home h1 { margin:0;}
#lay-page h1 { 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 {
	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;
	}
#slogan {
	position:absolute;
	bottom:0.5em; left:1em;
	}

/* 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 { margin-right:0; padding-right:0; border-right: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 { padding-left:1em;}
#login li.first a { padding-left:0;}

/* change default menu font for improved readability at smaller sizes 
.menu { font-family:verdana, arial, sans-serif;}*/

#login { float:left;}

/* 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 ul.menu li.expanded {
	padding-right:0;
	border-right:0;
	}

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

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

/* =============================================================================
PAGENAV
----------------------------------------------------------------------------- */
/*#pagenav {
	margin-bottom:1em;
	}*/

#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 li {
	display:inline;
	margin-right:0.5em;
	}
#pagenav li.last {
	margin-right:0;
	}
/*#pagenav li.view {
	float:right;
	margin-right:0;
	margin-left:0.5em;
	}*/

#pagenav ul.left {
	float:left;
	}
#pagenav ul.right {
	float:right;
	}

/* 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;
	}

/* =============================================================================
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:2em;
	}

.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-left:-7px;
	}

.red
{
	color: #ff0000;
}