@charset "utf-8";
/* SITE RESET STYLES IN RESET.CSS */
/* COLOUR REFERENCE */
/* RED: #E83030 / #E32F30 */
/* PURPLE: #4A0D4E / #71197D*/
/* COLOUR REFERENCE */

/* MAIN SITE FRAMEWORK */
html {height:100.5%}
body {height:100.5%; font: 0.75em/1.2em verdana, sans-serif; color:#666; text-align:center; background:#D7D7D7 url(/gfx/site/page/pagebg.png) top center no-repeat; }
/*#container { width:980px; text-align:left; min-height: 100%; height: auto !important; margin: 0 auto -150px; background:white;}*/
/*#container { width:980px; text-align:left; margin: 0 auto; background:WHITE; padding:0 5px;}*/
#container {position:relative; width:980px; text-align:left; margin: 0 auto;  padding:0 5px;}

#sub-container {background:white; padding:0 10px 10px 10px; margin:0; border:1px solid #CCC; border-top:none;}
.dswrap1 {border:1px solid #ebebeb}
.dswrap2 {border:1px solid #ccc}
.dswrap3 {border:1px solid #999}

/* HEADER */
#panel {display:none; margin:0; padding:0;}
#header {position:relative; z-index:100; height:117px; /*background:#FFF url(/gfx/site/header/header-bg.png)*/; }
h1 { position: relative; top:50px; left:120px; width: 376px; height: 64px; overflow: hidden; z-index: 50; font-size:1.6em; line-height:2em;}
h1 span { position:absolute; top:0; width:100%; height:100%; background: url(/gfx/site/header/apollo-logo-strap.png) no-repeat 0 0; z-index:60; }
h1 a { display:block; width: 376px; height: 64px; text-decoration:none; }
#apolloPlus {position: absolute; display:block; height:36px; top: 0px; right: 0px; color:#FFF; font-size:0.85em; font-weight:bold; z-index: 120;  margin:0 0 0 0;}
#apolloPlus li {display:block; float:left; height:36px; margin:0 0 0 0; }
#apolloPlus li.login {background:#5C1365 url(/gfx/site/header/header-login.jpg) no-repeat;}
#apolloPlus li a {display:block; color:white }
#apolloPlus li.login a {display:block;float:left; color:white; text-decoration:none; padding:12px 5px 0 35px;}
#apolloPlus li.site-changer {background:#5C1365 url(/gfx/site/header/header-site-changer.jpg) no-repeat;}
#apolloPlus li.site-changer a {display:block;float:left; color:white; text-decoration:none; padding:12px 5px 0 10px;}
#site-search { position:absolute; right:20px; top:80px; z-index:200; }
.btn-search {border:1px solid #CCC; height:22px; margin:0;}

/* MAIN MENU */
ul.main-menu {padding:0; overflow:hidden; text-align:right; display:block; height:33px; background:#E83030 url(/gfx/site/menu/top-menu-bg.jpg); margin:0 0 1em 0; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px;  -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; }
ul.main-menu li {display:inline; }
ul.main-menu li a {height:25px; display:block; float:left; padding:0.5em 1.5em; color:WHITE; font-weight:bold; text-decoration:none;  border-left:1px solid #920700; border-right:1px solid #C84C4E;}
ul.main-menu li.selected a {background:#E83030 url(/gfx/site/menu/top-menu-ro-bg.jpg) -20px -41px repeat-x; display:block;float:left }
ul.main-menu li.home a {border-left:none; float:left }
ul.main-menu li.first a {background:#E83030 url(/gfx/site/menu/top-menu-ro-bg.png) 0 -41px repeat-x; display:block; border-left:none;float:left }

/* SUB MENU */
/* level one */
#sub-menu {overflow:hidden; float:left;border:1px solid #CCC; background:#F6F6F6 url(/gfx/site/menu/sub-menu-top.jpg) repeat-x; display:block; width:187px; padding:0 0 10px 0; margin-bottom:1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
#sub-menu ul li {background:#F6F6F6;border-top:1px solid #DDD;}
#sub-menu ul li a {display:block; padding:0.5em; text-decoration:none; color:#666;}
#sub-menu ul li.selected a {font-weight:bold; color:purple; background-position:160px 4px;}
#sub-menu ul li.hasChildren {background:WHITE url(/gfx/site/menu/arrow-buttons.png) 160px -56px no-repeat;}
#sub-menu ul li.selected {font-weight:bold; background-position:160px -26px;}

/* general sub levels */
#sub-menu ul ul li {border:none; padding:0 0 0 1em; }
#sub-menu ul ul li.hasChildren {background:WHITE;}

/* 2nd level */
#sub-menu ul li.selected ul li a {display:block; font-size:0.9em; padding:0.3em 0.5em; text-decoration:none; color:#666; font-weight:normal;}
#sub-menu ul li.selected ul li.selected a { font-size:0.9em; font-weight:bold; color: purple }

/* 3rd level */
#sub-menu ul li.selected ul li.selected ul li a {display:block; padding:0.3em 0.5em; text-decoration:none; color:#666; font-weight:normal;}
#sub-menu ul li.selected ul li.selected ul li.selected a { font-weight:bold; color:purple}

/* 4th level */
#sub-menu ul li.selected ul li.selected ul li.selected ul li a {display:block; padding:0.3em 0.5em; text-decoration:none; color:#666; font-weight:normal;}
#sub-menu ul li.selected ul li.selected ul li.selected ul li.selected a { font-weight:bold; color:purple}

/* 5th level */
#sub-menu ul li.selected ul li.selected ul li.selected ul li.selected ul li a {display:block; padding:0.3em 0.5em; text-decoration:none; color:#666; font-weight:normal;}
#sub-menu ul li.selected ul li.selected ul li.selected ul li.selected ul li.selected a { font-weight:bold; color:purple}

/* MINI MENUS */
#content ul.alpha-menu { list-style-type:none; display:block;}
.alpha-menu li { float:left; padding:0 5px;}

dl.glossary-list {clear:left;display:block;}
dl.glossary-list dt {font-weight:bold;}
dl.glossary-list dd {font-weight:normal;}

/* VIDEO LIBRARY */

div.video {float:left; display:block; margin:0 10px 10px 0;}



.jumpmenu {background:white; padding:3px ; width:260px;}


/* NOW THE TABS ON OTHER PAGES */
#content ul.css-tabs {list-style:none; margin:0; padding:0; height:50px; font-weight:bold; border-bottom:1px solid purple; }
#content ul.css-tabs li { float:left; text-indent:0; padding:0 3px 0 0; margin:0; list-style-image:none;-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;  -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px;}
#content ul.css-tabs a { background:url(/gfx/site/home/tabs-wide.png) no-repeat 0 0;-webkit-border-top-left-radius: 10px; font-size:11px; display:block; height: 47px; line-height:15px; width: 101px; text-align:center; text-decoration:none; color:#9A0048; padding:3px 0 0 0; margin:0px; position:relative; top:0px;-moz-border-radius-topleft: 10px;  -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px;   }
#content ul.css-tabs a:hover { color:#333; }
#content ul.css-tabs a.current {  background-position:0px -144px; cursor:default; color:#fff; }
#content div.css-panes { display:block;  }

#content .css-panes div { display:none; padding:15px 10px; border-top:none; }
#content .css-panes div div.listItem { display:block; background:none; border-top:none;  }
/**/
#content ul.tabs {list-style:none; margin:0; padding:0; height:56px; font-weight:bold;}
#content ul.tabs li { float:left; text-indent:0; padding:0 3px 0 0; margin:0; list-style-image:none;}
#content ul.tabs a { background: url(/gfx/site/home/tabs-wide.png) no-repeat 0 0; font-size:11px;  display:block; height: 53px; line-height:15px; width: 81px; text-align:center; text-decoration:none; color:#9A0048; padding:3px 0 0 0; margin:0px; position:relative; top:0px; }
#content ul.tabs a:active { outline:none; }
#content ul.tabs a:hover { color:#333; }
#content ul.tabs a.current, #content  ul.tabs a.current:hover, #content  ul.tabs li.current a { background-position: 0px -72px; cursor:default; color:#fff; }
#content div.css-panes div.pane { display:block; }
#content div.css-panes div { display:none; padding:15px 10px; border:none; }
#content div.css-panes div div {display:block; border:none;}

#content ul.product-results {list-style:none; margin:20px 0 0 0px; padding:0;}
#content ul.product-results li {display:block; width:140px; height:200px; float:left; text-align:center; padding: 0 0 0 0 ; margin:0 10px}
#content ul.product-results li img.old {border:1px solid #666; padding:2px; margin-bottom:5px;} /* - THIS IS ONLY SO WE CAN EASILY IDENTIFY PRODUCTS REFERENCING OLD IMAGES */
#content ul.product-results li img.new {border:1px solid #666; padding:2px;}
#content ul.product-results li a {display:block; color:#666; text-decoration:none; font-weight:bold;}
#content ul.product-results li a:hover {text-decoration:underline;}

#content ul.gallery {list-style:none; margin:0; padding:0;}
#content ul.gallery li {border:1px solid #CCC; padding:1px; display:block; float:left; width:100px; height:100px; margin:5px;}
#content ul.gallery li a {display:block; float:left; width:100px; height:100px; margin:0; padding:0;}



/* CONTENT */
#content {float:left; width:700px; /*width:760px;*/ margin:0 0 0 10px; text-align:left; /*background:#F00;*/}

/* LINK STYLES */
#content a {color:purple; text-decoration:none;}
#content a:hover {color:purple; text-decoration:underline;}
hr {height:1px; border:none; border-top:1px solid #999; margin:16px 0;}
p.wide-left {display:block; margin-left:235px;}
div.clrlb {clear:left; height:10px; border-bottom:1px solid #CCC}
h4.clrlb {clear:left; }

/* breadcrumbs */
#content ul#breadcrumbs {margin:0 0 1em 0;}
#content ul#breadcrumbs li {display:inline; }
#content ul#breadcrumbs li a { text-decoration:none; color:#666;}
#content ul#breadcrumbs li a:hover { color:#4A0C4F;}
#content blockquote {margin:20px; padding:20px; border:1px dotted #999; background:#DDD }

/* headings */
h2 {display:block; font-size:1.1em; line-height:1.2em; font-weight:bold; color:WHITE; margin:0.5em;}
h3 {display:block; font-size:1.3em; line-height:1.2em; font-weight:bold; color:#4A0C4F; margin:0.5em 0}
h4 {display:block; font-size:1.1em; line-height:1.2em; font-weight:bold; color:purple; margin:0.5em 0} /* tinymce heading 1 */
h5 {display:block; clear:left; font-size:1.1em; line-height:1.2em; font-weight:bold; color:#666; margin:0.5em 0} /* tinymce heading 2 */
h6 {display:block; font-size:1.1em; line-height:1.2em; font-weight:bold; color:#666; margin:0.5em 0} /* tinymce heading 2 */

/* special headings */
h3.homepage {font: normal 18px/120% verdana, sans-serif; color: #4A0D4E; margin:0 0 10px 0; padding:0;}
h3.white {color: #FFF;}
#homepage-intro p { font-size:11px; margin:6px 0; line-height:1.2em;}
#homepage-intro img { margin:0 0 0 6px;}

/* PERSONNEL */
#content ul.personnel {list-style:none; margin:0; padding:0;}
#content ul.personnel li {display:block; width:80px; margin:5px; padding:5px; text-align:center; float:left; }
#content ul.personnel li img {padding:1px; border:1px solid #999;}
#content ul.personnel li p.name {font-size:10px; padding:5px 0;margin:0;}
#content ul.personnel li p.name a {color:purple; font-weight:bold; font-size:10px; text-decoration:none;}
#content ul.personnel li p.link {text-align:right;}

/* tone table */
table.tone-table {width:600px; margin:20px 0 0 0 ; border:1px solid #CCC}
table.tone-table th {text-align:left; padding:2px 5px;}
table.tone-table td {text-align:left; padding:2px 5px;}
table.tone-table td.left {text-align:left;}
table.tone-table td.product {font-size:10px; font-weight:bold; color:purple;}
tr.odd {background:#F7F7F7;}
tr.even {background:#DED0DF;}
tr:hover {background:#fff;}
#content div.linkWrapper {width:600px; height:20px; text-align:right;}

/* APPLICATION STORIES */

#content ul.app-story-summary {list-style-type:none; margin:10px 0 10px 0; padding:10px 0 10px 0; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
ul.app-story-summary li span {font-weight:bold; display:block; float:left; width:160px;}

/* search */

#xsltsearch {margin: 0; padding: 20px 0 0 0;}
.xsltsearch_result_url {font-size:0.75em; color:purple; margin:0; padding:0; }/* XSLTsearch  */
.xsltsearch_result p {margin: 0; padding: 0;}
/*.xsltsearch_result:hover {background: #f6f6f6;}*/
.xsltsearch_ordinal {font-weight: bold; font-size: 75%;}
.xsltsearch_title {font-weight:bold; text-decoration:none; color:#666;}
.xsltsearch_score {font-size: 75%;}
p.xsltsearch_result_description {padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px solid #666;}
.xsltsearch_description strong {background: #FFF; color:purple; border-bottom:1px dashed purple;} /* highlighting */
#xsltsearch_navigation {text-align: center;}
#xsltsearch_navigation .disabled {color: #999;}
#xsltsearch_stats {font-size: 75%; color: #666;}

/* search term highlighting on following pages */
span.highlight {background: #FFF; color:purple; border-bottom:1px dashed purple;}

/* SEARCH RESULTS PAGE TABS ETC */

#content ul.tabs { font-weight:bold; padding: 0 0 0 0; margin: 0; float: left; list-style: none; height: 72px; /*--Set height of tabs--*/ border-bottom: 1px solid purple; width: 100%; }
#content ul.tabs li { float: left; margin: 0 3px 0 0; padding: 0; height: 71px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 71px; /*--Vertically aligns the text within the tab--*/ border: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; -webkit-border-top-left-radius:15px; -moz-border-radius-topleft: 15px;  -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; }
#content ul.tabs li a { text-decoration: none; color: purple; display: block; font-size: 1.0em; padding: 0 20px; border:none; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; -webkit-border-top-left-radius:15px; -moz-border-radius-topleft: 15px;  -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; }
#content ul.tabs li a:hover { background: #ccc; }
html #content ul.tabs li.active a {color:white;}
html #content ul.tabs li.active, html #content ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: purple; border-bottom: 1px solid purple; /*--Makes the active tab look like it's connected with its content--*/ }
.tab_container { border: none; border-top: none; overflow: hidden; clear: both; float: left; width: 100%; }
.tab_content { margin: 0; padding: 0; }

/* DOWNLOADS */
table.download-pages, table.download-files {  font-size:12px; width:660px; margin:20px 0 0; padding:0; list-style:none;}
table.download-pages td, table.download-files td {font-size:12px; margin:0; padding:8px;}
table.download-pages td img, table.download-files td img {margin:0 10px 0 0; float:left;}

th.colDoc {width:330px;}
th.colPp {width:90px;}
th.colIssue {width:60px;}
th.colUploaded {width:120px;}
th.heading {padding:8px 5px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px;  -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; background:purple  url(/gfx/site/menu/sub-menu-top.jpg); color:white}

/* images */
#content div.banner { display:block; background-color:#333; width:760px; height:120px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.pageImg {float:right; padding:1px; border:1px solid #999;  margin:10px 0;}
.pageImgL {float:left; padding:1px; border:1px solid #999;  margin:0 10px 5px 0px;}
.pageImgR {float:right; padding:1px; border:1px solid #999;  margin:0 0 5px 10px;}
.clrl {clear:left;}
img.gallery-img { background:#FFF; margin:10px 10px 10px 0; border:1px solid #999; padding:1px;}
.img-l-no {float:left; border:none; margin:0 10px 10px 0}
em {font-style:italic;}
/* LISTINGS */
/*div.news-snippet {display:block; height:auto; margin:20px 0 0 0; border-top: 1px solid #CCC;}
div.news-snippet {display:block; height:auto; padding:10px 0; margin:0; border-top:1px solid #999; }
div.current {border:2px solid purple;}
.clrl {clear:left;}
.clr {clear:both; height:10px; color:green}
#content h4.extra-margin {margin-top:20px;}
.date {margin:0 0 1em 0;}
.listTitle {clear:left; padding:0; margin:0 0 2px 0;}
.listTitle a {text-decoration:none; color:purple ;}
.list-links {text-align:right;}
.list-links a {text-decoration:none; color:purple ; font-weight:bold ;}
img.listImg {float:left; padding:1px; border:1px solid #F00; margin:0 10px 10px 0;}
*/
div.galleryItem {float:left; margin:0 10px 10px 0; padding:1px; text-align:center;}
div.galleryItem img {float:left; margin:0 0 10px 0; padding:1px; border:1px solid #CCC;}
div.listItem { clear:left; margin:5px 0; padding:15px 0; border:none; }
div.listItem p { margin:0 0 0 130px; }
div.listItem img.listImg { float:left; margin:0 10px 10px 0; padding:1px; border:1px solid #999;  }
div.listItem p.listTitle ,div.listItem p.listTitle a { text-decoration:none; color:purple; font-weight:bold; font-size:1.1em; width:auto; }
div.listItem p.info { margin:6px 0 6px 130px; }
div.listItem .readmore {text-decoration:none; color:purple; font-weight:bold;display:inline; height:20px; margin:1em 15px 0 0; padding:3px 25px 3px 0; background: url(/gfx/site/menu/arrow-buttons.png) right top no-repeat;}
div.listItem .readmore:hover {text-decoration:underline}

div.monitor-archive-item {float:left; width:120px; margin: 5px; text-align:center;}

div.litThu {font-size:9px;float:left; display:block; width:120px; height:220px; margin: 5px; padding:0; text-align:center;}
div.litThu img {border:1px solid #CCC;padding:1px; margin-bottom:10px;}
div.litThu span {color:purple; font-size:11px; font-weight:bold;}

/* events */
img.calendar-add { margin: 2px 0 0 10px;}
#content div.listItem p.visit a { font-weight:bold; color:white; background:red url(/gfx/site/menu/top-menu-bg.jpg); float:right; padding: 3px 5px; display:inline; margin:0;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}

/* training */
#content div.training-course {font-size:10px; background:white; border:1px solid #ccc; display:block; width:280px; height:200px; float:left; padding:10px; margin:0 10px 20px 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
#content div.training-course p {padding:0; margin:0:}
#content div.training-course ul  { padding:0; margin:0:}
#content div.training-course ul li {line-height:100%; padding:0; margin:0:}
#content div.training-course hr, #content div.training-course h4, #content div.training-course ul, {padding:0; margin:0;}


/* copy */
p {margin:1em 0; line-height:1.2em;}
strong {font-weight:bold;}
#content ul {clear:left;margin:10px 20px; list-style-type:disc; list-style-position: outside;}
#content ul li {margin:5px 0; }

/* tablular data */

th {font-weight:bold;padding:5px;color: purple;background:#DED0DF;border-bottom:1px solid purple;}
td {padding:5px;font-size:10px;margin:0;}

/* FOOTER */
#footer {clear:both; font-size:0.85em; background:#FFF url(/gfx/site/page/page-bg-foot.png) repeat-x; padding:0; height:180px;}
#footer-info { width:960px; margin:0 auto;text-align:left; padding:12px 0 0 0; }
#footer-info ul li { display:inline; padding:0 1em 0 0;}
#footer-info ul.social { float:right; margin:0 0 0 0; }
#footer-info ul.social li.linkedin a img, #footer-info ul.social li.youtube a img { position:relative; top:10px; }
#footer-info ul.copyright {clear:left; padding:20px 10px; 0 0 0; margin:0 ; }
#footer-info ul.copyright li {padding:0 4px; border-right:1px solid #CCC; }
#footer-info ul.copyright li.lang {font-weight:bold; padding:6px; border:1px solid #999; background:#dedede url(/gfx/site/footer/langbg.png) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
#footer-info ul.logos { margin:20px 0 0 0; }
#footer-info ul.logos li { border:none; }
#footer-info ul.social li { display:inline; padding:0 1em; border:none; height:20px;}
#footer-info p { color:#4A0C4F; font-weight:bold; margin:0; padding:0; }
#footer-info a {color:#666; text-decoration:none;}
#footer label, #footer li.label { font-size:1.1em; font-weight:bold; color:#4A0C4F;}

#footer-info input { border: 1px solid #CCC;}

/* SITEMAP */
#sitemap ul li a { color:#666; text-decoration:none;}

/* CONTOUR */
#footer-info a.buttonLink, #content a.buttonLink {background:purple url(/gfx/site/menu/sub-menu-top.jpg) repeat-x; font-weight:bold; color:white; margin:0 0; padding:10px 16px;-webkit-border-radius: 10px; -moz-border-radius: 10px;}
#footer-info a.buttonLink{float:left;}
#footer-info a.buttonLink a,#content a.buttonLink, a.buttonLink  {color:white;}


/* SHADOWBOX */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:5px solid #333;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/scripts/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/scripts/shadowbox/close.png);}
#sb-nav-next{background-image:url(/scripts/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/scripts/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/scripts/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/scripts/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/gfx/site/tooltip/purple_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding: 25px;
	color:#fff;	
	z-index:500;
}
.tooltip a {
	color:white;
	font-weight:bold;
	
}
div.dyna h5 {background:purple;color:white;margin:80px 0 0 0; }
/* style the trigger elements */
#dyna {text-align:center; background:#CCC; display:block; float:left;width:100px; height:100px; margin:5px;}
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

/* trigger button */
#siteSwitch {
	overflow:hidden;
	cursor:pointer;
}
 
/* mouseover state */
#siteSwitch:hover {
	background-position:0 -44px ;		
}
 
/* clicked state */
#siteSwitch:focus {
	background-position:0 -88px;
}
 
/* tooltip styling */
.tooltipSite{
	display:none;
	background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}
 
/* a .label element inside tooltip */
.tooltipSite .label {
	color:yellow;
	width:35px;
}
 
.tooltipSite a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

div.galleryImage {float:left; text-align:center; display:block; width:140px; height:190px;}
div.galleryImage img {padding:1px; border:1px solid #CCC;}









































































































































































































































































































































































































































































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */