@charset "utf-8";
/* CSS Document */
.button {float: right;margin-top: 5px;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;color: #333;}
#breadcrumb p {margin: 5px 0 0 240px;font-size: 0.65em;color: #666;}
.clear {clear: both;}
.col-heading {border-bottom: 1px solid #e2e2e2;padding: 0 0 0 10px;}
#contactDetails {color: #fff;font-size: 0.75em;}
#contactDetails a {color: #fff;}
#contactDetails a:hover {color: #bebc69;}
#contactDetails th {text-align: left;color: #bebc69;font-weight: bold;padding-right: 3px;}
.img-float {float: left;margin: 5px 10px 10px 0;}
#footer a {color: #3656AB;}
#footer a:hover {background-color: #3656AB;color: #fff;text-decoration: none;}
#footer img {float: right;}
#footer p {float: left;font-size: 1.1em;width: 200px;}
.hidden {display: none;}
img {border: none;}
#info {list-style-type: none;}
#info li {height: 26px;margin-left: 0 !important;padding-left: 35px;padding-top: 5px;}
.info-pdf {background: url(../images/pdf.gif) no-repeat;}
.info-visual {background: url(../images/visual.gif) no-repeat;}
.info-applications {background: url(../images/visual.gif) no-repeat;}
.info-press {background: url(../images/press-release.gif) no-repeat;}
.info-case {background: url(../images/case-study.gif) no-repeat;}
img.info {padding-left:1px;padding-right:1px;padding-top:3px;padding-bottom:3px;vertical-align: middle;}
#news {font-size: 62.5%;}
#news ul {list-style-type: none;}
#news ul li {display: inline;}
#news ul li a {color: #3656AB;display: block;font-size: 1.1em;line-height: 1.2em;padding: 5px 10px;text-decoration: none;}
#news ul li a:hover {color: #fff;background-color: #3656AB;}
#news p {font-size: 1.1em;line-height: 1.2em;margin: 5px 10px;}
#news p a {color: #3656AB;text-decoration: none;}
#news p a:hover {color: #fff;background-color: #3656AB;}
.panel-content img {float: left;}
.panel-content-withimage img {float: left;margin-right: 5px;}
.panel-content h2 {width: 425px;float: left;text-align: left; display: inline;clear: none;}
.panel-content p,.panel-content-withimage p {clear: both;}
.panel-bottom {background: url(../images/panel-bottom-bg.png);height: 25px;position: relative;top: -15px;width: 496px;}
.panel-content,.panel-content-withimage {background: url(../images/panel-content-bg.png) repeat-y;padding: 0 25px;width: 446px;display: block;position: relative;z-index:0;text-align: justify; border:none;	min-height:32px;/*to prevent h2s and links from hiding*/height:auto;}
/*html:not([dummy]) .panel-content {border-collapse: collapse;  border-spacing: 0px; border-top:1px solid #f8f8f8;} *//* values for Safari and Firefox */
/*@media all and (min-width: 0px) { .panel-content {border-top: 1px #e2e2e2 solid; border:;  border-collapse: collapse;  } } *//* values for Opera 8 */
.panel-content-withimage {z-index:1;font-size: 1.2em; line-height: 1.4em;height:auto;_height: 275px; /* IE 6 */margin-bottom:-15px;/* to avoid large gap on non-ie browsers */}
.panel-content-withimage div {float:right; text-align: justify; clear: right;display:block;height:auto;}
.panel-content p.link {text-align:right; line-height:75%;/*padding-top:3px; *//*to prevent link from hiding (safari)*/height: 17px;display:block;	z-index:10;clear:both;}
/* opera hack (to prevent link from hiding) : */
/*html:first-child .panel-content p.link {padding-top:7px;}*/
.panel-top {background: url(../images/panel-top-bg.png);height: 20px;width: 496px;clear: both;}
/*html>body .panel-top {border-bottom: 1px solid lime;}*/
/*.panel-top {border: none;} *//* values for IE */
/*html:not([dummy]) .panel-top {border-collapse: collapse;  border-spacing: 0px;  } *//* values for Safari and Firefox */
/*@media all and (min-width: 0px) { .panel-top {border-bottom: 1px #e2e2e2 solid;border-collapse: collapse;} } *//* values for Opera 8*/
.productsummary {width: 100%;display: block;position: relative;z-index:0;min-height: 20px; /*to prevent h2s from hiding*/margin:0px;padding:0px;clear:both;* margin-top:-10px;}
.productsummary img {float: left;margin: 5px 10px 10px 0;* margin-top:15px;}
#rss {position: absolute;top: 180px;* top: 177px;right: 10px;}
.newsfooter {display:block;margin-top: 50px;float:left;font-weight:bold;}
#search-field, .search-field {height: 16px;border: 1px solid #273f7c;width: 138px;vertical-align: middle;font-size: 80%;padding: 1px 2px;}
.form-field {height: 16px;border: 1px solid #999;width: 164px;margin-bottom: 2px;font-size: 80%;padding: 1px 2px;}
#go, .go {vertical-align: middle;}
.smaller {font-size: 0.9em;}
img, div { behavior: url(iepngfix.htc) }
#logos {font-size: 62.5%;}
.error {font-size: 0.9em;color:#ff0000;}
p.loginnote{display:block;margin-top:10px;}
.loginnote {font-size: 0.7em;}
.loginnote a, #client-login .loginnote a {font-size: 1em;}
#logos  .col-heading {border-bottom: 1px solid #e2e2e2;margin: 0px 0px 0px -10px;padding: 0px 0px 0px 10px;}
#logos p {font-size: 1.1em;}
#logos a {vertical-align: middle}
/*	 Form Settings */
#StandardForm { DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 13px; PADDING-TOP: 10px; PADDING-BOTTOM: 5px; WIDTH: 450px; }
#StandardForm FIELDSET { BORDER: 1px #fff solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; WIDTH: 450px; PADDING-TOP: 5px; TEXT-ALIGN: left;}
#StandardForm LEGEND { visibility: hidden; height:20px; }
/* Opera 8 hack */
html:first-child #StandardForm LEGEND.FirstItem { visibility: hidden; padding:0px; margin:0px; margin-bottom: 20px; margin-top: -50px;}
html:first-child #StandardForm LEGEND { visibility: hidden; padding:0px; margin:0px; margin-bottom: 20px; margin-top: -10px;}
#StandardForm DIV.row { CLEAR: both; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 2px; vertical-align:middle; WIDTH: 390px;}
#StandardForm DIV.row SPAN.formField { FONT-WEIGHT: normal; FLOAT: left; FONT-SIZE: 1.2em; WIDTH: 120px; TEXT-ALIGN: left; margin-top:5px; }
#StandardForm DIV.row DIV.formValue { DISPLAY: block; FLOAT: left; FONT-SIZE: 1.2em; WIDTH: 250px; }
#StandardForm DIV.row DIV.formValue INPUT.textbox {font-size: 12px; height: 14px; width: 183px;padding: 2px;vertical-align: top;background-color: #F8F8F8;margin-bottom: 5px;border: 1px solid #ccc;}
#StandardForm DIV.row DIV.formValue span.checkbox label {padding-left: 5px;}
#StandardForm DIV.row TEXTAREA.textbox {font-size: 12px;height: 75px;width: 250px;padding: 2px;vertical-align: top;background-color: #F8F8F8;margin-bottom: 5px;border: 1px solid #ccc;font-family: Arial, Helvetica, sans-serif;}
#StandardForm DIV.row DIV.formValue input.submit {float:right; margin-top:5px;}
#StandardForm BR.end {clear: both;}
/*          Site Map Styles           */
DIV.sitemap {float:left; display:block; width: 100%; vertical-align: top; }
UL.sitemap {font-family: Arial, Helvetica, sans-serif; width: 100%; float:left; white-space: nowrap; vertical-align: top;}
LI.SiteMapTier1{font-weight: bold;padding: 0px;margin: 0px;	list-style-type: none; display:block; }
LI.SiteMapTier2{font-weight: normal;padding: 0px;margin: 0px;	list-style-type: none;display:block;}
LI.SiteMapTier3{font-weight: normal;list-style-type: none; display:block;}
A.SiteMapTier1:link{text-decoration: none;color: #333; display:block; width: 100%;}
A.SiteMapTier2:link{text-indent: 0px;padding-left: 25px;font-weight: normal;text-decoration: none;color: #999;}
A.SiteMapTier3:link{padding-left: 45px;text-decoration: none;text-indent: 25px;color: #CCCCCC;}
A.SiteMapTier1:hover{color:#AA84CA; display:block; width: 100%;}
A.SiteMapTier2:hover{color:#AA84CA;text-indent: 0px;padding-left: 25px;}
A.SiteMapTier3:hover{color:#AA84CA;text-indent: 25px;padding-left: 45px;}
A.SiteMapTier1:visited{text-decoration: none;color: #333; display:block; width: 100%;}
A.SiteMapTier2:visited{text-indent: 0px;padding-left: 25px;font-weight: normal;text-decoration: none;color: #999;}
A.SiteMapTier3:visited{padding-left: 45px;text-decoration: none;text-indent: 25px;color: #CCCCCC;}
/*  Search Styles  */
#searchcontainer{display:block;width: 500px;}
#searchcontainer #searchform {display:block;}
#searchcontainer #searchform h1{font-weight: bold;}
#searchcontainer #searchform p{font-weight: normal;}
#searchcontainer #searchform p INPUT[type="text"]{font-weight: normal;margin-left:10px;margin-right:10px;vertical-align: middle;}
#searchcontainer #searchform p INPUT[type="image"] {vertical-align: middle;}
#searchcontainer #searchresults {display:block;width:100%;height: 100%;font-size: 1.2em;}
#searchcontainer #searchresults #SearchHeader {color:#3656AB;display:block;line-height: 150%;margin-bottom: 20px;}
#searchcontainer #searchresults #SearchHeader h2 {color:#3656AB;}
#searchcontainer #searchresults .SearchPageTitle {Float:left;font-weight: bold;display:block;;margin-top:5px;}
#searchcontainer #searchresults .SearchPageTitle a {color: #3656AB;}
#searchcontainer #searchresults .SearchPageTitle a:hover {color: #fff;}
#searchcontainer #searchresults .SearchPageLoc {Float:right;font-weight: bold;display:block;color:#3656AB;}
#searchcontainer #searchresults .SearchPageDescription {display:block;font-weight: normal;font-style: italic;width:100%;clear: both;margin-top:5px;}
/* Style to remove some appearance facets of headline summary */
#searchcontainer #searchresults .SearchPageDescription *{line-height: 100%;display:inline;padding-right:5px;}
#searchcontainer #searchresults .SearchSeparator {width:100%;height:10px;display:block;}
#searchcontainer #searchresults .SearchSeparator HR {width:100%;height:1px;display:block;color:#E2E2E2;}
#searchcontainer #searchresults #SearchFooter {display:block;color:#E2E2E2;}
/* Display Headlines Settings */
.HeadlineContainer {display: block;width: 100%;}
.HeadlineContainer .Headline {display:block;width: 100%;padding-bottom:10px;}
.HeadlineContainer .Headline .summary {display: block;}
.HeadlineContainer .Headline P {}
.HeadlineContainer .Headline .date {float:right;clear:both;font-size: 0.9em;}
.HeadlineContainer .Headline .more {clear:both;}
HR.HeadlineItemSeparator {color: #999999;	height: 1px;}
#HeadlineTitleContainer {display:block;height:50px;width:100%;}
#HeadlineTitleContainer div.title {display:inline;width:135px;float:left;}
#HeadlineTitleContainer a.rss {display:inline;width:14px;height:14px;float:left;margin-top:5px;}
.breadcrumb {display:block;margin-left: 0px;margin-bottom: 15px;margin-top: -30px; font-size:1.1em;}
/*	 Wufoo   */
.wufoo li {	padding: 0px; margin: 0px;}
.wufoo input[type=text] {height: 16px;border: 1px solid #999;margin-bottom: 2px;font-size: 90%;padding: 1px 2px;}
.wufoo textarea {	border: 1px solid #999;	margin-bottom: 2px;	font-size: 90%;	padding: 1px 2px;}
.wufoo .text {width: 100px;}
.wufoo .medium {width: 175px;}
.wufoo .large {width: 225px;}
#saveForm {background: url(../../../www.wcctv.testsite.zenwebsolutions.com/assets/images/submit.png) no-repeat;padding-left: 78px;color: #fff;border: none;cursor: hand;cursor: pointer;}
.wufoo h2, .wufoo .info h2 {	color:#273F7C;}
.wufoo .desc	{	FONT-WEIGHT: normal; FLOAT: left; FONT-SIZE: 1.2em; WIDTH: 120px; TEXT-ALIGN: left; margin-top:5px;}
.wufoo .focused{	background-color:#FFf;}
.wufoo #top, .wufoo #bottom{/* Drop Shadows */	visibility:visible;}