/* 
---------------------------------------------------------------------------------------------------------- 
   Main Styles
---------------------------------------------------------------------------------------------------------- 
*/

/* RESETS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size:100.01%;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
nav ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}
button, input, select, textarea {margin:0}
label, input[type=button], input[type=submit], button {cursor:pointer}
input[type="radio"] {vertical-align:text-bottom}
input[type="checkbox"] {vertical-align:bottom}
img {image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic}

/* GENERICS */
html {height:100%;margin-bottom:1px;overflow-y:scroll}
body {font:14px/1.431 sans-serif;*font-size:small;background:#eee}
body, td {margin:0;padding:0;line-height:normal}
select, input, textarea, button {font:99% sans-serif}
pre, code, kbd, samp {font-family:monospace, sans-serif}
body, select, input, textarea {font-family:"Helvetica Neue", Arial, Helvetica;color:#444;text-align:left}

/* TEXT ELEMENTS */
p {margin:10px 0 15px 0}
textarea {overflow:auto}
small {font-size:85%}
span {font-size:95%!important}
strong, strong span, th {font-weight:bold;color:#292929;font-size:110%!important;line-height:normal}
em {font-style:italic}
sub {vertical-align:sub;font-size:smaller}
sup {vertical-align:super;font-size:smaller}
pre {padding:10px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}
blockquote {font-size:100%;line-height:normal;width:auto;padding:0;margin:5px 0}
blockquote.b {font-weight:bold}

/* HEADLINES */
h1, h2, h3, h4, h5, h6 {padding-bottom:5px;margin:15px 0;color:#191919}
h1 {font-size:200%}
h2 {font-size:175%}
h3 {font-size:150%}

/* LINKS */
a {text-decoration:none;outline:none}
a:hover {text-decoration:none}
a:link {-webkit-tap-highlight-color:#FF5E99}
:focus {outline:none}
::-moz-selection {background:#fff;color:#000;text-shadow:none}
::selection {background:#fff;color:#000;text-shadow:none}

/* LISTS */
nav ul, nav li {margin:0}

/* BUTTONS */
button {width:auto;overflow:visible}

/* FLOATS */
.clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden}
.clearfix:after {clear:both}
.clearfix {zoom:1}

/* MISC TOOLS */
.ir {display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}
.hidden {display:none;visibility:hidden}
.visuallyhidden {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}
.invisible {visibility:hidden}

/* IE TOOLS */
.ie6 legend, .ie7 legend {margin-left:-7px}
.ie7 input[type="checkbox"] {vertical-align:baseline}
.ie6 input {vertical-align:text-bottom}
.ie7 img {-ms-interpolation-mode:bicubic}


/* CSS3 fx */
td#middle img {-moz-box-shadow:2px 2px 3px #000;-webkit-box-shadow:2px 2px 3px #000;box-shadow:2px 2px 3px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')}
form, form img, div#fieldset img {-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;-ms-filter:none;filter:none!important}
td#middle img:hover {ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7;opacity:.7}
table.newspane img:hover, form:hover, form img:hover, div#fieldset img:hover {ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;filter:alpha(opacity=100)!important;-khtml-opacity:1!important;-moz-opacity:1!important;opacity:1!important}
.rc {-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;behavior:url(../border-radius.htc)}


/* 
---------------------------------------------------------------------------------------------------------- 
   Template Styles
---------------------------------------------------------------------------------------------------------- 
*/

/* Header */
header {position:absolute;background:transparent;top:0;left:50%;margin:0 auto;width:874px;height:100px;margin:0 0 0 -438px;z-index:88888}
header .social {margin:28px 25px}
header .social a.facebook {background:url(../images/facebook.png);width:64px;height:64px;float:right;display:block;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7;opacity:.7}
header .social a.twitter {background:url(../images/twitter.png);width:64px;height:64px;float:right;display:block;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-khtml-opacity:.7;-moz-opacity:.7;opacity:.7}
header .social a.facebook:hover {ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}
header .social a.twitter:hover {ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}

/* Template Generics */
.small, .modifydate, .createdate, div.mosimage_caption {font-size:95%}
.componentheading {font-size:145%}
.contentheading {font-size:160%;text-decoration:none}
.componentheading {padding:10px 5px;margin-bottom:15px;text-transform:uppercase}
td.componentheading {padding-bottom:15px}
#mainframe td.sectiontableheader {font-weight:bold;padding:4px 2px}

/* Smoke */
#smoke #topbar {background:url(../images/smoke/topbar-bg.png) 0 0 repeat-x}
#smoke #shadow-top {background:url(../images/smoke/shadow-t.png) 0 0 no-repeat}
#smoke #shadow-middle {background:url(../images/smoke/shadow-m.png) 0 0 repeat-y}
#smoke #shadow-bottom {background:url(../images/smoke/shadow-b.png) 0 0 repeat-y}
#smoke #shadow-rocket {background:url(../images/smoke/shadow-rocket.png) 0 0 repeat-y}
#smoke .sections td, #smoke #mainframe td#left, #smoke #mainframe td#right, #smoke #mainframe #user1, #smoke #mainframe #page, #smoke pre, #smoke blockquote, #smoke .sectiontableheader {background:url(../images/trans-15.png)}
#smoke #inset {background:url(../images/smoke/login-smoke.png) 0 0 no-repeat}
#smoke span.alert {color:#d00000;border-top:3px solid #750b09;border-bottom:3px solid #750b09;background:#391111 url(../images/smoke/sm-status-alert.png) 10px 50% no-repeat}
#smoke span.info {color:#0055bc;border-top:3px solid #073361;border-bottom:3px solid #073361;background:#112031 url(../images/smoke/sm-status-info.png) 10px 50% no-repeat}
#smoke span.note {color:#b98f00;border-top:3px solid #745d07;border-bottom:3px solid #745d07;background:#382f11 url(../images/smoke/sm-status-note.png) 10px 50% no-repeat}
#smoke span.download {color:#568517;border-top:3px solid #445b16;border-bottom:3px solid #445b16;background:#272f15 url(../images/smoke/sm-status-download.png) 10px 50% no-repeat}

/* Glass */
#glass #topbar {background:url(../images/glass/topbar-bg.png) 0 0 repeat-x}
#glass #shadow-top {background:url(../images/glass/shadow-t.png) 0 0 no-repeat}
#glass #shadow-middle {background:url(../images/glass/shadow-m.png) 0 0 repeat-y}
#glass #shadow-bottom {display:none;visibility:hidden}
#glass #shadow-rocket {background:url(../images/glass/shadow-rocket.png) 0 0 repeat-y}
#glass .sections td, #glass #mainframe td#left, #glass #mainframe td#right, #glass #mainframe #user1, #glass #mainframe #page, #glass pre, #glass blockquote, #glass .sectiontableheader {background:transparent}
#glass #inset {background:url(../images/glass/login-glass.png) 0 0 no-repeat}
#glass span.alert {color:#c00;border-top:3px solid #fc9088;border-bottom:3px solid #fc9088;background:#ffd8d8 url(../images/glass/gl-status-alert.png) 10px 50% no-repeat}
#glass span.info {color:#0055BB;border-top:3px solid #7dabdd;border-bottom:3px solid #7dabdd;background:#d9e7f9 url(../images/glass/gl-status-info.png) 10px 50% no-repeat}
#glass span.note {color:#B79000;border-top:3px solid #fbe288;border-bottom:3px solid #fbe288;background:#fff6d8 url(../images/glass/gl-status-note.png) 10px 50% no-repeat}
#glass span.download {color:#57861A;border-top:3px solid #cbe093;border-bottom:3px solid #cbe093;background:#eef6dc url(../images/glass/gl-status-download.png) 10px 50% no-repeat}

/* Structure */
div.wrapper {margin:0 auto;width:925px;text-align:left;position:relative}
#shadow-middle {padding:0 24px}
#shadow-bottom {padding:0 24px 20px 24px}
#shadow-bottom .padding {padding:20px 20px}
#shadow-middle .padding {padding:60px 24px 5px 24px}
#topbar {height:35px;line-height:25px}
#topbar div.moduletable {float:right;margin-right:30px;padding:1px;line-height:20px}
#topbar div.moduletable table {width:auto}
#shadow-top {height:39px}
#shadow-rocket {height:91px;text-align:center}
img#rocket {width:200px;height:40px;border:0}
#content {padding-top:75px}
#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:109px;height:58px;position:absolute;left:64px;top:35px;border:0;z-index:999999}
#showcase {background:url(../images/trans-20.png)}
#mainframe, .sections {border-collapse:collapse;padding:0;margin-top:20px;width:100%}
#shadow-bottom .sections {margin-top:0}
#user1 {margin-bottom:20px}
#page {padding:20px 10px 0 10px}
#inset, #inset-mod {position:absolute;right:46px;width:481px;height:51px;top:40px}

/* Table Control */
#mainframe td, .sections td {padding:0;margin:0}
#mainframe td#left, #mainframe td#right {width:175px}
td.w33 {width:33%}
td.w49 {width:50%}
td.w99 {width:100%}
#mainframe td.spacer, .sections td.spacer, #glass .sections td.spacer, #smoke .sections td.spacer {width:20px;background:none;border:0}
td.spacer img {width:20px}
#mainframe tr {vertical-align:top}

/* Login/Logout */
.loginelement {width:150px;float:left;padding:15px}
.loginelement label {font-weight:bold;color:#fff}
.loginelement .inputbox {width:75px}
span.loginsubmit, span.logoutsubmit {display:block;float:left;background:url(../images/login-button.png	) 0 0 no-repeat;width:93px;height:41px;line-height:41px;text-align:center;font-weight:bold;margin-top:5px;cursor:pointer}
span.loginsubmit span, span.logoutsubmit span {color:#fff}

/* Modules */
.moduletable {padding:10px;height:1%;margin-bottom:15px}
.moduletable h3, .moduletable-hilite1 h3, .moduletable-hilite2 h3, .moduletable-hilite3 h3, .moduletable-hilite4 h3, .moduletable-hilite5 h3, .moduletable-hilite6 h3, .moduletable-hilite7 h3, .moduletable-hilite8 h3, .moduletable-hilite9 h3, .moduletable-hilite10 h3, .moduletable-hilite11 h3, .moduletable-hilite12 h3, .moduletable-hilite13 h3, .moduletable-hilite14 h3, .moduletable-hilite15 h3, .moduletable-hilite16 h3, .moduletable-hilite17 h3, .moduletable-hilite18 h3, .moduletable-hilite19 h3, .moduletable-hilite20 h3 {height:33px;line-height:33px;font-size:100%;font-weight:bold;padding:0;margin:-11px -10px 10px -10px;padding-left:22px}
.moduletable-hilite1 h3 {background:url(../images/headers/black/header-bg.png) 0 0 repeat-x}
.moduletable-hilite2 h3 {background:url(../images/headers/blue/header-bg.png) 0 0 repeat-x}
.moduletable-hilite3 h3 {background:url(../images/headers/brown/header-bg.png) 0 0 repeat-x}
.moduletable-hilite4 h3 {background:url(../images/headers/dark-blue/header-bg.png) 0 0 repeat-x}
.moduletable-hilite5 h3 {background:url(../images/headers/dark-green/header-bg.png) 0 0 repeat-x}
.moduletable-hilite6 h3 {background:url(../images/headers/dark-orange/header-bg.png) 0 0 repeat-x}
.moduletable-hilite7 h3 {background:url(../images/headers/dark-purple/header-bg.png) 0 0 repeat-x}
.moduletable-hilite8 h3 {background:url(../images/headers/dark-red/header-bg.png) 0 0 repeat-x}
.moduletable-hilite9 h3 {background:url(../images/headers/dark-teal/header-bg.png) 0 0 repeat-x}
.moduletable-hilite10 h3 {background:url(../images/headers/green/header-bg.png) 0 0 repeat-x}
.moduletable-hilite11 h3 {background:url(../images/headers/grey/header-bg.png) 0 0 repeat-x}
.moduletable-hilite12 h3 {background:url(../images/headers/magenta/header-bg.png) 0 0 repeat-x}
.moduletable-hilite13 h3 {background:url(../images/headers/olive/header-bg.png) 0 0 repeat-x}
.moduletable-hilite14 h3 {background:url(../images/headers/orange/header-bg.png) 0 0 repeat-x}
.moduletable-hilite15 h3 {background:url(../images/headers/purple/header-bg.png) 0 0 repeat-x}
.moduletable-hilite16 h3 {background:url(../images/headers/red/header-bg.png) 0 0 repeat-x}
.moduletable-hilite17 h3 {background:url(../images/headers/silver/header-bg.png) 0 0 repeat-x}
.moduletable-hilite18 h3 {background:url(../images/headers/tan/header-bg.png) 0 0 repeat-x}
.moduletable-hilite19 h3 {background:url(../images/headers/teal/header-bg.png) 0 0 repeat-x}
.moduletable-hilite20 h3 {background:url(../images/headers/yellow/header-bg.png) 0 0 repeat-x}

/* Horizontal Menu */
#horiz-menu {height:33px;padding-left:20px}
#horiz-menu ul {list-style:none;margin:0;padding:0 0 0 0px}
#horiz-menu li {display:block;float:left;margin:0;padding:0}
#horiz-menu a {display:block;float:left;height:33px;line-height:33px;padding:0 20px;font-weight:bold}
#horiz-menu a:hover {text-decoration:none}

/* Sidenav Menu */
ul.sidenav {margin:0;padding:0}
ul.sidenav li {list-style:none;margin:0;padding:3px 0;font-weight:bold}
ul.sidenav li li {border-bottom:0}

/* Content Styles */
/* Pathway */
span.pathway {display:block;line-height:20px;height:20px;font-weight:bold;margin-bottom:15px}
span.pathway img {float:left;margin:0 10px}
span.pathway a {float:left}

/* RokMenu */
/* @override http://home.rhuk.net:8888/workspace/demo/jul07/templates/rt_replicant/css/rokmoomenu.css */
.nav, .nav * {margin:0;padding:0}
div#horiz-menu {/* this is a z-index ie6 and ie7 bug fix */ position:relative;z-index:50}
div#horiz-menu .wrapper {position:relative}
.nav {line-height:1.0;float:left;margin-bottom:1.5em;position:relative}
.nav ul {background:#fff;/*IE6 needs this*/ padding:0}
.nav li {float:left;list-style:none;position:relative}
.nav li li a {display:block;padding:0;text-decoration:none;background-image:none;float:none;width:135px }
div#horiz-menu li li a {height:30px;line-height:30px}
div#horizmenu li:hover {background-position:0 0}
div#horiz-menu li:hover li, div#horiz-menu li.sfHover li, div#horiz-menu li.active:hover li, div#horiz-menu li.active.sfHover li {background-image:none}
div#horiz-menu li:hover li a, div#horiz-menu li.sfHover li a, div#horiz-menu li.active:hover li a, div#horiz-menu li.active.sfHover li a {background-image:none}
.nav li ul {float:none;top:-999em;position:absolute;width:177px;z-index:5}
.nav li:hover ul, .nav li.sfHover ul {left:-2px;top:33px}
.nav li:hover li ul, .nav li.sfHover li ul, .nav li li:hover li ul, .nav li li.sfHover li ul, .nav li li li:hover li ul, .nav li li li.sfHover li ul {top:-999em}
.nav li li:hover ul, .nav li li.sfHover ul, .nav li li li:hover ul, .nav li li li.sfHover ul, .nav li li li li:hover ul, .nav li li li li.sfHover ul {left:175px;top:0px;width:175px}
.nav li li {position:relative;float:none;width:175px}

/* RokLatest */
#accordian h3.toggler {position:relative;cursor:pointer;margin-top:0;margin-bottom:0}
#accordian a.readon {position:static}

/* RokFlow */
#rokflow, #rokflow #loader {overflow:hidden;position:relative;width:800px;height:170px;background:50% 50% no-repeat url(../images/loader.gif)}
#rokflow, #rokflow * {margin:0;padding:0;border:0}
#rokflow div {float:left;position:relative;color:auto}
#rokflow img {width:124px;height:194px;border:0;top:40px;margin-top:15px}
#rokflow div h3 {display:block;position:absolute;white-space:nowrap;text-align:center;font-size:10px;font-weight:normal}
.moduletable #rokflow h3 {background:none;margin:0;padding:0;line-height:100%;height:auto}
#rokflow a {text-decoration:none}
#rokflow #loader {position:absolute;top:0;left:0;z-index:1000}

/* RokSlide */
#frame div.button#right {background:url(../images/arrow-right.png) 0 0 no-repeat}
#frame div.button#left {background:url(../images/arrow-left.png) 0 0 no-repeat}

/* RokSlideStrip */
/* @override http://home.rhuk.net:8888/workspace/demo/jul07/templates/rt_replicant/css/rokslidestrip.css */
#rokslide {visibility:hidden}
hr {clear:both;height:0;border:0;visibility:hidden;margin:0;padding:0}
/* The toolbar for the content box */
ul#rokslide-toolbar {float:left;text-align:center;list-style:none;margin:-1px 0 0 0;padding:0;clear:both;padding-left:20px}
#rokslide-toolbar li {float:left;height:33px;line-height:33px;display:block;cursor:pointer;list-style:none;padding:0 15px;font-weight:bold}
#frame {position:relative;overflow:hidden;z-index:1;background:none}
#frame div.button {position:absolute;width:36px;height:36px;cursor:pointer;overflow:hidden;top:40%}
#frame div.button#left {left:10px}
#frame div.button#right {right:10px}
#frame div.button#left:hover, #frame div.button#left.hover, #frame div.button#right:hover, #frame div.button#right.hover {background-position:0 -36px}
#scroller {margin:0 auto;overflow:hidden;background:none}
.tab-pane {margin:0 20px;float:left;overflow:hidden;visibility:visible}

/* RokZoom */
#rbCenter {position:absolute;z-index:1000;text-align:left}
#rbCenter.rbLoading {background:url(../images/loading.gif) no-repeat center center}
#rbImage {padding:10px;background:#0d0d0d;border:1px solid #333}
#rbBottom {position:absolute;background-color:#0d0d0d;font-family:Verdana, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:1px solid #333;padding:10px;border-top-style:none;z-index:900;display:none}
#rbCloseLink {cursor:pointer;float:right;width:75px;height:33px;background:transparent url(../images/closelabel.gif) no-repeat center;margin:5px 0}
#rbCaption, #rbNumber {margin-right:71px}
#rbCaption {font-weight:bold}
#rbLinks {position:absolute;z-index:1100}
#rbPrevLink, #rbNextLink {cursor:pointer;margin:0;padding:0;position:absolute;top:0;width:49%}
#rbPrevLink {left:0}
#rbPrevLink.hover {background:url(../images/prevlabel.gif) no-repeat 0% 15%}
#rbNextLink {right:0}
#rbNextLink.hover {background:transparent url(../images/nextlabel.gif) no-repeat 100% 15%}
#rbShadow {position:absolute;z-index:800}

/* Notice Styles */
span.alert, span.info, span.download, span.note {display:block;padding:10px 10px 10px 50px;margin:15px 0}
.nounder {text-decoration:none;border:0;cursor:pointer}
.clr {clear:both}

/* ad */
#mask {position:absolute;left:0;top:0;background-color:#f9f9f9;ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8;opacity:.8;display:none;z-index:9000}
#boxes .window {position:absolute;left:50%;top:50%;width:400px;height:536px;margin:-268px 0 0 -210px;display:none;z-index:9999}
#boxes #ad {text-align:center;width:400px;height:536px;padding:10px;background:#e6e6e6;z-index:9999}
#boxes #ad a.alink {text-align:center;font-size:105%;color:#2a2a2a;font-weight:bold}
#boxes #ad a.alink:hover, #boxes #ad b.alink:hover {color:#014479}
#boxes #ad b.alink {text-align:center;font-size:85%;color:#4a4a4a;font-weight:normal}

/* footer */
footer {}



/* 
---------------------------------------------------------------------------------------------------------- 
   Mobile Styles
---------------------------------------------------------------------------------------------------------- 
*/

@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}
@media screen and (max-device-width:480px) {html {-webkit-text-size-adjust:none;-ms-text-size-adjust:none}}
@media print {* {background:transparent !important;color:#444 !important;text-shadow:none !important}
a, a:visited {color:#444 !important;text-decoration:none}
a:after {content:" (" attr(href) ")"}
abbr:after {content:" (" attr(title) ")"}
.ir a:after {content:""}
pre, blockquote {border:1px solid #999;page-break-inside:avoid}
thead {display:table-header-group}
tr, img {page-break-inside:avoid}
@page {margin:0.5cm}
p, h2, h3 {orphans:3;widows:3}
h2, h3 {page-break-after:avoid}
}