/* General Tags */
body {background: #b9c0cc url('../Images/Bresnan/SiteGradient.jpg') repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: center; color: #444444;}
a {color: #2a5393;}

/* Overall Structure */	
.whole {width: 804px; height: auto; margin: 0px auto 0px auto; display: block; text-align: left;}
.shadow {width: 804px; height: auto; margin: 0px; padding: 0px; position: relative; background-color: #ffffff; border-left: 2px solid #777777; border-right: 2px solid #777777; border-bottom: 2px solid #777777; float: left;}

/* Module Classes */
/* Menu/NavBar Module */
.drop {width: 158px; height: auto; padding: 5px; border-bottom: 1px solid #2f5898; color: #ffffff; background-color: #2a5393; cursor: pointer; cursor: hand;}
.drophover {width: 158px; height: auto; padding: 5px; border-bottom: 1px solid #2f5898; color: #ffffff; background-color: #6986b2; cursor: pointer; cursor: hand;}
.navimage {width: 164px; height: auto; margin: 0px; padding: 0px; cursor: hand; cursor: pointer;}
.nav {width: 158px; height: auto; margin: 0px; padding: 3px; background-color: #6986b2; color: #ffffff;}
/*.navon {width: 158px; height: auto; margin: 0px; padding: 3px; background-color: #486897; color: #ffffff; font-weight: bold;} */
.nav a {text-decoration: underline;}
.navback {width: 158px; height: auto; margin: 0px; padding: 3px; background-color: #113f86; color: #ffffff;}
.navhover, .navon {width: 158px; height: auto; margin: 0px; padding: 3px; background-color: #486897; color: #ffffff; cursor: hand; cursor: pointer;}

/* Content Module */
.contentcol h1 {width: 604px; height: 29px; margin: 16px 12px 11px 12px; padding: 3px 8px 0px 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #154288; background: url('../Images/Bresnan/H1Dots.gif') repeat-x; overflow-x: hidden;}
.contentcol h1 object {margin: -1px 0px 0px 0px; padding: 0px;}
.contentcol object { margin: 0px; padding: 0px 12px;}
.contentcol h1 embed {margin: -1px 0px 0px 0px; padding: 0px;}
.contentcol h2 {width: auto; height: auto; margin: 5px 12px 11px 12px; padding: 6px 0px 8px 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #154288; background: url('../Images/Bresnan/H2Dots.gif') repeat-x;}
.contentcol h3 {width: auto; height: auto; margin: 0px 12px 11px 12px; padding: 0px; font-size: 12px; font-weight: bold;}
.contentcol p {width: auto; height: auto; margin: 0px 0px 12px 0px; padding: 0px 12px; width: 604px;}
.contentcol ul {width: auto; margin: 0px 0px 11px 0px; padding: 0px; line-height: normal; list-style-position:inside;}
.contentcol ul li {width: 100%; height: auto; margin: 0px 0px 5px 20px; padding: 0px; vertical-align: text-top;}
.contentcol ul li ul li {vertical-align: baseline;}
.red h1, .red h2, .red h3, .red a, b.red {color: #990000;}
.grey h1, .grey a, .grey p {width: auto; height: auto; margin: 0px 0px 4px 0; padding:0; color: #333333; background: none;}

/* Page Sequence Module */
.tabs {width: auto; height: 40px; margin: 0px 4px 20px 4px; background: transparent url('../Images/Bresnan/TabLine.gif') repeat-x bottom;}
.tabs .title {margin: 0px 6px 0px 2px;}
.tabs .tab {top: 12px; position: relative;}

/* Form Module */
.templatecol {width: 400px; height: auto; float: left;}
.formrow {width:98%; margin: 0px 12px 0px 12px; display: inline;}
.formrow h2 {float: left;}
.formrow p {margin: 0px 12px 0px 12px; float: left;}
.formcol input, .blockcol input {margin: 0px 6px 0px 0px; float: left; clear: left;}
.formcol select, .blockcol select {margin: 0px 6px 0px 0px; float: left;}
.formcolnoclear {float:left;}
.formcolnoclear select {clear:none;}
.photohead {font-weight:bold;}
.photobottom {margin-bottom:30px;}
.formcol textarea, .blockcol textarea {margin: 0px 5px 2px 0px; float: left; clear: left;}
.formcol label, .blockcol label {margin: 0px 0px 3px 0px; clear: right;}
.formcol span, .blockcol span {width: auto; height: auto; margin: 0px 0px 3px 0px; clear: none;}
.help {width: 200px; height: auto; margin: 0px 15px 0px 0px; padding: 10px 0px 0px 0px; font-size: 10px; line-height: 12px; float: right;}
.helpnopad {width: 200px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; font-size: 10px; line-height: 12px; float: right;}
h2.floatleft, h3.floatleft {width: 610px; float: left; clear: both; margin: inherit 12px; display: inline;}
h3.nofloat {display: inline; clear: none; margin-right: 3px;}
.buttons {margin-top: 24px;}

/* Template Module */
.color {margin: 0px; border: 1px solid #ffffff;}
.coloron {margin: 0px; border: 1px dotted #6986b2;}
.dialog {width: 228px; height: auto; margin: 0px; padding: 10px; border: 1px solid #ffffff; color: #ffffff; background-color: #6986b2; font-size: 10px; text-align: center; display: block;}
.dialog h2 {width: 100%; margin: 0px 0px 8px 0px; font-size: 12px; text-align: left;}
.dialog img {margin: 0px auto 8px auto;}
.dialog p {width: 100%; margin: 0px 0px 8px 0px; text-align: left;}
.dialog .swatch {width: 100%; margin: 0px; text-align: left;}
.dialog .swatch img {margin: 0px 2px 0px 0px;}
.template {width: 100%; height: auto; margin: 0px 0px 30px 0px; padding: 0px;}
.templatecol h3 {margin: 0px 0px 8px 0px;}
.template img {margin: 0px 2px 2px 2px;}

/* Security Module */
.securitycol h1 {width: auto; height: 19px; margin: 5px 12px 11px 12px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #154288; overflow-x: hidden;}
.securitycol h1 object {margin: -1px 0px 0px 0px; padding: 0px;}
.securitycol h1 embed {margin: -1px 0px 0px 0px; padding: 0px;}
.securitycol h2 {width: auto; height: auto; margin: 5px 12px 11px 12px; padding: 0px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #154288;}
.securitycol h3 {width: auto; height: auto; margin: 0px 12px 11px 12px; padding: 0px; font-size: 12px; font-weight: bold;}
.securitycol p {width: auto; height: auto; margin: 0px 12px 11px 12px; padding: 0px 4px 0px 4px;}
.securitycol ul {width: auto; margin: 0px 12px 11px 12px; padding: 0px; line-height: normal;}
.securitycol ul li {width: 100%; height: auto; margin: 0px 0px 5px 20px; padding: 0px; vertical-align: text-top;}
.securitycol ul li ul li {vertical-align: baseline;}
.securitycol input {margin: 2px 0px 0px 0px;}
.securitycol .accountlogin h2 {color: #000000; font-size: 11px; font-weight: bold;}
.securitycol .accountlogin .html {font-size: 10px;}
.securitycol .accountlogin .submit input {width: 110px; height: 43px; margin: 0px; padding: 0px; border: 0px; background: transparent url('../Images/Bresnan/Buttons/submit.gif') no-repeat; cursor: hand; cursor: pointer;}

.login {width: 250px; height: 73px; margin: 5px; padding: 5px; border: 1px solid #ffffff; background: #a1b2cc; font-size: 11px; color: #ffffff; float: right; overflow: hidden;}
.login a {color: #ffffff; font-weight: bold;}
.login h2 {margin: 0px; padding: 0px; font-size: 11px;}
.login p {margin: 0px 0px 5px 0px; padding: 0px; float: left;}
.login input {width: 114px; margin: 0px; font-size: 11px; border: 1px solid #6a85af;}
.login .username {width: 114px; height: auto; margin-right: 8px; display: inline;}
.login .password {width: 114px; height: auto; display: inline;}
.login .html {width: 189px; height: auto; margin-right: 5px;}
.login .submit {width: 46px; height: auto; text-align: right;}
.login .submit input {width: 46px; height: 15px; margin: 0px; padding: 0px; border: 0px; background: transparent url('../Images/Bresnan/Buttons/submitsmall.gif') no-repeat; cursor: hand; cursor: pointer; float: right;}

/* Report Module */
.StockPhotoGrid {float: left; clear: both;}
.Grid {width: 600px; line-height: 18px; display: inline; font-size: 11px;}
.GridHeader {height: 29px; padding-left: 3px; border-bottom: 2px solid #ffffff; font-weight: bold; vertical-align: center; cursor: default;}
.GridHeaderText {color: #ffffff;}
.GridHeaderText label {margin-right: 30px; font-weight: bold;}
.GridHeaderText input {width: 150px; margin: 2px 10px 2px 2px;}
.GridHeadingCellHover {}
.GridHeadingCellActive {}
.GridHeadingRow {height: 29px; background: transparent url('../Images/Bresnan/H2Dots.gif') repeat-x; color: #154288; font-size: 12px; /* text-transform: uppercase; */}
.GridHeadingRowCollapsed {height: 0px; background-color: transparent; color: #154288; font-size: 1px;}
.GridHeadingCell {padding: 1px 0px 3px 0px;}
.GridHeadingCellText {font-weight: bold; text-align: left; display: inline;}
.GridRow {background-color: #ffffff;}
.GridRowHover {background-color: #88abd2; color: #ffffff;}
.GridRowAlternating {background-color: #dfe3e8;}
.GridRowSpecial {font-weight: bold;}
.GridRowInactive {color: #999999;}
.GridRow .GridDataCell {padding: 3px; cursor: default;}
.GridRowHover .GridDataCell {padding: 3px; cursor: default;}
.GridRowAlternating .GridDataCell {padding: 3px; cursor: default;}
.GridRow td.FirstDataCell {padding: 3px;} 
.GridFooter {width:auto; padding: 5px; cursor: default;}
.GridFooter a {font-weight: bold; vertical-align: bottom;}
.GridPager {}
.GroupByCell {cursor: pointer;}
.GroupByText {padding-right: 5px; color: #ffffff; font-weight: bold;}
.GroupHeading {padding-top: 5px; padding-bottom: 5px; background-color: #ffffff; color: #aaaaaa; font-weight: bold;}

/* E-Commerce Module */
.cart .quantity {width: 20%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .description {width: 40%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .price {width: 30%; height: auto; margin: 0px 5px 0px 0px; padding: 0px;}
.cart .total {}

/* Message Code Classes */
.message0 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}
.message1 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #ff0000;}
.message2 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}

.systemmessage0 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}
.systemmessage1 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #ff0000;}
.systemmessage2 {width: 100%; height: auto; margin: 0px 0px 10px 0px; font-size: 10px; color: #999999;}

/* Tips */
.tipPopUp {width: 200px; height: auto; margin: 0px; padding: 5px; border: 1px solid #486897; background-color: #ffffff; font-size: 10px; line-height: 12px; position: absolute; text-align: left;}

/* Stock Photo Gallery */
#StockPhotoGrid_top_head, #StockPhotoGrid_expcol_0, #StockPhotoGrid_expcol_1, #StockPhotoGrid_expcol_2, #StockPhotoGrid_expcol_3, #StockPhotoGrid_expcol_4 {visibility: hidden; display: none;}
#StockPhotoGrid .DataCell {height:215px;}
.DataCell .photo {border:3px solid #ffffff;}
.DataCell .photo:hover {border:3px solid #6986b2;}
.DataCell .active {border:3px solid #6986b2;}

/* Features */
.features {height: auto; float: left;}
.features div {width: 50%; float: left;}
.features div input {margin-right: 5px;}

/* Error pages */
#error {width: 800px; margin: 0 auto; padding: 2px; background: #fff; border: 1px solid #666}
#error.pagerow {margin: 0; float: none;}