/*Main CSS for Hotline.ie Annual Report*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #414040; font-size:62.5%; }

img {border: none;}

/*
------------------------------------------------------
=MAIN STRUCTURE
------------------------------------------------------*/

#main {width:960px; background: #f28402;margin:0px auto 0px auto;}

#wrapper{width:960px; height: 100%; overflow: auto; margin:0px auto 0px auto; background: #f28402 url(../images/bg/wrapper-bg2.gif) repeat-y scroll 0 0;}

.hidden {display: none;}

/*
------------------------------------------------------
=CLEARING
-----------------------------------------------------*/
.clear{clear:both;} .last{margin-right:0px !important; border-right:none !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*
------------------------------------------------------
=ACCESSIBILITY
------------------------------------------------------*/
#access {position:absolute; top:-9999px;}


/*
------------------------------------------------------
=HEADER
------------------------------------------------------*/

#header { position: relative;height: 68px; width: 960px;background: #414040 url(../images/bg/header-bg.gif) repeat-x center top; margin:20px auto 0px auto;padding-left: 2px;}

#header img.logo {margin:0px 0px 0px 261px;  width: 185px;}
*:first-child+html {margin:20px auto 0px auto;}
/*
------------------------------------------------------
=HEADER
------------------------------------------------------*/

/*links*/

a {color: #666666; text-decoration: underline;  }
a:hover {text-decoration: none; color: #666666; }


/*
------------------------------------------------------
=MAIN HEADINGS
------------------------------------------------------*/
h1.main {font-family:Arial Narrow Bold, Arial, sans-serif; line-height: 0.8;text-align: right; color: #252525; font-size: 1.7em; font-weight: bold; float: right; display: inline; margin: 20px 40px 0px 0px;text-transform: uppercase;}
#header span.date {position: absolute; top:35px; right: 40px; font-size: 1.3em; color: #6f6f6f; letter-spacing: .01em; font-family: Arial Narrow Bold, Arial, sans-serif;font-weight: bold; text-transform: uppercase; display:inline;}
h2 {font-family: Arial Narrow Bold, Arial, sans-serif; font-size: 1.6em; font-weight: bold; padding: 12px 0px 15px 20px; color: #744003; text-transform: uppercase;}
h3 {font-family:Arial Narrow Bold, Arial, sans-serif; color: #555555; font-size: 1.4em; font-weight: bold; padding: 18px 0px 10px 20px;text-transform: uppercase;}
h3.martop {margin-top: 12px!important;}
h3.gratop {margin-top: 12px!important; color: #744003; text-transform: none; padding: 0px 0px 0px 20px;}
*html h2,h3 {padding-top: 0px;}
*:first-child+html h2,h3 {padding-top: 0px; }


/*
------------------------------------------------------
=HOMEPAGE
------------------------------------------------------*/

body.home #column-two #content {float: left; width: 490px; display: inline;  min-height: 90px;}
body.home #column-two p {margin: 0 0 10px 0!important;}
*html body.home #column-two #content {height: 90px;}
body.home p.welcome { font-size: 1.2em!important; }
body.home h3{padding-left: 0px;}
body.home #column-three .feature {background: #ffffff url(../images/bg/feature-bg.gif) no-repeat scroll 0 0; width: 150px; margin-bottom: 0px;}
#bottom {background: #ffffff url(../images/bg/home-feat-bg.jpg) no-repeat bottom right; width:660px; float: left;  margin: 0 0 0 20px; min-height: 330px; }
*html #bottom {height: 300px; margin:5px 0 0 10px; }
#bottom .feat-wide {width: 308px; float: left; padding: 0 20px 0 0px; } 
#bottom .feat-wide p { padding: 0px 10px 0px 0px!important;}
#bottom .divider {background: url(../images/bg/divider.gif) no-repeat scroll 300px 0;}
/*
------------------------------------------------------
=COLUMN ONE
------------------------------------------------------*/

#column-one {width: 230px; float: left; display:inline;} 

/*
------------------------------------------------------
=COLUMN TWO
------------------------------------------------------*/
#column-two #content {float: left; width: 490px; min-height: 420px; display:inline;}
#column-two {float: right; width:700px; display:inline; margin-right: 19px; background: #fff url(../images/bg/column-two-bg2.gif) repeat-y scroll 0 0; }
#column-two-btm {float: right; width:710px; display:inline; height: 29px; margin-right: 17px; background: #F28402 url(../images/bg/column-two-btm2.gif) no-repeat scroll 0 0; }
#column-two p {font-size: 1.1em; color: #2a2a2a; padding: 0 0 0 20px; line-height: 1.4em; letter-spacing: 0.01em; margin: 0 0 20px 0;}
*html #column-two {margin-left: -1px; }
*html #column-two #content {height: 420px;}
/*
------------------------------------------------------
=COLUMN THREE
------------------------------------------------------*/

#column-three {float: right; width:150px; display:inline; margin-right: 20px; margin-top: 47px;  }
*html #column-three {margin-top: 33px;}
*:first-child+html #column-three {margin-top: 33px;}
#column-three .feature {background: #fff url(../images/bg/feature-bg.gif) no-repeat scroll 0 0; width: 150px; margin-bottom: 35px; cursor: pointer;}
#column-three p {width: 130px !important; padding:0 0px 0 10px; line-height: 1.2em; cursor: hand;}
#column-three  h3.bor {width: 130px; font-family:Arial Narrow Bold, Arial, sans-serif; color: #555555; font-size: 1.em; padding: 5px 0 5px 0px;  margin:0 0 5px 10px; border-bottom: 1px solid #e27b02;}
*:first-child+html #column-three  h3.bor { padding: 7px 0 6px 0px;}
#column-three a {color: #6b6b6b; text-decoration: none;  }
#column-three a:hover {text-decoration: none; color: #2e2e2e; }
/*
------------------------------------------------------
=NAVIGATION
------------------------------------------------------*/

ul#nav {position: absolute; z-index:0;font-size: 1.2em; width: 222px; margin: 15px 0 0 20px; padding:0;}
*html ul#nav {margin-top: 19px;}
*:first-child+html ul#nav {margin-top: 19px;}
ul#nav li {color: #fff; padding: 5px 0 0 0;}
ul#nav li.first  {padding-top: 0px;}
ul#nav li.main a{ width: 210px;display: block; border-bottom: none; background: #e27b02 url(../images/bg/nav-main-bg.gif) no-repeat scroll 0 0; height: 22px; list-style-type: none; padding: 7px 0 1px 10px;font-weight: bold;}
ul#nav li.main a:hover {border-top: 1px solid #c66a01; border-right: none; border-bottom: 1px solid #c66a01;  border-left: 1px solid #c66a01;text-decoration: none; padding: 6px 0 0 9px;}
ul#nav li.main-on { z-index: -1; background: #e27b02 url(../images/bg/nav-main-bg-on.gif) no-repeat scroll 0 0;  height: 25px; list-style-type: none; margin-top: 5px;  font-weight: bold; color: #333232;}
ul#nav li.main-on a { border-bottom: none; color: #333232; display: block; height: 30px; padding: 3px 0 0 10px;}
*html ul#nav li.main-on a { height: 23px;}
ul#nav li.main-on a:hover {color: #333232; display: block; text-decoration: underline;}
ul#nav li.indent a{  border-bottom: none;width: 200px; padding-left: 15px;  /*background: url(../images/icons/bullet.gif) no-repeat scroll 13px 4px;*/}
ul#nav li.indent-on a{width: 200px; padding-left:15px;  background: url(../images/icons/arrow.gif) no-repeat scroll 5px 4px;  border-bottom: none; text-decoration: underline;}

ul#nav li  a {color: #fff; text-decoration: none;}
ul#nav li  a:hover {color: #fff; text-decoration: underline;}

/*
------------------------------------------------------
=IMAGES
------------------------------------------------------*/
img.graph { padding: 2px; margin: 5px 0px 7px 0px; border: 0px; } /* WAS border: 1px solid #c8c8c8; */
img.r {float: right; padding: 2px;  margin: 3px 0 2px 3px; } /* WAS border: 1px solid #c8c8c8; */
img.l {float: left; padding: 2px;  display: inline; margin: 4px 12px 3px 0; }  /* WAS border: 1px solid #c8c8c8; padding: 2px;  display: inline;margin: 4px 12px 3px 0;  */
img.lh {float: left; padding: 1px;  display: inline; margin: 0 0 0 0; }
img.eu {margin: 20px 0 10px 20px; position: absolute; top: 510px; }  /* margin was margin: 10px 0 10px 20px; */
*html img.eu  {position: absolute; top: 490px;}
*:first-child+html img.eu  {position: absolute; top: 490px;}
img.sig {margin: 0px 0 0px 20px;}
img.thumb {border: 1px solid #c8c8c8; padding: 2px; margin: 0 0 3px 0;}
img.thumb:hover {border: 1px solid #999999; padding: 2px; }

/*
------------------------------------------------------
=TYPE
------------------------------------------------------*/

hr.line {background: #606060 url(../images/line-div.gif) repeat-x scroll 00; width: 660px; margin: 0px 0px 0px 20px; padding: 0px;} 
hr.linebtm {background: #606060 url(../images/line-div.gif) repeat-x scroll 00; width: 660px; margin: 5px 0px 10px 20px; padding:  0;} 
body.home hr.linebtm {background: #606060 url(../images/line-div.gif) repeat-x scroll 00; width: 660px; margin: 0px 0px 10px 20px; padding:  0;} 
*:first-child+html hr.line{ margin: -7px 0px 0px 0px;}
*:first-child+html hr.linebtm {margin: 5px 0px 10px 0px;}
*html hr.line{ margin: -7px 0px 0px 0px;}
*html hr.linebtm{ margin: -7px 0px 0px 0px;}
#column-two p strong {color:#454545;}
p.graph {width: 100px!important; color: #666!important; line-height: 1em!important; float: left; padding: 3px 20px 0 0px!important; display: inline; margin: 0 0 10px 20px!important; font-family: Trebuchet, Tahoma, Arial, sans-serif; text-align: center;}
p strong.sig {font-size: 1.2em;}

/*Lists*/

ul.reg {color: #000; padding: 1px 0 0 20px; letter-spacing: 0.02em; margin: 20px 0 20px 0; font-size: 1.1em; width: 490px; }
ul.reg li {padding: 0px 0 5px 20px; background: url(../images/icons/bullet-black.gif) no-repeat scroll 8px 4px; display: block;}
ul.reg li.nobul {background: none; padding: 3px 0 8px 10px; font-weight: bold; color:#454545;}
ul.reg li strong { color:#454545; border:1px solid #fece94; padding: 0 2px 0 2px;}

/*Blockquote*/

blockquote {font-family: Georgia, Times New Roman, Times, serif; line-height: 1.5em!important; font-weight: bold; font-style: italic; border-left: 1px solid #d47403; padding: 0 0 0 5px!important; margin: 20px 0 20px 25px!important;}
blockquote p {margin: 0!important; padding: 0!important; color: #666666!important;font-size: 1.1em!important;}
blockquote span {color: #454545;}

/*
------------------------------------------------------
=PAGINATION
------------------------------------------------------*/

#hiddenresult {display: none;}


/*
------------------------------------------------------
=SLIDER
------------------------------------------------------*/

#slider-wrapper  { width: 960px; padding:0; margin-top: 0px; height: 37px; }
*html #slider-wrapper {padding:0 0 20px 0;background-color: #F28402;}
*:first-child+html #slider-wrapper {padding:0 0 20px 0;background-color: #F28402;}
table.r {float: right; display: inline; padding-bottom: 20px; background-color: #F28402;}
img.still {width: 138px; float: left; display: inline; margin-top: 29px;}
*html img.still {margin-top: 0px;}
*:first-child+html img.still {margin-top: 0px;}

/*
------------------------------------------------------
=Footer
------------------------------------------------------*/
#footer{width: 960px; color: #d0d0d0; font-size: 1em; margin:0px auto 0px auto;}

#footer p {padding: 10px 0 20px 20px;}