/*Design checklist completed 17th August 2007 by Aoife*/
/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0; text-align:center; font-size:100.01%; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #333; background: url(/img/bg/body.png) repeat-x 0 0 #fff;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.clearHigh { clear:both; width:100%; height:100px; font-size:1px; }
img { border: none;}
.toDo {background: yellow}

a {	color: #7f943a; text-decoration: none;}
a:hover{	text-decoration:underline;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

p.more {text-align: right}
p.more a {padding: 2px 25px 9px 5px; background: url(/img/bg/more.png) no-repeat top right; color:#fff; display: block;}
p.more a:hover {color: #ccc; text-decoration:none; }

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s380 { width: 380px;}
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.pc30 { width:30%;}
.pc35 { width:35%;}
.pc40 { width:40%;}
.pc45 { width:45%;}
.pc50 { width:50%;}
.pc60 { width:60%;}
.pc65 { width:65%;}
.pc70 { width:70%;}
.pc100 { width:100%;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:760px; margin:0 auto; font-size: 0.7em; text-align: left; background:url(/img/bg/wrapall.png) repeat-y 0 0} 

/*.................................................. HEADER ................................................*/
#headerWrap { width:740px; padding: 0 10px; height: 145px; background: url(/img/bg/header-top.png) no-repeat 0 0 }
#header { width:100%; height: 145px; background: url(/img/bg/header2.png) repeat-x bottom left; }
#header h1 {margin: 9px 0 0 0; float: left; }
#header div.r { height: 145px; width: 530px; background: url(../img/camera-flir.gif) no-repeat}
#header h2 {margin: 50px 10px 0 0; padding: 15px 45px 3px 0; font-family: Arial, Helvetica, sans-serif; background:url(/img/dots.gif) no-repeat bottom right; text-align:right; font-size: 1.8em; color: #252525}
#header.irtConsult div.r h2 {padding-top:50px}
#header ul.r {margin: 10px 0 0 0;}
#header ul.r li {float: left; margin: 0 0px 0 0; display: inline;  }
#header ul.r li.last {margin: 0px;}
#header ul.r li a {padding: 5px 5px 6px 5px; color: #fff; display: block;background:#000 }
#header ul.r li a:hover {color: #000; background: #fff; text-decoration: none;  }
#header ul.r li.on a {color: #000; background: #fff;  }
#header img.camera {margin: 11px 0 0 0; padding-left: 3px;float: left}
/*#header .thirdColumn {width: 420px; float:right; background: blue;}*/
/*#header img.tagline {margin: 34px 0 0 0; padding: 0 10px 0 170px;  float: left}*/
#header img.dots {margin: 48px 0 0 0; padding-right: 0px; float: left}

/*................ MAIN NAVIGATION ................................................*/
#mainmenu {margin: 0 10px 2px 10px; width: 754px; height:28px; font-size:1.1em; }
#mainmenu ul {padding: 0 0 0 1px;}
#mainmenu ul li {margin: 1px 1px 0 0px; padding: 5px 0 6px 0; float: left; text-align: center;}
#mainmenu ul li a { font-family: _Sans, arial; font-size: .9em; font-weight: bold; color:#fff;}
#mainmenu ul li a:focus { outline: none}

/*........................ MAIN this wraps the left and right columns........................*/
#main {padding-left: 10px; background: url(/img/bg/main.gif) repeat-y 0 0; float:left; }
#main.wideContent {background-image: url(/img/bg/mainwidecontent.gif) }

/*.................................................. LEFTCOL ...............................................*/
#leftCol {padding: 0 0 10px 0; float:left; background: url(/img/bg/leftcol.png) repeat-y right 0 #262626; width: 209px;font-size: 1.2em; }
#leftCol.home {padding: 0px;}
#leftCol h1 {padding: 5px 8px; margin: 0 7px 5px 0; background: url(/img/bg/h1-leftcol.png) no-repeat 0 0 #aa1d1d; color:#fff; font-size: 0.9em; font-weight: normal; }
#leftCol h1 a {color: #fff;}

ul#subNav li {float: left; display:inline; width:100%}
ul#subNav a {padding: 8px 0 8px 16px; margin: 0 15px 0 10px; color: #ccc; border-bottom: 1px solid #575757; display:block;  background: url(/img/bg/menu.png) no-repeat 0 0; outline: none;}
ul#subNav li.on a, ul#subNav a:hover {text-decoration: none; color: #fff; }
ul#subNav li#m01 a {background-position: 0 4px; }
ul#subNav li#m01 a:hover {background-position: -222px 4px; }
ul#subNav li#m02 a {background-position: 0 -56px; }
ul#subNav li#m02 a:hover {background-position: -222px -56px; }
ul#subNav li#m03 a {background-position: 0 -116px; }
ul#subNav li#m03 a:hover {background-position: -222px -116px; }
ul#subNav li#m04 a {background-position: 0 -176px; }
ul#subNav li#m04 a:hover {background-position: -222px -176px; }
ul#subNav li#m05 a {background-position: 0 -236px; }
ul#subNav li#m05 a:hover {background-position: -222px -236px; }
ul#subNav li#m06 a {background-position: 0 -296px; }
ul#subNav li#m06 a:hover {background-position: -222px -296px; }
ul#subNav li#m07 a {background-position: 0 -356px; }
ul#subNav li#m07 a:hover {background-position: -222px -356px; }
ul#subNav li#m08 a {background-position: 0 -420px; }
ul#subNav li#m08 a:hover {background-position: -222px -420px; }
ul#subNav li#m09 a {background-position: 0 -484px; }
ul#subNav li#m09 a:hover {background-position: -222px -484px; }
ul#subNav li#m10 a {background-position: 0 -546px; }
ul#subNav li#m10 a:hover {background-position: -222px -546px; }
ul#subNav li#m11 a {background-position: 0 -610px; }
ul#subNav li#m11 a:hover {background-position: -222px -610px; }
ul#subNav li#m12 a {background-position: 0 -674px; }
ul#subNav li#m12 a:hover {background-position: -222px -674px; }

ul#mainNav li {float: left; display:inline; width:100%}
ul#mainNav a {padding: 8px 0 8px 16px; margin: 0 15px 0 10px; color: #fff; border-bottom: 1px solid #575757; display:block;  background: url(/img/bg/menu.png) no-repeat 0 0; outline: none;}
ul#mainNav li.on a, ul#mainNav a:hover {text-decoration: none; border-bottom: 1px solid #575757; color: #ffef68; }
ul#mainNav li#m01 a {background-position: 0 4px; }
ul#mainNav li#m01 a:hover {background-position: -222px 4px; }
ul#mainNav li#m02 a {background-position: 0 -56px; }
ul#mainNav li#m02 a:hover {background-position: -222px -56px; }
ul#mainNav li#m03 a {background-position: 0 -116px; }
ul#mainNav li#m03 a:hover {background-position: -222px -116px; }
ul#mainNav li#m04 a {background-position: 0 -176px; }
ul#mainNav li#m04 a:hover {background-position: -222px -176px; }
ul#mainNav li#m05 a {background-position: 0 -236px; }
ul#mainNav li#m05 a:hover {background-position: -222px -236px; }
ul#mainNav li#m06 a {background-position: 0 -296px; }
ul#mainNav li#m06 a:hover {background-position: -222px -296px; }
ul#mainNav li#m07 a {background-position: 0 -356px; }
ul#mainNav li#m07 a:hover {background-position: -222px -356px; }
ul#mainNav li#m08 a {background-position: 0 -420px; }
ul#mainNav li#m08 a:hover {background-position: -222px -420px; }
ul#mainNav li#m09 a {background-position: 0 -484px; }
ul#mainNav li#m09 a:hover {background-position: -222px -484px; }
ul#mainNav li#m10 a {background-position: 0 -546px; }
ul#mainNav li#m10 a:hover {background-position: -222px -546px; }
ul#mainNav li#m11 a {background-position: 0 -610px; }
ul#mainNav li#m11 a:hover {background-position: -222px -610px; }
ul#mainNav li#m12 a {background-position: 0 -674px; }
ul#mainNav li#m12 a:hover {background-position: -222px -674px; }

ul#mainNav li.hasSubMenu a {padding-bottom: 15px; border-bottom: 0px;}
ul#mainNav li.on ul li {background: url(/img/icons/white-arrow.gif) no-repeat 15px 5px}
ul#mainNav li.on ul a {padding-top: 0px; background: none; border: 0; color:#fff}
ul#mainNav li.on a:hover, ul#mainNav li.on ul a:hover, ul#mainNav li.on ul li.on a {color: #ffef68}
ul#mainNav li.on ul li.last a {border-bottom: 1px solid #575757;}

/*ul#mainNav li {padding: 0 0 0 8px; float: left; display:inline; width:201px; }
ul#mainNav a {padding: 8px 0 8px 0; margin: 0 15px 0 0; color: #ccc; border-bottom: 1px solid #575757; display:block; }
ul#mainNav li.on a, ul#mainNav a:hover {text-decoration: none; border-bottom: 1px solid #797979; color: #fff; }
*/
/*...................... RIGHTCOL ...............................................*/
#rightCol {padding: 0 0 0 10px; float: left; width:521px; }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {width: 144px; float:right; }
#thirdCol h1 {padding: 5px 8px; background: url(/img/bg/h1-thirdcol.png) no-repeat 0 0 #b62828; color:#fff; font-size: 1.1em; font-weight: normal; }
#thirdCol p {text-align: right; }
.trainingPanel {margin: 0px 0 0  10px; padding: 0 8px 8px 8px; float: right; text-align:left; background: #f7f7f7; }
.trainingPanel h2 {font-size: 1.1em}
.trainingPanel ul li {margin: 5px 0; }
/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 0.8em; }
#bcrumb p {text-transform: lowercase}

#content {margin:0px 0px 10px 0px; font-size: 1.2em; float: left; width: 366px; }
#main.wideContent #content {width: 511px;}
#content a {text-decoration: underline}
#content a:hover {text-decoration: none}
#content h1 {padding: 3px 0 7px 32px; margin:15px 0px 10px 0; color:#8bb13e; font-size:1.2em; background:url(/img/bg/h1.png) no-repeat 0 0; }
#content h2 {margin:15px 5px 10px 0; color:#666; font-size:1.1em;}
#content h3 {margin:10px 5px 5px 0;color:#27325a; font-size:1.0em; }
#content p {margin:5px 0 10px 0; line-height: 1.3em;}
#content p.addressColOne {float: left; width: 30%;}
#content p.addressColTwo {float: left; width: 49%;}
#content p.summary {margin:18px 0 10px 15px; display: inline; width: 65%; float:left; }
#content p.summary.narrow {width: 35%}
#content p.note {font-size: 0.8em;}
#content span.note {font-size: 0.8em;}
#content p.backToTop {text-align: right; }
#content p.backToTop a {padding: 0 10px 0 0; background: url(../img/icons/backtotop.png) no-repeat right 5px}
#content p.linkTo a {padding: 0 0 0 10px; background: url(../img/icons/linkto.png) no-repeat left 5px}
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}

/*Images*/
#content img.l {margin: 0 10px 10px 0; }
#content img.r {margin: 0 0 10px 10px; }

/* Panels */
#content .panel {width: 170px; float: left;}
#content .panel h1 {padding: 0px; margin:0; background: none; }
.panel1 {padding: 0 10px 0 0px; border-right: 1px solid #ededed}
.panel2 {padding: 0 0 0 10px; }


/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}
ol li {margin:5px 0 5px 0px;}

#content ul {margin: 10px; }
#content ul li {padding: 0 0 0 18px; background: url(/img/icons/bullet-li.png) no-repeat 0 2px; line-height: 1.3em}

#content ul.countries li {margin-bottom: 3px; padding-left: 25px; background-repeat:no-repeat; background-position:0 3px}
#content ul.countries li.ireland {background-image: url(../img/icons/ie.gif) }
#content ul.countries li.eu {background-image: url(../img/icons/europeanunion.gif) }
#content ul.countries li.uk {background-image: url(../img/icons/united_kingdom.gif)}
#content ul.countries li.usa {background-image: url(../img/icons/us.gif)}
#content ul.countries li.japan {background-image: url(../img/icons/japan.gif)}
#content ul.countries li.southKorea {background-image: url(../img/icons/south-korea.gif)}
#content ul.countries li.uae {background-image: url(../img/icons/united-arab-emirates.gif)}
#content ul.countries li.india {background-image: url(../img/icons/india.gif)}
#content ul.countries li.saudiArabia {background-image: url(../img/icons/saudi-arabia.gif)}

/*Glossary A to Z*/
#content ul.atoz {margin: 0px 0 10px 0; clear:both; float:left; }
#content ul.atoz li {margin: 0 5px 0 0; padding-left: 0px;display: inline; float:left;  background:none; }
#content ul.atoz li a {padding: 1px 4px; text-decoration: none; border: 1px solid #262626; display: block; background:url(../img/bg/atoz.gif) repeat-x  0 0 #434343; color:#fff; }
#content ul.atoz li a:hover, #content ul.atoz li.on a { border: 1px solid #000; background:url(../img/bg/atoz.gif) repeat-x  0 -21px #bc4034;}

ul.thumbnails {margin: 0px; padding: 11px 0px 5px 12px; background: url(/img/bg/thumb.png) no-repeat 1px 0; clear: both; float: left}
ul.thumbnails li {display:inline; float:left; width: 100%}
ul.thumbnails li a {color: #7f943a; text-decoration: none; display:block; outline: none; }
ul.thumbnails li a img {border: 1px solid #fff;}
ul.thumbnails li a:hover img {border: 1px solid #000;}
ul.thumbnails li a:hover {color: #000 ; text-decoration: underline}
ul.thumbnails li.image {margin: 0 0 10px 0;  }
ul.thumbnails li.image img { display:block}

#content ul.thumbnails {margin: 10px 0; }
#content ul.thumbnails {clear: none; width: 143px; }
#content ul.thumbnails li {padding: 0px; display: block;  font-size: 0.8em; background:none;line-height: 1.0em }

table.locations {width: 99%; }
table.locations h3 {margin: 0px;padding: 0px;}
#content table.locations ul.contactDetails {margin: 0px; }
/*#content ul.contactDetails {float: left; }*/
#content ul.contactDetails {margin-left: 0px; margin-right: 0px;}
#content ul.contactDetails li {padding: 0px; margin: 0px; background: none; }
#content ul.contactDetails li.tel {margin-top: 5px;}
#content ul.contactDetails h1 {padding: 0px; margin: 0px; background: none; }
#content ul.contactDetails h3 {padding: 0px; margin: 0px; }
#content ul.contactDetails h4 {padding: 0px; margin: 5px 0 5px 0; font-size: 1.0em;}
#content ul.contactDetails  ul {margin-left: 0px; margin-top: 0px; }
#content ul.contactDetails ul li {padding: 0 0 0 18px; background: url(/img/icons/bullet-li.png) no-repeat 0 2px;}

/*FAQs*/
#content ul.faq {margin-left: 0px;}
#content ul.faq li {background: none; padding-left: 0px; margin-left: 0px; }
#content ul.faq li.question {margin-top: 10px; font-weight: bold;color:#335a91 }
#content ul.faq li.answer {margin-bottom: 10px;}
#content ul.faq li.indent {margin-left: 18px; }
#content ul.faq span.num {margin: 0 5px 0 0; width: 23px; }
#content ul.faq ul {margin:10px 0 10px 17px;  clear:both; }
#content ul.faq ul li{margin-bottom: 5px;}
#content ul.faq ol {margin: 0 0 0 40px; }
#content ul.faq ol li {list-style: decimal}
span.red {color: red; font-weight: bold; }
span.green {color: green;  font-weight: bold; }

#content ul.l {float: left; width: 45%}

/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }
/*************************** FORMS ***************************************/

form.inputform fieldset {border: 0px;  }
form.inputform input {padding: 2px 3px; background: url(../img/bg/input.png) repeat-x bottom left; border: 0px;}
form.inputform input.submit {padding: 1px 23px 7px 3px; background: url(../img/bg/submit.png) no-repeat 0 0 #7a797a; color:#fff; border: 0px; font-size: 0.8em; width: 61px; height: 24px;}
form.inputform input.reset {padding: 1px 42px 7px 3px; background: url(../img/bg/reset.png) no-repeat 0 0 #7a797a; color:#fff; border: 0px; font-size: 0.8em; width: 77px; height: 24px;}
form.inputform input.forgotPassword {padding: 1px 23px 7px 3px; background: url(../img/bg/buttonforgotpassword.png) no-repeat 0 0 #7a797a; color:#fff; border: 0px; font-size: 0.8em; width: 125px; height: 24px;}

form.inputform select {padding: 2px 0px; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; }
form.inputform textarea {padding: 2px 3px; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.lastRow td {padding-bottom: 10px; }
form.inputform tr.action td {padding-top: 10px; border-top: 1px solid #eee; }
form.inputform table {margin: 0 0 10px 0;width: 100% }
form.inputform table td {padding: 2px 3px; }
#content ul.checkboxes {margin-left: 0px; float: left; }
#content ul.checkboxes li {background: none; padding-left:0px; }
.mand {color: #b63331;}
.cb {border: 0px; background:none; }
#content .cb {border: 0px; background:none; }

/*Client Login Panel*/
#clientLogin { margin: 10px 0 0 0;  width: 202px;}
#clientLogin form {padding: 8px 10px 10px 10px;  background: #4c4b4b; }
#clientLogin h1 {margin: 0px; color: #fff; font-weight: normal}
#clientLogin form input {margin: 0 0 5px 0; border: 1px solid #414040; width: 122px; font-size: 0.8em; background:#fff; }
#clientLogin form input.submit {padding-left: 9px; margin: 0 0 5px 0; width: 36px; border: 0px; background:url(/img/bg/button-go.gif) no-repeat 0 2px #4c4b4b; color:#fff; font-size: 0.8em;  }
#clientLogin form input.l {margin-right: 3px; }
#clientLogin a {color: #fff; font-size: 0.8em;}
#clientLogin p#register {padding: 0 0 0 15px; background: url(/img/icons/register.gif) no-repeat 0 2px }
#clientLogin p#forgotPassword {margin: 0px; padding: 0 0 0 15px; background: url(/img/icons/forgot-password.gif) no-repeat 0 2px }

/*ADMIN AREA TRAINING EVENTS*/
ul.clients li.viewEdit {margin: 0 0 10px 0; }
ul.clients li.viewEdit a {display: block}
.questionnaire table td {padding: 5px 8px; }
input#eventtitle, textarea#eventcontent, input#eventlink {width: 90%;}

/*....................................... CLIENT AREA .......................................................*/
p#genMsg {padding: 0 0 0 20px; background: url(/img/icons/accept.png) no-repeat 0 0 ;}
p#errMsg {padding: 0 0 0 20px; background: url(/img/icons/error-message.png) no-repeat 0 0 ;  }
p#forgotPassword {padding: 0 0 0 20px; background: url(/img/icons/forgot-password.png) no-repeat 0 0 ;   }
span.validationError {padding: 5px 0 0 20px; background: url(/img/icons/alert.png) no-repeat 0 4px ;   display: block; color: #9d1c1f; }
/*.................................................. FOOTER ...............................................*/
#footer {padding: 10px 20px 0 20px; width: 720px; clear:both; background:url(/img/bg/footer.png) no-repeat 0 0 #fff  }
#footer ul li {display: inline; }
#footer ul li span {margin: 0 5px;}
/*img.asntLogo {margin: 31px 0 0 0; float: right; }*/
div.r p {text-align: right; }
#footerLogos {margin: 10px 0 10px 0; float: left; width: 100%}
#footerLogos  img {float: left; }
.logoIrinfo {float: left; }
.logosLeft {float: left; width: 320px;}
.asnt {padding-left: 10px;}
.logosRight {float: right; width: 352px;}
.nfpa {padding-right: 10px;}

/*HOMEPAGE*/
#homepageSlideshow {outline: none;}
.announcement {padding: 10px 10px 5px 10px;margin: 10px 10px 10px 0; background: #f7f7f7; color:#363663}
#content .announcement h2 {margin-top: 0px; color: #790041}
#content .moreInfo {text-align: right; }
#content .moreInfo a {color: #476a00}
.servicesPanelWrap {float: left; text-align: center}
.servicesPanel {margin: 10px 10px 10px 0; float: left; width: 46%; text-align: center; font-size: 1.2em ; }
.servicesPanel.noMarginRight {margin: 10px 0 10px 0;}
#content .servicesPanel a {padding: 10px; text-decoration: none; border: 1px dotted #eaeaea; display:block}
#content .servicesPanel a:hover { border: 1px dotted #ccc; color: #363663}
.servicesPanel img {display: block}

/*TRAINING CALENDAR*/
#eventsIntro {margin-right: 10px; float: left; width: 40%}
#calendar {margin: 0px; float: left; padding: 0 0 0 31px; }
table.calendar {margin: 0px 0 10px 0px; clear: both;  font-size: 0.85em;}
table.calendar caption {margin-left: 0px; font-size: 1.1em;  }
table.calendar caption a {color:#515151}
table.calendar th {padding: 5px 0 5px 0; width: 30px;  text-align: center; border: 1px solid #fff; text-align: center;background:#ad1f1f; color:#fff; }
table.calendar td {padding: 0px; text-align: center; background:#f6f5f5; border: 1px solid #fff;  color: #333; height: 23px; vertical-align:middle}
table.calendar a {text-decoration: none}
table.calendar a:hover {color: #981d7a}
table.calendar .calendar-month {padding: 5px; font-weight: bold; text-align: center; }
table.calendar .calendar-prev a, table.calendar .calendar-next a { padding: 0 5px;}
table.calendar td.linked-day a { padding: 4px 0 5px 0;  display: block; width: 30px; font-weight: bold; background:#00c5cc; color:#fff; }
table.calendar td.linked-day a:hover { background:#969696; color: #fff;}
table.calendar td.current-day a { padding: 4px 0 5px 0;  display: block; width: 30px; font-weight: bold; background:#bbe300; color: #333;}
.clearCalendar {clear:both; width:100%; height:20px; font-size:1px; }
.clear {clear:both; width:100%; height:1px; font-size:1px; }
h2.dateEvent {margin: 0 5px 0 0; display:inline; float:right;}
h3.eventTitle {margin: 0px; float: left; display: inline;}
p.eventText {margin-top: 0px; }
.eventWrap {padding: 8px; margin: 0 10px 10px 0; border: 1px solid #eaeaea;}