/* CSS Document */
/* html reset -------------------------------------- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,TD,TR,TH{margin:0; padding:0;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup,sub{line-height:-1px; vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select {font-family: Sans-Serif;}
img {border: 0; vertical-align: middle;}
/* html selectors -------------------------------------- */
html {height: 101%; margin: 0; padding: 0;}
body {font-size: 95%; background: #D6D6D6; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #333; margin: 0 auto; text-align: center; height: 100%;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1 {font-size: 150%; color: #3FAEF2;}
h2 {font-size: 150%; color: #3FAEF2;}
h3 {font-size: 125%; margin: 3px 0;}
h4 {font-size: 105%; margin: 3px 0;}
a {color: #3FAEF2; font-weight: bold; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
HR {background: #ccc; border: none; color: #ccc; height: 1px;}
FIELDSET {border: 1px solid #ccc; margin: 5px 0 10px 0; padding: 0 15px 15px 15px; clear: left;}
* html fieldset {padding-top: 0;}
legend {font-size: 125%; font-weight: normal; color: #3FAEF2; padding: 0 0.5em;}
* html legend { margin-bottom: 5px; padding: 0 0.5em; }
fieldset legend {font-size: 125%; font-weight: bold;}
/* function classes -------------------------------------- */
.leftIt {text-align: left !important;} /* replaces align=left*/
.rightIt {text-align: right !important;} /* replaces align=right */
.centerIt {text-align: center;} /* replaces align="center" */
.clearIt {clear: both;} /* used to clear floats */
.boldIt {font-weight: bold;} /* used to clear floats */
.hideIt {display: none;}
.nowrap {white-space: nowrap;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* LAYOUT ---------------- */
/* header area --------------------------------------*/
#top {margin: 0; padding: 0; height: 60px; width: 100%; background: #d4d4d4 url(../Images/header_bg.jpg) repeat-x; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #4b4b4b;}
#topInner {margin: 0 auto; padding: 0; width: 960px;}
#topInner h2 a {height: 60px; width: 203px; float: left; background: url(../Images/logo.jpg) no-repeat; text-indent: -2000em; text-decoration: none; z-index: 1000;}
#topInner a#logo {height: 60px; width: 203px; float: left;}
#topRight {float: right; padding: 10px 0 0 0; margin: 0; width: 650px; color: #333; text-align: right;}
#topRight A {color: #333; text-decoration: none;}
#topRight A:hover {color: #333; text-decoration: underline;}
/* top right nav */
#rightNav {margin: 3px 0; padding: 0;}
#rightNav LI {background: #e2e2e2; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; margin-left: 2px; padding: 2px 6px 2px 8px; display: inline;}
#rightNav .active {background: #ccc;}
/* top main nav -------------------------------------- */
#nav {clear: both; height: 28px; width: 100%; border: none; background: #333 URL(../Images/topnav_bg.jpg) repeat-x;}
#navInner {height: 25px; overflow: hidden; margin: 0 auto; padding: 3px 0 0 0; width: 960px; color: #fff;}
#navLeft {float: left; text-align: left; width: 580px; margin: 0; padding: 0;}
ul#tabnav {text-align: left; margin: 1px 0 0 0; list-style-type: none; padding: 3px 0 3px 0;}
ul#tabnav li {display: inline; line-height: 1.25; overflow: hidden;}
ul#tabnav li.selected {background-color: #fff;}
ul#tabnav li.selected a {background-color: #fff; color: #333; position: relative; top: 0px; padding-top: 3px;}
ul#tabnav li a {padding: 3px 11px 3px 11px; border: 1px solid #2d2d2d; background-color: #333; color: #fff; margin-right: 0px; text-decoration: none; border-bottom: none;}
ul#tabnav a:hover {background: #fff; color: #333;}
#navRight {float: right; text-align: right; width: 380px; margin: 0; padding: 2px 0 0 0;}
#navRight A {color: #fff;}
.topFlag {float: right; margin: 3px 0 0 5px; height: 11px; width: 16px;}
.topRightText {text-align: right; width: 454px;}
/* main -------------------------------------- */
#main {min-height: 350px; clear: both; margin: 0 auto; padding: 10px 0; width: 100%; text-align: left;background: #fff;}
.mainInner {margin: 0 auto; padding: 0; width: 960px; text-align: left; background: #fff;}
.mainInner P {margin: 10px 0;}
.mainLeft {float: left; text-align: left; width: 480px; margin: 0; padding: 0;}
.mainLeftA {width: 200px; float: left; margin: 0 0 10px 0; padding: 0 20px 0 0; border-right: 1px solid #ccc; text-align: left;}
.mainLeftB {width: 210px; margin: 0 0 10px 0; padding: 0 20px 0 20px; float: right; text-align: left; border-right: 1px solid #ccc;}
.mainRight {float: right; text-align: left; width: 460px; margin: 0 0 0 20px; padding: 0;}
.fullWidth {text-align: left; width: 960px; margin: 0; padding: 0;}
.wideLeft {float: left; text-align: left; width: 665px; margin: 0; padding: 0;}
.narrowRight {float: right; text-align: left; width: 275px; margin: 0; padding: 0;}
.narrowRight2 {float: right; text-align: left; width: 275px; margin: 0; padding: 0;}
/* footer ---------------------------------- */
#footer {margin: 0; padding: 0; width: 100%; text-align: left; background: url(../Images/footer_bg.jpg) bottom left repeat-x; color: #333; border-top: 1px solid #ccc;}
#footer h3 {color: #333;}
#footer UL {margin: 0; padding: 0;}
#footer LI {margin: 3px 0 0 0; padding: 0;}
#footer A {color: #3FAEF2; text-transform: uppercase;}
#footer A:hover {color: #333;}
#footerInner {margin: 0 auto; padding: 20px 0; width: 960px;}
#footerLeft {width: 480px; margin: 0 20px 10px 0; float: left; text-align: left;}
#footerLeftA {height: 155px; width: 210px; float: left; margin: 0; padding: 0 10px 0 0; border-right: 1px solid #ccc; text-align: left;}
#footerLeftB {height: 155px; width: 210px; margin: 0 0 0 0; padding: 0 20px 0 20px; float: right; text-align: left; border-right: 1px solid #ccc;}
#footerRight {margin: 0; padding: 0; width: 460px; float: right; text-align: left;}
#footerRight H4 {margin: 3px 0 0 0; padding: 0;}
.footerBlog {clear: both; padding-bottom: 5px;}
.footerBlogPost {margin: 0; padding: 0; font-size: 90%; line-height: 115%;}
#footerRow2 {font-size: 85%; clear: both; width: 960px; margin: 0; padding: 15px 0 0 0;}
#footerCopy {float: left; width: 460px; margin: 0; padding: 0;}
#footer3terra {float: right; text-align: right; width: 460px; margin: 0; padding: 0;}
#footer3terra A {color: #333; text-transform: lowercase;}
/* FORMATING / CUSTOM ELEMENTS ------------- */
/* content */
.contentInner {margin: 5px 0 10px 0;}
.contentInner P {margin: 0; padding: 0;}
.legal H3 {margin-bottom: 3px; padding-bottom: 0;}
.legal P {padding: 5px 0; margin: 0;}
.legal UL {margin-bottom: 15px;}
/* thumbnails and icons */
.photoThumb {float: left; margin: 3px 8px 5px 0; width: 50px; height: 50px; border: 1px solid #ccc; padding: 6px; background: #fff;}
.photoThumbMed {float: left; margin: 3px 8px 5px 0; width: 80px; height: 80px; border: 1px solid #ccc; padding: 6px; background: #fff;}
.resultIcons {padding-top: 5px;}
.thumbicons {clear: both; text-align: center;}
/* home page */
#homePhoto {padding: 10px; margin: 0 0 20px 0; border: 1px solid #ccc;}
#homeSearch {height: 80px; background: #eee URL(../Images/search_bg.jpg) repeat-x bottom center; border: 1px solid #ccc; margin: 0 0 20px 0; padding: 20px 20px 10px 20px; vertical-align: top;}
.searchRow2Wide {width: 462px; padding: 5px 0;}
.searchRow2 {padding: 4px 0;}
#searchRow2Left {float: left; width: 230px; font-size: 90%; font-weight: normal;}
#searchRow2Right {float: right; width: 120px; text-align: right;}
/* text, validator and control formatting */
.errorSummary, .successSummary {width: 100%; margin: 10px 0; padding: 5px 0; font-weight: bold; font-size: 100%; vertical-align: middle;}
.errorSummary UL, .successSummary UL {margin: 5px 0 0 0; padding: 0 0 5px 0; width: 100%; min-height: 34px;}
.errorSummary LI, .successSummary LI {margin: 0; padding: 8px 0 2px 50px;}
.errorSummary {background: #FFEEEE; border-top: 1px solid #BF1908; border-bottom: 1px solid #BF1908; color: #BF1908;} /* pink and red */
.errorSummary UL {background: URL(../Images/Icons/warning.gif) no-repeat;}
.successSummary {background: #BAEEBA; border-top: 1px solid #016701; border-bottom: 1px solid #016701; color: #016701;} /* light green and dark green */
.successSummary UL {background: URL(../Images/Icons/success.gif) no-repeat;}
.linkText {text-transform: uppercase; text-align: right;}
.fieldsetWide {width: 930px;}
.fieldsetWide li {list-style: square;}
/* forms and functions */
/*****************************************/
/* messaging */
#divFileProgressContainer .progressWrapper .progressContainer .progressBarStatus {width: 100%; margin: 10px 0; padding: 5px 0; font-weight: bold; font-size: 100%; vertical-align: middle; background: #E5F0FB; border-top: 1px solid #006DD3; border-bottom: 1px solid #006DD3; color: #006DD3;}
#divFileProgressContainer .progressWrapper .progressContainer .progressBarStatus UL {background: URL(../Images/Icons/info_lg.gif) no-repeat; margin: 5px 0 0 0; padding: 0 0 5px 0; width: 100%; min-height: 34px;}
#divFileProgressContainer .progressWrapper .progressContainer .progressBarStatus LI {margin: 0; padding: 8px 0 2px 50px;}
.progressName {display: none;}
/* tables */
.rowA {background: #fff;}
.rowB {background: #efefef;}
.listTable {width: 100%; clear: both; text-align: center; border: 1px solid #ccc; border-bottom: none; padding: 0; margin: 0;}
.listTable TD {vertical-align: top; padding: 8px; margin: 0; border-bottom: 1px solid #ccc;}
.listTotal, .listTableHeader, .listTableHeaderB {font-size: 105%; font-weight: bold; border-bottom: none; background: #ddd;}
.listTableHeaderB TH {font-size: 90%;}
.listTableHeaderB A {text-decoration: underline; color: #333;}
.listTableHeaderB A:hover {color: #3FAEF2;}
.listTableFooter {background: #dcdcdc;}
.listTable TH {text-align: center; vertical-align: middle; padding: 5px 10px; margin: 0; background: #eee URL(../Images/search_bg.jpg) repeat-x bottom center;}
.listTableLeft {padding-left: 8px !important; text-align: left;}
.iconCell {white-space: nowrap;}
/* forms */
.formItem {margin: 5px 0;}
.formItem2 {clear: both; margin: 5px 0 !important; padding-top: 5px !important;}
.formNote {font-size: 80%; color: #333; padding: 0; margin: 0;}
.btn {font-weight: bold; font-size: 115%; margin-top: 2px; padding: 3px 8px;}
.btnSearch {font-size: 100%; padding: 1px 5px; height: 25px;}
.btnSearchMini {font-size: 100%; margin: 0 5px 0 0;}
.btnsmall {font-weight: bold; font-size: 85%; padding: 2px 3px;}
.btnUpload {vertical-align: middle; border: none; background: URL(/Content/Images/Buttons/btn_150x32.png); height: 32px; width: 150px; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 17px; font-weight: bold;}
.txtbox {width: 260px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxnarrow {width: 180px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxnarrowest {width: 90px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxwide {width: 410px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxwidest {width: 530px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtSearchMini {vertical-align: top; margin: 0; width: 330px; font-size: 120%; background: #fff; border: 1px solid #ccc; color: #333; padding: 2px; font-weight: bold; font-family: Sans-Serif;}
.txtSearchFull {vertical-align: top; width: 380px; margin: 0; padding: 2px; font-size: 120%; font-weight: bold; background: #fff; border: 1px solid #ccc; color: #333; font-family: Sans-Serif;}
.txtboxlightbox {width: 310px; height: 60px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px; margin-bottom: 5px;}
.txtboxsmall {width: 120px; font-size: 110%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtsearchboxsmall {width: 100%; font-size: 110%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px; margin-bottom: 5px;}
.txtboxdisabled {width: 260px; font-size: 120%; background: #f1f1f1; border: 1px solid #ccc; color: #ccc; padding: 2px;}
.txtboxmulti {width: 410px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxmulti2 {width: 260px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxlightboxmulti {width: 160px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.listbox1 {font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.listbox {width: 266px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.listboxItemsPer {font-size: 100%; background: #fff; border: 1px solid #ccc; color: #333; padding: 2px;}
.listboxWide {width: 350px; font-size: 120%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.listboxNarrow {font-size: 90%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.lbl {float: none; display: block; font-size: 100%; font-weight: bold; letter-spacing: -0.03em; color: #333; margin: 0.7em 0 0.1em 0;}
.lbl2 {float: none; font-size: 105%; font-weight: bold; letter-spacing: -0.03em; color: #333; margin: 0.7em 0 0.1em 0;}
.lbl3 {float: none; font-size: 105%; font-weight: bold; letter-spacing: -0.03em; color: #333; margin: 0;}
.lbl4 {float: none; font-size: 100%; font-weight: bold; letter-spacing: -0.03em; color: #333; margin: 0;}
.lbl5 {float: none; display: block; font-weight: bold; letter-spacing: -0.03em; color: #333; margin: 0;}
.lblSmall {display: block; font-size: 90%; font-weight: bold; letter-spacing: -0.03em; color: #333; width: 300px;}
.lblSmall2 {font-size: 85%; font-weight: normal; color: #333; padding-right: 10px;}
.lblSmall3 {font-size: 80%; font-weight: normal; color: #333; padding-right: 9px; *padding-right: 1px;}
.lbldesc {float: none; display: block; font-size: 85%; color: #aaa;}
.lblchk {vertical-align: middle;}
.lblLeft {float: left; width: 95px; font-weight: bold; display: block; text-align: left;}
.lblLeft3 {float: left; width: 210px; font-weight: bold; display: block; text-align: left;}
.lblAdvSearch {width: 250px; float: left; text-align: right; margin-right: 10px; font-weight: normal;}
.lblAdvSearchB {width: 300px; display: block; margin: 0 0 5px 260px; font-weight: normal;}
.radioContainer {padding: 5px 0 0 0;}
.chkContainer {padding: 5px 0 0 0;}
.chk {vertical-align: middle;}
.chkSelectAll {vertical-align: middle; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eee; font-weight: bold; margin: 0; padding: 5px; width: 625px;}
/* mini set */
.lblLeft2 {float: left; width: 135px; font-weight: bold; display: block; text-align: left;}
.txtboxmini {width: 235px; font-size: 95%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxminiRight {width: 95px; margin: 0; font-size: 95%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxmultimini {width: 235px; font-size: 95%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.txtboxKeywords {width: 235px; height: 125px; font-size: 95%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
.listboxmini {width: 105px; font-size: 95%; background: #f5f5f5; border: 1px solid #ccc; color: #333; padding: 2px;}
/* search results */
.resultHeader {width: 958px; text-align: left; margin: 10px 0 0 0; text-align: left; background: #eee URL(../Images/search_bg.jpg) repeat-x bottom center; border: 1px solid #ccc; padding: 10px 0;}
.resultHeaderLeft {font-weight: bold; float: left; text-align: left; margin: 0 10px; padding: 10px; width: 560px;}
.resultHeaderRight {float: right; text-align: right; margin: 0 10px; padding: 10px; width: 300px;}
.resultHeaderInner {text-align: center; margin: 0 10px; padding: 10px;}
.searchResultsHeader {font-weight: bold; margin: 10px; padding: 5px 0;}
.searchResults {padding: 5px; border: 1px solid #ccc; margin: 10px 0; width: 950px;}
.resultHolder {float: left; margin: auto 18px auto 18px; width: 152px; height: 235px; text-align: center;}
.galleryHolder {float: left; margin: auto 0; height: 205px; text-align: center;}
.resultImage {margin: 0; text-align: center; border: 1px solid #ccc;}
.galleryImage {margin: 3px; text-align: center; border: 1px solid #ccc;}
.gallerySelectedImage {margin: 0; border: 4px solid green;}
.galleryImageID {font-size: 95%; padding: 0; margin: 0; display: block;}
.photoNote {width: 130px; height: 70px; font-size: 85%; font-family: sans-serif; padding: 2px;}
#uploadFieldset {margin-top: 0;}
.resultTitle {font-size: 95%; padding: 5px 0 0 0; margin: 0; display: block;}
.resultAuthor {font-size: 85%; padding: 0; margin: 0; display: block;}
.resultIcons {padding: 0; margin: 0; display: block;}
/* image list */
.imageList {width: 100%; border: 1px solid #ccc; border-bottom: none; padding: 0; margin: 10px 0;}
.imageList TH {vertical-align: middle; padding: 5px 10px; margin: 0; background: #eee URL(../Images/search_bg.jpg) repeat-x bottom center;}
.imageList TD {vertical-align: middle; padding: 5px 10px; margin: 0; border-bottom: 1px solid #ccc;}
.imageList IMG {vertical-align: top; margin-top: 1px;}
/* image detail / edit */
#photoEditPhoto {float: right; margin: 9px 0 0 0; border: 1px solid #ccc; padding: 10px; width: 400px;}
.imageDetailsMedium {text-align: center; padding: 15px;}
.imageDetailsMedium IMG {text-align: center; /*border: 1px solid #ccc;*/}
.imageDetailsMedium P {font-size: 85%; line-height: 1.15;}
.imageDetails {font-size: 90%;}
.imageDetails DIV {margin: 3px 0 0 0;}
.imageDetails .keywords A {margin: 0 5px;}
.imageDetails LABEL {float: left; width: 115px; font-weight: bold; display: block; text-align: left;}
.imageDetails DIV IMG {vertical-align: top; margin-top: 2px;}
#thumbnails {padding: 10px 5px 5px 5px; width: 100%;}
#thumbnails IMG {margin: 10px; padding: 0; border: 1px solid #ccc;}
/* cart */
.paymentList {margin: 15px 5px; padding: 0;}
.paymentList LI {margin: 5px 0 0 0;}
.paymentListInner {margin: 0 0 0 35px; padding: 0; list-style: none; display: inline;}
.paymentListInner2 {margin: 0 0 0 70px; padding: 0; list-style: none; display: inline;}
.paymentListInner LI, .paymentListInner2 LI {display: inline; list-style: none; margin: 0; padding: 0 0 4px 0;}
/* keywording */
.keywordImage {float: left; width: 160px; margin-top: 10px;}
.keywordImage DIV {padding: 2px 0 0 0; text-align: left;}
.keywordImage IMG {margin: 3px 8px 5px 0; background: #fff; border: 1px solid #ccc; padding: 6px;}
.keywordImage LABEL {font-weight: bold; float: left; width: 85px; text-align: left;}
.keywordContent {float: right; width: 450px;}
/* group portals*/
.groupTable {border: 1px solid #ccc; padding: 0; margin: 0; width: 100%; border-bottom: none;}
.groupTableHeader, .cartTableHeader {vertical-align: top; padding: 0; margin: 0; font-weight: bold;}
.groupTable TD {vertical-align: top; padding: 5px; margin: 0; border-bottom: 1px solid #bbb;}
.groupTableRowA { background: #fff }
.groupTableRowB { background: #f5f5f5 }
/* tag cloud */
.tagCloud {margin: 0 1px; text-align: center; line-height: 1.55;}
.tag1, .tag2, .tag3, .tag4, .tag5 {background: #f2f2f2; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: middle; margin: 3px 1px 0 1px; padding: 0 4px;}
.tag1 {font-size: 125%;}
.tag2 {font-size: 115;}
.tag3 {font-size: 100%;}
.tag4 {font-size: 85%;}
.tag5 {font-size: 75%;}
/* paging */
.pages {padding: 0; margin: 0; font-size: 85%;}
.pages a, .pages span {display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff;}
.pages span.current {border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff;}
.pages a {border: 1px solid #9AAFE5; text-decoration: none;}
.pages a:hover {border-color: #2E6AB1;}
.pages a.nextprev {font-weight: bold;}
.pages span.nextprev {color: #666;}
.pages span.nextprev {border: 1px solid #ddd; color: #999;}
/* misc */
.breadcrumb {font-size: 85%;}
.breadcrumb A {font-weight: normal;}
.plainList, .numberList {margin: 0 0 0 15px; padding: 0;}
.plainList LI {list-style: square; margin: 3px 0 0 5px;}
.numberList LI {list-style: decimal; margin: 3px 0 0 5px;}
.cleanList {margin: 0; padding: 0;}
.cleanList LI {margin: 3px 0 0 0;}
.rssIcon {float: left; margin-right: 6px;}
#rightPhoto {text-align: center; padding: 10px; margin: 0; border: 1px solid #ccc;}
.fieldsetSpacer {margin: 0; padding: 0;} /* used to provide space between fieldsets on multiple form layouts */
.approved {color: Green;}
.rejected {color: Red;}