/*

	avigilon stylesheet 
	coded by: paul jarvis of twothirty.com
	
*/


* { padding: 0; margin: 0; border: 0; } 

body {
	font: 11px/17px "Lucida Grande", tahoma, sans-serif;
	background: #e6e6e6;
	color: #404040;
	}

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	color: #fff;
	}



/* NEW STUFF FROM ANDREW TO BE ORGANIZED */
#masthead { position: relative; /* CUT height: 333px; */ }
.isflash { position: absolute; top: 0; left: 0; width: 498px;}
/*.flashbehind { position: absolute; left: -498px; }
*/

#masthead-home { 
	display: block;
	position: realtive;
	width: 980px; height: 333px;
	background: url(/images/headerNoFlash.jpg) no-repeat;
	z-index: 1;
	}

	#masthead-home a { 
		position: absolute;
		width: 201px; height: 31px;
		margin: 142px 0pt 0pt 351px; 
		background: url(/images/masthead-home.jpg) -351px -142px no-repeat;
		}
		
	#masthead-home-flash, #masthead-home-flash {
		position: realtive;
		z-index: 1;
		}	

#main-images {
	height: 110px;
	background: url(/images/main-images.jpg) repeat-x;
	}

/*#partnerLoginWindow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 800px;
	min-height: 500px;
	z-index: 9999;	
	}*/

	#partnerLoginWrap {
		position: relative;
		display: none;
		width: 1062px;
		margin: 0 auto;
		z-index: 9999;
		}
			
#partnerLoginForm {
	position: absolute;	
	top: 0;
	right: 0;
	text-align: left;
	width: 178px; height: 140px;
	margin-left: 765px;
	padding: 25px 40px 0 30px;
	background: url(/src/partnerLoginForm.png) no-repeat;
	z-index: 50;
	}
	
	#partnerLoginForm label {
		clear: left;
		width: 60px;
		margin: 14px 0 -14px 0;
		padding: 0 0 12px 0;
		color: white;
		font-size: 10px;
		}
	

	#formPassword {
		position: absolute;
		display: block;		
		width: 100px;
		right: 40px;
		margin-top: 40px;
		font-size: 11px;
		background: #ccc;
		border: 2px solid #999999;
		z-index: 9999;
		}

	#formUser {
		position: absolute;
		display: block;
		width: 100px;
		right: 40px;
		margin-top: 10px;
		font-size: 11px;
		background: #ccc;
		border: 2px solid #999999;
		z-index: 9999;	
		}	
			

	#partnerLoginFormButton {
		position: absolute;
		top: 85px; right: 40px;
		width: 180px; height: 31px;
		margin: 15px 0 0 -3px !important;
		border: none !important;
		background: url("/src/parnterLoginFormButton.jpg") no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		}		

	#partnerLoginClose {
		position: absolute;
		width: 50px;
		right: 40px;
		margin: 110px 0 0 0;
		color: white;
		cursor: pointer;
		}
		
/* interface
-------------------------------------------------------- */
#wrapper {
	width: 1062px;
	margin: 0 auto;
	background: #000 url("/src/background.png") left 0 repeat-y;
	}

#content, #footer, #header, #main-images {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

	#content {
		padding-bottom: 50px;
		background: url(/src/graphic-bestevidence.gif) no-repeat bottom center;
		}
		
	#main-col {
		position: relative;
		float: left;
		width: 980px;
		height: 452px;
		padding: 39px 0 0 0;
		display: inline;
		background: white url(/images/main-col.png) no-repeat top;
		}
		
		.subitems {
			border: 1px solid #9a9a9a;
			float: left;
			}
	
	#side-col {
		position: relative;
		width: 214px;
		float: left;
		margin-left: -961px;
		margin-top: -3px;
		background: url("/src/subnav-bottom.gif") bottom left no-repeat;
		padding-bottom: 44px;
		display: inline;
		}
		
		#side-col-home {
			position: relative;
			width: 213px;
			float: left;
			margin-left: -960px;
			margin-top: -3px;
			background: url("/src/subnav-bottom.gif") bottom left no-repeat;
			padding-bottom: 45px;
			display: inline;
			}
			
		* html #side-col { margin-top: -2px; }
		* html .downloads #side-col { margin-top: -11px !important; }
		* html #side-col-home { margin-top: -2px; }

	#footer {
		background: url("/src/back-footer.gif") repeat-x;
		text-align: right;
		}



/* image replacement
-------------------------------------------------------- */
#replacelogo {
	position: absolute;
	top: 0; left: 0;
	width: 223px; height: 73px;
	background: url("/images/nav.png") no-repeat;
	z-index: 1000;
	}

	#replacelogo h1, #replacelogo a {
		display: block;
		width: 223px; height: 60px;
		text-indent: -9999px;
		background: none;
		text-decoration: none;
		border: none !important;
		} 
		

/* navigation links
-------------------------------------------------------- */
ul#nav {
	position: relative;
	height: 73px; width: 980px;
	background: url("/images/nav.png") no-repeat;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a, #homeBlock {
		position: absolute;
		bottom: 0; 
		color: #fff;
		font-family: helvetica;
		font-weight: bold;
		font-size: 11px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border: none !important;
		cursor: pointer;
		padding: 7px 0;
		}
		
		ul#nav li#partnerLoginButton {
			position: absolute;
			right: 28px;
			top: 0;
			height: 25px;
			width: 130px;
			z-index: 10;
			text-indent: -9999px;
			cursor: pointer;
			}
			ul#nav li#partnerLoginButton a:hover { background: none; }
		
		ul#nav li#partnerLoginButton a { display: block; height: 100%; position: relative; width: 100%; z-index: 10; }

		ul#nav li#home a { 
			left: 372px; width: 80px; 
			}
		ul#nav li#company a { 
			left: 450px; width: 101px; 
			}
		ul#nav li#products a { 
			left: 550px; width: 110px; 
			}
		ul#nav li#caseStudies a { 
			left: 660px; width: 118px; 
			}
		ul#nav li#sales a { 
			left: 782px; width: 87px; 
			}
		ul#nav li#support a { 
			left: 865px; width: 114px; 
			}

		ul#nav a.active, ul#nav a:hover { background: url(/images/navIndicator.png) no-repeat right; }

		ul#nav li#home a:hover, ul#nav li#home a.active	 							{ background-position: 62px 12px; }
		ul#nav li#company a:hover, ul#nav li#company a.active 				{ background-position: 84px 12px; }
		ul#nav li#products a:hover, ul#nav li#products a.active  			{ background-position: 92px 12px; }
		ul#nav li#caseStudies a:hover, ul#nav li#caseStudies a.active	{ background-position: 105px 12px; }
		ul#nav li#sales a:hover, ul#nav li#sales a.active  						{ background-position: 67px 12px; }
		ul#nav li#support a:hover, ul#nav li#support a.active  				{ background-position: 88px 12px; }

/* Menu hovers with Markets section
		ul#nav li#home a:hover, ul#nav li#home a.active	  			{ background-position: -398px -86px; }
		ul#nav li#company a:hover, ul#nav li#company a.active 		{ background-position: -478px -86px; }
		ul#nav li#products a:hover, ul#nav li#products a.active  	{ background-position: -579px -86px; }
		ul#nav li#markets a:hover, ul#nav li#markets a.active  		{ background-position: -681px -86px; }
		ul#nav li#sales a:hover, ul#nav li#sales a.active  			{ background-position: -779px -86px; }
		ul#nav li#support a:hover, ul#nav li#support a.active  		{ background-position: -865px -86px; }
*/

ul#subnav {
	width: 214px;
	line-height: 11px;
	}

ul#subnav li {
	display: inline;
	}

ul#subnav li a {
	position: relative;
	background: #8a8a8a;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 18px;
	font-size: 12px;
	margin-bottom: 1px;
	}
	
	ul#subnav li a:hover, ul#subnav li a.active {
		background: #707070;
		}
		
	ul#subnav a.active {
		font-weight: bold;
		}
	
	ul#subnav li li a {
		background: #dbdbdb;
		color: #404040;
		display: block;
		text-decoration: none;
		padding: 4px 0 4px 21px;
		font-size: 9px;
		}
		
		ul#subnav li li a:hover, ul#subnav li li a.active {
			background: #c2c2c2;
			}
	
	




/* non-navigation links
-------------------------------------------------------- */
#main-col a, #main-col a:link, #main-col a:active, #main-col a:visited {
	color: #404040;
	text-decoration: none;
	}

	#main-col a.noline {
	border: none !important;
	}

#main-col a:hover {
	color: #1a448e;
	}

#home-markets a {
	font-weight: bold;
	}

.open {
	padding-right: 12px;
	background: url("/src/arrow-down.gif") right center no-repeat;
	}
	
	
	
/* content area
-------------------------------------------------------- */
.home #home-news {
	position: absolute;
	left: 40px;
	width: 300px;
	height: 262px;
	}
	
	#home-news h2 { margin-bottom: 0; }
	
	.read-more {
		position: absolute;
		bottom: 0;
		right: 0;
		font-size: 12px;
		font-style: italic;
		color: #666 !important;
		}

#home-outperform {
	position: absolute;
	left: 400px;
	width: 300px;
	height: 262px;
	float: left;
	}
	
#home-shows {
	position: absolute;
	left: 760px;
	width: 190px;
	height: 262px;
	float: left;
	}

	#home-shows h2 {
		margin-left: 10px;
		}
	
	#home-shows p, #home-shows h3 {
		width: 175px;
		margin-left: 10px !important;
		}
		#home-shows h3 { margin-top: 0px !important; font-size: 13px; }
		#home-shows p { margin-bottom: 12px !important; }

#home-awards {
	position: absolute;
	width: 950px;
	height: 160px;
	top: 327px;
	margin-left: 22px;
	color: #666 !important;
	}
	
	li.heading {
		position: absolute;
		width: 100%;
		left: 0;
		top: 5px !important;
		margin: 0 !important;
		text-align: center;
		}
		
		li.heading * { 
			margin: 0; 
			font-size: 12px;
			font-style: italic !important; 
			font-weight: normal !important;
			}
	
	#home-awards li {
		float: left;
		display: block;
		text-align: center;
		list-style: none;
		margin: 27px 20px;
		}
		
		#home-awards img {
			margin: 0 auto;
			}

		#home-awards a {
			display: block;
			}
			
		#home-awards h4 {
			font-size: 12px;
			margin-top: 18px;
			}
			
		#home-awards p {
			margin-top: 5px;
			font-size: 11px;
			font-weight: bold;
			color: white !important;
			}
	
	.awardDescription {
		position: absolute;
		display: none;
		top: 190px;
		width: 185px;
		height: 102px;
		padding: 10px 25px;
		margin-left: -200px;
		background: url(/src/awardDescription.png) no-repeat;
		z-index: 9999;
		opacity: 0;
		text-align: left;
		}
		
		.awardDescription h4 { color: white; }
		.awardDescription p { font-weight: normal !important; }


#home-partners {
	position: absolute;
	text-align: center;
	width: 950px;
	height: 140px;
	top: 445px;
	left: 15px;
	background: url(/src/main-col.png) no-repeat bottom;	
	}	
	
	#home-partners li {
		display: inline;
		position: relative;
		top: 2px;
		margin: 27px 50px;
		}
					
.subitem {
	border: 1px solid #505050;
}	
	
#side-col img, #side-col-home img {
	float: left;
	border: none !important;
	margin: 0; padding: 0;
	}	
	
.product-img {
	float: right;
	margin-left: 30px;
	}

hr {
	height: 1px;
	background: #505050;
	margin: 15px 120px 15px 0;
	}
	
	.products hr { margin: 15px 0;}

p.line {
	border-top: 1px solid #ccc;
}

	
/* text
-------------------------------------------------------- */
#main-col p {
	margin-bottom: 15px;;
	}
	
	.products p { padding: 12px 20px 12px 0 !important;}
	
#footer p {
	padding: 12px;
	color: #fff;
	font-size: 9px;
	}

li {
	list-style: none !important;
	}
	
	#main-col li { list-style: circle;}
	#home-markets li, #home-quicklinks li {
	list-style: none !important;
	}

h2 {
	font-size: 17px;
	line-height: 1.25em;
	margin-bottom: 5px;
	}

h2.smaller {
	font-size: 14px;
	height: 25px;
	margin-bottom: 6px;
	}	
	
h3 {
	font-size: 14px;
	color: #333;
	margin-top: 21px;
	}

h4 {
	font-size: 14px;
	color: #333;
	margin-top: 21px;
	}
	
	.container {
		position: relative;
		margin: 12px 0;
		}
	
	.container h3 {
		margin: 3px 0 !important;
		}
	
	.container p {
		display: none;
		position: absolute;
		left: 275px; right: 0;
		top: -12px;
		}

		p.date {
			clear: both;
			font-size: 10px;
			color: #8a8a8a;
			padding: 0 !important;
			margin: 0 !important;
			}
			p.date2 {
				font-size: 11px;
				color: #8a8a8a;
				padding: 0 !important;
				margin: 0 !important;
				}

		.coverage h3 {
			width: 275px;
			}
		
		p.subtext {
			font-size: 13px;
			color: #8a8a8a;
			padding: 0 !important;
			margin: 0 !important;
			}
					
	#home-news h3, #home-outperform h3 {
		padding: 0 !important;
		margin: 0 !important;		
		text-decoration: none;
		color: #003399;
		}
		
		.home h3 a { color: #003399 !important; }
		
	#home-markets h2, #home-quicklinks h2 {
		margin-left: 27px;
		font-size: 15px;
		height: 21px;
		}
		
	#home-markets ul, #home-quicklinks ul {
		padding: 0 21px;
		}

	#home-markets li, #home-quicklinks li, .arrowedlist li {
		padding: 0 0 12px 6px;
		background: url("/src/arrow.gif") 0 6px no-repeat;
		}

#home-quicklinks p {
	margin: 30px 0 0 30px !important;
	padding: 0 !important;
}

.border-img {
	float: right;
	border: 3px solid #ddd;
	margin: 0 120px 10px 10px;
	}
	
.viewSampleFootage {
	position: absolute;
	right: 40px;
	top: 55px;
	border: 0px !important;
	}	
	
	.viewSampleFootageControlCenter {
		position: absolute;
		display: block;
		left: -67px;
		top: -95px;
		border: 0px !important;
		}

.serverImage {
	position: absolute;
	display: block;
	right: 40px;
	top: 150px;
	}	
	
.setWidth {
	width: 430px;
	}	

/* javascript box thingie
-------------------------------------------------------- */
.two, .three, .four {
	display: none;
	}
	
.subitems {
	position: relative;
	width: 600px;
	background: url("/src/back-subitems.gif") no-repeat;
	margin: 30px 0;
	}
	
	.subitems ul {
		height: 30px;
		}
		
	.subitems p {
		padding: 15px !important;
		}

	.submenu li {
		float: left;
		background: url("/src/back-subitems-divider.gif") top right no-repeat;
		}
	
		.submenu li a {
			float: left;
			display: block;
			color: #ccc !important;
			padding: 2px 6px 8px 6px;
			font-size: 9px;
			border: none !important;
			}

			.submenu li a:hover {
				color: #fff !important;
				}
				
			.submenu li a.active {
				background: url("/src/back-subitems-arrow.gif") bottom center no-repeat;
				color: #fff !important;
			}


table {
	margin: 15px 120px 15px 0;
	border-top: 1px solid #505050;
	border-bottom: 1px solid #505050;
	position: relative;
	}

table#footage { width: 82%; margin: 15px 0 15px 0; border: none; }	
	table#footage th, table#footage td { border-bottom: 1px solid #ccc; border-top: none; text-align: left; }

	th {
		background: #e6e6e6;
		font-size: 10px;
		padding: 3px 6px;
		}
		
	td {
		font-size: 10px;
		text-align: left;
		padding: 3px 6px;
		border-top: 1px solid #505050;
		position: relative;
		}
		
		.software td, .software th, table.fat * {
			text-align: left;
			}

			table.newprod, table.fat {
				width: 100%;
				margin: 15px 0;
				border: none;
				position: relative;
				line-height: 12px;
				}

				.newprod th {
					font-size: 9px;
					padding: 3px 6px;
					background: none;
					}
					
				.newprod tr.space { height: 20px; background: #fff; font-size: 15px; line-height: 15px;}

				.newprod td {
					font-size: 9px;
					text-align: center;
					padding: 3px 6px;
					position: relative;
					background: #ebebeb;
					border: none;
					border-right: 1px solid #ccc;
					}
					
					.newprod td.first { font-size: 14px; font-weight: bold;  }
					.newprod td.white {background: #fff;border: none !important; }
					.newprod td.above { border-top: 2px solid #fff;}
					.newprod td.aboveblue { border-top: 2px solid #fff; }
				
				.newprod td.aboveblue strong { font-size: 11px;}
				
					.newprod td.angle {background: url("/src/45d.gif") no-repeat; }
					.newprod .last { text-align: left; border-right: none !important;}



					#hometable { margin-left: 25px !important; width: 170px;  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

					#hometable td { border-top: 1px solid #ccc;}
					#hometable a { font-size: 14px;}


/* form content
-------------------------------------------------------- */
form {
	float: left;
	width: 580px;
	margin-top: 30px;
	}
	
.home form {
	width: 170px;
	margin-left: 30px;
}	

* html .home form {
	display: inline;
}

input, select, textarea {
	font: 13px "Lucida Grande", tahoma, sans-serif;
	padding: 3px;
	font-weight: normal;
	display: block;
	border: 1px solid #ccc;
	}
	
	input.checkbox {
		float: left;
		border: none !important;
		margin-right: 12px;
		}

	.submitbtn {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		}
	
	.small {
		width: 100px;
		}
	
	.medium {
		width: 230px;
		}
		
		.home .medium {
			width: 150px;
		}

	.full {
		width: 493px;
		}

fieldset { 
	border: none;
	border-top: 1px solid #ccc; 
	display: block;
	clear: left;
	padding: 5px 21px;
	margin-bottom: 21px;
	}

.home fieldset {
	border: none;
	padding: 0 !important; 
	margin: 0 !important;
}

label, form p {
	position: relative;
	display: block;
	float: left;
	width: 90%;
	padding-bottom: 12px;
	}	
	
	.home label, .home fieldset {
		padding: 0 !important;
		margin: 0 !important;
	}
	
	label.check {
		padding-top: 12px;
		}
			
label.half, p.submit {
	width: 49%;
	}
	
	span.submit {
		padding-top: 12px;
		display: block;
	}


legend {
	font-weight: normal;
	padding: 6px;
	font-size: 13px;
	margin-left: -6px;
	color: #000;
	}

	.errFld {
		border: 1px solid #b80000;
		}
	
	.errMsg {	
		background: #b80000 !important;
		color: #fff;
		float: left;
		padding: 0 3px;
		font-size: 9px;
		}

	input.hidden { display: none !important; }



/* sifr
-------------------------------------------------------- */
.sIFR-flash, .sIFR-replaced { visibility: visible !important; position: relative; z-index: 10; }

span.sIFR-alternate {
	position: absolute;
	left: 0; top: 0;
	width: 0; height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2, .sIFR-hasFlash h2.smaller {
	visibility: hidden;
	}

	/* Authentication
	*/

	.ui-widget-overlay { 
		background: #000;
		filter: alpha(opacity=40);
		opacity: 0.4;
		position: absolute;
		top: 0;
		}

	.ui-dialog {
		background: #fff;
		padding: 5px 5px 0 5px;
		}


		.ui-dialog-titlebar {
			background: transparent url(/images/thickboxBar.jpg) repeat scroll 0 0;
			height: 50px;
			}

			.ui-dialog-title {
				background: transparent url(/images/thickboxLogo.jpg) no-repeat scroll center center;
				float: left;
				height: 50px;
				position: relative;
				width: 228px;
				}
			.ui-icon-closethick {	
				background: url(/images/thickboxClose.jpg) no-repeat scroll center center;
				float: right;
				height: 23px;
				padding: 13px 50px;
				position: relative;
				text-indent: -9999px;
				width: 0;
				}

	#authForm {
		display: none;
		}
		#authForm.authToggle { 
			display: block;
			position: relative;
			width: 565px;
			}

		#authForm.authToggle .header { display: none; }

		fieldset.first { border: none; position: relative; }
		#authForm fieldset { width: 520px; }

		#authForm .header {
			background: #F1F1F1 url(/images/download.jpg) no-repeat 15px 15px;
			padding: 10px 10px 10px 50px;
			}

			#authForm .header p { font-size: 12px; color: #999; }
			#authForm .header h4 { font-size: 14px; font-weight: normal; color: #333; }

		#contatInfo { padding: 15px 15px 10px 15px; }

		.requiredFields {
			font-size: 10px;
			position: absolute;
			right: 272px;
			text-align: right;
			top: 0px;
			width: 160px;
			}	
			.requiredField { font-weight: bold; color: #993300; }

			#authForm textarea { margin-top: 3px; }	


/* Modals
*/

#modal {
	display: none;
	overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important;
	}

	#modalIframe,
	#modalIframe *,
	.ui-dialog {
		border: 0;
		overflow: hidden !important;
		overflow-x: hidden !important;
		overflow-y: hidden !important;
		}