/* OVERRIDE HTML BG_COLOR */
html{ background-color:transparent !important;}
/* OVERRIDE NAV BG IMAGES */
#header #nav {margin-top:6px;}
#header #logo a img {display:none;}
#header #logo #iop-logo a img {display:block;}
#header { border-width:3px !important;}
#factshome #header #logo a img {display:block;}
#factshome #header {border:none;}
#login_info a { color:#fff !important;}
/* RH NAV */
ul#rnav { float:right; width:206px; margin: 10px 5px 0 0; }
ul#rnav li { margin:0 0 10px 0; margin-right:0 !important; list-style-type:none !important}
ul#rnav li a { display:block; text-transform:uppercase; padding:0 !important; margin:0 !important;}
ul#rnav li a:hover { text-decoration:underline; }
/* Main
--------------------------------------------------------------------*/
#main { margin-bottom: 10px; overflow: hidden; padding-right:2px; position:relative; }
#content { width:527px; float:left; position:relative; }
#content .callout { position:absolute; padding:5px; padding-bottom:16px; }
#content .callout p { line-height:1.1; margin:0; }
#content .callout a { color: inherit; text-decoration:none; }
#content .callout img.arrow { margin:4px 0 0; }
#content .callout abbr[title], #content .callout acronym[title] { border:none; }
/* ------------------------------------------------------------------
FACTS Landing Page
--------------------------------------------------------------------*/
body#factshome a#logo { display:block; background: transparent url('../../img/template/home-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#factshome #message { padding-right:40px; color:#7abfcd; }
body#factshome #message p { font-weight:bold; font-size:1.4em; line-height:1.2; }
body#factshome #message a { color:#fff; }
body#factshome ul#posters { overflow:hidden; margin:0; }
body#factshome ul#posters li { float:left; width:368px; height:113px; margin:0 10px 10px 0; list-style-type:none;}
body#factshome ul#posters li h2 { font-size:1.2em; text-transform:uppercase; font-weight:bold; width:200px; line-height:1; margin:8px 0 0 7px; }
body#factshome ul#posters li h2 a { text-decoration:none; }
#info { font-size:1.16em; }
#info a { color:#fff; }
/* ------------------------------------------------------------------
GECKO Landing Page
--------------------------------------------------------------------*/
body#gecko { background: #6E5654 url(../../img/template/gecko-body-bg.jpg) center top no-repeat !important; color:#DE7926; }
body#gecko #main { background:#6E5654; border: 1px solid #DE7926; }
body#gecko #content { background: transparent url('../../img/template/gecko-content-bg.jpg') no-repeat 0 0px; width:534px; min-height:437px; }
body#gecko h1, body#gecko h2, body#gecko h3 { color:#FCEC1C; }
body#gecko a { color:#fff; }
body#gecko a:hover { text-decoration:none; }
body#gecko a#logo { display:block; background: transparent url('../../img/template/gecko-logo.gif') no-repeat 4px 0px; width:213px; height:89px; }
body#gecko #content .callout { color:#FCEC1C; background: #4e4444 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #DE7926; }
/* NOTE .call-hover class is added with JS */
body#gecko #content div.call-hover { background: #BF2C25 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border:1px solid #DE7926; cursor:pointer; }
body#gecko #content div.call-hover p a { color:#000; }
body#gecko #content #a.callout { width:138px; top:23px; left:377px; }
body#gecko #content #b.callout { width:138px; top:61px; left:175px; }
body#gecko #content #c.callout { width:138px; top:320px; left:141px; }
body#gecko #content #d.callout { width:138px; top:316px; left:368px; }
body#gecko #rnav a { border:1px solid #4e4444; padding:0 !important;}
body#gecko #rnav a:hover { border:1px solid #DE7926; padding:0 !important;}
body#gecko #rnav strong a { border:1px solid #DE7926; padding:0 !important;}
/* GECKO Detail
--------------------------------------------------------------------*/
body#gecko.detail #content { background:none; }
body#gecko #banner { background: url('../../img/template/gecko-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#gecko.detail #sub-nav, body#gecko.detail #survey { background:#4e4444; border:1px solid #DE7926; }
body#gecko ul#sub-nav a { font-weight:normal; color:#FCEC1C !important; }
body#gecko #sub-nav strong a { font-weight:normal; color:#fff !important; }
body#gecko.detail #content p { text-shadow: 0 0 0 #6d5654; } /* Lighten body text font weight in safari */
/* Generic Detial rules
--------------------------------------------------------------------*/
body.detail #content #inner { float:left; width:330px; padding:9px; }
body.detail #content #inner h2 { font-size:1.3em; margin-top:0.7em; margin-bottom:0.3em; }
body.detail #content #inner h3 { font-size:1.2em; margin-top:0.5em; margin-bottom:0.3em;}
body.detail #content #inner p { color:#fff; }
body.detail #sub-nav, body.detail #survey{ width:160px; float:right; margin:10px 0 0; padding:4px 2px;}
body.detail #sub-nav li, body.detail #survey li { list-style:none; margin:4px 0 6px; line-height:1.2;}
body.detail #sub-nav a { display:block; background: url('../../img/template/nav-bullet.gif') no-repeat 0 2px; padding-left:12px; padding-right:4px; text-decoration:none; }
body.detail #sub-nav strong a { font-weight:normal; color:#fff !important; }
body.detail #sub-nav a:hover { text-decoration:underline; }
body.detail #survey li p { padding-right:10px;}
ul#rnav li a img {display:block !important;}
/* ------------------------------------------------------------------
FROG Landing Page
--------------------------------------------------------------------*/
body#frog { background: #0087a7 url(../../img/template/home-body-bg.jpg) center top no-repeat; color:#e2469b; }
body#frog #header nav {margin-top:5px !important;}
body#frog #main { background:#01aae5; border: 1px solid #0b5c77; }
body#frog #content { background: transparent url('../../img/template/frog-content-bg.jpg') no-repeat 6px 0px; width:534px; min-height:437px; }
body#frog h1, body#frog h2, body#frog h3 { color:#FFF200; }
body#frog a { color:#104353; }
body#frog a:hover { text-decoration:none; }
body#frog a#logo { display:block; background: transparent url('../../img/template/home-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#frog #content .callout { background: #029ccf url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #0e6d8c; }
body#frog #content .callout a { color:#000; }
body#frog #content div.call-hover { background: #135971 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border:1px solid #135971; cursor:pointer; }
body#frog #content div.call-hover p a { color:#fff; }
body#frog #content #a.callout { width:110px; top:55px; left:414px; }
body#frog #content #b.callout { width:138px; top:63px; left:204px; }
body#frog #content #c.callout { width:138px; top:329px; left:171px; }
body#frog #content #d.callout { width:138px; top:315px; left:366px; }
body#frog #rnav a { border:1px solid #01aae5; }
body#frog #rnav a:hover { border:1px solid #104353; }
body#frog #rnav strong a { border:1px solid #104353; }
/* FROG Detail
--------------------------------------------------------------------*/
body#frog.detail #content { background:none; }
body#frog #banner { background: url('../../img/template/frog-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#frog.detail #sub-nav, body#frog.detail #survey { background:#029ccf; border:1px solid #104353; }
body#frog.detail #sub-nav a { color:#000; }
body#frog.detail #survey a { color:#fff; }
body#frog.detail #content h2, body#frog.detail #content h3 { color:#FFF200; }
body#frog.detail #content p { color:#000; text-shadow: 0 0 0 #000; } /* Lighten body text font weight in safari */
/* ------------------------------------------------------------------
AIR Landing Page
--------------------------------------------------------------------*/
body#air { background: #004c3c url('../../img/template/air-body-bg.gif') center top no-repeat; color:#e2469b; }
body#air #main { background:#004d3e; border: 1px solid #89ba16; }
body#air #content { background: transparent url('../../img/template/air-content-bg.jpg') no-repeat 6px 0px; width:534px; min-height:437px; }
body#air h1, body#air h2, body#air h3 { color:#87b917; }
body#air a { color:#86b918; }
body#air a:hover { text-decoration:none; }
body#air a#logo { display:block; background: transparent url('../../img/template/air-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#air #content .callout { background: #005959 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #87b917; }
body#air #content .callout a { color:#fff; }
body#air #content div.call-hover { background: #87b917 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border:1px solid #87b917; cursor:pointer; }
body#air #content div.call-hover p a { color:#000; }
body#air #content #a.callout { width:138px; top:21px; left:362px; }
body#air #content #b.callout { width:138px; top:60px; left:189px; }
body#air #content #c.callout { width:200px; top:292px; left:62px; }
body#air #content #d.callout { width:138px; top:332px; left:331px; }
body#air #rnav a { border:1px solid #004d3e; margin:0; padding:0;}
body#air #rnav a:hover { border:1px solid #88b917; }
body#air #rnav strong a { border:1px solid #88b917; }
/* AIR Detial
--------------------------------------------------------------------*/
body#air.detail #content { background:none; }
body#air #banner { background: url('../../img/template/air-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#air.detail #sub-nav, body#air.detail #survey { background:#005959; border:1px solid #86b918; }
body#air.detail #survey a { color:#fff; }
body#air.detail #survey p { color:#FCE11E; }
body#air.detail #content h2 { color:#86b918; }
body#air.detail #content p { text-shadow: 0 0 0 #01aae5; } /* Lighten body text font weight in safari */
/* ------------------------------------------------------------------
APOLLO Landing Page
--------------------------------------------------------------------*/
body#apollo { background: #163f70 url('../../img/template/apollo-body-bg.gif') center top no-repeat; color:#e2469b; }
body#apollo #main { background:#02050a; border: 1px solid #102951; }
body#apollo #content { background: transparent url('../../img/template/apollo-content-bg.jpg') no-repeat 0px -1px; width:534px; min-height:437px; }
body#apollo h1, body#apollo h2, body#apollo h3 { color: #fa5320; }
body#apollo a { color:#fff; }
body#apollo a:hover { text-decoration:none; }
body#apollo a#logo { display:block; background: transparent url('../../img/template/apollo-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#apollo #content .callout { background: #10294b url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #11478a; }
body#apollo #content .callout a { color:#fff; }
body#apollo #content div.call-hover { border:1px solid #fa5320; cursor:pointer; background: #fa5320 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; }
body#apollo #content div.call-hover p a { color:#000; }
body#apollo #content #a.callout { width:138px; top:15px; left:359px; }
body#apollo #content #b.callout { width:138px; top:47px; left:175px; }
body#apollo #content #c.callout { width:200px; top:284px; left:80px; }
body#apollo #content #d.callout { width:138px; top:346px; left:317px; }
body#apollo #content #e.callout { width:138px; top:275px; left:379px; }
body#apollo #rnav a { border:1px solid #02050a; }
body#apollo #rnav a:hover { border:1px solid #102951; }
body#apollo #rnav strong a { border:1px solid #102951; }
/* APOLLO Detial
--------------------------------------------------------------------*/
body#apollo.detail #content { background:none; }
body#apollo #banner { background: url('../../img/template/apollo-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#apollo.detail #sub-nav, body#apollo.detail #survey { background:#10294b; border:1px solid #11478a; }
body#apollo.detail #sub-nav strong a { color:#fa5320 !important; }
body#apollo.detail #survey p { color:#FCE11E; }
body#apollo.detail #content p { text-shadow: 0 0 0 #163f70; } /* Lighten body text font weight in safari */
/* ------------------------------------------------------------------
SAND GALAXIES - Landing Page
--------------------------------------------------------------------*/
body#sand { background: #282153 url('../../img/template/sand-body-bg.gif') center top no-repeat; color:#e2469b; }
body#sand #main { background:#05060b; border: 1px solid #413877; }
body#sand #content { background: transparent url('../../img/template/sand-content-bg.jpg') no-repeat 0 10px; width:534px; min-height:437px; }
body#sand h1, body#sand h2, body#sand h3 { color:#FBEC1C; }
body#sand a { color:#FBEC1C; }
body#sand a:hover { text-decoration:none; }
body#sand a#logo { display:block; background: transparent url('../../img/template/apollo-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#sand #content .callout { background: #251b39 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #413877; }
body#sand #content .callout a { color:#fff; }
body#sand #content div.call-hover { background: #971A59 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border:1px solid #38C0DA; cursor:pointer; }
body#sand #content #a.callout { width:138px; top:57px; left:175px; }
body#sand #content #b.callout { width:138px; top:13px; left:352px; }
body#sand #content #c.callout { width:158px; top:326px; left:136px; }
body#sand #content #d.callout { width:138px; top:294px; left:340px; }
body#sand #rnav a { border:1px solid #02050a; }
body#sand #rnav a:hover { border:1px solid #38C0DA; }
body#sand #rnav strong a { border:1px solid #38C0DA; }
/* SAND GALAXIES - Detial
--------------------------------------------------------------------*/
body#sand.detail #content { background:none; }
body#sand #banner { background: url('../../img/template/sand-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#sand.detail #sub-nav, body#sand.detail #survey { background:#251b39; border:1px solid #413877; }
body#sand.detail #sub-nav a, body#sand.detail #survey a { color:#fff; }
body#sand.detail #sub-nav strong a { color:#E2469B !important; }
/* body#sand.detail #content h2 { color:#fff; }*/
body#sand.detail #content p { text-shadow: 0 0 0 #05060b; } /* Lighten body text font weight in safari */
/* ------------------------------------------------------------------
TOAST - Landing Page
--------------------------------------------------------------------*/
body#toast { background: #ab016c url('../../img/template/toast-body-bg.jpg') center top no-repeat; color:#e2469b; }
body#toast #main { background:#492264; border: 1px solid #fdb214; }
body#toast #content { background: transparent url('../../img/template/toast-content-bg2.jpg') no-repeat 0 10px; width:534px; min-height:437px; }
body#toast h1, body#toast h2, body#toast h3 { color:#fcb016; }
body#toast a { color:#fcb016; }
body#toast a:hover { text-decoration:none; }
body#toast a#logo { display:block; background: transparent url('../../img/template/toast-logo.gif') no-repeat 4px 0; width:213px; height:89px; }
body#toast #content .callout { background: #652674 url('../../img/template/arrow-bullet-bg.gif') no-repeat bottom left; border: 1px solid #fdb214; }
body#toast #content .callout a { color:#fff; }
body#toast #content div.call-hover { background: #feb413 url('../../img/template/arrow-bullet-black-bg.gif') no-repeat bottom left; border:1px solid #feb413; cursor:pointer; }
body#toast #content div.call-hover p a { color:#000; }
body#toast #content #a.callout { width:115px; top:57px; left:206px; }
body#toast #content #b.callout { width:110px; top:15px; left:359px; }
body#toast #content #c.callout { width:158px; top:301px; left:117px; }
body#toast #content #d.callout { width:135px; top:365px; left:211px; }
body#toast #content #e.callout { width:130px; top:308px; left:378px; }
body#toast #rnav a { border:1px solid #492264; }
body#toast #rnav a:hover { border:1px solid #fdb214; }
body#toast #rnav strong a { border:1px solid #fdb214; }
/* TOAST - Detial
--------------------------------------------------------------------*/
body#toast.detail #content { background:none; }
body#toast #banner { background: url('../../img/template/toast-banner.jpg') no-repeat; width:535px; height:162px; margin-top:10px; }
body#toast.detail #sub-nav, body#toast.detail #survey { background:#652674; border:1px solid #fcb016; }
body#toast.detail #survey p { color:#fff; }
body#toast.detail #sub-nav strong a { color:#fff !important; }
body#toast.detail #content p { text-shadow: 0 0 0 #ab016c; } /* Lighten body text font weight in safari */
#home-link { position:absolute; bottom:0; left:8px; }
#home-link a { background:transparent url('../../img/template/arrow-bullet-back.gif') no-repeat 0 2px; padding-left:12px; }
#home-link a:hover { text-decoration:none; }
/*-------------------------------------------------------------------
=SIDEBAR
--------------------------------------------------------------------*/
#sidebar { width:172px; float:right; background: #e9e9e9; }
/*------------------------------------------------------------------------------
=CLASS - General util
------------------------------------------------------------------------------ */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.nowrap { white-space: nowrap;}
/* Off screen in visual browsers */
.ir { text-indent: -9999px; overflow: hidden; }
.sr-only { position: absolute; top: -9999px; left: -9999px; height: 1px; width: 1px; overflow: hidden; text-indent: -9999px; }