/* !CACHEER */
/*******************************************/

/* http://www.shauninman.com/archive/2008/05/30/check_out_css_cacheer */


/* !RESET */
/*************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.125em;
	font-size: 62.5%; /* http://anthonyshort.com.au/blog/comments/how-to-get-cross-browser-compatibility-everytime/ */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* !BASICS */
/*****************************/

h1, h2, h3, h4, h5, h6, p, .qtip {
	padding:  0 0 1.0em 0;
	margin: 0;
	line-height: 1.375em;
}
h1, h2, h3, h4, h5 {text-transform: uppercase; color: #484848;}
h1 {font-size: 1.8em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.2em;}
p, blockquote, pre, 
dd, dt, li,
caption, .qtip,
#infobar, .sidebar, #shoppingcart {
	font-size: 1.2em; 
}
li li, li p,
#gritter-notice-wrapper p {font-size: 1.0em; padding-bottom: 0;}
small {font-size: .8333em;} /*.625 / .75 */

hr {
	clear: both;
	margin: 10px 0 10px 0;
	background: silver;
	height: 1px;
	border: none;
}

:focus {outline: 0;}

a:link {color: #2a72a7;}
a:visited {color: #5b9bca;}
a:hover {color: #1b496a;}
a:active {color: #d97321;}

.wrap {overflow: auto; clear: both;}

/* from blueprint */
.error, .tfItem.error .padding, .notice, .success {/* padding:.8em;margin-bottom:1em; */border:1px solid #ddd;}
.error, .tfItem.error .padding {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a, .tfItem.error .padding a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* !LAYOUT */
/**********************************/
body {overflow: hidden;}
#header,
#mainContent,
#footer {
	position: absolute;
	width: 100%;
}
#header {
	height: 80px;
	top: 0;
}
/* #content {overflow: auto;} */
#mainContent {
	top: 80px;
	bottom: 29px;
	overflow: auto;
}
#footer {
	bottom: 0;
	height: 29px;
}

/* !HEADER */
/**********************************/

#titlebar {
	background: url(../images/header-bg.jpg) repeat-x;
	overflow: auto;
}
#header h2 {
	height: 52px;
	width: 255px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
	background: url(../images/construct-logo.jpg) no-repeat;
	text-indent: -5000px;
}
#header p {
	display: inline;
	float: right;
	line-height: 52px;
	padding: 0 20px 0 0;
	margin: 0;
	color: white;
}
#header a,
#footer a {color: white; font-weight: bold;}


/* !MENU */
/*******************************************/

#menu {background: #333 url(../images/menu-repeat.jpg) repeat-x; overflow: hidden;}
#menu ul {border-right: 1px solid #a4a4a4; line-height: 27px;}
#menu ul, #menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 28px;
}

#menu li a {
	background: url(../images/menu-sprite.jpg) repeat-x;
	background-position: right top;
	border-right: 1px solid white;
	border-left: 1px solid #a4a4a4;
	color: black;
	display: block;
	font-weight: bold;
	padding: 0 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

#status #menu .status a,
#pages #menu .pages a,
#pagesTreeView #menu .pages a,
#page #menu .pages a,
#newPage #menu .pages a,
#news #menu .news a,
#newsArticle #menu .news a,
#newArticle #menu .news a,
#events #menu .events a,
#event #menu .events a,
#newEvent #menu .events a,
#blocks #menu .blocks a,
#block #menu .blocks a,
#newBlock #menu .blocks a,
#uploads #menu .uploads a,
#upload #menu .uploads a,
#users #menu .users a,
#emailRecipients #menu .emailRecipients a,
#emailRecipient #menu .emailRecipients a,
#newEmailRecipient #menu .emailRecipients a,
#emailList #menu .emailRecipients a,
#newEmailList #menu .emailRecipients a,
#subscribers #menu .subscribers a,
#subscriber #menu .subscribers a,
#newSubscriber #menu .subscribers a,
#user #menu .users a,
#newUser #menu .users a,
#menu li:hover a,
#menu li.hover a,
#menu li.selected a {
	background-position: 0 -27px;
	border-color: #3157a0;
	color: white;
	text-shadow: 0px 1px 0px rgba(0,0,0,1);
}

/* !FOOTER */
/************************************/
#footer {
	background: #282A2E;
	color: #E5E5E5;
	line-height: 29px;
}
#footer p {
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	text-align: right;
}

/* !POPUPS */
/*************************************/

.popup {
	/*
display: table; 
	margin: 0 auto;
	position: relative;
*/
	background: #f0f0f0;
	border: 2px solid #3b3d41;
	left: 50%;
	top: 50%;
	margin-left: -194px;
	margin-top: -118px;
	padding-bottom: 50px; /* tbBottom */
	position: absolute;
	width: 384px;
	z-index: 50;
/* (just use the natural height and width which is about the same)
	width: 384px;
	height: 180px;
*/
}

.pOuter,
#mainLoading {
	background: url(../images/white-50-percent.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 45;
}
#mainLoading {z-index: 155; /* background: url(../images/white-30-percent.png); */ background: none; display: none;}
#mcWrap {background-color: #fafafa;}
#mainLoading img {
	background: white;
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 20px;
	margin: -37px 0 0 -37px;
	border: 2px solid #3b3d41;
}
.hidden, .hide {display: none;}
.pContent {
	padding: 20px;
	overflow: auto;
}

.pTitlebar {
	background: url(../images/popup-tl.png) no-repeat;
	padding-left: 10px;
	color: white;
	font-weight: bold;
}
.pTitlebar span {
	display: block;	
	background: url(../images/popup-tr-no-close.png) no-repeat right;
	line-height: 26px;
	overflow: hidden;
}
/*
.deleteConfirm {
	margin-left: -136px;
	margin-top: -83px;
}
*/

.popup .tbBottom{
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* !LOGIN */
/***********************************/
#login #header,
#login #footer {display: none;}
#login #mainContent {
	top: 0; 
	bottom: 0;
    background: #4663A8 url('../images/01236_blueprint_1280x1024.jpg') center center;
}

#loginForm .pContent {
	background: #FAFAFA url(../images/construct-logo.jpg) no-repeat;
	padding: 70px 0px 20px 10px;
}
#loginForm .pContent p {
	display: inline;
	float: left;
	overflow: auto;
}

.ajaxError,
.noticeWrap,
.loadingWrap {display: none;}

/* !PAGES */
/*************************************/
#pages #mainContent,
#pagesTreeView #mainContent,
#page #mainContent,
#news #mainContent,
#events #mainContent,
#newsArticle #mainContent,
#event #mainContent,
.itemForm #mainContent,
.editItemForm #mainContent,
.itemListView #mainContent {top: 130px;}
.newItemForm #mainContent,
#mainContent.noPermission,
.me #mainContent {top: 80px;}

#tbTop a#treeView,
#tbTop a#tableView {
	background: url(../images/pages-view-sprite.png) no-repeat;
	background-position: top left;
	display: block;
	float: left;
	height: 27px;
	margin-top: 12px;
	text-indent: -5000px;
	width: 38px;
}
#tbTop a#treeView {background-position: -39px 0; margin-right: 10px;}
#tbTop a#tableView.active {background-position: 0 -36px;}
#tbTop a#treeView.active {background-position: -39px -36px;}

/* !PAGES TABLE VIEW */
/*******************************************/
table.itemList {font-size: 1.2em; line-height: 1.2em; width: 100%;}
.itemList td, .itemList th {
	padding: 10px;
	text-align: left;
	border-right: 1px solid #A5A5A5;
}
.itemList th {background: #f0f0f0 url(../images/th-bg.jpg) repeat-x bottom; white-space: nowrap;}
.itemList th:hover {cursor: pointer;}
.itemList td {cursor: default;}
.itemList td.boolean {text-align: center;}
.itemList th span {padding-right: 10px;}
.itemList th.headerSortUp,
.itemList th.headerSortDown {background: #f0f0f0 url(../images/th-bg-active.jpg) repeat-x bottom;}
/* .itemList tr.odd td, */
.itemList tr.alt td {background: #EDF3FE;}
.itemList tr.selected td,
#pagesTree li.selected span {
	background-color: #405CCA; /*url(../images/tr-selected.jpg) repeat-x top;*/
	border-right-color: #003366;
	color: white;
}
.itemList th.headerSortUp span {background: url(../images/arrow-down.png) no-repeat right center;}
.itemList th.headerSortDown span {background: url(../images/arrow-up.png) no-repeat right center;}

/* !EMAIL RECIPIENTS */
/************************************/

#emailRecipients .itemListView #mainContent {top: 164px;}

/* !CONTENT SELECT */
/***********************************/

.contentSelect {
	background: url(../images/c-tab-header.jpg) repeat-x;
	height: 34px;
	/* overflow: hidden; */
	position: absolute;
	top: 130px;
	width: 100%;
}
.contentSelect h5 {
	color: #666666;
	display: inline;
	float: left;
	font-size: 1.2em;
	line-height: 33px;
	margin-left: 10px;
	padding: 0;
}

.contentSelect h4 {
	background: url(../images/c-tab-r.jpg) no-repeat right center;
	color: white;
	cursor: default;
	display: inline;
	float: left;
	font-size: 1.2em;
	height: 33px;
	line-height: 33px;
	margin-left: 10px;
	padding: 0 10px 0 0;
	text-transform: none;
}

.contentSelect h4 span.left {
	background: url(../images/c-tab-l-dd.jpg) no-repeat left center;
	cursor: pointer;
	display: inline;
	float: left;
	height: 33px;
	line-height: 33px;
	padding-right: 3px;
	width: 20px;
}

.cSelectDd {
	float: left;
	margin-left: -1px;
	position: relative;
	z-index: 1;
}
.contentSelect ul {
	background: white;
	border: 1px solid #222;
	border-width: 0 1px 1px 1px;
	display: none;
	margin-left: 10px;
	position: absolute;
}
.contentSelect li a {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	font-weight: bold;
	line-height: 32px;
	padding: 0 10px 0 23px;
	text-decoration: none;
	white-space: nowrap;
}
.contentSelect li:first-child a {
	background-image: url(../images/c-tab-l-dd-b.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.contentSelect li:first-child a:hover {
	background-image: url(../images/c-tab-l-dd-w.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.contentSelect ul li a:hover {
	background: #295BC8;
	color: white;
	border-bottom: 1px solid #206598;
}













.cSelectContent {display: none;}
.cSelectContent.selected {display: block;}

/* !PAGES TREE VIEW */
/*******************************************/
#pagesTree {background: url(../images/table-repeat.gif);}
#pagesTree li {
	line-height: 20px;
	font-weight: bold;
}
#pagesTree li span:hover {cursor: pointer;}
#pagesTree li span {
	padding: 3px 7px;
}
#pagesTree ul {
	margin-left: 20px;
	overflow: hidden;
}
#pagesTree li li {
	padding-left: 5px;
	background: url(../images/tree-line.gif) no-repeat;
	list-style-position: inside;
	font-weight: normal;
}
#pagesTree li li.last {
	background: url(../images/tree-last.gif) no-repeat;
}
#pagesTree li.selected li span {
	background-color: inherit;
	border-right-color: inherit;
	color: inherit;
}

/* !ITEM FORM */
/***********************************/

.mcPadding {padding: 20px 10px; width: 770px;}
.requiredP {line-height: 2.3em;}
.itemForm #mainContent {bottom: 79px; background: #fafafa;}

.tfItem {
	display: inline;
	float: left;
	margin-right: 1%;
	width: 48%;
}
.tfItem .padding {
	display: block;
	padding: 0 5px;
}
#newArticle .tfItem,
#newsArticle .tfItem,
#newEvent .tfItem,
#event .tfItem,
#page .tfItem,
#newPage .tfItem {
	width: 32.3%;
}
#contentField {width: 720px; height: 300px;}
#sidebar_contentField {width: 360px; height: 500px;}
.advanced,
.tfWrap {width: 770px;}

/* !MAIN CONTENT */
/***********************************/
#mainContent {background: #FAFAFA;}
.errorField {background:#FBE3E4;}
#dialog {display: none;}
form p {overflow: hidden;}
label, .inputWrap {display: inline; float: left; clear: left;}
label {font-weight: bold; margin-bottom: 5px; clear: none;}
input, textarea {padding: 5px; border: 1px solid #999; width: 150px;}
.tfItem textarea {width: 200px;}
/* .advGroup textarea {width: 250px;} */
input[type="checkbox"] {border: none; width: auto;}
input:focus, textarea:focus, .focus {border-color: black;}

#widthHeightP .inputWrap {clear: none;}
#widthHeightP input { margin-right: 10px;width: 30px;}
#widthHeightP label {margin: 5px 5px 5px 0;}

.insertImg {padding-left: 5px;}

button.adminBtn,
.button,
.button.green {
	background: url(../images/btn-green-l.png) no-repeat;
	background-position: 0 0;
	border-width: 0px;
	color:#fff;
	display: inline;
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	margin: 13px 0 0 10px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-shadow: 0px -1px 0px rgba(0,0,0,1);
}
.button.left,
button.adminBtn.left {float: left; margin: 13px 10px 0 0;}
.required {color: red;}

button.adminBtn span,
.button span,
.button.green span {
	background: url(../images/btn-green-r.png) no-repeat right;
	display: block;
	height: 26px;
	line-height: 25px;
	margin-left: 21px;
	padding: 0 10px 0 5px; 
	position: relative;
	white-space: nowrap;
}
button.adminBtn.insert {
	color: black; 
	display: inline;
	font-size: 1em; 
	float: none;
	margin-top: 0;
}
button.adminBtn.insert span {background: url(../images/btn-r.png) no-repeat right;}
a.button {
	background: url(../images/btn-l-plus.png) no-repeat;
	color: black;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
a.button:hover {color: #2a72a7;}
a.button.disabled:hover {color: black;}

a.add {background: url(../images/btn-l-plus.png) no-repeat;}
a.delete {background: url(../images/btn-l-minus.png) no-repeat;}
a.edit {background: url(../images/btn-l-edit.png) no-repeat;}
a.view {background: url(../images/btn-l-view.png) no-repeat;}
a.moveUp {background: url(../images/btn-l-up.png) no-repeat;}
a.moveDown, button.adminBtn.insert {background: url(../images/btn-l-down.png) no-repeat;}
a.check {background: url(../images/btn-l-check.png) no-repeat;}
a.list {background: url(../images/btn-l-list.png) no-repeat;}
a.cancel {background: url(../images/btn-l-cancel.png) no-repeat; color: white; text-shadow: 0px -1px 0px rgba(0,0,0,1);}
a.button span {
	background: url(../images/btn-r.png) no-repeat right;
	margin-left: 23px;
}
a.cancel span {background: url(../images/btn-r-cancel.png) no-repeat right;}

button.adminBtn::-moz-focus-inner {
	/* border: none !important; */  /* overrides extra padding in Firefox */
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) { */
	/* Safari and Google Chrome only - fix margins */
/*
	button {padding-top: 0;}
	button span {margin-left: 23px;}
}
*/
/* http://www.club-google.com/showthread.php?t=156 */
body:nth-of-type(1) button.adminBtn span{
	margin-left: 20px;
	margin-top: -1px;
}
/* body:first-of-type button span {margin-left: 23px;} */
/* can't filter safari from google chrome! */
#tbTop { /* change to class! */
	background: gray url(../images/tb-top.jpg) repeat-x bottom;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 80px;
	width: 100%;
}
.tbBottom {
	background: #f0f0f0 url(../images/btm-bar-bg.jpg) repeat-x;
	bottom: 29px;
	height: 50px;
	line-height: 50px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.floatLeft {display: inline; float: left; overflow: hidden;}
.clearLeft {clear: left;}
.floatWrap,
.tfWrap {overflow: auto;}
.toolbar .padding {padding: 0 10px;}
.disabled {opacity: .5;}
.disabled:hover {cursor: default;}
.tbTop .disabled:hover {color: black;}

.advanced {background: #ededed;}
.advanced .advContent {padding: 0 10px 10px 10px; display: none; overflow: auto;}
.advGroup {
	display: inline; 
	float: left; 
	margin-right: 1%; 
	overflow: hidden; 
	width: 48%;
}
.advanced h4 {padding: 10px 0;}
.uploadImageForm {display: block; clear: left; font-size: 1.0em;}
.uploadImageForm.hidden {display: block; display: none;}
.advanced h4 a,
a.uploadImage,
a.lddTitle {
	background: url(../images/arrow-right.png) left center no-repeat;
	padding: 5px 10px;
}
a.lddTitle {display: block;}
.lddContent {padding-left: 10px; /* margin-bottom: 20px; */}
a.uploadImage {margin-left: 10px; font-weight: normal;}
.open h4 a,
a.uploadImage.open,
.listDd.open a.lddTitle {background: url(../images/arrow-down.png) left center no-repeat;}
h1 em, h2 em, h3 em, h4 em, h5 em {font-size: 12px; color: black; font-weight: normal; text-transform: none;}
label em {font-weight: normal;}
.imageLoc {
	border: 1px solid #FAFAFA;
	clear: left;
	padding: 5px;
	margin-bottom: 5px;
}
.imageLoc.file button.adminBtn.insert {display: none;}

/* #uploadImageFieldUploader, */
#uploadImageFieldQueue .cancel {
	display: inline; 
	float: left; 
	margin-right: 10px;
}
.tbUploadify {float: right; margin-top: 13px;}
.tbUploadify object {display: inline; float: left;}
.tbUploadify #uploadImageFieldQueue {display: none;}
.label, #filterForm {
	height: 50px; 
	line-height: 50px;
	color: white; 
	font-weight: bold;
	float: left;
	padding-right: 10px;
}
#filterForm input {margin-top: 10px;}
.label {
	font-size: 1.2em;
}
.rightLabel {
	float: right;
	padding: 0 0 0 10px;
}
.gritter-item a {color: white; font-weight: bold;}

.warning {
	background: #FBE3E4 url(../images/warning.png) no-repeat 5px 11px;
	border: 1px solid #FBC2C4;
	color:#8a1f11;
	margin-bottom: 2em;
	padding: 10px 10px 10px 22px;
}
.warning a {color:#8a1f11;}
.warning strong {color: #E12229;}

form p,
form h6,
.tfItem .padding,
form li {
	border: 1px solid #FAFAFA;
	margin: 0 0 5px 5px;
	overflow: hidden;
	padding: 4px;
}
.advanced p,
.advanced li,
.advanced h6 {border-color: #EDEDED;}
form p.tfItem {
	background: none; 
	border: none;
	padding: 0; 
	margin: 0 1% 5px 0;
}
form h1, form h4, .advanced {margin-left: 10px;}
/* form p {background-color: #EFB3B7;} */

.success {
	background: #E6EFC2 url(../images/check.png) no-repeat 5px 8px;
	border: 1px solid #C6D880;
	color:#264409;
	margin-bottom: 2em;
	padding: 10px 10px 10px 22px;
}
.success a {color:#264409;}
/* .warning strong {color: #E12229;} */

#mainContent li li {margin-left: 20px;}

/*
#redirects {
	background: #DFDFDF;
	padding: 10px;
}
*/