/**
* @version 1.0
* @name screen-master.css
* @date September 2007
* @author Saul Willers and Jonathan Clough
* @link http://plexitynet.com/
* @email info@plexitynet.com
* Master CSS resets for all browsers, and common/unchanging site wide css
*/
/* Resets
=========================================== */
/*Universal resets*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*Universal font resets*/body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/*Universal styles after resets*/
body * {line-height:1.5em;}
/*===margin resets===*/
p,blockquote{margin-bottom:0.8em;}
pre{margin-bottom:1em;}
blockquote{margin-left:40px;}
/*===list resets==*/
ul {
 list-style-type:disc;
 margin:1em 0 1em 3em;
}
ol {
 list-style-type:decimal;
 margin:1em 0 1em 3em;
}
/* nested lists have no top/bottom margins - AND add left margin */
ul ul,ul ol,ol ul,ol ol{
 margin:0 0 0 2em;
}
/* 2 deep unordered lists use a circle */
ol ul,ul ul{
 list-style-type:circle;
}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ul ol ul,ul ul ul {
 list-style-type:square;
}
/*===general styles===*/
strong,th{font-weight:bold;}
em{font-style:italic;}
h1{margin-bottom:0.3em;}
h2,h3,h4,h5,h6{margin-top:0.3em;margin-bottom:0.1em;}
h1{font-size:197%;}
h2{font-size:159%;}
h3{font-size:144%;}
h4{font-size:129%;}
h5{font-size:122%;}
h6{font-size:114%;}
/*address overridden as quote style for wysiwyg editor compatibility*/
address{
 margin:1.2em 0 0.5em 0;
 padding:1em 4em 1.3em 4em;
 font-style:italic;
 background:url(../images/styles/blockquote.gif) 0.5em 0.3em no-repeat;
}
acronym {
 border-bottom:1px dotted #000000;
 text-decoration:none;
 cursor:help;
}
/* Common Universal Styles
=========================================== */
.modHeading {/*used on h3 for module headings*/
 padding:18px 0 0 0;
 text-align:center;
}
.simpleClear {
 clear:both;
}
.displayNone {
 display:none;
}
.smallText {
 font-size:77%;
}
.largeText {
 font-size:122%;
}
.plainText { /*used to style form inputs and the like*/
 font-family:inherit;
 font-size:100%;
}
.plainBoldText { /*eg use on form buttons */
 font-family:inherit;
 font-size:100%;
 font-weight:bold;
}
.narrowText {
 font-family:"Arial Narrow";
}
.noWrapping {
 white-space:nowrap;
}
.textLinks {
 padding-bottom:0.4em;
 font-size:92%;
 font-weight:bold;
}
.warningText {
 color:#ff3232;
}
.actionError {
 color:#FF0000;
 font-weight:bold;
}
.actionSuccess {
 color:#009900;
 font-weight:bold;
}
.requiredField {
 font:bold 77% verdana;
}
.required {
 font:900 114% verdana;
 color:#FF0000;
 display:inline;
}
.noUnderlineTxt {
 text-decoration:none;
}
.popupHelpIcon {
 position:relative;
 text-align:left;
}
.popupHelpIcon a {
 border:none;
 text-decoration:none;
}
.popupHelpIcon img {
 position:absolute;
 right:-25px;
 top:0;
}
/* === =accessibility - used to skip to main content === */
#skipNav a, #skipNav a:hover, #skipNav a:visited { 
 position:absolute;
 left:0px;
 top:-500px;
 width:1px;
 height:1px;
 overflow:hidden;
} 
#skipNav a:active { 
 position:static;
 width:auto;
 height:auto;
}
/* Universal Form Styles
=========================================== */
.formLayout {
 position:relative;
}
.formLayout .row {
 position:relative;
 padding:0 0 5px 0;;
}
.formLayout label {
 float:left;
 padding:0 0 5px 0;
 display:block;
 width:120px;
 font-weight:bold;
}
.formLayout input {
 float:left;
}
.wrapBeforeFieldHint {
 float:left;
}
.fieldHintFullWidth, .fieldHintFullWidthWithinTable {
 position:relative;
 margin:0 0 0 120px;
 clear:both;
 font-size:77%;
 color:#7c7c7c;
 line-height:normal;
}
.fieldHintFullWidth strong, .fieldHintFullWidthWithinTable strong {
 font-size:107%;
 font-weight:900;
}
.fieldHintFullWidthWithinTable {
 margin:0;
}
.fieldHint, .fieldHintWide, .fieldHintNarrow, .fieldHintNarrow2, .fieldHintNarrow3, .fieldHintNarrow4 {
 float:left;
 width:60%;
 padding:0 7px 0 7px;
 font-size:77%;
 color:#7c7c7c;
 line-height:1.2em;
}
.fieldHint strong, .fieldHintWide strong, .fieldHintNarrow strong, .fieldHintNarrow2 strong, .fieldHintNarrow3 strong, .fieldHintNarrow4 strong {
 font-size:107%;
 font-weight:900;
}
.fieldHintWide {
 width:75%;
}
.fieldHintNarrow {
 width:45%;
}
.fieldHintNarrow2 {
 width:35%;
}
.fieldHintNarrow3 {
 width:25%;
}
.fieldHintNarrow4 {
 width:20%;
}
.fieldHintTd {
 padding:0 7px 0 7px;
 font-size:77%;
 color:#7c7c7c;
}
.fieldHintTd strong {
 font-size:107%;
 font-weight:900;
}
/* =formErrors AND =formStatus */
#formStatus {
 margin:0 0 1.5em 0;
 padding:0.5em 1em 0.5em 1em;
 background:url(../images/forms/form-status-bg.gif) no-repeat top right;
 background-color:#FFFFDD;
 color:#746108;
 min-height:69px;
 border:2px solid #EBEB7A;
}
#formErrors {
 margin:0 0 1.5em 0;
 padding:0.5em 1em 0.5em 1em;
 background:url(../images/forms/form-error-bg.gif) no-repeat top right;
 background-color:#FFD3D3;
 color:#830000;
 min-height:69px;
 border:2px solid #EEADAD;
}
#formErrors ul, #formStatus ul {
 margin:0;
 padding:0.5em 1em 0.5em 2em;
 list-style-type:disc;
}
#formErrors li, #formStatus li {
 margin:0;
 padding:0.2em 0 0.2em 0;
}
.fieldError {
 background-color:#FFD3D3;
}
input.txtFieldFloat, .formElementFloat {
 float:left;/*needed so fieldHints and Advice will float left of this*/
 margin:0;
}
.inputFieldStandardFont {
 font-family:arial;
 font-size:100%;
 line-height:normal;
}
/* Image Gallery
=========================================== */
#imgGalDisplay {
 position:relative;
 padding:12px 0 15px 0;
 text-align:center;
 font-size:85%;
}
/* Mid Size Image display */
#imgGalDisplay #midSizeImgTable {
 margin-bottom:12px;
}
#imgGalDisplay #midSizeImgTable td {
 padding:0 4px 8px 4px;
}
#midSizeImgImageCol img {
 padding:3px;
 background:#f0f0f0;
 border:1px solid #c6c6c6;
}
#midSizeImgTable a img {
 padding:3px;
 margin:0;
 background:#f0f0f0;
 border:1px solid #c6c6c6;
}
#midSizeImgTable a:hover img {
 background:#e2e2e2;
 border:1px solid #999999;
}
#midSizeImgTable .thumbText {
 margin-bottom:6px;
}
/* Normal Gallery display*/
#imgGalDisplay .galleryRow {
 position:relative;
}
#imgGalDisplay .imgThumb {
 float:left;
 width:105px;
 margin:0 0 20px 0;
 padding:0 0 0 16px;
}
#imgGalDisplay .imgThumb a img {
 padding:3px;
 margin:0;
 background:#f0f0f0;
 border:1px solid #c6c6c6;
}
#imgGalDisplay .imgThumb a:hover img {
 background:#e2e2e2;
 border:1px solid #999999;
 text-decoration: none;
}
#imgGalDisplay .imgThumb .thumbText {
 width:100%;
 padding:0 3px 0 3px;
}
/*=galThumCol - used to display a single column of gallery thumbnails*/
#galThumCol {
 position:relative;
 text-align:center;
}
#galThumCol .imgThumb {
 position:relative;
 width:105px;
 margin:0 auto;
 padding:0 0 20px 0;
}
#galThumCol .imgThumb a img {
 padding:3px;
 margin:0;
 background:#f0f0f0;
 border:1px solid #c6c6c6;
}
#galThumCol .imgThumb a:hover img {
 background:#e2e2e2;
 border:1px solid #999999;
}
#galThumCol .imgThumb .thumbText {
 width:100%;
 padding:2px 3px 0 3px;
}
#thumbColName { /*name of col*/
 padding:10px 0 8px 0;
 margin:0;
 font-size:85%;
 text-align:center;
}
/* =lightbox */
#lightbox{
 position:absolute;
 left:0;
 width:100%;
 z-index:10000;
 text-align:center;
 line-height:0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
 position:relative;
 background-color:#fff;
 width:250px;
 height:250px;
 margin:0 auto;
}
#imageContainer{
 padding:10px;
}
#loading{
 position:absolute;
 top:40%;
 left:0%;
 height:25%;
 width:100%;
 text-align:center;
 line-height:0;
}
#hoverNav{
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 z-index:9910;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{
 width:49%;
 height:100%;
 background:transparent url(../images/spacer.gif) no-repeat; /* Trick IE into showing hover */
 display:block;
}
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
 font:11px verdana;
 background-color:#fff;
 margin:0 auto;
 line-height:1.4em;
 overflow:auto;
 width:100% 
}
#imageData{ padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }
#imageData #caption{ font-weight:bold; }
#imageData #numberDisplay{ display:block; clear:left; padding:0.5em 0 1.0em 0; font-size:9px; }
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em; }
#overlay{
 position:absolute;
 top:0;
 left:0;
 z-index:9990;
 width:100%;
 height:500px;
 background-color:#000;
}
/* File Download
=========================================== */
/* =dirinfo */
.diricon {
 margin-top:12px;
 font-size:92%;
 font-weight:bold;
 width:100%;
 text-align:center;
 border:none;
}
.diricon img {
 border:none;
 text-align:center;
}
.diricon a {
 font-weight:bold;
 height:15px;
 border:none;
 padding:2px;
}
.diricon span.icon {
 font-weight:bold;
 height:30px;
 width:50px;
 text-align:center;
 background:lightblue;
 padding:2px;
 text-decoration:none;
}
.diricon span.Size {
 height:15px;
 font-style:italic;
 width:100px; 
 text-align:center;
 padding:2px;
 text-decoration:none;
}
/* PayPal Buy Now
=========================================== */
#payPalBuyNowDisplay {
 position:relative;
 padding:12px 0 15px 0;
}
#payPalBuyNowDisplay table td {
 padding-bottom:8px;
}
#payPalBuyNowDisplay .payPalBuyNowPrice {
 margin:2px 5px 2px 10px;
 padding:0;
 white-space:nowrap;
}
#payPalBuyNowDisplay .payPalBuyNowButton {
 margin:0 4px 0 10px;
 padding:2px 5px;
 background-color:#ebebeb;
 border:1px solid #8a8a8a;
 white-space:nowrap;
}
#payPalBuyNowDisplay .payPalBuyNowButton a {
 text-decoration:none;
 font-weight:bold;
}
/* 
===========================================
Page Specific Styles
=========================================== */
/* =multiple - content specific styles used on multiple pages
=========================================== */
.padLR {
 margin:0 3em 0 2em;
}
.sectionBreak {
 height:20px;
 line-height:20px;
 margin:0;
 padding:0;
 vertical-align:middle;
}
.sectionBreak div {
 height:3px;
 margin:0 30px;
 background-color:#800040;
}
.inlineFieldHint, .inlineBlockFieldHint {
 font-size:77%;
 color:#7c7c7c;
}
.inlineFieldHint strong, .inlineBlockFieldHint strong {
 font-size:107%;
 font-weight:900;
}
.inlineBlockFieldHint {
 display:inline;
 padding:0 7px 0 7px;
}
.moduleHeading {
 position:relative;
 padding:0 0 18px 0;
 text-align:left;
 font-size:129%;
 font-weight:bold;
}
.moduleSubHeading {
 position:relative;
 padding:0 0 14px 22px;
 text-align:left;
 font-size:114%;
 font-weight:bold;
}
.moduleNote {
 padding:0 0 0 10px;
 font-size:66%;
 font-weight:normal;
}