/* -- Main Styles ------------------------------------ */
html { color: #333; font: 13px arial, verdana; }

#headerLogoLink { width: 350px; height: 85px; margin: 0; position: absolute; left: 20px; bottom: 45px; display: block; text-decoration: none; }
#headerLogoLink h4 { visibility: hidden; }

/* #pageHeaderBlock { background: #000 url( '../images/layout/page_hdr_bg.jpg' ) no-repeat; width: 950px; height: 72px; margin: 0 0 5px 7px; } */
/* #bodyContentEnd {   background: url( '../images/layout/rose_bottom_bg.jpg' ) center top no-repeat; width: 100%; height: 127px; } */

/* -- Main Tags --------------------------------------- */

a { color: #f00; text-decoration: none; }
a:hover { text-decoration: underline; }
img { display: block; }
p { margin: 0 0 10px 0; }
ul, ol { margin-left: 25px; }
textarea { font-family: arial; }

.lead { font: italic 17px times new roman; color: #a0a; margin: 5px 0; }
.generalList { margin: 10px 0 0 25px; }
.generalList li { margin: 10px 0; }

/* -- Notification Message Styles -- */
.appNotif {  padding: 10px 20px; margin-bottom: 5px; text-align: center; font-size: 14px; position: relative; }
.errNotif { background-color: #f00; color: #fff; border: 0px solid #f00; }
.wrnNotif { background-color: #ff9; color: #a40; border: 0px solid #a80; } .wrnNotif h4 { color: #f30; }
.genNotif { background-color: #0a0; color: #fff; border: 0px solid #080; }
.appNotif p { font-weight: normal; }


/* -- Miscellaneous -- */
.clearBoth { clear: both; font-size: 0; height: 0; }
.textInput { padding-left: 2px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.displayNone { display: none; }
.gold { color: #fd7; }
.invisible { visibility: hidden; }
.centerer{ text-align: center; }
.center{ margin: 0 auto; }
.innerPadder { padding: 10px; }
.requiredIcon { font-weight: bold; }
.noBorder { border: 0; }
.padder { padding: 10px; }

#error404 { margin: 50px auto 0 auto; padding: 20px; border: 1px solid #222; width: 500px; text-align: left; }

/* -- Main Menu -- */
div#headerMenuBlock { position: absolute; bottom: 7px; left: 0px; } /*HB: div#headerMenuBlock { position: relative; height: 186px; } */
#headerMenu { list-style: none; margin-left: 15px; padding: 0; } /* position: absolute; bottom: 7px; left: 0px; } */
#headerMenu li { float: left; margin-right: 3px; color: #ccc; }
#headerMenu li a { color: #888; text-decoration: none; font: bold 12px arial, times new roman; margin-right: 4px; }
#headerMenu li a:hover { color: #000; }

/* -- Header BANNER -- */
#headerBanner { padding-top: 10px; }
#headerBanner img { display: inline; }

/* -- Footer -- */

#footerMenuBlock { text-align: left; margin: 5px 0; }
#footerMenuBlock a { color: #777; }
#footerMenu { list-style: none; margin: 0; }
#footerMenu li { float: left; padding-right: 6px; }

#footerCompany { text-align: center; padding: 10px 0; color: #777; clear: both; }
#footerCompany a { color: #777; }

#footerLogout { float: right; }

/* -- Headings -------------------------------------------- */
h1 { color: #33a; font-size: 26px; font-weight: normal; }
h2 { color: #fc0; font-size: 24px; font-weight: normal; }
h3 { color: #0EA2E7; font-size: 18px; font-weight: normal; }
h4 { color: #fc0; font-size: 14px; font-weight: normal; }

.mainTitle { color: #FFBD00; margin: 10px 0;border-bottom: 1px solid #FFD96E; }
.subTitle { color: #0EA2E7; margin: 10px 0; border-bottom: 0px solid #ABDFF7; }


.borderBlockHdr { font-size: 11px; color: #666; border: 1px solid #CAD9FF; padding: 3px 10px; margin-bottom: 0px; background: #f8f8f8 url( '../images/forms/fieldset_hdr_bg1.jpg' ) bottom repeat-x; }
.borderBlockHdr_oy { font-size: 11px; color: #333; border: 1px solid #CAD9FF; padding: 3px 10px; margin-bottom: 0px; background: #f8f8f8 url( '../images/forms/fieldset_hdr_bg_oy.jpg' ) bottom repeat-x; }

.textinput { font-size: 15px; color: #444; font-weight: normal; }
.button { font-size: 11px; padding: 0 5px; }
input.smallButton { font-size: 8px; padding: 0px 3px; text-align: center; }


/* -- Content ------------------------------------------------------- */
.contentBlock {  }
.genContentBlock { background-color: #F6F5F1; padding: 10px; margin-bottom: 10px; }
.genContentBlock p { margin: 10px 0; }


/* -- Form Styles ---------------------------------------------------- */
.generalForm {   font-weight: normal; }
.generalForm fieldset { color: #444; border: 1px solid #CAD9FF; padding: 10px; margin-bottom: 10px; background: url( '../images/forms/form_bg1_lowright.jpg' ) no-repeat bottom right; }
.generalForm fieldset legend { font-size: 16px; font-weight: bold; color: #ffa; padding: 10px; }
.generalForm .leftCol { width: 20%; float: left; display: block; }
.generalForm .rightCol { width: 75%; float: right; display: block; }
.generalForm .rightCol .textinput { width: 99%; }
.generalForm .requiredIcon { float: right; padding: 0 3px; margin-left: 3px; }
.generalForm fieldset .clearBorder {  clear: both; font-size: 0; height: 0; margin: 2px 0; font-size: 0; height: 0; padding-top: 5px; border-bottom: 1px solid #eee; margin-right: 10px; }
.generalForm fieldset.submit {  }
.generalForm fieldset .requiredNote { float: left; font-size: 10px; color: #666; padding-right: 14px; }
.generalForm input.textinput, .generalForm textarea, .generalForm select { color: #000; background-color: #FFFCED; border: 1px solid #cce; padding: 1px; }
.generalForm select.fullWidth { width: 100%; }

.generalForm fieldset.submitFieldSet { border: 1px solid #fca; padding: 10px 25px 10px 10px; margin-bottom: 5px; background: #ffa; }
.generalForm .singleCol .textinput { width: 100%; }

/*.generalForm fieldset h3.fieldsetHdr { font-size: 14px; border: 0px solid #F3F6FF; padding: 3px 10px; margin-bottom: 0px; background: #FFF3CE url( '' ) no-repeat bottom right; } */
.generalForm fieldset h3.fieldsetHdr { font-size: 11px; color: #666; border: 0px solid #F3F6FF; padding: 3px 10px; margin-bottom: 0px; background: #f8f8f8 url( '../images/forms/fieldset_hdr_bg1.jpg' ) bottom repeat-x; }
.generalForm fieldset.hdrFieldset { padding: 0; }
.generalForm fieldset .fieldsetPadder { padding: 10px; }
.generalForm fieldset h3.fieldsetHdr a { color: #666; }

.generalForm fieldset.adminFieldSet { padding: 0; margin-bottom: 5px; border: 1px solid #bbb; background: #ddd; }
.generalForm fieldset.adminFieldSet h3 { margin: 0; background-color: #aaa; color: #fff; padding: 3px; font-size: 14px; }

.generalForm h3.genHdr1 { padding: 0 10px; font-size: 16px; color: #aaa; border: 1px solid #ddd; height: 40px; }
.generalForm h3.genHdr1 div { padding-top: 15px; }



/* -- LOGIN FORM --------------------------------------------- */

#loginFormContr { width: 340px; margin: 0 auto 0 auto; }
#login_FORM { position: relative; border: 0px solid #eee; }
#login_FORM h3 { padding: 0 10px; font-size: 16px; color: #aaa; border: 1px solid #ddd; height: 40px; }
#login_FORM h3 div { padding-top: 15px; }
#login_FORM .content { padding: 10px 20px; font-size: 14px; border-top: 0px solid #555; }
#login_FORM .formText { width: 80px; float: left; text-align: left; margin: 5px 0; }
#login_FORM input.textinput { width: 150px; float: right; margin: 5px 0; }
#login_FORM #rememberMeContr { float: left; font: 10px verdana; color: #aaa; width: 130px; margin-top: 20px; text-align: left; }
#login_FORM #rememberMeContr input { float: left; height: 14px; }
#login_FORM #login_SUBMIT { float: right; margin-top: 15px; padding: 0px 10px; }
#cookiesEnabled { font: 10px verdana; color: #aaa; margin: 15px auto; text-align: center; }


/* -- Misc -- */
.zoomimg { float: left; display: block; border: 5px solid #fff; margin: 0 5px; cursor: url( '../images/zoomimage/zoomin.cur' ), default; }



/* -- Admin Menu -- */
#adminMenu { list-style: none; margin: 0; background-color: #FAFF7A; height: 22px; }
#adminMenu li { float: left; padding: 1px 10px; }
#adminMenu li.menuTitle { font-weight: bold; font-size: 9px; color: #a80; margin-top: 2px; }
#adminMenu li a { color: #444; text-decoration: none; font-size: 11px; font-weight: bold; }
#adminMenu li a:hover { color: #777; text-decoration: none; }
#adminMenu li.accountName { float: right; padding: 3px 3px 0 0; font-size: 10px; color: #888; }
#adminMenu li.accountName a { background-color: #fff; border: 1px solid #aaa; padding: 0 5px; margin: 2px 3px 0 0; font-size: 12px; }


/*#bodyContentHdr {  height: 181px; background: url( '../images/layout/pageheaders/pagehdr_home.jpg' ) center top no-repeat; }  */
#bodyContentHdr {  height: 81px; background: url( '../images/layout/pageheaders/pagehdr_home.jpg' ) center top no-repeat; }

#bodyContentFtr {  height: 6px; background: url( '../images/layout/content_ftr_bg.png' ) center top no-repeat; padding-bottom: 160px; }

#categorySelect { margin: 10px 0; width: 100%; }


.qtip { font: 11px verdana; }
a.qIcon { padding: 1px 10px; background: url( '../images/icons/qtip_icon1.png' ) no-repeat 50% 0; }
a.qIcon2 { padding: 1px 10px; background: url( '../images/icons/qtip_icon2.png' ) no-repeat 50% 0; }
a.qIcon:hover { text-decoration: none; }


#facebookLink { margin: 5px 0; float: left; }
#twitterLink { margin: 5px 0; float: left; }

.pageIntroBlock { margin-top: 25px; }

/*
#socialLinksBlock { background-color: #eff; padding: 2px 15px; margin-top: 10px; border: 1px solid #ddf; }
#socialLinksBlock p { float: left; padding-top: 30px; font-weight: bold; color: #58c; }
#facebookLink { float: right; }
#twitterLink { float: right; }
*/ 

#social_links_block a { padding: 5px; } 
#social_links_block img { float: left; margin-left: 5px; }
#social_links_block p { float: left; margin: 13px 0 0 20px; font-size: 14px; }

#facebook_link_block { display: block; background-color: #eef; margin-top: 10px; border: 1px solid #ccd; text-decoration: none; color: #668; font-weight: bold; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; }
#facebook_link_block:hover { background-color: #dde; }
#twitter_link_block { display: block; background-color: #eff; margin-top: 5px; border: 1px solid #aee; text-decoration: none; color: #488; font-weight: bold; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; }
#twitter_link_block:hover { background-color: #dee; }



/* -- LATEST EVENTS -- */
#latestEventsBlock { height: 307px; background-color: #eee; background: #EFEFEF url( 'ZZ../images/content/latestevents_bg.png' ) repeat-y; border: 1px solid #E5E5E5; overflow: hidden; -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;  }
#latestEventsBlock h3 { background: url( '../images/content/latestevents_hdr_bg.png' ) repeat-x; Zwidth: 230px; height: 28px; font-size: 12px; color: #777; font-weight: bold; padding: 5px 0 0 10px; }
#latestEventsList { margin-left: 0px; color: #666; list-style: none; }
#latestEventsList li { margin: 10px 10px 10px 10px; }
#latestEventsList li a { color: #444; }
#latestEventsList li .region { font-size: 11px; color: #888; }
#latestEventsList li .marker { float: left; width: 7%; color: #888; }
#latestEventsList li .content { float: left; width: 92%; }

/* -- Info Text Block -- */
.infoTextBlock { border: 1px solid #ABDFF7; }
.infoTextBlock li { margin: 3px 0; }

/* -- Ajax Paging List Styles ---------------------------------------------*/
.pagingListContainer .listSubHdr { background-color: #ddd; padding: 1px 5px; color: #777; font-size: 10px;  }
.pagingListContainer .pagingControls .throbber { padding-right: 3px; display: inline; visibility: hidden; }
.pagingListContainer .pagingControls { float: right; text-align: right; }
.pagingListContainer .pagingControls, .pagingListContainer .pagingControls a { color: #000; font-weight: bold; }

/* -- HELP -- */
.helpItemBlock { background-color: #fefefe; border: 1px solid #fca; margin-bottom: 10px; }
.helpItemBlock h3 { margin: 0; }
.helpItemBlock h3 a { background-color: #eee; color: #777; font-size: 14px; font-weight: bold; padding: 2px 8px; margin: 0; display: block; }
.helpItemBlock h3 a:hover { text-decoration: none; background-color: #ddd; }
.helpItemBlock .padder { border-top: 1px solid #bbb; }
.helpItemBlock ul { margin: 0 0 0 25px; padding: 0; }
.helpItemBlock ul li { margin: 10px 0; }
.helpItemBlock ul ul li { margin: 5px 0; }