body { font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; } /*Body -------------------------------------------*/ html {overflow: auto;} hr {height: 1px;border: 0;color: #e1e1e1;width: 100%;} /* RESKIN 12-9-2011 --------------------------------------- */ .page-h1{ font-size:32px; color:#f26144} .page-h2{ font-size: 17px; color: #02A2C4; line-height:21px} .page-h3 {font-size: 15px; color: #009B95; line-height:18px} .page-highlight{color:#0000ee} #bbAdvert {width:333px; height:325px; float:left; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Editor/Img/UserDir/cgbr-images/bigboxbkg.jpg); background-repeat:no-repeat; background-position:center; background-color:#009b95; padding:4px 4px 4px 4px;} #bbtitlebox {padding:7px; margin-top:20px;} #bbtitle {width:200px; float:left; font-weight:bolder; padding:4px; font-size: 15px; color: #009B95; line-height:18px} #bbtime {width:115px; float:left; text-align:center; color:#ff0000; font-size:11px; line-height:12px; text-align:center} #bbimage {margin:6px;} #bbdes {margin:6px; width:200px; float:left; font-size:11px; line-height:15px; color:#807f7f; padding-right:5px} #bblogo {width:115px;} a.bblink:link, visited, active {font-size:12px; color:#fff; text-decoration:underline;} a.bblink:hover {text-decoration:none;} /*HomePage*/ #hbox {width:665px; padding:0 14px 14px 0px; float:left;} .hboxtext {width:425px; float:left;} .hlogo {width:240px; float:left;} .bpad {padding:4px 4px 4px 4px} .btitle {font-size:18px; font-weight:bolder; color:#0599c7; line-height:20px} .bboxtitle {font-size:14px; font-weight:bolder; color:#0599c7; line-height:15px} .bboxtitlewhite {font-size:14px; font-weight:bolder; color:#fff; line-height:15px} .hbox2 {width:205px; height:210px; border:thin #009b95 solid; margin:5px 5px 5px 5px; float:left; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Editor/Img/UserDir/HomePage/box-bkg.jpg); background-repeat:no-repeat; background-position:center; background-color:#009b95;} .tpad {padding:4px 0 10px 0} .ipad {padding:10px 0 10px 0} .hcol1 {width:220px; margin:0px 0px 0px 5px; float:left; } .hcol2 {width:455px; margin:0px 0px 0px 0px; float:left; } /* END RESKIN 12-9-2011 --------------------------------------- */ /* RESKIN --------------------------------------- */ div.gbox {width:261px;} .gbt {width:261px; height:13px; float:left; background: url(../../images/ql/gboxtop.gif) repeat-x; clear:both; } .gbc {width:231px; padding:0 15px 0 15px; float:left; background: url(../../images/ql/gboxback.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:.7em } .gbb {width:261px; height:13px; float:left; background: url(../../images/ql/gboxbot.gif) repeat-x; clear:both; } div.gboxs {width:231px;} .gbts {width:231px; height:13px; float:left; background: url(../../images/ql/gboxtops.gif) repeat-x; clear:both; } .gbcs {width:201px; padding:0 15px 0 15px; float:left; background: url(../../images/ql/gboxbacksmall.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:.7em } .gbbs {width:231px; height:13px; float:left; background: url(../../images/ql/gboxbots.gif) repeat-x; clear:both; } .floatl {float:left;} .floatr {float:right;} .padimg {padding:8px} .bottombox1 {width:205px; border:thin #999999 solid; float:left; padding:5px; margin:5px; height:105px;} .bottombox2 {width:205px; border:thin #999999 solid; float:left; padding:5px; margin:5px; height:105px;} .bottombox3 {width:205px; border:thin #999999 solid; float:left; padding:5px; margin:5px; height:105px;} .bottombox4 {width:243px; border:thin #999999 solid; float:left; padding:5px; margin:5px; height:105px;} .btitle {font-size:18px; font-weight:bolder; color:#0599c7; line-height:20px} .bboxtitle {font-size:14px; font-weight:bolder; color:#0599c7; line-height:15px} .bboxtitlewhite {font-size:14px; font-weight:bolder; color:#fff; line-height:15px} /* Links ------------ */ a.gr:link { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #84a137; text-decoration: none; padding:0 0 6px 6px; } a.gr:visited { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #84a137; text-decoration: none; padding:0 0 6px 6px;} a.gr:hover { float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #84a137; text-decoration: underline; padding:0 0 6px 6px;} a.foot:link { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #fff; text-decoration: none; padding:0 0 6px 6px; } a.foot:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #fff; text-decoration: none; padding:0 0 6px 6px;} a.foot:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #fff; text-decoration: underline; padding:0 0 6px 6px;} br.cl { clear: left; } br.cb { clear: both; } .border {color:#e7faf6;background-color:#e7faf6;height:1px;border:none;} .imgMenu {padding-left:25px} /* attractions -------------------------------------------*/ .attractionsbox {border:thin solid #e5e5e5; margin:1px; width:248px; padding:4px; background-color:#FFFFFF} .attractionstitle {padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:21px; color:#0197ba; text-align:center} .attractionsBook {padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:30px; line-height:34px; font-weight:bold; text-align:center; color:#fff} .attractionsfrom {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:19px; text-align:center; color:#fff} .attractionBorder {border:thin solid #e5e5e5; padding:4px; background-color:#FFFFFF } .linktositetitle {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0299b8; margin: 0px; padding: 12px;} .linktosite {display:block; color:#fff; width:159px; height:34px; background: url(http://www.cairnsgreatbarrierreef.org.au/images/linktosite.jpg) repeat-x; } a.linktosite:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #fff; text-decoration: none; padding:8px 0 6px 12px; } a.linktosite:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #fff; text-decoration: none; padding:8px 0 6px 12px;} a.linktosite:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #fff; text-decoration: underline; padding:8px 0 6px 12px;} /* LINKS -------------------------------------------*/ .footer {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a;} a.footer:link {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:visited {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:active {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration: none;} a.footer:hover {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #062a2a; text-decoration:underline;} .bodycopylink {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:none;} a.bodycopylink:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0099b9; text-decoration:underline;} a.url:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:none;} a.url:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration:underline;} .thingstodo {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-align:left; text-decoration:none;} a.thingstodo:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-align:left; text-decoration:none;} a.thingstodo:visited{font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-align:left; text-decoration:none;} a.thingstodo:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-align:left; text-decoration:none;} a.thingstodo:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #4db3d0; text-align:left; text-decoration:underline;} .smlink {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} a.smlink:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:underline;} .oproducts {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:link {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:visited {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:active {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:none;} a.oproducts:hover {font:9px/12px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #599a26; text-decoration:underline;} .iconslink {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:link {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:visited {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:active {width:86px; font-size:13px; font-weight:bold; color:#000; font-family:Arial; padding-top:18px; float:left; text-decoration:none;} a.iconslink:hover {width:86px; font-size:13px; font-weight:bold; color:#599a26; font-family:Arial; padding-top:18px; float:left; text-decoration:underline;} /* Fonts -------------------------------------------*/ p {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} a:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; border:0px; text-decoration:none;} a:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; border:0px; text-decoration:none;} a:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; border:0px; text-decoration:underline;} a:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #599a26; border:0px; text-decoration:none;} tr {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} h1, h2, h3, h4, h5, h6{font-family:Verdana, Arial, Helvetica, sans-serif;} /*h1 {font:16px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-align:left;} h2 {font:22px/18px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-align:left;} h3 {font:14px/18px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-align:center;} h4 {font:12px/14px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba;}*/ h1 {font:16px/22px ; font-weight:bold; color: #008ab0; margin:20px 0px;} h2 {font:15px/18px ; font-weight:bold; color:#47aa42; margin: 0px; padding: 0px;} h3 {font:13px/16px ; font-weight:bold; color:#7f7f7f; margin: 0px; padding: 0px;} h4 {font:12px/14px ; font-weight:bold; color:#7f7f7f; margin: 0px; padding: 0px;} h4 {font:11px/13px ; font-weight:bold; color:#7f7f7f; margin: 0px; padding: 0px;} ul, li {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} .weather {font:13px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #a8a6a6; text-decoration:none;} .bodycopy {color:#062a2a;} .bc {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal;} .operatedby {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-decoration: none; word-spacing: normal;} .infotitle {font:14px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration: none; word-spacing: normal; font-weight:bolder;} .conditions {font:8px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #707070; text-decoration: none; word-spacing: normal; } .leadsFont {font:12px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal} /* Colours -------------------------------------------*/ .blackish {color: #807f7f;} .blueish {color: #0098ba;} .lightblue {color: #7fd6e1;} .greyish {color: #707070;} .greenish {color: #599a26;} /* RESULTS -------------------------------------------*/ .resultshead {font:17px/20px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bolder; color: #0098ba; letter-spacing: .1px;} .resultsoperated {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .results {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} .similar {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f;text-decoration: none;word-spacing: normal; letter-spacing: .25px;} .similarhead {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; word-spacing: normal;letter-spacing: .1px;} a.similarhead:link {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:visited {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:active {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} a.similarhead:hover {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #0098ba; text-decoration:underline;} /* CAIRNS NEWS -------------------------------------------*/ .cnews {font:12px/15px Arial, sans-serif; color:#008ab0; text-decoration: none; } .cnewstxt {font:11px/15px Arial, sans-serif; color: #807f7f; text-decoration: none; } .cnewsdate {font:10px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f;} .breadcrumb {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #807f7f; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} /* BUGBITTEN -------------------------------------------*/ .bughead {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bolder; color: #0098ba; word-spacing: normal;letter-spacing: .1px;} .bugcopy {font:11px/15px Verdana, Helvetica, Geneva, Arial, sans-serif; color:#070707; text-decoration: none; word-spacing: normal; letter-spacing: .25px;} /* Accordion -------------------------------------------*/ .exhead {padding: 5px 5px 5px 10px; border-top: 2px solid #ccc; background: #eee; line-height: 100%;} .content {padding:0px;} #header-title {padding-left:0px; color:#000; } #header-name-subtitle {color:#000; } #header-logo {display:none; } .toggler {background: #f0ecd3; cursor:pointer;color:#000; margin: 0; padding:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } .toggler:hover {background:#eee; } .element {padding:0 5px; } /* mooTABS ------------------------------------------- .mootabs_title {list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; height: 24px;} .mootabs_title li {float: right; background-color: transparent; padding: 2px 8px 2px 8px; font-family: Arial, Helvetica, sans-serif; margin-right: 2px; cursor: pointer; font-weight: bolder; color: #0099b9;text-decoration: none; word-spacing: normal; letter-spacing: .1px; line-height: 18px; font-size:14px; background:#eeeeee; border-width: 1px 1px 0; border-color: #e4e4e4; border-style: solid; } .mootabs_title li.active {background:#FFF; } .mootabs_panel {display: none; position: right; width: 660px; top: -1px; font-family:Verdana, Arial, Helvetica, sans-serif; clear: both; color: #fff; overflow: none; text-align:left; padding: 3px;border-width: 1px 0 0; border-color: #e4e4e4; border-style: solid;} .mootabs_panel.active { background-color:#ffffff; display: block;} .mootabs_title li.over {} */ /* jquery accordion */ #accordionwrapper {width: 420px; margin-left: auto; margin-right: auto;} .accordionButton {width: 420px; color:#0098ba; float: left; cursor: pointer; padding:0px;} .accordionContent {width: 420px; float: left; padding:0px; display: none;} /* TOP MENU -------------------------------------------*/ .menu {margin:0; padding:0; list-style: none; background: #fff;} .menu li {padding: 0;margin: 0;height: 44px;list-style: none;background-repeat: no-repeat;} .menu li a, .menu li a:visited {display: block;text-decoration: none;height: 44px;background-repeat: no-repeat;} .home {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-home2.jpg); width: 83px;} .home a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-home1.jpg);} .things {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-things2.jpg); width: 135px;} .things a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-things1.jpg);} .places {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-places2.jpg); width: 85px;} .places a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-places1.jpg);} .accom {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-accom2.jpg); width: 157px;} .accom a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-accom1.jpg);} .tropical {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-tropical2.jpg); width: 237px;} .tropical a {background-image: url(http://www.cairnsgreatbarrierreef.org.au/images/menu-tropical1.jpg);} ul.menu li a:hover {background: none;} .menu li {float: left;} .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* sdmenu Menu -------------------------------------------*/ div.sdmenu {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; width: 240px; padding-bottom: 10px; color: #fff;} div.sdmenu div {overflow: hidden; /* border-right: 1px solid #ddd; border-left: 0px solid #ddd; */} /*div.sdmenu div:first-child {background: url(http://www.cairnsgreatbarrierreef.org.au/toptitle.gif') no-repeat;}*/ div.sdmenu div:first-child {} div.sdmenu div.collapsed {height: 31px;} div.sdmenu div span {display: block; padding: 0px 0px; color: #0098ba; cursor: default;} div.sdmenu div.collapsed span {} /*div.sdmenu div.collapsed span {background-image: url('http://www.cairnsgreatbarrierreef.org.au/collapsed.gif');}*/ div.sdmenu div a {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 6px 20px; display: block; color: #0098ba;} div.sdmenu div a.current {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; background: #d4d2d3;} div.sdmenu div a:hover {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; background: #ffa200; color:#fff; display: block;} div.sdmenu div a:active {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 6px 20px; display: block; color: #0098ba;} div.sdmenu div a:visited {font:11px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; padding: 6px 20px; display: block; color: #0098ba;} /* H1 to FLASH Headlines -------------------------------------------*/ .sIFR-flash {visibility: visible !important;margin: 0;}/* These are standard sIFR styles... do not modify */ .sIFR-replaced {visibility: visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-flash + div[adblocktab=true] {display: none !important;}/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-hasFlash h1 {visibility: hidden;}/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ /* Div Boxes and Column -------------------------------------------*/ /*border-style: solid dotted dashed;*/ #help {color: #99cc00; width:160px; padding:4px; border:1px solid #e1e1e1; text-decoration: none;word-spacing: normal;letter-spacing: .25px;line-height: 12px; font-size:11px;} #container {width:948px; padding:8px; background-color:#FFFFFF;} #topnav {width:948px; height:44px; float:left; } #flashbanner {width:948px; height:290px; padding: 0px 0px 0px 0px; float:left; } #content {width:948px; height:100%; float:left; background-color:#FFFFFF;} #leftcolumn {width:253px; float:left; padding:4px; background-color:#FFFFFF; text-align:left; } #twocolumns {width:686px; float:left; text-align:left; padding:0px 0px 0px 0px; background-color:#FFFFFF; vertical-align:top; } #plcontentL {width:430px; height:100%; float:left; padding:0px 12px 0px 8px; background-color:#FFFFFF;} #plcontentR {width:220px; height:100%; float:left; padding:0px 0px 0px 0px; background-color:#FFFFFF;} #plbug {width:230px; height:100%; float:left; padding:0px; font-size:12px;} #footer {width:932px; background-position:bottom; height:auto; padding:8px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/footerbkg.gif); background-repeat:repeat-x;} #noneflashbanner{width:948px; height:80px; padding: 8px 0px 0px 0px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/bkgxp.jpg); background-repeat:repeat-x;} #noflash {width:948px; height:60px; padding: 8px 0px 0px 0px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/images/noflash.jpg); background-repeat:repeat-x;} #breadcrumb {width:600px; float:left; padding-top:20px;} #quickfind {width:300px; float:left; padding-top:20px;} #TVbox {width:163px; height:150px; background-image:url(../../Images/TVbk.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVboxsmall {width:163px; height:150px; background-image:url(../../Images/TVbk-small.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVimage {width:136px; height:108px; margin:13px; } #TVtxt {width:138px; height:70px; margin:0px 0px 35px 0px; text-align:center; padding-top:10px; } #TVboxFront {width:163px; height:100px; background-image:url(../../Images/TVbk.gif);margin:0px 0px 35px 0px; float:left; background-repeat:no-repeat;} #TVimageFront {width:136px; height:80px; margin:13px;} #searchimg {width:75px; height:75px; background-color:White; border: 1px #e1e1e1 solid; padding:7px 7px 7px 7px; float:left; } /* SHADOW BORDER only in CHROME and FIREFOX */ #Shadow_Border { width: 570px; margin: 30px auto; padding: 20px 60px; border: 1px solid #D2D2D2; -moz-box-shadow: 0 0 30px #CCC; -webkit-box-shadow: 0 0 30px #CCC; box-shadow: 0 0 30px #CCC; background: #000; background: -webkit-gradient(linear, left top, left 15, from(#000), color-stop(4%, #EEEEEE), to(#000)); background: -moz-linear-gradient(top, #000, #EEEEEE 1px, #000 15px); } .Zradiocheck { text-transform: capitalize; text-decoration: none; font-weight: bold; padding:0 10px 0 10px; color: black; } /* admin -------------------------------------------*/ #admcontainer {margin:0px; padding:0px; background:white;} #header {text-align:center; background:white; height:56px; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/bk.jpg); } #inner {display:block; width:100%; padding:0px;} #left {float:left; width:27px; height:600px; background-repeat:no-repeat; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/left.jpg); } #right {float:right; width:27px; height:600px; background-repeat:no-repeat; background-image:url(http://www.cairnsgreatbarrierreef.org.au/Images/Admin/right.jpg);} #largemenu {background:#333333; margin-left:0px; margin-right:0px;text-align:left;display: block;padding:4px;margin-top:0px;color:Black; text-align:center;} #sitename {background: #C0C0C0; margin-left:0px;margin-right:0px;text-align:center;display: block;padding: 0px 0 0 0 ;margin-top:0px; height:0px; font-family:Sans-Serif; font-size:12pt; color:Black;} #center {background:white;margin-left: 27px;margin-right: 27px;position: relative;display: block;height: 5%;padding:0px;} #menu {background:white;float:left;margin-left: 0px;margin-right: 0px;display: block;width:150px;} #edit {background:blue;float:left;margin-left: 0px;margin-right: 0px;display: block;width:650px;} .H1txt {font:19px/20px Verdana, Helvetica, Geneva, Arial, sans-serif;font-weight:bold; color: #008ab0;} .border {border:thin solid #e1e1e1; } .pad {padding:4px;} .membertxt {font:12px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; color: #879b2e} .membername{font:12px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #5a6a6f;} .tabtitle {font:14px/17px Verdana, Helvetica, Geneva, Arial, sans-serif; padding-top:4px; font-weight:bolder;color:#fff;} .tabtitle_left {background: url(../../adm/common/left-border.gif) left no-repeat #fff; border-bottom:#666 3px solid; height:23px; display:block;} .tabtitle_right {margin-left:13px; background: url(../../adm/common/right-border.gif) right no-repeat #666666; padding-right:20px; height:23px; float:left} .tabtitle_content {border: #666 solid thin; padding:8px} .tabtitle_left_edit {background: url(../../adm/common/left-border-edit.gif) left no-repeat #fff; border-bottom:#0f92bc 3px solid; height:23px; display:block;} .tabtitle_right_edit {margin-left:13px; background: url(../../adm/common/right-border-edit.gif) right no-repeat #0f92bc; padding-right:20px; height:23px; float:left} .tabtitle_content_edit {border: #0f92bc solid thin; padding:8px} .tabtitle_space {padding-top:35px} .MembersOnly {color:#0098ba; font-weight:bold} /* BUTTONS -------------------------------------------*/ .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:12px; line-height:130%; text-decoration:none;font-weight:bold; color:#565656;cursor:pointer; padding:5px 10px 6px 7px; /* Links */} .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */} .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */} *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */} .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;} /* STANDARD */ button:hover, .buttons a:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;} .buttons a:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;} /* POSITIVE */ button.positive, .buttons a.positive{ color:#529214;} .buttons a.positive:hover, button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;} .buttons a.positive:active{ background-color:#529214; border:1px solid #529214; color:#fff;} /* NEGATIVE */ .buttons a.negative, button.negative{ color:#d12f19;} .buttons a.negative:hover, button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;} .buttons a.negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff;} /* REGULAR */ button.regular, .buttons a.regular{ color:#336699;} .buttons a.regular:hover, button.regular:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;} .buttons a.regular:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;} .RadTextBox {font:12px/15px Verdana, Helvetica, Geneva, Arial, sans-serif;} /*p, tr, td {font-size:12px;} a {color: #0098ba;} /* 99CC00 green */ .green{color:#99CC00} a.green:visited{color:#99CC00} a.green:hover{color:#99CC00} a.green:active{color:#99CC00} .clear {clear:both;} .zleftmenu {margin:0; padding:0; list-style: none; background: #fff;} .buttonmenu {list-style-type: none;margin: 0;padding: 0;width: 135px;} .buttonmenu li a { font-weight:normal; font-size:11px; color: black;display: block;width: 100%;padding: 6px 10px;text-decoration: none;border: 1px solid;background-color:#ededed;border-color:#f4f4f4 #afafaf #afafaf #f4f4f4; text-decoration:none;} .buttonmenu li a:visited {font-weight:normal; color: black;} .buttonmenu li a:hover, .buttonmenu li a:active{font-weight:normal; color: black;background-color: #f5f5f8;} a.largemenu:link {font-size: 14px;color: #5a5959;text-decoration: none;} a.largemenu:visited {font-size: 14px;color: #5a5959;text-decoration: none;} a.largemenu:hover {font-size: 14px;color: #5a5959;text-decoration:underline;} div.btns {zoom:1;white-space:nowrap;} div.btns:after {display:block; clear:both; content:'';} div.btns a.btn {float:left; background:buttonface url(http://www.cairnsgreatbarrierreef.org.au/images/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center; text-align:center; display:block; width:140px; min-width:140px; text-decoration:none; margin:3px 2px;} div.btns a.btn:hover span {opacity:0.6;filter:alpha(opacity:80);} div.btns a.btn span {padding:3px 8px 4px 8px;text-align:center; position:relative; left:1px;top:1px; display:block; text-decoration:none; background:url(../../images/border.gif) right bottom no-repeat; font:small/1 Verdana; color:#222;} /* admin */ .atitle { font:16px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color: #0098ba;} .aborder { border:thin solid #e1e1e1; padding:4px;} .textbox {font:11px/10px Verdana, Helvetica, Geneva, Arial, sans-serif;} .username {font:11px/10px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#599a26;} .subh {font:13px/16px Verdana, Helvetica, Geneva, Arial, sans-serif; font-weight:bold; color:#599a26;} /* TELERIK TEXTBOX */ .rad_textbox { border-width: 2px; border-color: #a9c9a9; font:12px/14px Verdana, Helvetica, Geneva, Arial, sans-serif; } .textbox {font:14px/13px Verdana, Helvetica, Geneva, Arial, sans-serif; border:thin #e1e1e1 solid; height:22px} /* TOP MENU */ .menu {margin:0; padding:0; list-style: none; background: #fff;} .menu li {padding: 0;margin: 0;height: 51px;list-style: none;background-repeat: no-repeat;} .menu li a, .menu li a:visited {display: block;text-decoration: none;height: 51px;background-repeat: no-repeat;} .home {background-image: url(../../Images/ql/menu/menu-home2.jpg); width: 71px;} .home a {background-image: url(../../Images/ql/menu/menu-home1.jpg);} .things {background-image: url(../../Images/ql/menu/menu-things2.jpg); width: 133px;} .things a {background-image: url(../../Images/ql/menu/menu-things1.jpg);} .places {background-image: url(../../Images/ql/menu/menu-places2.jpg); width: 134px;} .places a {background-image: url(../../Images/ql/menu/menu-places1.jpg);} .accom {background-image: url(../../Images/ql/menu/menu-accom2.jpg); width: 166px;} .accom a {background-image: url(../../Images/ql/menu/menu-accom1.jpg);} .tropical {background-image: url(../../Images/ql/menu/menu-tropical2.jpg); width: 65px;} .tropical a {background-image: url(../../Images/ql/menu/menu-tropical1.jpg);} ul.menu li a:hover {background: none;} .menu li {float: left;} .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* MENU ACROSS THE TOP OF WEBSITE --------------------------------------------- */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; font-weight:bold; } .sf-menu { line-height: 1.0; width: 100%; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; } .sf-menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 40px;/* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } /*** DROPDOWN ***/ .sf-menu { float: left; color:#00457c; } .sf-menu a { padding: 0px 0px; text-decoration:none; color:#00457c; } .sf-menu a:link, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; } .sf-menu li { background-position:right; background-repeat:no-repeat; font-size:12px !important; } .sf-menu li li { background:#f26144; border-bottom:solid thin #cd3f0d; padding: 4px 4px 4px 12px; } .sf-menu li li li { background: #f26144; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; color:#fff; background:#cd3f0d; } /* END MENU ACROSS THE TOP OF WEBSITE --------------------------------------------- --------------------------------------------- --------------------------------------------- --------------------------------------------- */ /* SEARCH FROM TAB JQUERY --------------------------------------------- */ #tab-main { border: 1px solid #999999; clear: both; background: #FFF; width:282px; height:275px; } #colorboxabc{background-color:#f26144; padding:30px; height:205px; color:#fff; font-size:14px; font-family: verdana,sans-serif;} #tabs-contents { padding: 5px; background: #FFF; background-image:url(http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/gradient.gif); height:265px; } select { background: #fff; border: 1px solid #e1e1e1; padding: 4px; } #tabs-form { position: relative; width: 100%; height: 40px; width:280px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ } #tabs-form ul#tabs-primary { margin: 0; padding: 0; position: absolute; bottom: -1px; width:283px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ font-size:13px; } #tabs-form ul#tabs-primary li { display: inline; list-style: none; } #tabs-form ul#tabs-primary a,#tabs-form ul#tabs-primary span,#tabs-form ul#tabs-primary a.current { width: 120px; display: block; float: left; margin: 1px 2px 0 0; text-align: center; font-family: tahoma, verdana, sans-serif; font-size: 85%; text-decoration: none; color: #333; } #tabs-form ul#tabs-primary span,#tabs-form ul#tabs-primary a.current,#tabs-form ul#tabs-primary a.current:hover { background: #FFF3B3; background-image:url(http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/opentab.gif); width:110px; height:26px; padding-top:8px; padding-left:8px; } #tabs-form ul#tabs-primary a { background: #FFFAE1; background-image:url(http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/closedtabs.gif); width:110px; height:26px; padding-top:8px; padding-left:8px; } #tabs-form ul#tabs-primary a:hover { background: #FFF7CD; background-image:url(http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/hovertabs.gif); } #tabs-form ul#secondary { position: absolute; margin: 0; padding: 0; bottom: -5px; left: 1px; width: 130px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */ } #tabs-form ul#secondary li a,#tabs-form ul#secondary li span { width: auto; display: block; float: left; padding: 0 10px; margin: 0; text-align: auto; border: none; border-right: 1px dotted #AAA; background: none; } #tabs-form ul#secondary li a { color: #06C; text-decoration: underline; } #tabs-form ul#secondary li a:hover { color: #333; background: transparent; padding: 0 10px; border: none; border-right: 1px dotted #AAA; } #tabs-form ul#secondary li a:active { color: #000; background: transparent; } #tabs-form ul#secondary li:last-child a { border: none; } /* BUTTON */ .button { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; text-transform: capitalize; text-decoration: none; font-weight: bold; -moz-box-shadow: 0 1px 2px #343434; -webkit-box-shadow: 0 1px 2px #343434; cursor: pointer; } .go { background: #dfdfdf url("http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/go.jpg") repeat-x left top; border: 1px solid white; color:#000; } .go:hover { background: white url("http://dev.cairnsgreatbarrierreef.org.au/common/searchform/images/go_hover.jpg") repeat-x left top; color:#000; }