/* globally-applied/common styles */

body {
 margin:0px;
 padding: 0px;
 background:#000 url(/_images/AW/body_bg.gif) repeat-x 0px 0px;
}

body, input, select, textarea, table, td {
 font: 11px Arial, Verdana, sans-serif;
}

a {
 text-decoration:none;
 color:#FF6633;
 font: 11px Arial, Verdana, sans-serif;
}

a:hover {
 color:#000;
}

a img {
 /* hide borders on images within links */
 border:none;
}

em {
 font-weight:bold;
 font-style:normal;
}

.strong {
 font-weight: bold;
}

button {
 cursor:pointer;
 cursor:hand;
}

div.line {
 margin:0px;
 padding:0px;
 height:1px;
 line-height:1px;
}

form {
 margin:0px;
 padding:0px;
}

img {
 /* eliminate whitespace under images */
 vertical-align:bottom;
}

p {
    font-weight: normal;
}

p,
h1, h2, h3, h4 {
 margin:7px 0px;
}

h1, h2, h3, h4 {
 font-size:12px;
 font-weight:bold;
}

.clear {
 position:absolute;
 display:block;
 clear:both;
 font-size:1px;
 line-height:1px;
 height:0px;
}

html>body .clear {
 height:1px;
 line-height:1px;
 margin-top:-2px;
 *margin-top:0px;
 visibility:hidden;
}

html>body #content-main .clear {
 /* excluding top bar / nav clear elements */
 position:relative;
 height:0px;
}

div.divider {
 /* replacement for HR which is inconsistent */
 font-size:1px;
 height:1px;
 line-height:1px;
 margin:15px 0px;
 border-top:1px solid #E5E5E5;
}

/* general styles/classes etc */

html>body .triangle {
 /* NN6 breaks on inline-block*/
 display:inline;
}

.triangle,
.triangle-dark {
 color:#FF6633;
 padding-right:11px;
 background:transparent url(/_images/AW/triangle.gif) no-repeat 100% 60%;
}

.triangle:hover,
.triangle.hover {
 color:#000;
 background:transparent url(/_images/AW/triangle_1.gif) no-repeat 100% 60% !important;
}

.disclaimer {
 color:#666;
 font-size:0.8em; /* scale text down slightly */
}

.glossary-disclaimer { 
 color:#666; 
 font-size:.85em; /* scale text down slightly */ 
}

.disclaimer-indent {
 color:#666;
 font-size:0.8em; /* scale text down slightly */
}

* html .triangle.hover {
 /* !important required for IE:win32 multiple class bug */
 /* hide from ie:mac \*/
 color:#000 !important;
 /* */
}

.triangle-dark:hover,
.triangle-dark.hover {
 /* hover for element on a dark background */
 color:#FFF;
 background:transparent url(/_images/AW/triangle_2.gif) no-repeat 100% 60%;
}

.noTop {
 /* override: eliminate top spacing on elements */
 margin-top:0px !important;
 padding-top:0px !important;
}

/* topmost horizontal strip */

#logo {
 position:absolute;
 top:10px;
 left:58px;
 width:153px;
 height:27px;
}

#page-width {
 width:770px;
}

#top-strip {
 background:#A5AEB7;
 height:50px;
 position: relative;
 z-index: 1;
}

#top-strip .left-block {
 float:left;
 display:inline;
 background:#fff;
 margin: 0px;
 padding: 0px;
 width:190px;
 height:50px;
}

/*persistent navigation*/

#persistent-nav {
 margin:0px;
 padding: 0px;
 position: absolute;
 z-index: 1;
 left: 240px;
}


#persistent-nav ul {
 margin:0px;
 padding: 0px;
 list-style-type:none;
 width: 532px;
 height: 50px;
 position: relative;
 z-index:1;
}

#persistent-nav ul li {
 float:left;
 display:inline;
 font: 11px Arial, Verdana, sans-serif;
 position: relative;
 z-index:1;
}

#persistent-nav ul li a {
 line-height: 50px;
 color:#333;
 padding: 0 6px;
}

#persistent-nav ul li a:hover {
 color: #444;
}

#persistent-nav ul li.form {
 float:left;
 display:inline;
 width:165px;
 padding-left:3px;
}

html>body #persistent-nav ul li.form {
 /* netscape 6 display fix */
 /*\*/
 border-top:1px solid #A5AEB7;
 margin-top:-1px;
 height:48px;
 /* */
}

#persistent-nav ul li.form p {
 float:left;
 display:inline;
 color:#333;
 margin:0px;
 padding:0px;
 line-height:50px;
 width:40px;
}

#persistent-nav ul li form {
 margin:0px;
 padding:0px;
 padding-top:15px;
 float:left;
 display:inline;
 width:125px;
}

#persistent-nav ul li form input.search-box {
 width: 84px;
 height:15px;
 line-height:15px;
 padding-left:3px;
 background:#fff;
 /*\*/
 background: #fff url(/_images/AW/form_input_bg_white.gif) repeat-x 0px 0px;
 /**/
 border:none;
 font: 11px Arial, Verdana, sans-serif;
}

#persistent-nav ul li form input.search-button {
 width: 22px;
 background-color: #A5AEB7;
 border: 1px solid #666;
 position: relative;
 text-align: center;
 margin: 0 auto;
 font-size:11px;
 cursor:pointer;
 cusror:hand;
}

/* ie:win32-specific items */

* html body #persistent-nav ul li form input.search-botton {
 top: 1px;
}

* html #persistent-nav ul li.form {
 width:auto;
}

* html #persistent-nav ul li * {
 width:auto;
}

/* block-link and button styles */

.block-link,
.block-link-active {
 background:#FF6600;
 color:#fff;
 border:none;
 height:20px;
 font:bold 11px/20px "Arial Narrow", "Arial";
 padding:3px 10px;
 text-transform:uppercase;
}

a.block-link:hover {
 background:#4D5154;
 color:#fff;
}

button.block-link,
button.block-link-active {
 height:20px;
 line-height:15px;
 padding:0px;
 margin:0px;
}

* html .block-link {
 /* IE-specific \*/
 line-height:21px;
 padding-top:2px;
 padding-bottom:3px;
 /* ie:mac excluded */
}

.block-link:hover,
.block-link-active {
 background:#4D5154;
 color:#fff;
}

html>body button.block-link {
 line-height:20px;
 padding:0px 10px;
 padding-bottom:2px;
}

a.width-one {
 /* fixed-width buttons */
 display:block;
 height:15px;
 line-height:15px;
 width:115px;
 w\idth:95px;
}

.generic-button,
button.generic-button-active {
  padding:0px 3px;
  margin:0px;
  background:#CDCED0;
  color:#4D5154;
  border:solid 1px #4D5154;
  font-size:9px;
  word-spacing:-1px;
}

.generic-button:hover,
button.generic-button-active {
  background:#4D5154;
  color:#eee;
}

* html button.generic-button.active {
  height:18px;
  line-height:13px;
}

/* "feature item" components */

.feature-item .content {
 font-size:11px;
}

.feature-item .content h3 {
 margin:0px;
 padding:0px;
 font:normal 16px "Arial Narrow", "Arial";
 color:#333;
 text-transform: uppercase;
 letter-spacing: -1px;
}

.feature-item .content img {
 /* place image at left */
 margin-left:-20px;
}

/* featured item "call-outs" (typically shown inline alongside copy) */

div.call-out {
 width:520px;
 padding-top:16px;
 padding-bottom:16px;
}

div.call-out div.left {
 /* left column */
 float:left;
 display:inline;
 width:180px;
}

div.call-out div.right {
 /* right column */
 float:left;
 display:inline;
 width:340px;
}

div.call-out div.right h3 {
 font:12px Arial;
 font-weight:bold;
 margin-top:0px;
 margin-bottom:13px;
}

/* Left nav "call-out" */

#content-left div.left-callout {
 position:absolute;
 left:0px;
 bottom:20px;
 width:190px;
 text-align:center;
}

/* main content area */

#content-main {
}

#content-main #content-block {
 position:relative;
 float:left;
 display:inline;
 margin:0;
 padding:0;
 width:770px;
 background-color:#A5AEB7;
}

#content-main .column {
 float:left;
 display:inline;
}

#content-main #content-left {
 margin: 0px;
 padding: 0px;
 width:190px;
 background:#A5AEB7;
}

#content-main #content-left #callout{
 display: inline;
 margin: 0px;
 padding: 0px;
 width:190px;
 background:#A5AEB7;
}

#content-main #content-right {
 margin: 0;
 padding: 0;
 width:580px;
 background:#FFF;
}

#content-main #content-right.fluid {
 /* override for templates where min-height is greater than content */
 height:auto !important;
}

html>body #content-main #content-right.fluid {
 min-height:1px;
}

/* right content styles */

	#title-strip {
		position: relative;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 58px;
		background-color: #b4babf;
	}
	
  #title-strip-portfolio {
		position: relative;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 58px;
		background-color: #FFF;
	}
  
	div#title-strip-wt {
		position: relative;
		margin: 0;
		padding: 0;
		width: 580px;
		height: 58px;
		background-color: #EFEDEA;
	}
	
	h1.content-title-wt {
		font: 38px/58px "Times New Roman", Times, serif; 
		color: #4D5154;
		margin: 0;
		padding: 0 0 0 18px;
	}
	
	h1.content-title {
		font: 38px/58px "Times New Roman", Times, serif; 
		color: #dadddf;
		margin: 0;
		padding: 0 0 0 18px;
	}
	
/* styles for content template 2 & 4 */

	#upper-content {
		margin: 0;
		padding: 0;
		height: 277px;
		width: 580px;
	}
	
	#lower-content {
		margin: 0;
		padding: 0;
		width: 580px;
	}
	
	#lower-content p {
		padding: 0 20px;
    }
	
	.content-area-one,
	.content-area-two,
	.content-area-three {
		margin: 0;
		padding: 0;
		float: left;
        /*
		border-top: 1px dashed #aaa;
		border-right: 1px dashed #aaa;
        */
		background-color: #999;
	}
	
	#upper-content .content-area-one {
		height: 276px;
		width: 193px;
	}
	#upper-content .content-area-two {
		height: 276px;
		width: 157px;
	}
	#upper-content .content-area-three {
		height: 276px;
		width: 227px;
	}
	
	#lower-content .content-area-one {
		height: 149px;
		width: 193px;
	}
	#lower-content .content-area-two {
		height: 149px;
		width: 157px;
	}
	#lower-content .content-area-three {
		height: 149px;
		width: 227px;
	}

/* end of styles for content template 2 & 4*/

/* styles for brochure request callouts in left nav */

.triangle-white {
 color: #000000;
 padding-right:11px;
 background: transparent url(/media/images/common/triangle_1.gif) no-repeat 100% 88%;
}

.triangle-black {
 color: #000000;
}

.triangle-black:hover {
 color: #FFFFFF;
}

.triangle-white:hover {
 color: #FFFFFF;
 background: transparent url(/media/images/common/triangle_1.gif) no-repeat 100% 88%;
}

#brochure { 
 position: absolute;
 top: 425px;
 left: 25px;
 width: 155px;
}

#brochure1 {
  position: absolute;
  top: 275px;
  left: 20px;
  width: 155px;
}

/* end of styles for brochure request callouts in left nav */

/* footer */

#footer {
 padding-top: 10px;
 clear:both;
 height:30px;
 background:#DCDDDE;
}

#footer a {
 font-size:11px;
 padding-left:15px;
 line-height:28px;
 color:#000;
}

#footer a:hover {
 color:#666;
}


/* Custom Style used for Verity Search pages */

#content-main #content-right-search {
 margin: 0;
 padding: 0;
 width:100%;
 background:#FFF;
}

#requestBrochure {
  width: 155px;
  padding-left:8px;
  padding-top:10px;
  padding-bottom:10px;  
}

h5 {
 font-size:16px;
 font-weight:bold;
 font-family:"Times New Roman",Georgia,Serif;
 
}

.triangle-orange { 
 font-size:12px;
 font-weight:bold; 
 color: #FFFFFF;
 padding-right:11px;
 background: transparent url(/_images/AW/triangle_2.gif) no-repeat 100% 88%;
}


.triangle-orange:hover {
 font-size:12px;
 font-weight:bold; 
 color: #000000; 
 background: transparent url(/_images/AW/triangle_1.gif) no-repeat 100% 88%;
}

#modalPage
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px; 
	left: 0px;
}
.modalBackgroundIE
{
    filter:alpha(opacity=40); 
	background-color: #999999;
    z-index: 500;
    position: absolute;
    left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
    top: expression(ignoreMe = document.documentElement.scrollTop + "px");
    width: expression(document.documentElement.clientWidth + "px");
    height: expression(document.documentElement.clientHeight - 85 + "px");
}
.modalBackgroundFirefox
{
	-moz-opacity: 0.4; 
	background-color: #999999;
    width: 100%;
    height: 100%;
}
.modalBackgroundOther
{
	opacity: 0.4; 
	background-color: #999999;
    width: 100%;
    height: 100%;
}
.modalContainer
{
    position: absolute;
    width: 560px;
    left: 30%;
    top: 180px;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -150px;
    z-index: 1000;
    padding: 0px;
}
.modalTop
{
    width: 100%;
    background-color: #ff6716;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
	padding: 10px;
}
