/* Shared Styles */

* {
	margin: 0;
	padding: 0;
	zoom: 1;
	}

body {	
	background: url(images/bg-header.gif) repeat-x #fff;
	}
	
body, table, p {	
	font-size: 12px;
	line-height: 20px;
	color: #4a4a4a;
	}
	
	/* Font */
	
	body, 
	table, 
	p,
	input,
	select,
	textarea,
	.lookup li {	
		font-family: 'Arial', 'Helvetica', sans-serif;
		}
	
	/* Primary link color */
	
	a:link,
	a:visited,
	td.change a {
		color: #3b8097;
		}
	
	td.change a:hover {
		background: #3b8097;
		}
	
	/* Title, highlight, hover color */

	h1,
	h2,
	h3,
	a:hover,
	.on a,
	.mainMenu ul.menu li a:hover,
	.mainMenu ul.menu li.on a,
	.footer ul.menu li a:hover,
	.footer ul.menu li.on a,
	.buttonActive strong  {
		color: #f57e20;
		}
	
	table td.thumb a:hover {
		border: 1px solid #f57e20;
		}
	
ul.menu {
	list-style-type: none;
	}
	
ul.menu li {
	float: left;
	display: inline;
	}
	
ul.menu li a {
	background-repeat: no-repeat;
	float: left;
	display: inline;
	line-height: 100px;
	overflow: hidden;
	}
	
ul.menu li a:hover {
	background-position: 0 -23px;
	}
	
ul.menu li.on a,
ul.menu li.on a:hover {
	background-position: 0 -46px;
	}
	
a:hover,
.on a {
	text-decoration: none;
	}
	
a,
input {
	outline: none;
	text-decoration: none;
	}
	
h1 {
	font-size: 15px;
	margin-bottom: 30px;
	}
	
h2 {
	font-size: 13px;
	}
	
h3 {
	font-size: 12px;
	}
	
img {
	border: 0;
	}

.clearLeft {
	clear: left;
	}

.clearIt {
	height: 0;
	clear: both;
	overflow: hidden;
	}

.floatLeft {
	float: left;
	display: inline;
	}

.floatRight {
	float: right;
	display: inline;
	}
	
.titleDivider {
		height: 10px;
		overflow: hidden;
		clear: both;
		border-bottom: 2px solid #333;
		margin-bottom: 20px;
		}

/* TOP MENUS ======================================= */
.topBar {
	background: #000;
	position: relative;
	width: 980px;
	height: 25px;
	margin: 0 auto;
	z-index: 100;
	color: #fff;
	}
	
.topBar .menu li {
	float: right;
	display: inline;
	}
	
.topBar a {
	height: 16px;
	margin: 5px 5px 0 0;
	}
	
/* PRIMARY MENU ======================================= */
.primaryMenu {
	display: block;
	margin-left: 30px;
	}
	
ul.primaryMenu li a{
	line-height: normal;
	font-weight: bold;
	color: #838383;
	overflow: hidden;
	margin: 5px 10px 0 0;
	white-space: nowrap;
}

.topBar .primaryMenu li{
	float: none;
}

ul.primaryMenu li.on a{
	color: #fff;
}
	
/* ACCOUNT MENU ======================================= */
.accountMenu {
	float: right;
	display: block;
	margin-left: 30px;
	}
	
.accountMenu li.userName {
	font-size: 10px;
	line-height: 10px;
	margin: 7px 10px 0 0;
	}

.accountMenu li.logIn a {
	background: url(images/top-menu-log-in.gif);
	width: 42px;
	}
	
.accountMenu li.logOut a {
	background: url(images/top-menu-log-out.gif);
	width: 48px;
	}
	
.accountMenu li.account a {
	background: url(images/top-menu-account.gif);
	width: 48px;
	}

/* HEADER ======================================= */

.header {
	width: 980px;
	height: 96px;
	margin:0 auto;
	position: relative;
	}
	
.header .logo {
	position: relative;
	display: block;
	width: 444px;
	height: 96px;
	top: 0px;
	left: 35px;
	background: url(images/logo.gif) no-repeat;
	}
	

/* FORM ELEMENTS ========================== */

input,
select,
textarea {
	font-size: 12px;
	width: 400px;
	background: #fff;
	border: 1px solid #999;
	color: #4a4a4a;
	padding: 4px;
	}
	
input.checkbox {
		width:auto;
		}
		
textarea {
	height: 100px;
	width: 100%;
	}
	
input.checkbox,
input.radio {
	width: auto;
	padding: 0;
	border: none;
	}
	
label input.checkbox {
	margin-right: 5px;
}

input.number {
	width: 40px;
	margin-right: 10px;
	text-align: right;
	}
	
label {
	margin: 0 20px 0 5px;
	white-space: nowrap;
	}
	
.disabled input,
.disabled select,
select.disabled {
	opacity: 0.4;
	}
	
option {
	margin: 4px;
	}

.formButton {
	width: auto;
	border: none;
	background: none;
	padding: 0;
	}
	
.invalid {
	background-color: #e6d8d8;
	border-color: #823a3d;
	}
	
/* lookup field */

.lookup {
	position: relative;
	display:inline;
	}

.lookup input {
	/*position: absolute;*/
	}
	
.lookupOpen input {
	/*z-index: 101;*/
	}
	
.lookup ul {
	background: #fff;
	padding: 5px 0;
	list-style-type: none;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 100;
	border: 1px solid #999;
	border-top: none;
	display: none;
	}
	
.lookupOpen ul {
	}
	
.lookup li {
	background: transparent;
		margin: 0;
	padding: 0;
	display: block;
	clear: left;
	color: #fff;
	}
				
	.lookup li a {
		background: transparent;
		width: 386px;
		height: 17px;
		padding: 5px 12px 0 10px;
		display: block;
		line-height: 12px;
		color: #838383;
		}
				
	.lookup li a:hover,
	.lookup li#F15C22 a {
		background-color: #dbdbdb;
		color: #4c4c4c;
		}
	

/* SEARCH FORM ======================================= */
.searchForm {
	height: 22px;
}

.searchForm .filterDisplayItem{
	margin: 0 0 0 10px;
}

.searchForm input.searchField {
	display: inline;
	width: 150px;
	}
	
.searchForm .formButton {
	float: left;
	display: inline;
	margin: 1px 0 0 5px;
	}
	
.filter {
	display: block;
	background: #e0e0e0;
	padding: 10px 15px;
	margin-bottom: 20px;
	}

.filter h3 {
	margin: 3px 10px 0 0;
	}
	
.searchForm select, .searchForm input{
	width: 110px;
	margin: 0 0 0 10px;
	}
	
.searchForm select.date{
	}

.searchForm select.source{
	width: 160px;
	}
	
.searchForm select.approval{
	}
	
.searchForm select.feed{
	width: 160px;
	}

input.datePicker{
	width: 80px;
}

.ui-datepicker{
    z-index: 4000 !important;
}


/* CONTENT AREA =========================== */
	
.wrapper,
.contentWrapper {
	position:relative;
	z-index: 10;
	}
	
.contentDivider {
	background: url(images/bg-wrapper.gif) repeat-x;
	}
	
.content {
	position:relative;
	width: 910px;
	margin: 0px auto 0 auto;
	min-height: 600px;
	}
	
.columnHalf{
	width: 435px;
	min-height: 300px;
	}
	
/* SYSTEM MESSAGES ===================================== */

.message {
	position:relative;
	width: 845px;
	background: url(images/icon-message-ok.gif) 17px 50% no-repeat #007f98;
	padding: 15px 15px 15px 50px;
	margin: 10px auto;
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: 15px;
	}
	
.messageAlert {
	background: url(images/icon-message-alert.gif) 17px 50% no-repeat #823a3d;
	}

	
/* SHADOW BOX ===================================== */

.shadow {
	margin: 0 auto;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 20;
	width: 972px;
	}
		
	.shadow .mid {
		width: 870px;
		white-space: normal;
		}
	
	.shadow .left,
	.shadow .right {
		width: 31px;
		}
		
	.shadow .top .left,
	.shadow .top .right,
	.shadow .bott .left,
	.shadow .bott .right {
		width: 51px;
		}

	.shadow .top,
	.shadow .top .left,
	.shadow .top .mid,
	.shadow .top .right,
	.shadow .bott,
	.shadow .bott .left,
	.shadow .bott .mid,
	.shadow .bott .right {
		height: 51px;
		}
			
	/* Top */

	.shadow .top .left {
		background: url(images/shadow-top-left.png) no-repeat;
		}
	
	.shadow .top .mid {
		background: url(images/shadow-top.png) repeat-x;
		}
		
	.shadow .top .right {
		background: url(images/shadow-top-right.png) no-repeat;
		}
	
	/* Middle */
		
	.shadow .middle {
		background: url(images/shadow-right.png) repeat-y top right;
		}
	
	.shadow .middle .left {
		background: url(images/shadow-left.png) repeat-y top left;
		padding: 0 0 0 31px;
		}
	
	.shadow .middle .mid {
		background: #fff;
		padding: 0 20px;
		}

	/* Bottom */
		
	.shadow .bott .left {
		background: url(images/shadow-bott-left.png) no-repeat;
		}
	
	.shadow .bott .mid {
		background: url(images/shadow-bott.png) repeat-x;
		}
		
	.shadow .bott .right {
		background: url(images/shadow-bott-right.png) no-repeat;
		}
		
		
/* BUTTONS ===================================== */

	/* with dynamic labels */
	
	.button {
		background: url(images/btn-right.png) no-repeat right top;
		padding-right: 10px;
		margin-left: 5px;
		color: #fff;
		line-height: 12px;
		}
	
		.button strong {
			background: url(images/btn-left.png) no-repeat left top;
			height: 16px;
			padding: 5px 5px 0 15px;
			display: block;
			color: #fff;
			text-decoration: none;
			white-space: nowrap;
			}
			
		.button:hover {
			background-position: right -21px;
			cursor: pointer;
			}
			
		.button:hover strong {
			background-position: left -21px;
			cursor: pointer;
			} 
	
	/* with graphical labels */
			
	.buttonGraphic {
		height: 21px;
		margin: 0;
		padding: 0;
		line-height: 100px;
		overflow: hidden;
		}

		
	/* with icons only */
			
	.buttonAlert,
	.buttonAlert:hover {
		background: url(images/btn-alert.png) no-repeat;
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		display: block;
		}
			
/* PAGING ===================================== */

.paging {
	margin: 30px 0 20px 0;
	}

ul.paging li a {
	background: #838383;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: 31px;
	height: 21px;
	line-height: 21px;
	margin-right: 1px;
	}
	
ul.paging li.left a {
	background: transparent url(images/btn-paging-left.png) no-repeat;
	}
	
ul.paging li.right a {
	background: transparent url(images/btn-paging-right.png) no-repeat;
	}	

	ul.paging li a:hover,
		ul.paging li.on a,
		ul.paging li.on a:hover {
		background-position: left -21px;
		background-color: #4c4c4c;
		}
		
/* MAIN MENU ======================================= */
	
.mainMenu h1 {
	margin: 0;
	}

.mainMenu ul.menu {
	margin-right: 20px;
	}

.mainMenu ul.menu li {
	margin-left: 20px;
	}

.mainMenu ul.menu li a {
	line-height: 20px;
	font-weight: bold;
	color: #838383;
	}
		
/* TABLES ======================================= */
	
table {
	width: 100%;
	}
	
table.partial {
	width: auto;
	margin-top: 10px;
}
	
table.partial input,
table.partial select,
table.partial textarea {
	width: 260px;
}
	
table h1, table h2 {
	margin: 0;
	}

table td {
	padding: 10px 15px;
	vertical-align: top;
	white-space: normal;
	}

table thead td {
	border-bottom: 2px solid #333;
	font-weight: bold;
	}

table.subList{
	margin-top: 20px;
}

table.subList thead tr:first-child td{
	border-bottom: none;
}

table.subList select, table.subList input{
	min-width: 160px;
	max-width: 220px;
	margin: 0 0 0 10px;
	}
	
table tbody td {
	border-bottom: 1px solid #ccc;
	}

table tbody tr.collapsed td {
	padding: 0px 15px;
	border-bottom: 0px;
}

table td.label {
	width: 105px;
	white-space: nowrap;
	}

table td.value {
	text-align: right;
	}
	
.disabled td.label strong,
.disabled td.value {
	color: #ccc;
	}
	
table tbody tr.bottom td {
	border-bottom: none;
	}

table td.approve{
	width: 82px;
}

table td.delete,
table td.remove,
table td.change {
	width: 25px;
	text-align: center;
	}
	
td.delete a,
td.remove a,
td.label a.delete,
.subListContainer li a.delete {
	color: #823a3d;
	font-weight: bold;
	display: block
	}
	
td.delete a:hover,
td.remove a:hover,
td.label a.delete:hover
.subListContainer li a.delete {
	background: #823a3d;
	color: #fff;
	}

td.change a {
	font-weight: bold;
	display: block
	}
	
td.change a:hover {
	color: #fff;
	}
		
table td.alert {
	width: 20px;
	padding-right: 0;
	}
	
table tr.inactive,
table tr.inactive a {
	color: #999;
	}
	
table td.drag {
	width: 20px;
	padding-right: 0;
	}
	
table td.name {
	width: 235px;
	}
	
table td.active {
	width: 100px;
	vertical-align: middle;
	}
	
table td.number {
	width: 300px;
	}

h1 span {
	padding-left: 20px;
	color: #4a4a4a;
	}
	
.photos table td.name,
.resources table td.name {
	width: 633px; 
	}
	
.pricing table td.active {
	width: 15px; 
	padding-right: 0;
	}
	
table td.thumb {
	text-align: right;
	}
	
table td.thumb {
	width: 60px;
	}
	
table td.thumb a {
	width: 58px;
	height: 43px;
	display: block;
	border: 1px solid #cdcdcd;
	}
	
.url td.thumb a {
	background: #f3f3f3;
	}
	
.pdf td.thumb a {
	background: #999;
	}
	
.photos ul.draggable table td,
.resources ul.draggable table td {
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	}

table.systems td.serialNumber{
	width: 250px;
}

table.systems td.url {
	width: 450px;
}
/* CONTENT & MEDIA */

strong.feedListName {
	width: 150px;
	}
	
.contentMediaSelection {
		padding: 5px 10px 20px 10px;
		}
		
.contentMediaSelection input {
		width: 300px;
		}
		
/* Sub-List container */
.subListContainer ul{
	list-style-type: none;
}

.subListContainer ul li{
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
}

.subListContainer ul li:first-child{
	border-top: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

.subListContainer ul li input{
	margin-bottom: 5px;
}

.subListContainer ul li textarea{
}
				
/* FOOTER ===================================== */

.footerWrapper {
	background: #dbdbdb;
	position:relative;
	height:400px;
	margin: 20px auto 0 auto;
	font-size:11px;
	text-align: left;
	color:#838383;
	z-index: 0;
	}

.footer {
	width: 960px;
	margin: 0 auto;
	position:relative;
	clear:left;
	padding: 0 25px 25px 25px;
	z-index: 1;
	}

.footer .copyright {
	margin: 18px 0 0 20px;
	}

.footer .contactInfo {
	float: left;
	display: inline;
	margin: 10px 0 0 298px;
	}
	
.footer a {
	color:#838383;
	}
	
/* footer menu */
	
.footer ul.menu {
	margin: 18px 20px 0 0;
	font-weight: bold;
	}

.footer ul.menu li {
	margin-left: 20px;
	}

.footer ul.menu li a {
	line-height: 20px;
	color: #838383;
	}
	

/* Map */
		
.impactRadius {
		margin: -2px 0 0 40px;
		}
		
.impactRadius input.number {
		margin-left: 10px;
		margin-right: 5px;
		}
		
/* imageSizer */
	.imageSizer{
		width: 432px;
		height: 324px;
		margin-top: 10px;
		text-align: center;
		vertical-align: middle;
		background: #e0e0e0;
	}
	
	.imageSizer .img-empty{
		font-weight: bold;
	}
	
	.imageSizer .img-container{
	}
	
	.imageSizer .img-shade{
		background: url(images/opaque-80.png);
	}
	
	.imageSizer .img-sizer{
		border: 1px solid #FFF; 
		cursor: move;
	}
	
/* eventDateTime */
	.eventDateTime input.datePicker{
		margin-right: 5px;
	}
	
	.eventDateTime input.radio{
		margin: 0 0 0 5px;
	}
	
	.eventDateTime select{
		margin-left: 5px;
	}
	
	.eventDateTime select.time{
		width: 60px;
	}
	
/* proximityMap */
	.proximityMap .map{
		width: 870px; 
		height: 480px;
	}

/* jqModal */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
		display: none;
		
		position: fixed;
		top: 17%;
		left: 50%;
		
		margin-left: -300px;
		width: 600px;
		
		background-color: #EEE;
		color: #333;
		border: 1px solid black;
		padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
		 Star selector used to hide definition from browsers other than IE6
		 For valid CSS, use a conditional include instead */
* html .jqmWindow {
		 position: absolute;
		 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* POPUP ========================== */

	.popup {
		position: absolute;
		top: 25px;
		left: 50%;
		margin-left: -486px;
		z-index: 3000;
		}
		
	.popup .message{
		width: 800px;
	}
		
		.popupSmall {
			left: 50%;
			margin-left: -356px;
			}

		.popupSmall .shadow {
			width: 702px;
			}
			
		.popupSmall .shadow .mid {
			width: 600px;
			}
		
	.popup h1 {
		margin-bottom: 10px;
		}
		
	/* Error */

	h1.error {
		background: url(images/btn-alert.png) no-repeat;
		padding-left: 30px;
		}
		
	/* Processing */

	.processingAnimation {
		background: url(images/processing-animation.gif) 50% 50% no-repeat;
		width: 100%;
		height: 200px;
		}
		
	/* Checkbox List */
	.checklist{
		margin: 10px 0 0 30px;
		width: 220px;
	}
	
	.checklist h3{
		margin-bottom: 10px;
	}
	
	.checklist input{
		width: auto;
	}
	
	.checklist ul{
		list-style: none;
	}
	
	.checklist ul label input{
		margin-right: 10px;
	}
	
	.checklist li strong{
		margin-right: 20px;
	}