/*   
Name: The Institute of Operational Risk
URI: http://www.ior-institute.org/
Description: The Institute of Operational Risk
Version: 2.0
*/

/* >>> RESET <<< */
/* ----------------------------------------- */

*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; max-width: 640px; }
fieldset,
img { border: 0 }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style: normal; font-weight: normal }
ol,
ul,
li { list-style: none }
caption,
th { text-align: center }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal }
q:before,
q:after { content:'' }
strong { color: #600; font-weight: bold }
b { color: #600; font-weight: bold }
em { font-style: italic }
a img { border: none; outline: none; }
a { outline: none; }
br[mce_bogus] { display: none; }
table { max-width: 640px; }
/* >>> BODY <<< */
/* ------------------------------------------ */

html { margin: 0; }
body { font-size: 62.5%; line-height: 15px; margin: 0 auto!important; padding:0; width: 980px; background: #f2f0f0 url(../images/bg.jpg) top repeat-x; }
/* >>> HEADER <<< */
/* ------------------------------------------ */

#header { background: url(../images/domino.png) top right no-repeat; height: 72px; width: 980px; margin-top:3px; }
#header_logo { background: url(../images/IORLogo.png) left 12px no-repeat; height: 72px; width: 247px; }
#header p { font-family: Verdana, Geneva, sans-serif; font-style: italic; font-size: 16px; color: #000; margin: -45px 0 0 275px; line-height:20px; text-indent: 30px; }

/* >>> Default Settings <<< */
/* ------------------------------------------ */

body #community-wrap .inputbox.halfwidth,
input[type=text],
input[type=password] { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 10px 4px 10px; margin: 0; font-weight:bold; color:#434343; line-height:17px; height:17px; vertical-align:middle; font-size:13px; }
input[type=checkbox] { padding:0; margin:0; height:15px; width:15px; }
textarea { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 7px 10px 7px 10px; margin: 0; font-weight:bold; color:#434343; }
select { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:0; margin: 0; font-weight:bold; color:#434343; height: 25px; font-size:1em; vertical-align:middle; }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
input[type=text]:active,
input[type=password]:active,
textarea:active,
input[type=text]:hover,
input[type=password]:hover,
textarea:hover
{ border: 1px solid #26808c; }

/* >>> MAIN MENU <<< */
/* ------------------------------------------ */

#mainmenu { background: #333; height: 30px; list-style: none; margin-top: 1px; padding: 0; position: relative; width: 980px; }
#mainmenu ul { background: transparent; display: inline; height: 30px; list-style-type: none; width: 980px; }
#mainmenu ul li { background: transparent; }
#mainmenu ul li a { background: transparent; color: #f1f1f1; display: block; float: left; font-family: Arial, sans-serif; font-size: 12px; font-weight:bold; padding: 8px 0.6em 8px 0.6em; text-decoration: none; text-shadow: 1px 1px 1px #000; text-transform: capitalize; }
#mainmenu ul li a:link { background: transparent; color: #f1f1f1; }
#mainmenu ul li a:visited { background: transparent; color: #f1f1f1; }
#mainmenu ul li a:hover { background-color: #900; color: #fac433; }
#mainmenu ul li a:active { background-color: #900; color: #fac433; }
#mainmenu ul ul { background: transparent; color: #fce0a9; display: none; padding: 0 1em; text-decoration: none; width: 800px; position:absolute; top: 32px; left: 20px; }
#mainmenu ul li.active a { background-color: #900; color: #fac433; }
#mainmenu ul li.active ul a { background-color: #900; color: #fac433; padding: 0px 15px 8px 15px; text-shadow:none; }
#mainmenu ul li ul li { display:block; float:left; margin:0; padding:0; height:33px; line-height:33px; }
#mainmenu ul li#current a { background-color: #900; color: #fac433; }
#mainmenu ul li#current ul { background: transparent; display: inline; padding: 0; width: 700px; height:33px; line-height:33px; }
#mainmenu ul li#current ul li a { color: #fce0a9; display: block; text-decoration: none; text-transform: none; padding-bottom:0; }
#mainmenu ul li#current ul li a:hover { background: transparent; color:#900 }
#mainmenu ul li.active ul { background: transparent; display: inline; padding: 0; width: 700px; }
#mainmenu ul li.active ul li.active a,
#mainmenu ul li.active ul li#current a { background: url(../images/subMenuHighlight.png) top left no-repeat!important; color: #900; display: block; text-decoration:none; text-transform: none; }
#mainmenu ul li.active ul li.active a span,
#mainmenu ul li.active ul li#current a span { background:url(../images/subMenuHighlightEnd.png) top right no-repeat; padding:0 15px 0 0; margin:0 -15px 0 0; display:block!important; }
#mainmenu ul li.active ul a { background: transparent; color: #fce0a9; display: block; text-decoration: none; text-transform: none; }
#mainmenu ul li.active ul a:hover { background: url(../images/subMenuHighlight.png) top left no-repeat!important; color: #900; display: block; text-decoration:none; text-transform: none; }
#mainmenu ul li.active ul a:hover span { background:url(../images/subMenuHighlightEnd.png) top right no-repeat; padding:0 15px 0 0; margin:0 -15px 0 0; display:block!important; }

/* >>> 3rd tier menu <<< */
#mainmenu ul li ul li ul li { display:none!important; }

/* >>> SEARCH BAR <<< */
/* ------------------------------------------ */
#search { background: #900; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #600; height: 36px; margin: 0; width: 978px; }
.search { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #666; float: right; height: 26px; margin: 3px 18px 0 0; padding:0; width: 230px; }
.search input { background: transparent; height:16; padding: 4px 5px; border: none!important; width:160px; }
.search .button { border: none; color: #900; float: right; display:block; font-family: Arial, Verdana, sans-serif; font-size: 16px; font-weight: bold; cursor:pointer; width:40px; height:30px; margin:0; padding:0; }

/* >>> FONT RESIZER <<< */
/* ------------------------------------------ */
#font_resizer { background: transparent; border: none; height: 20px; left: 860px; position: relative; top: -63px; width: 120px; }

/* >>> SIDEBAR <<< */
/* ------------------------------------------ */
#sidebar { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; height: 100%; min-height: 1000px; float: right; margin: 0px 0 20px 0; padding: 5px 5px; width: 260px; }
#sidebar h3 { color: #600; font-family: Arial, sans-serif; font-size: 1.6em; line-height: 150%; margin: 10px 20px 10px 20px; background-color:#ebebeb; text-indent:5px; }
h3.sidebarHeader { margin-top:10px; }
h3.sidebarHeader img { margin-top:-3px; }
.sidebar_modules { margin: 20px; }

/* >>> LOGIN MODULE <<< */
/* ------------------------------------------ */
#login { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; margin: 5px 20px 0px 20px; display:block }
#login br { display: none; }
h3.login { color: #600; font-family: Arial, sans-serif; font-size: 1.4em!important; margin: 5px 0!important; text-transform: uppercase; background: #fff!important; text-indent:0!important; }
#form-login label { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; margin-top:0; !important;
padding: 0 !important; }
#form-login input[type=text],
#form-login input[type=password] { width: 200px; }
#com-form-login .button,
#form-login .button { background: url(../images/button.png) no-repeat 0 0; color: #333; border: none;cursor: pointer; float: right; height: 31px; line-height:31px; margin: 0; font-weight:normal; padding:0; overflow: hidden; width: 62px; margin-top:-22px; }
#form-login .button:hover { color:#600 }
#form-login-remember { margin-top:10px; height: 20px; }
#form-login-remember .inputbox { padding:0; margin:0; height:13px; width:13px }
#form-login ul { margin-top: -5px; }
#form-login ul li a { color: #666; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1em; line-height: 1.8em; }
#form-login ul li a:link { color: #666; text-decoration: underline; }
#form-login ul li a:visited { color: #666; }
#form-login ul li a:hover { color: #900; text-decoration: underline; }
#form-login ul li a:active { color: #666; }
.cta-button { display: block; width: 214px; height: 57px; margin: 8px auto 15px auto; text-align:center; }
.cta-button a { display: block; width: 100%; height: 100%; background: url(../images/button-call_to_action_IOR_Membership.png) no-repeat 0 0 transparent!important; text-indent: -9999px; outline-color:transparent!important; }
.cta-button a:hover { background: url(../images/button-call_to_action_IOR_Membership.png) 0 59px transparent!important }

/* >>>>>> Login Page <<<<<<< */
#com-form-login img { display:none; }
#com-form-login #semitransparentBox { margin-left:99px; border: 1px solid #ccc; padding:20px; width: 400px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; background:url(../images/transparent20percent.png) top left repeat; height:200px; }
#com-form-login #semitransparentBox p {color:#FFF}
#com-form-login #com-form-login-remember { vertical-align:middle }
#com-form-login input[type=checkbox] { vertical-align:middle; line-height:20px; height:20px; }
#com-form-login input[type=submit] { margin-top:-40px }
#com-form-login ul li { background-image:none!important }
#com-form-login table div { padding: 0px 0 0 20px; font-size:1.1em; color:#FFF; }
#greyGradient { background:url(../images/greyGradientBg.png) top left no-repeat; width:100%; height:579px; position:relative; padding-top:20px;margin:0!important; }
#loginShades { width:400px; text-align:center; color:#FFF; margin-left:99px; margin-top:30px; }
#loginShades p.appButton a { width: 218px; height: 33px; display:inline-block; background: url(../images/button-call_to_action_sprite.png) no-repeat 0 0px; padding:0 }
#loginShades p.appButton a:hover { background: url(../images/button-call_to_action_sprite.png) 0 33px transparent!important }
#loginShades p a { text-align:center!important }
#loginShades h2 { text-align:center; color:#fff!important; line-height:120%; font-size:1.9em!important; }
#loginShades h3 { text-align:center; color: #fff!important; font-size:1.8em!important; }
.lightGray { color:#6D6D6D }
.darkGray { color:#2E2E2E }

/* >>> NEWS & MEDIA MODULE <<< */
/* ------------------------------------------ */
#news_media { margin: 5px 20px 10px 20px; text-align:justify; }
#news_media img { float:left; margin-top:-3px; }
#news_media a { color: #900; font-size: 1.1em; text-decoration: underline; padding:2px 0; }
#news_media a:hover { background-color: #900; color:#FFF; text-decoration:none; }

/* >>> EVENTS MODULE <<< */
/* ------------------------------------------ */
#events { margin: 5px 20px 15px 20px; }
#events img { float: left; margin-top: 3px; padding-right: 10px; }
#events p { color: #333; font-size: 1.1em; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: none; line-height: 150%; }
#events p a { color: #600; text-decoration: none; }
#events p a:hover { text-decoration: underline; }
div#jevents table#jevadminform tr,
div#jevents table#jevadminform {max-width:600px!important;}
div#jevents table#jevadminform input {width:200px!important; padding:7px 10px;}
div#jevents table#jevadminform textarea {width:400px!important; padding:7px 10px;}
/* >>> NEWS FEED MODULE <<< */
/* ------------------------------------------ */
#news_feed { margin: 5px 20px 40px 20px; }
#news_feed img { float: left; margin-top: 3px; padding-right: 0px; padding-bottom:20px; }
#news_feed tr { float: left; vertical-align: top; }
#news_feed td { color: #666; font-size: 1.2em; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: none; line-height: 150%; width: 220px; }
#news_feed td strong { color: #666; font-weight: strong; font-size:1.1em; }
#news_feed td a { color: #600; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: none; line-height: 150%; width: 220px; }
#news_feed td a:hover { text-decoration: underline; }
#news_feed td a:nth-child(even) {background-color: #ccc;}
#news_feed td img { display: none; }
#news_feed td ul { width: 220px; }
.newsfeedsidebar_modules li { margin:0; padding: 5px; border-bottom:1px solid #600 }
.newsfeedsidebar_modules li a { color: #900; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: underline; width: 100%; padding: 2px 0; }
.newsfeedsidebar_modules li a:link { color: #900; }
.newsfeedsidebar_modules li a:visited { color: #900; }
.newsfeedsidebar_modules li a:hover { color: #fff!important; background-color:#900; text-decoration:none!important; }
.newsfeedsidebar_modules li a:active { color: #900; }
.newsfeedsidebar_modules li:nth-child(odd) {background-color: #eaeaea;}
#news_feed p { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.1em; line-height: 1.2em; margin-top: 5px; }
#news_feed p a { color: #600; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: none; }
#news_feed p a:hover { color: #600; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: underline; }

/* >>> NEWSLETTER SIGN UP <<< */
/* ------------------------------------------ */
#newsletter_sign_up label { display: none; }
#newsletter_sign_up input { float: left; margin: 10px 0 10px 20px; padding-left: 2px; width: 128px; font-size:12px }
#form-login input { padding: 5px 10px; margin: 0; font-weight:bold; color:#434343; line-height:1.1em; width: 200px; }
#newsletter_sign_up .submit input { background: url(../images/button.png) no-repeat 0 0; border: none; color: #333; cursor: pointer; float: right; height: 31px; margin: 9px 20px 0 0; padding-left: 0; overflow: hidden; width: 62px; }
#newsletter_sign_up .submit input:hover { color:#600 }

/* >>> MAIN CONTENT <<< */
/* ------------------------------------------ */
#content_main { background: #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: none; float: left; height: 100%; margin: 0px 0 20px 0; padding: 5px 20px 20px 20px; width: 640px; }
#content_main address { color: #000; font-size: 1.2em; line-height: 1.2em; margin: 3px 20px 3px 30px; max-width: 640px; }
.article_row { margin-top: -10px; }
.leading { clear: both; margin-bottom:10px; background:url(../images/articleBottomBg.png) bottom right no-repeat; padding-bottom:2px;border-bottom: solid 1px #666; }
.article_column {background:url(../images/articleBottomBg.png) bottom right no-repeat;padding-bottom:2px;border-bottom: solid 1px #666; }
.blog p { margin-top: -20px; }
table { margin: 0 0; }
.buttonheading { display: none; }
.filter input { height: 27px; margin: 10px 0 10px 0; width: 140px; }
.filter input:focus { border: 1px solid #26808c; }
#content_main ol li { color: #666; font-size: 1.2em; font-family: Geneva, Verdana, Arial, sans-serif; text-decoration: none; margin: 10px 20px 0 0; }
#content_main ol.list li { border-bottom: 1px dotted #666; color: #666; font-size: 1.2em; font-family: Geneva, Verdana, Arial, sans-serif; list-style-type: decimal; margin: 10px 20px 0 20px; padding-bottom: 10px; text-decoration: none; }
#content_main ol.list li p { margin-left: 0; }
p.iteminfo { font-size:0.85em!important }
.contentheading { color: #600; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 1.4em; padding: 0 20px 0 20px; text-transform: capitalise; }
.category { font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1.5em; margin: 10px 0 10px 20px; }
.small { font-family: Verdana, Geneva, sans-serif; line-height: 1.5em; margin: 10px 0 10px 20px; }

#content_main div.componentheading,
#content_main h1 { color: #900; font-family: Arial, sans-serif; font-size: 1.8em; margin:0.2em 0 0.4em 0; padding-left:10px; text-transform: capitalize; line-height:1.8em; height:1.8em; background:url(../images/h1goldbar.png) repeat-x top left; border-bottom: #fce0a9 solid 2px; border-top: #fce0a9 solid 2px}
#content_main h2 { color: #600; font-family: Arial, sans-serif; font-size: 1.6em; margin: 0.65em 0 0.3em 0; text-transform: capitalize; font-weight: bold; }
#content_main h2.contentheading { font-size: 1.4em; margin:0; text-transform: capitalize; border-bottom: solid 1px #666;border-top: solid 1px #666; background: #EBEBEB url(../images/iorLogo20px.png) left 4px no-repeat; padding: 5px 0 5px 40px; line-height:normal; }
#content_main h2.contentheading a { text-decoration:none }
#content_main h3 { color: #600; font-family: Arial, sans-serif; font-size: 1.3em; line-height: 120%; margin:1em 0 0 0; padding:0; font-weight:600; }
#content_main h3.membership { margin: 0.7em 0; }
#content_main h4 { color: #600; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 120%; margin:1em 0 0 0; padding:0; font-weight:300; }
#content_main p { color: #101010; font-size: 1.2em; line-height: 1.5em; margin:0.5em 0; padding:0 10px; max-width: 640px; text-align:justify; }
#content_main p.contenttoc { color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; margin: 20px; }
#content_main p.normaltext_inst { color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; margin: 20px; }
#content_main p strong { color: #600; }
#content_main p.upArrow { background: url(../images/001_24.png) top right no-repeat; padding:0 30px 0 0; text-align:right; line-height:24px; }
#content_main ul { margin: 0; }
#content_main ol { margin: 0 0 2em 1em; }
#content_main ul li { margin: 0.65em; background: url(../images/bullet1.png) 0 3px no-repeat; line-height:1.5em; padding:0 2em 0 2em; font-size:1.2em; text-align:justify; }
#content_main ol li { margin: 1em; list-style:decimal; padding:0; color:#000; }
#content_main ul li ul li { margin: 1em; background: url(../images/bullet2.png) 0 3px no-repeat; line-height:1.5em; font-size:1em; }
table.contentpaneopen td { padding-left:10px; padding-right:10px; }
#content_main .article_column-left { background: #fff; border: 1px dotted #666; float: left; margin: 10px 5px 10px 10px; width: 300px; }
#content_main .article_column-left p { margin: 6px; }
#content_main .article_column-left p+p { border-bottom: none; }
#content_main .article_column-left img { margin: 5px 5px 0 0; }
#content_main .article_column-left p:first-child,
#content_main .article_column-right p:first-child {text-align:left;} 
#content_main .article_column-right { background: #fff; border: 1px dotted #666; float: right; margin: 10px 5px 10px 5px; width: 300px; }
#content_main .article_column-right p { margin: 6px; }
#content_main .article_column-right p+p { border-bottom: none; }
#content_main .article_column-right img { margin: 5px 5px 0 0; }
#content_main a { color: #900; text-decoration: underline; padding: 2px 0; }
#content_main a:hover { background-color:#900; color:#FFF; text-decoration:none; }
#content_main a.read_more { background: #666; clear: both; color: #fff; float: right; font-size: 0.8em; line-height: 0.8em; margin-bottom: 10px; padding: 2px; text-transform: uppercase; text-decoration: none; }
#content_main a.read_more:hover { background: #600; }
#content_main p img { margin: 5px 10px 5px 0; }
#content_main li.arrowbullet { color: #000; font-size: 1.2em; margin: 5px 20px 5px 10px; line-height: 1.4em; list-style-type: none; background:url(../images/bullet1.png) no-repeat 0px 0.15em; padding-left:20px; width:450px; }
#content_main table.bulletTable ul li { font-size: 1em; margin: 5px 20px 5px 10px; line-height: 1.3em; list-style-type: none; background:url(../images/bullet1.png) no-repeat 0px 0.15em; padding: 0 0 0 20px; text-align:left }
#content_main table.bulletTable tr td { vertical-align:top }
#content_main table.contentpaneopen p{ margin-left:-10px; padding-right:0;}
#content_main table.contentpaneopen h1 {padding-left:0px;}
#content_main table.padding5 {margin: 10px}
#content_main table.padding5 td { padding:5px; font-size:1.2em; }
#content_main table tr.centerText th,
#content_main table tr.centerText td,
#content_main table.centerText td { text-align:center }
#content_main table td.indentTable { padding-left:3em; text-indent:-2em; padding-right:1em; }
#content_main table td.moneyAlign { padding-right:1em; padding-left:2em; text-align:right }
/* >>> STYLING MY RSS READER COMPONENT <<< */
/* ------------------------------------------ */
.rss_list { width: 640px !important; }
center { margin: 10px auto; }
.pagenav { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; margin-top: 10px !important; }
.pagenav a { color: #600; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; }
a.rss_title { color: #600; font-family: Arial, sans-serif; font-size: 1.6em; line-height: 1.6em; margin: 20px 0 0 0; text-transform: uppercase; }
.web_rss_title { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1.5em; }
td.rss_box { border-bottom: 1px dotted #666; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1.5em; padding-bottom: 5px; }
#rss_copyright { color: #666; font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; line-height: 1.5em; margin-bottom: 10px; }
#rss_copyright a { color: #600; font-family: Verdana, Geneva, sans-serif; line-height: 1.5em; }
/* >>> CAROUSEL <<< */
/* ------------------------------------------ */
#carousel { border:1px solid #666; width: 620px; height: 364px; position: relative; margin: 0 auto; }
#carousel ul li { background:none; margin:0; padding:0; }
#jcarousel-control { background: #ccc; height: 40px; position: relative; bottom: 0; left: 0; width: 620px; display:inline-table; z-index:99; }
#jcarousel-control ul { display: inline; list-style-type: none; margin: 0; padding: 0; }
#jcarousel-control ul li { display: table-cell; list-style-type: none; margin: 0; padding: 0; background:none; float:left; }
#jcarousel-control ul li a { color: #333; display: block; float: left; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 15px; font-weight:bold; height: 30px; margin-top: 0; padding:10px 0 0 0; text-decoration: none; text-align: center; width: 124px;background: url(../images/carousel-tab.png) left top no-repeat;}
#jcarousel-control ul li a.selected,
#jcarousel-control ul li a:hover { color: #fac433; text-decoration: none; background: url(../images/pointer.png) left top no-repeat; z-index:50; position: absoloute; margin-top:-8px; padding:18px 0 0 0; }
#carousel_container { width: 620px; height: 324px; overflow: hidden; padding: 0; }
#mycarousel { padding: 0; list-style:none; margin:0; width: 620px; height: 324px; }
#mycarousel ul { list-style: none; margin: 0!important; padding: 0!important; }
#mycarousel li { width: 620px; height: 324px; padding: 0; margin: 0; background:none; }
#mycarousel li a { text-decoration:none; border:none; cursor:pointer;padding:0; }
#mycarousel li img { padding: 0; margin: 0; z-index:10; display:block; }
#mycarousel li div { position:static; display: block; height: 34px; margin-top: -42px; padding-top: 8px; text-align: center; background:transparent; background-color:#666; width: 620px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; }
#mycarousel li div h5 { color: #fff; font-size: 14px; font-weight:bold; text-align: center; background: none; margin:0; padding:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1.0; text-shadow: black 1px 1px 1px; }

/* >>> CONTACT FORM <<< */
/* ------------------------------------------ */
#component-contact { background:#ebebeb url(../images/greyGradientBg.png) top left no-repeat; min-height:588px; width:100%;margin:0; padding-top:40px;}
#component-contact div#semitransparentBox {margin-left:69px; border: 1px solid #ccc; padding:20px; width: 460px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; background:url(../images/transparent20percent.png) top left repeat; min-height:360px; }
#emailForm { margin-top: -40px; }
#emailForm input[type=text] { margin-bottom: 10px; width: 220px; }
#emailForm label { color: #fff; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; }
#contact_email_copy { background: #fff; margin-top: 10px; }
#emailForm button { background: url(../images/button.png) no-repeat 0 0; border: none; color: #333; cursor: pointer; height: 31px; margin: 0; overflow: hidden; width: 62px; }
#emailForm p label {font-size:1em;display:inline; vertical-align:bottom}
#emailForm #contact_text { height:6em; margin-bottom:0; line-height:140%; }
#component-contact h4 { text-align:center; font-weight:bold; margin-top:40px; line-height:150%; }

/* >>> Jomsocial Overrides <<< */
/* ------------------------------------------ */
#community-admin-wrapper { position:relative; font-size:0.8em; }
#community-admin-controls a:hover,
#community-admin-controls a span:hover { text-decoration:none!important }
#community-wrap .mini-profile-details h3:hover,
#community-wrap .mini-profile-details h3 a:hover,
#community-wrap .mini-profile-details h3 a strong:hover { color:#fff!important }
#community-wrap .mini-profile-details h3 a { padding: 0; }
#community-wrap .mini-profile-details h3 a strong { padding:2px 0!important }
#community-wrap div.profile-toolbox-bl ul.small-button li { margin:0 }
#community-wrap div.profile-toolbox-bl ul.small-button li a { color:#900 }
#community-wrap div.profile-toolbox-bl ul.small-button li a span:hover { background:#900; color:#fff }
.icon-report { padding: 3px 3px 3px 20px!important; }
#community-wrap .page-action a:hover { background-color:transparent; color:#900 }
#community-wrap .page-action a span { padding:2px 0; }
#community-wrap .page-action a span:hover { background-color:#900; color:#fff; }
#community-wrap #community-admin-wrapper #community-admin-controls li { padding-left:20px!important; padding-right:0!important }
.icon-addfeatured { background: url(../../../components/com_community/templates/iorTemplate/images/icons/icons-16x16.gif) no-repeat 0 -480px!important }
.icon-block-user { background: transparent url(../../../components/com_community/templates/iorTemplate/images/icons/icons-16x16.gif) no-repeat 0 -200px!important }
#myblog #azheadnav span a:hover { background:#900!important }
#community-wrap #profile-edit .select {height:25px;}
#community-wrap input.button { background: url(../images/button.png) no-repeat 0 0; color: #333; border: none;cursor: pointer; height: 31px; line-height:31px; margin: 0; font-weight:normal; padding:0; overflow: hidden; min-width: 62px;}
#writeMessageForm input.button { background: url(../images/button-bg.png) repeat-x 0 0;}
#writeMessageForm select.inputbox {height:auto;}

/*-----*My Blog Updates -------*/
/* ------------------------------------------ */
#myBlog-toolbar ul li { border-bottom:3px solid #900; height:2em; }
#myBlog-wrap #myBlog-toolbar li a:hover { background:none; color:#600 }
#myBlog-wrap #myBlog-toolbar li a span:hover { background:#900; color:#fff!important }
#myBlog-wrap div.entryContent .entryTitle h2 a:hover { color:#fff!important }
#myBlog-wrap div.entryContent div.entryTitle { background: transparent none!important; border-bottom: 1px solid darkGray; border-top: 1px solid darkGray; clear: right; display: table; float: none; margin: 0px 0px 10px; position: relative; vertical-align: middle; }
#myBlog-wrap div.entryContent div.entryTitle small { display: table-footer-group; float: none!important; }
#myBlog-wrap div.entryContent .entryTitle h2 { background: transparent none repeat scroll 0px 0px !important; padding:0; }

/* >>> JomComment Overrides <<< */
/* ------------------------------------------ */
#jc_commentsDiv .jc_comment_panel li { margin:0!important }
#jc_comment_bbcode a:link { padding:0 }


/* >>> SEARCH RESULTS <<< */
/* ------------------------------------------ */
fieldset.word { margin-left: 20px; }
fieldset.phrase { margin: 10px 0 0 20px; }
fieldset.phrase legend { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; margin: 0; }
fieldset.phrase input { margin: 10px; }
fieldset.only { margin: 20px 0 0 20px; }
fieldset.only legend { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; }
fieldset.only input { margin: 10px; }
form.search_result label { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; margin: 10px 0 0 0; }
.display { color: #333; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.2em; }
form.search_result input.inputbox { height: 17px; margin: 10px 0 10px 20px; padding-left: 10px; width: 140px; }

/* >>> IOR Web Links <<< */
/* ------------------------------------------ */
table.iorWebLinks form table td {padding:5px 5px!important;line-height:20px; vertical-align:top;}
table.iorWebLinks form table tr.sectiontableentry1 td {background-color:#F5F5F5}
/* >>> FOOTER <<< */
/* ------------------------------------------ */
#footer { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: none; clear: both; height: 140px; margin: 0; width: 980px; }
#footermenu { background: #fff; float: left; width: 660px; text-align:center; }
#footermenu ul { list-style-type: none; width: 640px; text-align: center; margin:0 auto; }
#footermenu ul li { display:inline }
#footermenu ul li a { background: #F8F8F8 url(http://ior.adnsserver.net/components/com_docman/themes/default/images/button.png) repeat-x 50% 100%; color: #333; font-size: 12px; padding: 4px; margin: 5px 3px; text-decoration: none; display: inline-block; position:relative; border: 1px solid #CECECE; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
#footermenu ul li a:hover { background: none #600; color: #fff; }
#site_info p { clear: both; color: #600; font-size: 1.2em; line-height: 1.5em; text-align:center; margin-top:10px; }
#site_info a { color:#000; background:url(../images/EkoUKLogoSmall.png) no-repeat right; padding-right:32px; line-height:24px; height:24px!important; margin-left:12px; display: inline-block; }
#site_info a:hover { background-color: #EBEBEB; color:#000; border-bottom:#e6ce00 solid 2px; }
#regional_chapters { background: #fff; float: right; margin: 0; padding: 0; width: 260px; }
#regional_chapters h3 { color: #600; font-family: Arial, sans-serif; font-size: 1.6em; margin: 10px 20px 0 20px; text-transform: uppercase; }
#regional_chapters img { margin: 5px 0 0 15px; padding: 0; }
#regional_chapters ul { display: inline; list-style-type: none; width: 640px; }
#regional_chapters ul li img a { background: #fff; border: none; color: #333; display: block; float: left; padding: 1em; text-decoration: none; }
#regional_chapters ul li a:hover { background-color: #fff; color: #600; }


/*--------Latest events Calendar Icon-------------*/
.calendarIcon { background:url(../images/icon-calendar.png) top left no-repeat; display: block; float:left; margin:0; width:38px; height:50px; color:#FFF; font: bold 11px "Times New Roman", Times, serif; text-align:center; line-height:10px; margin-top:4px; }
.calendarMonth { background: transparent; display:block; font: bold 17px "Times New Roman", Times, serif; color:#993333; margin-top:6px; width:38px; padding:0; text-align:center; postition:relative; }
.calendarContent { margin-left:42px; font-family: Verdana, Geneva, sans-serif; font-size:1.1em; color:#333; padding-bottom:10px; line-height: 150%; }
.mod_events_latest_table td { }
.mod_events_latest_content { font-family: Verdana, Geneva, sans-serif; }
span.mod_events_latest_content { display:inline-block; margin-bottom:6px; }
.calendarContent br { line-height:10px; margin:0; padding:0; height:5px; background: #0F0 }
.mod_events_latest_content a { font-size: 1.1em; color:#900; text-decoration:underline; padding:2px 0!important; }
.mod_events_latest_content a:visited { font-size: 1.1em; color:#900; }
.mod_events_latest_content a:hover { font-size: 1.1em; color:#fff; background:#900; text-decoration:none; }


/*  Events Table  -------- */
table.toolbar a:hover { background-color:transparent!important; color:#600!important; }
#eventsDetail { Verdana, Geneva, sans-serif
}
#eventsDetail .tablecontent { font-size:1em; }
#eventsDetail td.tablecontent { padding-top:10px!important; }
#eventsDetail td.ev_detail { padding: 5px 20px!important; font-size:1em; line-height:150%; }
#eventsDetail td.contentheading { text-align:center; font-size:1.8em; line-height:150%; }
table#eventsDetail { width:540px }
.jeventpageiorEvents table.jevicons { margin-bottom:1em; }
.jeventpageiorEvents select { font-size:14px!important; vertical-align:middle; }
#jevents_body a.ev_link_row { font-size:12px; }
.jev_listview .jev_listrow { padding:3px 0 }
.jev_daysnames { font-size:12px; }
#paperbackground { width:560px; height:433px; background:url(../images/paper.png) no-repeat top left; padding: 20px 60px 65px 20px; position:relative; overflow-y: auto; }
#iorEvent { overflow-x:hidden; height:100%; }
#jev_maincal ul li p { font-size:1em; }
#jev_maincal ul li { background-image:none; padding: 0 0.5em; margin-top:0; margin-bottom:0 }
#jevents_body .buttontext a:hover { color:#FFF }
.jev_red .jev_toprow .previousmonth a { padding-left:20px!important }
.jev_red .jev_toprow div.nextmonth a { padding-right:20px!important }

/* Image selector --------*/
body.contentpane { background:none }
#jevents_header { display:none; }
/*-SPG Document Styles --*/
.grey { background:#CCC }
.green { background:#ccffcc; color:#00cc00; font-weight:bold; }
.amber { background:#fdd28e; color:#ff9900; font-weight:bold; }
.red { background:#ff9999; color:#C00; font-weight:bold; }
.blue { background:#9CF }
.orange { background:#F90 }
.tablehead { background:#FC6 }
.standardbox { border:solid 1px #000; padding:20px; }
.centertext { text-align:center }
ul#tableOfContents li { background-image:none; padding:0; margin-top:0.3em; margin-bottom:0; }
ul#tableOfContents li ul li { background-image:none; padding:0; margin-top:0; margin-bottom:0; }
ul#tableOfContents li ul ul li { margin-left:3em }
ul#tableOfContents li ul ul ul li { margin-left:4em }
#content_main tr.grey td { background:#C4C4C4 }
.clearfloat { clear:both }

/* >>> Page Navigation Back / Next Buttons <<< */
/* ------------------------------------------ */
table.pagenav th a { background: #F8F8F8 url(http://ior.adnsserver.net/components/com_docman/themes/default/images/button.png) repeat-x 50% 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: block; padding: 5px 15px!important; border: 1px solid #CECECE; height:15px; text-decoration:none!important; }
.dm_taskbar li a:hover,
table.pagenav th a:hover { background-image:none; }
.dm_taskbar li a { padding: 5px 5px!important; }

/* >>> Front End Editor  <<< */
/* ------------------------------------------ */
.editor fieldset {background-color:#F8F8F8; padding: 10px;  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border:1px solid #C1C1C1}
.editor fieldset legend {color:#900;font-size:1.3em; font-weight:bold; padding:3px 10px; border:1px solid #C1C1C1; background:#F8F8F8 }
.editor fieldset.metadata { margin: 20px 0 0 0px!important; width:618px!important; position:relative; }
.editor fieldset.metadata textarea {width:400px!important}
.editor fieldset.metadata label {width:400px!important}
.editor textarea#text {width:595px!important; font-weight: normal!important; font-family:"Courier New", Courier, monospace}
.editor button { background: url(../images/button.png) no-repeat 0 0; border: none; color: #333; cursor: pointer; height: 31px; margin:0; padding-left: 0; overflow: hidden; width: 62px; }
.editor button:hover { color:#600 }

/* ADDED FOR APPLICATION FORM by IAN SHAW */
.appform { color: #666; font-family: Geneva, Verdana, Arial, sans-serif; margin-top: 10px; }
.appform div.error { display: none; }
.appform div.fc-error { margin-left: 20%; border: none; background:none; padding: 0px; }
.appform div.fc-error p { margin: 0px; padding: 0px; color:#F00 !important; }
.appform input { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; color: #666; font-family: Geneva, Verdana, Arial, sans-serif; height: 21px; padding: 2px 8px; margin-left: 10px; }
.appform input[type=radio]{background:none!important;}
.appform input:focus, .appform input:active { border: 1px dotted #999; }
.appform fieldset {border: 1px solid #666; background-color:#EEE;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:5px 20px 20px 20px; margin-bottom:20px;} 
.appform select {margin-top:0}
/* CSS layout */
.appform fieldset.subset {background-color:#F7F7F7;border: 1px dotted #D6D6D6; padding:10px 5px 10px 5px;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.appformCSSlabel { display: block; float:left; margin: 5px 0 0 20px; width: 35%; color: #666; font-family: Geneva, Verdana, Arial, sans-serif; font-size: 1.1em; min-height: 21px; padding: 2px;}
.appformCSSinput { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 200px; margin-top: 10px; margin-left: 10px; }
.appformCSSinput input { background: #fff url(../images/bg-input-gradient.png) repeat-x 0 0; border: 1px solid #c1cbcb; }
.appformCSSclear { margin: 0px; padding: Opx; clear: both; }
.appformCSSbot10 { margin-bottom: 10px; }
.appformCSSbot5 { margin-bottom: 5px; }
.appformCSStop10 { margin-top: 10px; }
.appformCSScenter { text-align:center !important; margin-top: 10px !important; }
.appformCustomText { margin-top: 15px; margin-bottom: 5px;}
select.appformCSSinput { color: #666; width: 125px; }
textarea.appformCSSinput { height: 200px; width: 205px; }
.appform_mandatory { color:#FF0000; font-size:0.83em; font-weight:bold; padding:0; }
.appform select#businesscountry,
.appform select#homecountry {width:220px;}
.appform p.smaller {font-size:1em}

/* FOR REVIEWERS INDEX PAGE */
p.ignoreButton a { width: 214px; height: 55px; display:inline-block; background: url(../images/IgnoreButton.png) no-repeat 0 0px; padding:0 }
p.ignoreButton a:hover { background: url(../images/IgnoreButton.png) 0 58px transparent!important }