html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align:left}
:focus {outline: 0}
body {line-height: 1.5; background: #fff; margin:1.5em 0}
 table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
 blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
a img {border: none}
strong {font-weight: bold}
  .container_12 {margin-left: auto; margin-right: auto; width: 960px; position:relative}
 .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float: left; position: relative; margin-left: 8px; margin-right: 7px}
 .alpha {margin-left: 0}
.omega {margin-right: 0}
 .container_12 .grid_1 {width:65px}
.container_12 .grid_2 {width:145px}
.container_12 .grid_3 {width:225px}
.container_12 .grid_4 {width:305px}
.container_12 .grid_5 {width:385px}
.container_12 .grid_6 {width:465px}
.container_12 .grid_7 {width:545px}
.container_12 .grid_8 {width:625px}
.container_12 .grid_9 {width:705px}
.container_12 .grid_10 {width:785px}
.container_12 .grid_11 {width:865px}
.container_12 .grid_12 {width:945px}
 .container_12 .prefix_1 {padding-left:80px}
.container_12 .prefix_2 {padding-left:160px}
.container_12 .prefix_3 {padding-left:240px}
.container_12 .prefix_4 {padding-left:320px}
.container_12 .prefix_5 {padding-left:400px}
.container_12 .prefix_6 {padding-left:480px}
.container_12 .prefix_7 {padding-left:560px}
.container_12 .prefix_8 {padding-left:640px}
.container_12 .prefix_9 {padding-left:720px}
.container_12 .prefix_10 {padding-left:800px}
.container_12 .prefix_11 {padding-left:880px}
 .container_12 .suffix_1 {padding-right:80px}
.container_12 .suffix_2 {padding-right:160px}
.container_12 .suffix_3 {padding-right:240px}
.container_12 .suffix_4 {padding-right:320px}
.container_12 .suffix_5 {padding-right:400px}
.container_12 .suffix_6 {padding-right:480px}
.container_12 .suffix_7 {padding-right:560px}
.container_12 .suffix_8 {padding-right:640px}
.container_12 .suffix_9 {padding-right:720px}
.container_12 .suffix_10 {padding-right:800px}
.container_12 .suffix_11 {padding-right:880px}
 .container_12 .push_1 {left:80px}
.container_12 .push_2 {left:160px}
.container_12 .push_3 {left:240px}
.container_12 .push_4 {left:320px}
.container_12 .push_5 {left:400px}
.container_12 .push_6 {left:480px}
.container_12 .push_7 {left:560px}
.container_12 .push_8 {left:640px}
.container_12 .push_9 {left:720px}
.container_12 .push_10 {left:800px}
.container_12 .push_11 {left:880px}
 .container_12 .pull_1 {left:-80px}
.container_12 .pull_2 {left:-160px}
.container_12 .pull_3 {left:-240px}
.container_12 .pull_4 {left:-320px}
.container_12 .pull_5 {left:-400px}
.container_12 .pull_6 {left:-480px}
.container_12 .pull_7 {left:-560px}
.container_12 .pull_8 {left:-640px}
.container_12 .pull_9 {left:-720px}
.container_12 .pull_10 {left:-800px}
.container_12 .pull_11 {left:-880px}
  .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0}
 .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
body {font-family:"Tahoma", Arial, sans-serif; font-size:1em; color:#717275}
a {color:#67c8ca; font-weight:bold; text-decoration:none}
a:hover {color:#67c8ca; text-decoration:underline}
h1, h2 {font-weight:normal; color:#717275}
h1 {font-size:150%; line-height:120%; margin:5px 0 10px}
h2 {font-size:100%; line-height:120%; margin:5px 0 10px}
h3 {font-size:100%; line-height:120%; margin:5px 0 10px; font-weight:bold}
h4, h5, h6 {font-size:87.5%; line-height:120%; margin:5px 0; font-weight:bold}
p {font-size:81.3%; line-height:130%; color:#717275; margin:5px 0 10px}
p.advanced_search_link {margin:10px 0}
ul {font-size:81.3%; line-height:130%; color:#717275; margin:5px 20px 10px; list-style:disc}
ul ul {font-size:100%; line-height:130%; margin:5px 20px 5px; list-style:circle}
ul ul ul {font-size:100%; line-height:130%; margin:5px 20px 5px; list-style:square}
ol {font-size:81.3%; line-height:130%; color:#717275; margin:5px 23px 10px; list-style:decimal}
ol ol {font-size:100%; line-height:130%; margin:5px 23px 5px; list-style:upper-roman}
ol ol ol {font-size:100%; line-height:130%; margin:5px 23px 5px; list-style:lower-roman}
strong {font-weight:bold}
em {font-style:italic}
img.left {float:right; margin:5px 5px 5px 0}
img.right {float:right; margin:5px 0 5px 5px}
p img, p img.left {float: left; margin: 0 1.0em 0.5em 0; padding: 0}
p img.right {float: right; margin: 0 0 0.5em 1.0em; padding: 0}
p img.center{ float: none; margin: 0 auto 0.5em auto; padding: 0; display: block;}
img {margin: 0}
img.basic {margin:5px 0}
table {width:100%; font-size:81.3%}
table th {font-weight:bold; padding:5px; color:#333; border-bottom:2px solid #d6d6d8}
table td {padding:5px}
table .even td {background:#f1f1f0}
table p {font-size:100%}
.quote {color: #30465d; display: block; padding: 12px 15px 12px 55px; margin-top: 1em; font-size: 115%; line-height: 1.3; font-family: Georgia, Times, serif; font-style: italic; background: #F6F6F6 url("/images/quote.gif") 12px 12px no-repeat}
.small {font-size: .7em; margin-bottom: 1.875em; line-height: 1.875em}
.green {color:#67c8ca;}
body {margin:0; padding:0; background:#415c7a url('/images/bg/bg.jpg') repeat-x left top scroll}
#header { }
 #header #logo {margin:10px 0 0; width:200px; height:120px}
#header #logo a {width:200px; height:120px; display:block; background: url('/images/logo/gcph_logo.gif') no-repeat left top; text-indent:-9999px}
#header p#skiptocontent {display:none}
#content {overflow:hidden; height:100%; padding:5px 0 10px}
.content_container {margin-left: auto; margin-right: auto; margin-bottom:15px; width: 968px; padding:5px 0 10px; background:#fff url('/images/bg/content_bg.gif') repeat-x left top; border:2px solid #fff; clear:both; overflow:visible; height:100%; -webkit-border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px; border-radius: 10px; position:relative}
.rounded_5_all {-webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px}
.home_latest {background: url('/images/bg/signposts_bg.gif') no-repeat left top; padding:8px 0}
#previous_events img{ display:block; float:left}
#previous_events p{ display:block; float:left; background:#f1f1f0; padding:5px 10px; margin-bottom:2px; position:relative; margin-top:2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
ul.events li p{ color:#333}
#previous_events a{ margin-top:10px; display:inline-block}
.home_latest h3 {font-size:100%; line-height:110%; color:#818285; font-weight:bold; margin:5px 1px; height:19px}
.home_latest ul {margin:0; list-style:none}
.home_latest ul li {background:#f1f1f0; padding:5px 10px; margin-bottom:2px; position:relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
.home_latest ul li p {font-size:100%; color:#333; margin:0 0 2px}
.home_latest ul li a {color:#717275}
.home_latest a.next {font-size:81.3%}
ul.pubs_resources li {background:#f1f1f0 url('/images/bg/home_latest_bg.gif') no-repeat 7px 7px; padding:5px 10px 5px 45px; position:relative}
ul.events li {background:#f1f1f0 url('/images/bg/home_latest_bg.gif') no-repeat -237px 7px; padding:7px 10px 5px 0; position:relative}
ul.events li .date {position:absolute; display:block; left:12px; top:19px; color:#f1f1f0}
ul.events li .date strong {display:block; font-size:16px}
ul.events li .date em {display:block; font-size:12px; font-style:normal; text-transform:uppercase}
ul.events li p {padding-left:45px}
#latest-tweets .twitter_user_link{ color: #818285; display: block; background: transparent url("/images/twitter-bird.gif") no-repeat scroll right center}
#latest-tweets .twitter_user_link:hover, #latest-tweets .twitter_user_link:focus{ color: #67c8ca}
#footer_signposts {border-top:2px solid #e6e6e7; padding:5px 0; margin:10px 0 0}
#footer {padding:10px; height:120px; background:#fff url('/images/bg/footer_bg.gif') repeat-x left top; clear:both; overflow:hidden; -webkit-border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px; border-radius: 10px; position: relative}
#footer p, #footer ul, #footer a {color:#f1f1f1}
#footer ul {list-style:none; margin:3px 0 10px; overflow:hidden}
#footer ul li {display:inline; float:left; padding:0 15px; background: url('/images/bg/footer_nav_divide.gif') no-repeat left center}
#footer ul li.first {padding:0 15px 0 0; background:none}
#footer ul li a {display:block; float:left; font-weight:bold}
#footer p {font-size:68.8%}
#footer p.email {margin:5px 0 0; font-size:112%; font-weight:bold; clear:both}
#footer .st_sharethis {position: absolute; right: 10px; top: 9px}
.hide {display: none}
#banner {margin-top: 5px; margin-left: 6px; margin-bottom: 15px; background: transparent url("/images/banners/sub_1.jpg") top left no-repeat; height: 141px}
 #home #banner {height: 345px; background-image: none; width: 948px; position: relative}
#home #banner .inner {height: 345px; width: 948px; background-color: transparent; background-position: top left; background-repeat: no-repeat; position: absolute; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0}
#prev_link, #next_link{ display: none; position: absolute; z-index: 100; top: 50%; width: 25px; height: 42px; text-indent: 100%; overflow: hidden; background-repeat: no-repeat}
#prev_link{ left: 10px; background-image: url("/images/icons/banner_arrow_left.png")}
#next_link{ right: 13px; background-image: url("/images/icons/banner_arrow_right.png")}
#banner_pagination{ display: none; position: absolute; right: 25px; bottom: 20px; z-index: 50}
#banner_pagination a{ background-image: url("/images/icons/pag_normal.png"); text-indent: 100%; overflow: hidden; width: 20px; height: 20px; float: left; display: inline-block; background-repeat: no-repeat; margin-left: 5px}
.banner_overlay{ position: absolute; bottom: 0; width: 948px; height: 100px; background-image: url("/images/bg/trans_blue_bg.png")}
.banner_overlay p{ color: white; font-size: 36px; width: 785px; margin: 5px 15px; line-height: 40px}
.banner_overlay a, .banner_overlay a:link, .banner_overlay a:visited {color: white; text-decoration: none; font-weight: normal}
.banner_overlay a:hover{ text-decoration: underline}
#banner_pagination .active{ background-image: url("/images/icons/pag_active.png")}
#home_content {overflow: hidden; margin-bottom: 18px}
.container_12 .grid_9 #contact_details{ width:300px; float:left}
.container_12 .grid_9 #contact_map{ width:385px; float:right}
.hidden {display: none}
 #miniature_splash {background-color: #d2d7be; background-image: none; font-family: Arial, sans-serif}
#miniature_header, #miniature_nav {height: 124px}
#miniature_logo {display: block; height: 124px; background: transparent url("/images/miniature_cities/logo.gif"); text-indent: -999em}
#miniature_content {margin-top: 30px; margin-bottom: 30px}
#miniature_content p {color: #333; font-size: 14px; margin: 0 }
#miniature_content span {font-style: italic}
#miniature_content a {font-weight: normal; color: #4987cd }
#miniature_content .big {font-size: 20px; padding-bottom: 23px }
#miniature_nav {float: right }
#miniature_nav ul {position: absolute; right: 0; bottom: 20px}
#miniature_nav li {float: left; display: inline; margin-right: 15px}
#miniature_nav a {padding: 3px 30px 10px 0; background: transparent url("/images/miniature_cities/flags.gif") no-repeat top right; opacity: 0.5}
#miniature_nav .english {background-position: 100% -29px}
#miniature_nav a.active {opacity: 1; text-decoration: underline }
#miniature_banner {background: transparent url("/images/miniature_cities/banner.gif") no-repeat top left; border-bottom: 9px solid #960000; border-top: 9px solid #960000; height: 249px; filter:alpha(opacity=100)}
#miniature_footer {border-top: 9px solid #960000}
#m_footer_logos {list-style: none; margin: 0; padding: 0}
#m_footer_logos li {margin-right: 30px; float: left; display: inline}
#m_footer_logos li a {float: left; display: inline; height: 100px; line-height: 100px; vertical-align: middle }
 .news_story_image_container{ text-align: center}
.news_story_image{ height: auto}
 ul.top_nav {list-style:none; margin:10px; float:right; font-size:81.3%}
ul.top_nav li {display:inline; float:left; margin-left: 20px}
ul.top_nav li a {color:#fff; font-weight:normal}
#nav {margin:3px auto 10px; width:948px; height:30px; background-color: black; background:url('/images/bg/nav_bg.gif') repeat-x left top; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow:visible; z-index:2000}
 #nav ul {list-style: none; margin: 0; padding:0 0 0 10px; width: 100%; float: left; clear: both; z-index: 300; font-size: 100%}
#nav li {position: relative; z-index: 500; display: inline; float: left; width: auto; margin:0 2px 0 0}
#nav li a {display: block; float: left; font-weight:bold; padding: 5px 0 0; height: 31px; text-align:center; line-height: 1; text-decoration: none; color: #fff; cursor:pointer; position: relative}
#nav li#s_home a {width:90px}
#nav li#s_home a.active, #nav li#s_home a.active_parent, #nav li#s_home a:hover {background: url('/images/bg/nav/90.gif') no-repeat left bottom}
#nav li#s_about_gcph a.main_top {width:150px; margin:0px 10px}
#nav li#s_about_gcph a.active, #nav li#s_about_gcph a.active_parent, #nav li#s_about_gcph a:hover {background: url('/images/bg/nav/150.gif') no-repeat left bottom}
#nav li#s_work_themes a.main_top {width:150px; margin:0px 10px}
#nav li#s_work_themes a.active, #nav li#s_work_themes a.active_parent, #nav li#s_work_themes a:hover {background: url('/images/bg/nav/150.gif') no-repeat left bottom}
#nav li#s_publications a.main_top {width:110px; margin:0px 10px}
#nav li#s_publications a.active, #nav li#s_publications a.active_parent, #nav li#s_publications a:hover {background: url('/images/bg/nav/110.gif') no-repeat left bottom}
#nav li#s_publications .drop{ width: auto!important}
#nav li#s_events a.main_top {width:90px; margin:0px 10px}
#nav li#s_events a.active, #nav li#s_events a.active_parent, #nav li#s_events a:hover {background: url('/images/bg/nav/90.gif') no-repeat left bottom}
#nav li#s_latest_blogs a {width:90px; margin:0px 10px}
#nav li#s_latest_blogs a.active, #nav li#s_latest_blogs a.active_parent, #nav li#s_latest_blogs a:hover {background: url('/images/bg/nav/90.gif') no-repeat left bottom}
#nav li#s_latest_news a {width:90px; margin:0px 10px}
#nav li#s_latest_news a.active, #nav li#s_latest_news a.active_parent, #nav li#s_latest_news a:hover {background: url('/images/bg/nav/90.gif') no-repeat left bottom}
#nav li#s_contact a {width:110px}
#nav li#s_contact a.active, #nav li#s_contact a:hover {background: url('/images/bg/nav/110.gif') no-repeat left bottom}
 #nav li .drop, #nav li .drop_half {position: absolute; left: -999em; top: 36px; padding: 5px 5px 7px 5px; z-index: 1000; width: auto; border-top: none; width: 380px; background-color: #919294; border:2px solid #67c8ca; -webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px}
#nav li .drop_half{ width: 200px}
#nav li .drop ul {padding: 0; margin: 0; list-style:none; border-top: none; width: 190px; float:left; display:inline; clear: none}
#nav li .drop ul.right {float:right; display:inline}
#nav li ul li {padding: 0; margin: 0; font-size: 87.5%; border: none; display: inline; float: left; width: 190px}
#nav li ul li a {display: block; padding: 3px 5px 3px 20px; height:auto; text-align:left; width: 165px !important; font-weight:normal; background:url('/images/icons/next_arrow_darkbg.gif') no-repeat 5px 5px; -webkit-border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px; border-radius: 10px}
#nav li#s_latest .drop {width: 250px}
#nav li#s_latest .drop ul, #nav li#s_latest .drop ul li {width: 125px}
#nav li#s_latest .drop ul a {width: 75px !important}
 #nav li ul ul {margin: -35px 0 0 100%}
#nav li:hover .drop ul, #nav li:hover .drop_half ul, #nav li.hover .drop ul, #nav li.hover .drop_half ul {left: -999em}
#nav li:hover .drop, #nav li.hover .drop, #nav li:hover .drop_half, #nav li.hover .drop_half, #nav li li:hover .drop, #nav li li.hover .drop, #nav li li:hover .drop_half, #nav li li.hover .drop_half {left: 0}
 #nav li ul li a:hover, #nav li ul li a.active, #nav li ul li a.active_parent {background:#67c8ca url('/images/icons/next_arrow_greenbg.gif') no-repeat 5px 5px !important}
 #nav li:hover ul, #nav li.hover ul {left: 0}
 div.subnav h3 {font-size: 100%; margin: 0; font-weight:bold; padding: 9px 2px 7px}
div.subnav h3 a {color:#717275}
div.subnav h3 a:hover {text-decoration: none; color: #67c8ca}
div.subnav h4 {color:#818285; background:#f1f1f0; margin:0; padding:3px 2px 4px}
div.subnav h4 a {color:#818285}
div.subnav h4 a:hover {color:#67c8ca}
div.subnav fieldset select {background:#f1f1f0; border:#f1f1f0; padding:3px 6px}
div.subnav {margin-top:10px; background:url('/images/bg/signposts_bg.gif') no-repeat left top}
div.subnav ul {list-style: none; margin: 0 0 20px 0; overflow:hidden; height:100%; display:block}
div.subnav li a {-webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px; display: block; padding: 3px 12px 3px 20px; background: #f1f1f0 url('/images/icons/next_arrow.gif') no-repeat 5px 7px; padding-left: 20px; color:#717275; font-weight:normal; zoom: 1}
div.subnav li a:hover, div.subnav li a.active, div.subnav li.active a {text-decoration: none; color: #fff; background: #67c8ca url('/images/icons/next_arrow_greenbg.gif') no-repeat 5px 7px}
#sub_menu .level_2 {display:block; overflow: hidden}
#sub_menu .level_2 a {display: block; padding: 3px 12px 3px 20px; color:#717275; background: #f1f1f0 url('/images/icons/next_arrow.gif') no-repeat 5px 7px; -webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px; font-weight:normal; zoom: 1}
#sub_menu li a:hover {color: #67c8ca}
#sub_menu li a.active, #sub_menu li.active a {background: #f1f1f0 url('/images/icons/down_arrow.gif') no-repeat 5px 7px; color: #67c8ca !important}
#sub_menu ul {margin-bottom: 0; border-bottom: none; border-top: 1px dotted #CCC}
#sub_menu .level_3.first {border-top: none}
#sub_menu .level_3 a {color: #717275; zoom: 1; padding-left: 20px; background: transparent url('/images/icons/sub_arrow.gif') no-repeat 5px 7px; background-color: #F9F9F9}
#sub_menu .level_3 a.active, #sub_menu .level_3 a.active_parent {background: #f9f9f9 url('/images/icons/sub_arrow_next.gif') no-repeat 5px 7px; color: #67c8ca !important}
#sub_menu .level_2 .has_children a.active, #sub_menu .level_2 .has_children a.active_parent {background: #f9f9f9 url('/images/icons/sub_arrow_down.gif') no-repeat 5px 7px}
#sub_menu .level_4 a {color: #555; zoom: 1; padding-left: 36px; background-position: 36px 9px; background-color: #FcFcFC; background: none}
#sub_menu .level_2 .level_4 a.active {background: none; background-color: #fff; color: #67c8ca !important}
 div.filternav {margin-top:10px; background:url('/images/bg/signposts_bg.gif') no-repeat left top}
div.filternav h3 {font-size: 100%; margin: 0; font-weight:bold; padding: 9px 2px 7px}
div.filternav h3 a {color:#717275}
div.filternav h3 a:hover {text-decoration: none; color: #67c8ca}
div.filternav h4 {color:#818285; background:#f1f1f0; margin:0; padding:3px 2px 4px}
div.filternav h4 a {color:#818285}
div.filternav h4 a:hover {color:#67c8ca}
div.filternav ul {list-style: none; margin: 0 0 20px 0; border-top:1px dotted #999; overflow:hidden; height:100%}
div.filternav li {display:inline}
div.filternav li a {display: block; padding: 1px 10px 2px 20px; color:#717275; background: url('/images/icons/next_arrow.gif') no-repeat 5px 5px; font-weight:normal; border-bottom:1px dotted #999}
#related {}
#related h3 {font-family: Georgia, Times, serif; font-size: 134%; font-weight: normal; clear: both}
#related ul {list-style: none; margin: 0 0 20px 0; border-top: 2px solid #EFEFEF; float: left}
#related ul.signposts {border-top: none}
#related ul li {line-height: 1.2; font-size: 92%; padding: 5px 0; border-bottom: 1px solid #EFEFEF}
#related ul li.mini {float: left}
#related ul li.more {border-bottom: none}
#related ul li img.article_image {float: left; margin-right: 6px}
#related ul li a {font-weight: bold}
#related ul li.active {background-color: #F9F9F9}
#related ul li.active a {color: #9D060B}
#related ul li span.date {color: #999; font-size: 100%}
 #crumb_list {padding: 5px 0; color: #999}
#crumb_list a {text-decoration: none; font-weight: bold}
#crumb_list a:hover {}
#crumb_list span {font-weight: bold}
#skip_to_content {display: none}
 .pagination {margin:20px 0px 20px; padding:15px 0 5px; overflow:hidden; height:100%; clear:both; font-size:67.5%; border-top:2px dotted #ccc}
.pagination a {float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:2px 6px; margin:-3px 3px 0; background:#f1f1f0; color:#67c8ca; text-decoration:none !important}
.pagination span.current{ float:left; background:#67c8ca; color:#fff; text-decoration:none !important; padding:2px 6px; margin:-3px 3px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px}
.pagination a.paging {padding:2px 6px; margin:-3px 3px 0; background:#f1f1f0; color:#67c8ca; text-decoration:none !important}
.pagination a.paging:hover, .pagination a.paging.active, .pagination a:hover, .pagination a.active {background:#67c8ca; color:#fff; text-decoration:none !important}
#social_media {list-style: none; float: right; width: 102px}
#social_media li {height: 25px; width: 25px; margin-left: 5px}
#social_media li a {height: 25px; width: 25px !important; display: block; overflow: hidden; text-indent: 9999px}
#social_media li.twit {background: url("/images/social_media_2.png") no-repeat scroll 0 0 transparent; background-position: -68px}
#social_media li.facebook {width: 26px; background: url("/images/social_media_2.png") no-repeat scroll 0 0 transparent; background-position: -37px}
#social_media li.youtube {width: 35px; background: url("/images/social_media_2.png") no-repeat scroll 0 0 transparent; background-position: 0px}
a.next {background:url('/images/icons/next_arrow.gif') no-repeat right center; padding:0 15px 0 0; color:#67c8ca !important}
a.large_next {background:url('/images/icons/large_next_arrow.gif') no-repeat right 4px; padding:0 18px 0 0; color:#67c8ca !important}
a.back {background:url('/images/icons/back_arrow.gif') no-repeat left center; padding:0 0 0 15px; color:#67c8ca !important}
a.up {background:url('/images/icons/up_arrow.gif') no-repeat right center; padding:0 15px 0 0; color:#67c8ca !important}
p.advanced_search_link a {color:#fff; font-weight:normal}
a.right {float:right}
a.back:hover, a.next:hover, a.up:hover, a.large_next:hover {color: #FFF !important}
.home_latest a.next:hover{ color: #717275 !important;}
  fieldset {border: none; padding: 0}
fieldset ul {list-style: none; padding: 0 0 10px 0; margin: 0 !important}
fieldset ul li {padding-bottom: 0}
fieldset input, fieldset select, fieldset textarea {font-family: Arial, sans-serif; font-weight: normal; border: 1px solid #97989a; padding: 3px; margin: 2px 0 0 0; color: #333333; background-color: #ffffff; font-size: 100%; -webkit-border-radius: 5px; -moz-border-radius:5px; -khtml-border-radius: 5px; border-radius: 5px}
fieldset textarea {overflow: auto}
fieldset input:focus, fieldset select:focus, fieldset textarea:focus {border-color: #999}
fieldset input.submit {background:none; border:0 none; padding:0}
fieldset select {padding: 1px; padding: 2px 1px 2px 0}
fieldset select option {padding: 0 1em 0 2px}
fieldset label {margin-right: 5px; font-weight: bold; display: block; margin-top: 10px; line-height: 1.3}
fieldset span.note {font-weight: normal; color: #AAA; margin: 0 1em 0 0; font-size: 92%}
.required {color: #000 !important}
fieldset label.checkbox_note {font-weight: normal; display: inline; float: none}
fieldset label.not_bold {font-weight: normal}
.tiny {width: 10% }
input.small, label.small {width: 20%}
.third {width: 31%}
.half {width: 47%}
.two_thirds {width: 63%}
.full {width: 97%}
li.full {width: 100%; clear: both;}
.tiny, .small, .third, .half, .two_thirds, .full {float: left}
fieldset p {margin-bottom: 0.5em !important}
#ensure_ham_field {display: none}
 #post_comment input.post_reply {font-weight: bold; float: right; margin-right: 0}
#label_search_res_pubs {width: 22%}
#label_date_from_month {width: 19%}
#label_date_to_month {width: 5%; text-align: center; padding: 0 5px}
#resource_pubs_search .text_search {width: 30%}
#resource_pubs_search .date_search {width: 58%}
#resource_pubs_search .date_search label, #resource_pubs_search .date_search select {float: left}
#resource_pubs_search .date_search select {margin-right: 5px}
 fieldset.buttons {border: 0px none #CCCCCC; background-color: transparent; margin: 0; padding: 0 0 15px 0}
fieldset.buttons input {cursor: pointer; width: auto; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; margin-right: 15px}
fieldset.buttons input:hover {background-color: #E9E9E9; border-top: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; color: #000}
 fieldset.buttons input.button1 {font-weight: bold}
fieldset.buttons input.button2 {font-weight: normal}
 #fstabs {height: 25px; clear: right; border-bottom: 2px solid #DEDEDE; margin-top: 5px}
#fstabs a {background-color: #F0F0F0; background-repeat: no-repeat; padding: 4px 10px 0 10px; margin-right: 1px; height: 21px; font-weight: bold; float: left; width: auto; font-size: 11px}
#fstabs a:hover {text-decoration: none; background-color: #DEDEDE}
#fstabs a.active {background-color: #DEDEDE; color: #484848}
 #search_form {padding: 0; margin: 30px 0 0 0; text-align: right}
#search_form label {display: inline; font-weight: normal; margin: 0; cursor: pointer}
#search_field {width: 140px; margin: 0}
#search_field:focus {border-color: #CCC}
#search_button {cursor: pointer; margin: 0}
 #notice {background-color: #bae68f; padding: 7px 14px; margin: 10px 0}
#notice p {font-weight: bold; margin: 5px 0; font-size: 100%}
.error {font-weight: bold; color: #DF226A}
em.field_error input, em.field_error textarea, em.field_error select {background-color: #F3E9E9; border-color: #B72222; font-style: normal}
 .fieldWithErrors {display: inline}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid #DF226A; background-image: url("/images/alert.gif"); background-repeat: no-repeat; background-position: 100% 3px}
#errorExplanation, #error {padding: 9px; margin: 9px 0; background-color: #B72222; color: #FFFFFF}
#errorExplanation h2 {color: #FFF; font-size: 13px; font-weight: bold; display: none}
#errorExplanation p , #error p {font-size: 100%; margin-bottom: 0; font-weight: bold; color: #FFCD38}
#errorExplanation ul {margin: 0}
#errorExplanation ul li {font-size: 100%; list-style: square; margin-left: 1em; color: #fff}
 #advanced_search {background: url('/images/bg/advanced_search_arrow_bg.gif') no-repeat 680px top; display:none; position:absolute; top:-63px; left:-2px; width:972px; z-index:5000; clear:both}
#advanced_search.visible{ display:block; position:relative}
#advanced_search .inner {background:#e6e5e4 url('/images/bg/advanced_search_bg.gif') repeat-x left top; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-top:10px; padding:10px; width:952px; border-bottom:3px solid #999; overflow:hidden; height:100%}
#advanced_search label {font-weight:normal}
#advanced_search fieldset.top {padding:5px 0; margin:0 0 10px; border-bottom:2px dotted #999}
#advanced_search ul {overflow:hidden; height:100%}
#advanced_search fieldset.top li {display:inline; float:left}
#advanced_search fieldset.top label {margin:4px 0 0; font-weight:normal}
#advanced_search fieldset h3 {font-size:81.3%; font-weight:bold; margin:5px 0 10px}
#advanced_search fieldset.checkboxes {width:450px; float:left; border-right:2px dotted #999}
#advanced_search fieldset.dates {width:200px; padding:0 10px; margin-right:10px; float:left; border-right:2px dotted #999}
#advanced_search fieldset.author {width:267px; float:left}
#advanced_search fieldset.checkboxes li {display:inline; float:left; margin:0; padding:0}
#advanced_search fieldset.checkboxes li.left {clear: both}
#advanced_search fieldset.checkboxes label {padding:0; font-size:93.8%; margin:5px 10px 5px 0}
#advanced_search fieldset.dates label {padding:0; margin:3px 0 0}
#advanced_search fieldset.dates input {margin-bottom:5px }
#advanced_search fieldset.dates li {clear:both}
#advanced_search fieldset.dates li img {margin:5px 0 0 5px}
#advanced_search fieldset.search {clear:both; float:none; width:100%}
#advanced_search fieldset.search ul {float:right}
.filter_search {background:#f1f1f0; margin-bottom:5px}
.filter_search input.hint{ color:#ccc}
.filter_search form {padding:3px 10px}
.filter_search li {float:left}
.filter_search label {font-weight:normal; margin:4px 0}
.filter_search li.submit {float:right; margin-top:2px}
.filter_search li input.third {width:27%; margin-right:5px}
fieldset.application p.undo {display: none; margin: 0}
fieldset.application p.undo a {display: block; text-decoration: none !important; font-weight: bold; padding: 3px 5px; background-color: #FFA400; color: #000}
#body fieldset.application p.undo a:hover {background-color: #B94CA2 !important; color: #490036}
fieldset.application fieldset a.remove, fieldset.application label.remove {position: absolute; left: auto; right: 15px !important; top: 13px; text-decoration: none !important; font-size: 92%; font-weight: bold; color: #666; text-align: right;  }
fieldset.application fieldset a.remove {display: none}
fieldset.application fieldset a.remove:hover {background-color: transparent; color: #D41F1F}
fieldset.application fieldset {border-bottom:1px dotted #999999; display:block; margin-bottom:7px; padding-bottom:7px; position:relative}
div#ui-datepicker-div{ position:absolute; z-index:9999; font-size:85%}
a.dp-choose-date{ background: url('/images/icons/calendar.gif') 0 0 no-repeat; float:left; width:17px; height:17px; display:block; text-indent:-5000px; margin:5px 0 0 5px}
input#add_another{ margin:0;padding:0;border:0}
#survey_form fieldset.buttons input{ border:0; background:none}
 ul.signposts {list-style: none; overflow:hidden; height:100%; margin: 10px 0}
ul.signposts li {padding:6px 0 0; background-image:url('/images/bg/signposts_bg.gif'); background-repeat:no-repeat; overflow:hidden; margin-bottom:10px; height:160px}
ul.signposts li.eupdate {background-image:none !important; float:left; height:168px; margin-top:-1px; padding:0 !important; width:225px}
ul.signposts li.eupdate div{ background: none !important; padding:0 !important}
 ul.signposts li.eupdate img{ margin:0px !important; border-top:none !important; border-top:none !important; display:block; padding:0px}
ul.signposts li.colour_1 {background-position:left top}
ul.signposts li.colour_2 {background-position:-225px top}
ul.signposts li.colour_3 {background-position:-450px top}
ul.signposts li.colour_4 {background-position:-675px top}
ul.signposts li img {border-top:2px solid #fff; border-bottom:2px solid #fff; padding:0; display:block}
ul.signposts li a img{ border:0; margin:7px 0 0 0}
ul.signposts li div {background: #f1f1f0 url('/images/bg/signposts_bg.gif') no-repeat right bottom; padding:5px 10px 10px}
ul.signposts li p { font-size: 96%; line-height:140%; margin: 0; color:#818285}
ul.signposts li p strong {display:block; padding:0 0 3px}
ul.signposts li p a.next {font-size:81.3%}
ul.signposts li label {display:none}
ul.signposts li input {margin-bottom:5px}
ul.signposts li input#email_signup {width:96%}
ul.signposts span.signpost_title{ height:3em; display:block; overflow:hidden}
.panes {clear:both}
.panes .pane {display:none}
.panes .pane.first {display:block}
#tabbed_search ul {font-size:81.3%; line-height:130%; margin:10px 0; list-style:none}
#tabbed_search ul li {display:inline; float:left}
#tabbed_search ul a.current span {}
#tabbed_search ul a span {padding-bottom:14px}
#tabbed_search ul a {color:#fff; display:block; float:left; font-weight:normal; width:205px; height:30px; padding:1px 0 0; text-align:center}
#tabbed_search ul li#first_tab a {width:90px}
#tabbed_search ul a.current, #tabbed_search ul a.current:hover {background: url('/images/bg/topnav_bg2.gif') no-repeat left top}
#tabbed_search ul li#first_tab a.current, #tabbed_search ul li#first_tab a.current:hover {background: url('/images/bg/topnav_bg1.gif') no-repeat left top}
#tabbed_search ul a:hover {background:none; color:#fff; text-decoration:underline}
#tabbed_search ul li#first_tab {margin-right:2px}
#tabbed_search .panes {padding:0; clear:both}
#tabbed_search .pane form {display:block; background:#97a1ab; -webkit-border-radius: 10px; -moz-border-radius:10px; -khtml-border-radius: 10px; border-radius: 10px; padding:5px; font-size:81.3%; position:relative}
#tabbed_search .pane input {margin:0}
#tabbed_search .pane input.submit {position:absolute; top:9px; left:280px}
#tabbed_search label {display:none}
ul.listing {margin:5px 0 10px; list-style:none; overflow:hidden; height:100%}
ul.listing li {margin-bottom:10px}
ul.listing img {display:block; margin:0 0 5px}
ul.listing a {color:#717275}
ul#people li{ height:200px}
ul.events_listing {margin:5px 0 10px; list-style:none; overflow:hidden; height:100%; font-size:100%}
ul.events_listing li {margin:0 0 5px; clear:both;  height:100%}
ul.events_listing .date {padding:2px 5px; margin:0 0 5px; font-size:81.3%; font-weight:bold; background:#68c8ca; color:#fff}
ul.events_listing ul {font-size:81.3%; line-height:130%; color:#717275; margin:5px 20px 10px; list-style: disc outside !important;   }
ul.events_listing ul li {list-style: disc outside;  }
table#resources_pubs .date {width:22%}
table#resources_pubs .author {width:22%}
table#resources_pubs .title {width:22%}
table#resources_pubs .desc {width:44%}
table#resources_pubs th a{ color:#333; padding-right:15px}
table#resources_pubs th a:hover{ color:#67C8CA}
table#resources_pubs th a.sort_asc{ background:url('/images/icons/up_arrow.gif') center right no-repeat}
table#resources_pubs th a.sort_desc{ background:url('/images/icons/down_arrow.gif') center right no-repeat}
#twitter_update_list {list-style: none outside none; margin: 0}
#twitter_update_list li {padding: 6px; background-color: #F1F1F0; margin-bottom: 3px; color: #333333}
#twitter_update_list li a {font-size: 0.9em}
.timestamp {display: block}
.profileLink {font-size: 0.7em; padding: 3px 16px 3px 3px; background: url("/images/icons/next_arrow.gif") no-repeat scroll 88px 5px transparent}
#twitter_update_list li a:last {display:block}
 #survey_form {margin-bottom: 20px; clear:both}
#survey_form fieldset {padding-top: 10px}
#survey_form legend {font-weight: bold; color: #000; border-bottom: 2px solid #EEE; display: block}
#survey_form li {margin-top: 10px; clear: both; padding-bottom: 12px; border-bottom: 1px solid #EEE}
#survey_form li label {margin-top: 3px; display: block; clear: both; font-weight: bold; font-style: normal}
#survey_form li label.option_label {font-weight: normal}
#survey_form li span.note {clear: both; display: block; font-style: normal}
#survey_form li label.required {color: #DF0606}
 #survey_form .buttons {text-align: center}
#survey_form .buttons input {margin: 0; float: right}
#survey_form a.continue_buttons {display: block; font-weight: bold; padding: 2px 10px; background-color: #DFDFDF; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; text-decoration: none; vertical-align: middle}
#fieldset_continue_button {float: right}
#fieldset_back_button {float: left; margin-right: 20px}
 #survey_form .buttons {text-align: center}
#survey_form .buttons input {margin: 0; float: right}
#survey_form a.continue_buttons {display: block; font-size: 87.2%; padding: 2px 10px; background-color: #fff; border: 0; text-decoration: none; vertical-align: middle}
#fieldset_continue_button {float: right}
#fieldset_back_button {float: left; margin-right: 20px}
.mejs-container {position: relative; background: #000; font-family: Helvetica, Arial; text-align: left; vertical-align: top}
.me-plugin {position: absolute}
.mejs-embed, .mejs-embed body {width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden}
.mejs-container-fullscreen {position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {width: 100%; height: 100%}
 .mejs-background {position: absolute; top: 0; left: 0}
.mejs-mediaelement {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.mejs-poster {position: absolute; top: 0; left: 0}
.mejs-poster img {border: 0; padding: 0; border: 0; display: block}
.mejs-overlay {position: absolute; top: 0; left: 0}
.mejs-overlay-play {cursor: pointer}
.mejs-overlay-button {position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url("/images/mediaelement/bigplay.png") no-repeat}
.mejs-overlay:hover .mejs-overlay-button{ background-position: 0 -100px }
.mejs-overlay-loading {position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url("/images/mediaelement/background.png"); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9)); background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9))}
.mejs-overlay-loading span {display:block; width: 80px; height: 80px; background: transparent url("/images/mediaelement/loading.gif") 50% 50% no-repeat}
  .mejs-container .mejs-controls {position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url("/images/mediaelement/background.png"); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); height: 30px; width: 100%}
.mejs-container .mejs-controls div {list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0}
.mejs-controls .mejs-button button {cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url("/images/mediaelement/controls.png") no-repeat}
 .mejs-controls .mejs-button button:focus {outline: solid 1px yellow}
  .mejs-container .mejs-controls .mejs-time {color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; padding: auto 4px}
.mejs-container .mejs-controls .mejs-time span {font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto}
  .mejs-controls .mejs-play button {background-position:0 0}
.mejs-controls .mejs-pause button {background-position:0 -16px}
  .mejs-controls .mejs-stop button {background-position: -112px 0}
  .mejs-controls div.mejs-time-rail {width: 200px; padding-top: 5px}
.mejs-controls .mejs-time-rail span {display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer}
.mejs-controls .mejs-time-rail .mejs-time-total {margin: 5px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8))}
.mejs-controls .mejs-time-rail .mejs-time-loaded {background: #3caac8; background: rgba(60,170,200,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8)); background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8)); width: 0}
.mejs-controls .mejs-time-rail .mejs-time-current {width: 0; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8))}
.mejs-controls .mejs-time-rail .mejs-time-handle {display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center}
.mejs-controls .mejs-time-rail .mejs-time-float {position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111}
.mejs-controls .mejs-time-rail .mejs-time-float-current {margin: 2px; width: 30px; display: block; text-align: center; left: 0}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px}
   .mejs-controls .mejs-fullscreen-button button {background-position:-32px 0}
.mejs-controls .mejs-unfullscreen button {background-position:-32px -16px}
  .mejs-controls .mejs-volume-button {}
.mejs-controls .mejs-mute button {background-position:-16px -16px}
.mejs-controls .mejs-unmute button {background-position:-16px 0}
.mejs-controls .mejs-volume-button {position: relative}
.mejs-controls .mejs-volume-button .mejs-volume-slider {display: none; height: 115px; width: 25px; background: url("/images/mediaelement/background.png"); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0}
.mejs-controls .mejs-volume-button:hover {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px}
 .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0}
 .mejs-controls div.mejs-horizontal-volume-slider {height: 26px; width: 60px; position: relative}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8))); background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8))}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8))}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {display: none}
  .mejs-controls .mejs-captions-button {position: relative}
.mejs-controls .mejs-captions-button button {background-position:-48px 0}
.mejs-controls .mejs-captions-button .mejs-captions-selector {visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url("/images/mediaelement/background.png"); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}
 .mejs-controls .mejs-captions-button .mejs-captions-selector ul {margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{ margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display:block; color: #fff; overflow: hidden}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{ clear: both; float: left; margin: 3px 3px 0 5px}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{ width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px}
.mejs-controls .mejs-captions-button .mejs-captions-translations {font-size: 10px; margin: 0 0 5px 0}
.mejs-chapters {position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px}
.mejs-chapters .mejs-chapter {position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000); overflow: hidden; border: 0}
.mejs-chapters .mejs-chapter .mejs-chapter-block {font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {border-right: none}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6))); background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6)); background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{ font-size: 12px; font-weight: bold; display: block; white-space:nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{ font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space:nowrap; text-overflow: ellipsis}
.mejs-captions-layer {position: absolute; bottom: 0; left: 0; text-align:center;  line-height: 22px; font-size: 12px; color: #fff}
.mejs-captions-layer a {color: #fff; text-decoration: underline}
.mejs-captions-layer[lang=ar] {font-size: 20px; font-weight: normal}
.mejs-captions-position {position: absolute; width: 100%; bottom: 15px; left: 0}
.mejs-captions-position-hover {bottom: 45px}
.mejs-captions-text {padding: 3px 5px; background: url("/images/mediaelement/background.png"); background: rgba(20, 20, 20, 0.8)}
 .mejs-clear {clear: both}
 .me-cannotplay {}
.me-cannotplay a {color: #fff; font-weight: bold}
.me-cannotplay span {padding: 15px; display: block}
  .mejs-controls .mejs-loop-off button{ background-position: -64px -16px}
.mejs-controls .mejs-loop-on button {background-position: -64px 0}
  .mejs-controls .mejs-backlight-off button{ background-position: -80px -16px}
.mejs-controls .mejs-backlight-on button {background-position: -80px 0}
  .mejs-controls .mejs-picturecontrols-button{ background-position: -96px 0}
  .mejs-contextmenu {position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001;  }
.mejs-contextmenu .mejs-contextmenu-separator {height: 1px; font-size: 0; margin: 5px 6px; background: #333}
.mejs-contextmenu .mejs-contextmenu-item {font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333}
.mejs-contextmenu .mejs-contextmenu-item:hover {background: #2C7C91; color: #fff}
 .mejs-controls .mejs-sourcechooser-button {position: relative}
.mejs-controls .mejs-sourcechooser-button button {background-position: -128px 0}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url("/images/mediaelement/background.png"); background: rgba(50,50,50,0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{ margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display:block; color: #fff; overflow: hidden}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{ clear: both; float: left; margin: 3px 3px 0 5px}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{ width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px}
  #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0}
#jquery-lightbox a img {border: none}
#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image {padding: 10px}
#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav {left: 0}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block}
#lightbox-nav-btnPrev {left: 0; float: left}
#lightbox-nav-btnNext {right: 0; float: right}
#lightbox-container-image-data-box {font: 11px Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0}
#lightbox-container-image-data {padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em}
#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em}