/* $Id: nagara-style.css,v 1.0.0 2010/04/01 08:18:15 symphonythemes Exp $ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
body {
  font-size: 75%;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color:#024d76;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
h1, h2, h3, h4, h5 {
  color: #024d76;
}
/* Specific Typography
-------------------------------------------------------------- */
#st-site-name {
  font-size: 300%;
  line-height: 150%;
}

.footer-message {
  font-size: 90%;
}


/* HTML Elements
-------------------------------------------------------------- */
/* Add padding here if desired so edges of theme aren't flush with browser window */
body {
}

/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.st-header-site-info span {
  display: block;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#st-logo {
  margin: 0 0 0px 0px;
  /* Arthur 03022011 */
  float:left;
}
/* Link and hover styles for site name */
#st-site-name a:link,
#st-site-name a:visited,
#st-site-name a:hover,
#st-site-name a:active,
#st-site-name a {
  color: #fff;

}

/* Typography for site slogan */
#st-slogan {
  padding-left: 10px;
  float:right;
  color:#066; font-size:16pt;
  padding-top:40px;
  
}


/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.st-wrapper {
  background: #eaeaea;
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.st-wrapper-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.st-header-group-wrapper {
}
#st-header-group {
  width: 942px;
 
}
.st-header-group {
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  /* ARTHUR 3rd Feb 2011 */
  background-image: url(../images/headingright.gif); background-position:right bottom; background-repeat:no-repeat;
  background-color:#ffffff;   
}
.st-header-group-inner {
  overflow: visible;
}
.st-header-site-info {
  margin: 0;
  padding:0;
}
/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.st-header-top-wrapper {
}
.st-header-top {
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  padding: 0 3px;
  background: #dbdbdb;
}
.st-header-top-inner {
  overflow: hidden;
}

/* Header Bottom region which sits under the header */
.st-header-bottom-wrapper {

}
.st-bottom-top {
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  padding: 0 3px;
 /* background: #dbdbdb;*/
 background:#4d4d4d;
}
.st-header-bottom-inner {
  overflow: hidden;
}
#st-header-site-info {
	margin:0;
}

/* Primary Menu   TODO: add default colours
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */

#st_main_menu {
  background: #cfcfcf url(../images/mainmenu_bg.jpg) 0 0 repeat-x;
  padding: 8px 3px;
  border-bottom: 1px solid #FFF;
  border-left: 9px solid #fff;
  border-right: 9px solid #fff;

}
#st_main_menu-inner {
  float: right;
}
#st_main_menu ul {
  margin: 0; /* all lists */
  padding: 0;
  float: left;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #dfe0e0 url(../images/mainmenu_ul_bg.jpg) 0 0 repeat-x;
}

#st_main_menu ul li {
	list-style-type:none;
}

.primary-menu { 
}
#primary-menu-inner {
}
.primary-menu ul {
}

.primary-menu ul li {
}

.primary-menu ul li a {
}

/* Top menu */
#st-header-top ul.menu,
#block-menu-menu-topmenu ul.menu {
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
}
#st-header-top ul.menu li,
#block-menu-menu-topmenu ul.menu li {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#st-header-top ul.menu a,
#block-menu-menu-topmenu ul.menu a {
  float: left;
  margin: 0;
  padding: 0px 10px;
  line-height: 1;
  border-right: 1px solid #FFF;
  color: #FFF;
}
#st-header-top ul.menu li.last a,
#block-menu-menu-topmenu li.last a {
  border: none;
}
/* Sidebar menu */
#st-sidebar-left ul.menu,
#st-sidebar-right ul.menu {
  color: #024D76;
  list-style: none;

  margin: 10px 0 10px 0em;
  padding: 0;
}
#st-sidebar-left ul.menu ul { margin-left:2em; }

#st-sidebar-left ul.menu li,
#st-sidebar-right ul.menu li {
  padding: 2px;
  margin: 0;
  list-style: none;
  
  /* Arthur to fix IE7 bug on home page left menu*/
list-style-image:none;
  border-bottom:#666 1px solid;
  line-height: 180%;
}

/* Added by Arthur 5th March 2011 */

#st-sidebar-left ul.menu li a,
#st-sidebar-right ul.menu li a {
}
#st-sidebar-left ul.menu li a:hover,
#st-sidebar-right ul.menu li a:hover,
#st-sidebar-left ul.menu li a.active,
#st-sidebar-right ul.menu li a.active {
  color: #494949;
}

#st-sidebar-left h2{font-size:100%; text-transform:none; }
 /* added by Arthur 9th Feb 2011 to flush menu items to left */
#block-menu-primary-links .inner, /*#block-menu-menu-citsee-research-project*/  #block-menu-secondary-links .inner {
	margin-left:0px;
	padding-left:0px;
	
}
#block-menu-secondary-links .inner h2.block-title { background-image:none; padding-left:0px; padding-bottom:0px; 
}

/* Added by Arthur 7th March to style secondary menu */

#block-menu-secondary-links .inner ul li {background:#d9d1dd; border-bottom:#FFF 1px solid;}

/* Footer menu
-------------------------------------------------------------- */
#st-footer ul.menu {
  margin: 0;
  padding: 20px 0 10px 0;
  float: right;
}
#st-footer ul.menu li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  background: none;
  width: auto;
}
#st-footer ul.menu li a {
  margin: 0;
  padding: 0 13px;
  border-right: 1px solid #FFF;
  line-height: 0.8;
  float: left;
  display: inline;
  background: url(../images/bullet-menu.jpg) 0 6px no-repeat;
  color: #FFFFFF;
}
#st-footer ul.menu li.last a {
  border: none;
}

/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {
}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {
}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {
}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {
}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {
}

/*  Header bottom Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.st-header-bottom-wrapper {
}

#st-header-bottom {
	/* Arthur 3rd Feb 2011 */
	background-color:#4d4d4d;
	  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
    padding: 0 3px;
	height:33px;
}

.st-header-bottom-inner {
	/* Arthur 03/03/3011 */
	padding-top:5px;

}


/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.st-main-wrapper {
}
#st-main {  
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  padding: 10px 3px 0 3px; background-image:url(../images/testback.gif); background-repeat:repeat-y;
}

/* Search Block
-------------------------------------------------------------- */
.search-box {
}

.search-box-inner {
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
}
.block-search {
  margin: 0px;
  padding:0px;
}
.block-search form {
  float: right;
}
.block-search .form-item {
  width: 206px;
  float: left;
  margin: 0px;
  padding:0px;
}
.block-search .form-item input.form-text {
  background: url(../images/search_input_bg.png) 0 0 no-repeat;
  border: none;
  padding: 5px;
 
  width: 200px;
}
.block-search .form-submit {
  background: url(../images/search_button.png) 0 0 no-repeat;
  border: none;
  float: left;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 72px;
  font-size: 100%;
  text-align: center;
  text-transform:none;
  margin:0px;
  margin-left:10px;
}
/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.st-sidebar-left {
}
.st-sidebar-right {
}


/* Content Regions
-------------------------------------------------------------- */
.content-top {
}

.content {
}

.content-inner {
}

.content-bottom {
}


/* Arthur to put country node paras on new line */

.viewfield p{ clear:both; width:350px;
}

.st-content-inner { }
body.front .st-content-content {
  padding: 0px;
}
.st-content-content {
  padding: 0 10px 10px 10px;
}
/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {
}

/*  main bottom & Footer Regions
-------------------------------------------------------------- */
.st-main-bottom {
}

.st-main-bottom-inner {
}

.st-footer-top-wrapper {
}

.st-footer-top {
  border-left: 9px solid #FFFFFF;
  border-right: 9px solid #FFFFFF;
  background: #a4a6a9 url(../images/footer-bg-bottom.jpg) center bottom no-repeat;
  padding: 0 3px;
}
.st-footer-top .block {
  margin: 0;
}
.st-footer-top-inner {
  overflow: hidden;
  background: url(../images/footer-bg-top.png) center -10px no-repeat;
  padding: 30px 0 10px 0;
  margin-bottom: 20px;
}

.st-footer-wrapper {
}

.st-footer {

}
.st-footer .block {
  margin:0px;

  background:#e9e9e9;
}

.st-footer-inner {
}
.st-footer-message-wrapper {
}

.st-footer-message {
}

.st-footer-message-inner {
}

.st-footer-message-text {
}


/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
  padding:10px;
  margin: 0;
  text-transform: uppercase;
}


/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}
div.node {
}
.inner-node {
  float: left;
  width: 100%;
}
div.box {
  float: left;
  width: 100%;
}
div.box h2 {
  padding: 0 10px;
  color: #494949;
}
div.box .content {  
  margin: 0 10px 10px 10px;
}
/* Typography for node titles */
h2.title {
}

/* Colors and styles for linked node titles */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted,
.submitted a {
  color: #494949;
  font-weight: bold;
}
#st-main .block .inner-node .content {
  padding: 0;
}
/* Links for nodes (taxonomy, commenting, read more, etc) */
.node div.links {
  margin: 10px 0;
  width: 100%;
  float: right;
  clear: both;
  font-size: 100%;
}
.terms {
  font-size: 100%;
}
.node ul.links {
  float: right;
  font-size: 100%;
}
.node ul.links li {
}
.node ul.links a {
}

/* Just more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* view page */
#edit-views-apply, #edit-views-reset,
form#views-ui-preview-form input#preview-submit {
  margin: 0;
}

/* Home page top content slideshow */
.view-blog, .view-top-content-slidedeshow
.view-content { 
background-color:#717171;
}
#view-id-top_content_slidedeshow-page_1 .views_slideshow_thumbnailhover_div_breakout_teaser:hover, #view-id-top_content_slidedeshow-page_1 .activeSlide {
	background:#989898;
}

.st-content-region .views-row {
  padding: 10px 0;
  float: left;
  width: 100%;
}
.st-content-region .views-row p {
  margin: 5px 0;
}
.st-content-region .views-row-first {
  background:#FFFFFF url(../images/feature_article_bg.jpg) repeat-x scroll left bottom;
  overflow:hidden;
  padding: 0 10px 10px;
  border-bottom: 1px solid #dbdbdb;
}
body.front .st-content-region .views-row-first {
  padding: 0;
}
.st-content-region .views-row-first .views-field-title a {
  font-size: 150%;
}
body.front .st-content-region .views-row-first .views-field-title a {
  font-size: 120%;
  margin-top: 5px;
}
.views-field-title a {
  font-weight: bold;
  color:#ffffff;
}
.views-field-view-node a {
  float: left;
  background: url(../images/bullet_read_more.png) 0 5px no-repeat;
  padding-left: 15px;
/*  color: #eb0000;*/
  font-weight: bold;
}
.field-field-main-image,
.views-field-field-embedded-video-embed,
.views-field-field-main-image-fid,
.views-field-field-image-fid,
.field-field-image {
  width:auto;
  float:left;
  margin: 3px 10px 0px 0;
}
body.front .st-content-content .views-field-field-main-image-fid {
/* margin-top:8px; padding-left:10px; */
	padding: 8px;
	margin: 0px;
}
body.front .st-content-content .views-field-title {
  /*padding-top: 30px;*/
  margin-top:8px;



}
#st-main-content .views-field-name,
#st-main-content .views-field-created,
#st-main-content .views-field-comment-count {
  color: #494949;
  font-size: 90%;
}
#st-main-content .views-field-field-introtext-value {
  padding-top: 10px;
}
.views-field-view-node {
  float: /*left; changed by Arthur to get read me link to float to the right*/ right;
  
  
}
.inner-node .field-field-embedded-video {
  padding-top: 15px;
}
/* Default block styles
/-------------------------------------------------------------- */
.block {
  margin-bottom: 10px;
}
#st-main .block .st-content-content .content {
  padding: 0px;
}
#st-main .block .inner {
  position: relative;
  background: #FFF;
  overflow: hidden;
  
 /* added by Arthur to get curly corners
 margin-left:2px; margin-right:2px;*/
}
#st-main .block .inner .block-top-left {
  background: url(../images/block_top_left_bg.png) 0 0 no-repeat; 
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;

}
#st-main .block .inner .block-top-right {
  background: url(../images/block_top_right_bg.png) right top no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
   
}
#st-main .block .inner .block-bottom-left {
  background: url(../images/block_bottom_left_bg.png) bottom left no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
 
}
#st-main .block .inner .block-bottom-right {
  background: url(../images/block_bottom_right_bg.png) bottom right no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
    border:none;
}
#st-sidebar-left-inner .block .inner  .block-top-left,
#st-sidebar-left-inner  .block .inner  .block-top-right,
#st-sidebar-left-inner  .block .inner .block-bottom-left,
#st-sidebar-left-inner  .block .inner .block-bottom-right { background:none;
}

#st-sidebar-left-inner .block .inner {border:none;
}

#st-main .block .block {
  margin: 0;
}
#st-main .block .inner .inner {
  margin: 0;
}
#st-main .block .inner .content {
  padding: 0;
}
#st-main h2.block-title {
  background: url(../images/title_block_bg.jpg) 0 0 repeat-x;
  padding: 10px 10px;
}

/* added by Arthur on 7th March to style secondary nav header */

 #block-menu-secondary-links .inner h2.block-title { background-image:none; padding-left:0px; padding-bottom:0px; 
}

h2.block-title {
  margin: 0;
  padding: 6px 0px;
  font-size: 130%;
/*  text-transform: uppercase; */
}
.more-link {
  text-align: left;
  float: left;
  width: 100%;
  border-top: 1px solid #dbdbdb;
  padding: 5px 0;
}
.more-link a {
  background: url(../images/bullet_read_more.png) no-repeat scroll 0 5px;
  color:#EB0000;
  font-weight:bold;
  padding-left: 15px;
  margin-left: 10px;
}

/* Left sidebar blocks - added by Arthur to remove curly corners on left menus blocks */
#st-main .block .inner .content .block-top-left,
#st-main .block .inner .content .block-top-right,
#st-main .block .inner .content .block-bottom-left,
#st-main .block .inner .content .block-bottom-right { background:none;}

/* Oclock block */
.block-st_oclock .content {
  padding: 10px 3px 0 0;
}
.block-st_oclock span.st_date_time {
  color: #FFFFFF;
}

/* Feature article */
body.front #st-main .block .st-content-content .view-article {
  background: #FFFFFF url(../images/feature_article_bg.jpg) left bottom repeat-x;
}

body.front #st-main .block .st-content-content .view-article .content {
  overflow: hidden;
  margin-right: 10px;
  background: url(../images/top_article_icon.jpg) right top no-repeat;
}
body.front #st-main .block .st-content-content .view-article .views-row-first {
  background: none;
}



body.front .st-content-content .views-field-title a {
color:#ffffff;
}
.view-article .views-field-field-main-image-fid {
  float: left;
  width: auto;
  margin-right: 14px;
}
.view-article .views-field-field-main-image-fid img {
  float: left;
}
.view-article .views-field-field-teaser-value {
  margin: 10px 0;
}
/* Login block */
.block-user #user-login-form {
  float: left;
  text-align: center;
}
.block-user #user-login-form .form-item {
  float: left;
  margin: 0;
  width: 100%;
  text-align: left;
}
.block-user #user-login-form .form-item input {
  width: 95%;
  padding: 2px;
}
.block-user #user-login-form .item-list {
  float: left;
  clear: left;
  margin: 5px 0;
  width: 100%;
}
.block-user #user-login-form .item-list li {
  float: left;
  list-style: none;
  width: 100%;
}
.block-user #user-login-form .item-list li a {
  color: #000000;
  float: left;
}
.block-user #user-login-form .form-submit {
  background: url(../images/login-button.png) center 0 no-repeat;
  margin-top: 7px;
  padding: 5px 30px;
  color: #000000;
  font-size: 100%;
}

/* Home block */
.st-tab-block{
  float:left;
  width: 100%;
  background:#957594;
}
.st-tab-block .views-row {
  padding: 0;
}
.st-tab-block ul.st-slideshow-nav { 
  list-style:none; 
  padding:0;
  margin:0;
  width: 150px; 

background:#957594;
  float: left;
  height:53px;
}

/* Added by Srthur to get 1st item title next to thumbnail */
#st-slideshow-country_stories-1 {
width:70px;

}
#st-slideshow-country_studies-1 {
width:70px;

}
.st-tab-block ul.st-slideshow-nav li{ 
  padding: 0;
  margin: 0;
  /*background:#957505; */
/*  background: #6a99ad;*/
 /* border-bottom:1px solid #dbdbdb;*/
  height: 53px;

}

.st-tab-block li.st-slideshow-nav-item a{ 
  text-decoration:none;
  display:block;
  padding:5px 10px;
  line-height: 1;
  color: #FFF;
}
.st-tab-block li.st-slideshow-nav-item a:hover{ 
  text-decoration:none;
}
.st-tab-block ul.st-slideshow-nav li.st-slideshow-selected { 
  /*background: #1b3a58 url(../images/home_tab_article.jpg) 0 0 repeat-x; */
}
.st-tab-block ul.st-slideshow-nav li.st-slideshow-selected a{
  text-decoration:none;
  font-weight:bold;
}
.st-tab-block .st-slideshow-row{ 
  float: left;
}
.st-tab-block .views-field-title {
  color:#FFFFFF;
}
.st-tab-block .views-field-body {
  color:#FFFFFF;
  font-size:100%;
}
.st-tab-block .views-field-field-main-image-fid {
  margin: 0;
}
.st-tab-block img {
  float:left; 
  /* arthur added as imagecache not working properly on home page*/
  
 /* width:70px; height:53px; */
}
.st-tab-block .st-slideshow-tabs-hide{ 
  display:none; 
}

ul.home_block_more_links {
  float: left;
  color: #024D76;
  margin: 10px 0 10px 25px;
}
ul.home_block_more_links li {
  /*float: left;*/
  width: 100%;
  line-height:120%;
/*list-style: disc;*/
list-style-type:disc;

list-style-position:outside;

}
ul.home_block_more_links li a  {
  font-weight: normal;
}
/* Added by Arthur to hide image in country story list items */
ul.view_field_block img { display:none;}
/* Latest news */
.latest_news ul {
  margin: 10px 0 10px 2em;
  color: #024D76;
  list-style: disc;
}
.latest_news ul li {
  margin: 0;
  padding: 0;
}
.latest_news ul .views-field-title a {
  font-weight: normal;
}
/* Adv block */
#st-main .adv_block .inner {
  background: none;
}
#st-main .adv_block .inner .block-top-left {
  background: none;
}
#st-main .adv_block .inner .block-top-right {
  background: none;
}
#st-main .adv_block .inner .block-bottom-left {
  background: none;
}
#st-main .adv_block .inner .block-bottom-right {
  background: none;
}

#st-main .adv_block .inner .content {
  padding: 0;
}
#st-main .adv_block h2.block-title {
  background: none;
  padding: 0;
  color: #000000;
  font-weight: normal;
  font-size: 90%;
  text-align: right;
}

/* Stock block */
div.market_data {
  border-top: 1px solid #dbdbdb;
}
div.market_data h3 {
  color: #494949;
  background: #eeeeee url(../images/bullet_h3_stock.png) 10px 15px no-repeat;
  border-top: 1px solid #fff;
  padding: 10px 10px 10px 25px;
  font-weight: normal;
  margin: 0;
}
div.market_data h3 a {
  color: #494949;
}
div.market_data p {
  padding: 0 10px;
}
table.stock_table tr.odd,
table.stock_table tr.odd td {
  background: #FFFFFF;
  border: none;
}
table.stock_table tr.even,
table.stock_table tr.even td {
  background: #eeeeee;
  border: none;
}
table.stock_table td {
  padding: 5px;
}
table.stock_table td.market_name {
  padding-left: 10px;
}
table.stock_table tr.up td.value,
table.stock_table tr.up td.change {
  color: #05af05;
}
table.stock_table tr.up td.change {
  background: url(../images/up_stock.png) 0 13px no-repeat;
  padding-left: 30px;
}
table.stock_table tr.down td.value,
table.stock_table tr.down td.change {
  color: #eb0000;
}

table.stock_table tr.down td.change {
  background: url(../images/down_stock.png) 0 13px no-repeat;
  padding-left: 30px;
}
table.stock_table td.market_name {
  width: 40%;
}
table.stock_table td.value,
table.stock_table td.change {
  width: 30%;
}

/* Multi media block */
.multimedia_block {
  position: relative;
}
.multimedia_block ul {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px 10px 0 0;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url(../images/mainmenu_ul_bg.jpg) 0 0 repeat-x;
}
.multimedia_block ul a {
  margin: 0;
  padding: 0 10px;
  color: #494949;
  text-transform: uppercase;
  border-right: 1px solid #494949;
  margin: 5px 0;
  line-height: 0.8;
  font-size: 90%;
}
.multimedia_block ul li.last a {
  border: none;
}
.multimedia_block .views-row {
  padding: 5px 10px;
  float: left;
}

.multimedia_block .views-field-field-embedded-video-embed,
.multimedia_block .views-field-field-main-image-fid {
  float: left;
  width: auto;
  margin: 5px 10px 0 0;
}
.multimedia_block .views-field-field-embedded-video-embed img,
.multimedia_block .views-field-field-main-image-fid img {
  float: left;
}
.multimedia_block .views-field-body p {
  margin: 0;
}

/* Footer-top block */
#st-footer-top .block .inner {
  border-right: 1px solid #dedede;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
#st-footer-top .block-first .inner {
  padding-left: 15px;
}
#st-footer-top .block-last .inner {
  border-right: none;
  padding-right: 15px;
}
#st-footer-top .block h2 {
  text-transform: uppercase;
  padding: 0 0 10px 0;
  color: #494949;
}
#st-footer-top .block ul {
  margin-left: 20px;
  color: #024D76;
}
.other_categories h3 {
  margin: 0;
}
.other_categories p {
  margin: 0 0 5px 0;
}
/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
  margin: 0;
  font-size: 100%;
}
#st-main #breadcrumbs-inner {
  border-bottom: 1px solid #dedede;
  margin: 10px;
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}


/* Drupal messages
/-------------------------------------------------------------- */
/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* Required field */
.marker,
.form-required {
  color: #aa1144;
}

/* Tab Menus   TODO: tab styles?
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left;
  margin: 0;
  padding: 20px 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: none;
  clear: both;
  float: left;
  margin: 0;
  width: 100%;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #adacac;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
#st-main .block .content-tabs-inner {
  background: none;
}
#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  margin: 0px;
  padding: 6px 10px;
  background: url(../images/button_bg.jpg) center center repeat-x;
  border: 1px solid #999999;
  -moz-border-radius-topleft: 5px;  
  -moz-border-radius-topright: 5px;
  border-radius-topleft: 5px; 
  border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  font-weight: normal;
  float:left;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.primary li a.active,
#content-tabs ul.secondary li a.active,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  color: #494949;
}

/* Pagers
-------------------------------------------------------------- */
div.item-list {
  float: left;
  width: 100%;
}

div.item-list ul.pager {
  text-align: right;
}

ul.pager li {
  text-transform: uppercase;
  border-left: 0px solid #000;
}
ul.pager li.first {
  border: none;
}
ul.pager a,
ul.pager li.pager-current {
  border: none;
}

ul.pager li.pager-current {
  color: #024d76;
  border: none;
}
ul.pager a:hover, ul.pager a:active, ul.pager a:focus {
  color: #024d76;
  border: none;
}
/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
.form-submit {
  margin-left: 10px;
 padding: 4px 10px; 
  text-transform: uppercase;
 background: url(../images/button_bg.jpg) center center repeat-x;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: normal;
}

/* Hover style for form buttons */
.form-submit:hover,
.form-submit.hover,
.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}

/* Tables
-------------------------------------------------------------- */
table {
  vertical-align: top;
}

/* Body of tables */
tbody {
  border-top: none;
}

/* Header of tables */
thead th {
  border-bottom: 1px solid #ccc;
}
th {
  border-bottom: 1px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #F7F7F7;
  border-bottom: none;
}


tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: none;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}

/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in ST Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}
.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
h2.comments-header {
  color: #494949;
}
div.comments,
div.comment {
  border-top: 1px solid #dedede;
}
li.comment_add {
  background: url(../images/post-comment-left.jpg) 0 0 no-repeat;
  float: left;
}
li.comment_add a {
  margin: 0px;
  padding: 3px 10px;
  text-transform: uppercase;
  background: url(../images/button_bg.jpg) center center repeat-x;
  border: 1px solid #999999;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  float: left;
}
/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background: none;
  border-top: none;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #adacac;
}

/* User avatars in comments */
.comment .picture {
  float: left;
  width: auto;
  padding-right: 10px;
}
.comment .picture img {
  float: left;
}

/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
}

div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
/* Styles for sub-headings on user profiles */
.profile .picture {
  float: none;
}

.profile dt {
  background-color: #ccc;
}

/* Go to top */
#st-go-to-top {
	float: left;
	width: 100%;
}
#st-go-to-top a {
  float: right;
  text-align: right;
  padding: 5px 7px 10px 20px;
  color: #494949;
  text-transform: uppercase;
  background: url(../images/go_to_top.png) 0 10px no-repeat;
}
.views_slideshow_thumbnailhover_div_breakout_teaser {
	float: right;
	clear: right;
	width: 240px;
}
.views_slideshow_thumbnailhover_main {
	float: left;

}
/*Photo reportage stylings */

#block-views-photo_reportage-block_1  .view-content {background:#c8c8c8;}

#views_slideshow_thumbnailhover_main_photo_reportage-node_content_1 {
	background-color:#d9d1dd;
	width: 758px;
	margin: 0 0 5px;
}
.view-photo-reportage .views_slideshow_thumbnailhover_div_breakout_teaser {
	float: right;
	clear: right;
	width: 350px;
	z-index:1;
/*	background-color:#d9d1dd; */
}
#views_slideshow_thumbnailhover_breakout_teasers_photo_reportage-block_1 .views_slideshow_thumbnailhover_div_breakout_teaser:hover {
	background:#e6e6e6; 
}
#views_slideshow_thumbnailhover_breakout_teasers_photo_reportage-block_1 .activeSlide {
	background:#e6e6e6; 
}

#photo-reportage-breakouts img {
	float: left;
	padding: 2px;
	padding-right:10px;
}
.photo-reportage-titles
{
	height: 78px;
	padding: auto 0;
	font-size: 110%;
	color: #333333;
}
.view-photo-reportage .item-list ul {
	margin-left: 0;
}
.view-id-photo_reportage li {display: inline;
list-style-type: none;
padding-right: 20px;
}

.view-id-photo_reportage .item-list li {
	width:148px;
	height: 149px;
	background: #C8C8C8;
	}

.view-photo-reportage .views-row a {
	color: #333333;
	font-weight: bold;
	font-size: 110%;
}

.view-photo-reportage .views-row {
	 background:#FFFFFF url(../images/feature_article_bg.jpg) repeat-x scroll left bottom;
  overflow:hidden;
  margin: 0 10px 10px;
  border-bottom: 1px solid #dbdbdb;text-align:center;
  padding: 0;
}

.view-photo-reportage .views-content-field-reportage-image-data h2 {
	color: #000000;
}
.view-photo-reportage .views-content-field-reportage-image-data {
	color: #333333;
}
.view-photo-reportage .views-content-field-reportage-image-data li {
	display: block;
	list-style-position: outside;
	list-style-type: disc;
}

.node-type-photo_reportage  .content{ width:800px;}

/* Photo reportage end pages Arthur 23rd March 2011 */
.node-type-photo_reportage .views-field-field-reportage-image-data {
	margin-left:410px;
	width:348px;
}
/*.node-type-photo_reportage .views_slideshow_main {width:800px;  background-color:green;} */
.node-type-photo_reportage .views_slideshow_slide .views-content-field-reportage-image-fid {
	float:left;
	width:400px;
}


.node-type-photo_reportage .views-slideshow-controls-bottom .views_slideshow_thumbnailhover_breakout_teasers{
/*	padding-left:8px; 
	top: 400px; 
	left: 0px;*/
	width:758px;
	clear: both;
/*	position: absolute;
	top:300px; */
}


.node-type-photo_reportage .views_slideshow_thumbnailhover_div_breakout_teaser {
	float:left;
	width: 50px;
	background: none;
	padding: 0 2px 10px 0;

}
.views_slideshow_thumbnailhover_controls a {
	font-size: 110%;
	padding: 0 5px;
	font-weight: bold;
}

.node-type-photo_reportage .views-slideshow-controls-bottom  .views_slideshow_thumbnailhover_breakout_teasers{
	/*
position: absolute; top: 800px; left: 0px; background-color:red; height:400px; width:800px; */

}

.node-type-photo_reportage {
/*height:800px;*/
}

.view-photo-reportage .jcarousel li {
	line-height: 110%;
	width:300px;
	background:#957594;

}

/*add on css to force grid view - can go in theme css*/

.gallery-images-list .item-list ul li {
  float: left;
  width: 162px;
  margin: 0 10px 10px 0;
  padding: 10px 5px 5px 5px;
  min-height: 210px; /* if you use long titles which will be displayed under pictures some pictures may 'stuck' and not go to left, try lower value and you will see what I mean */
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  list-style-type: none;
  text-align: center;
}

.gallery-images-list .item-list ul li .image-title {
  line-height: normal;
  margin: 0 auto;
  width: 150px;
}

.gallery-images-list .item-list ul li .image-thumbnail-view, .gallery-images-list .item-list ul li .image-thumbnail, .gallery-images-list .item-list ul li .image-thumbnail img {
  margin: 0 auto;
  width: 150px;
}

/* Added by Arthur to style the footer*/


#foottop {width:150px; float:right;}
#foottop #twit { width:70px;  float:left;}
#foottop #fb { float:left;  width:80px;}
#footleft p {color:#000000; padding-left:2px;}

#footcontain  {border-top: 18px solid #4d4d4d; height:80px;  padding-left:0px; background:#ffffff;}
#footleft { float:left; /*padding-left:3px; background-color: #ffffff; */}
#footright {width:500px; float:right;}
#st-footer-block-inner .inner { margin-left:-10px; margin-right:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-bottom:0px;}
/* Arthur to hide curly corners in footer*/



#st-footer #st-footer-inner #st-footer-block #st-footer-block-inner .block-top-left { background:none;}
#st-footer #st-footer-inner #st-footer-block #st-footer-block-inner .block-top-right { background:none;}
#st-footer #st-footer-inner #st-footer-block #st-footer-block-inner .block-bottom-left { background:none;}
#st-footer #st-footer-inner #st-footer-block #st-footer-block-inner .block-bottom-right { background:none;}


.views-content-title
{
	line-height: 100%;
	vertical-align: center;
}

/* Home page block fixes AC 21/03/2011 */
.st-tab-block ul.citsee-content-block { 
  list-style:none; 
  padding:0;
  margin:0;
  width: 220px; 

  background:#957594;
  float: left;
  height:53px;
}
.st-tab-block ul.citsee-study-block { 
  list-style:none; 
  padding:0;
  margin:0;
  width: 220px; 

  background:#957594;
  float: left;

}
.citsee-content-block .citsee-top-item a, .citsee-study-block .citsee-top-item a {
  text-decoration:none;
  display:block;
 /* padding:5px 10px; */
  line-height: 1;
  color: #FFF;
}
li.citsee-top-item {
	height: 53px;
	border-bottom: 1px solid #FFFFFF;
}
.citsee-top-item .views-field-title {
	margin-left: 70px;
	padding: 5px;
/* float: left; */
}
.field-type-viewfield ul.citsee-content-block {
	width: 100%;
}
.field-field-author {
	font-size: 120%;
	font-weight: bold;
}

/* Phto reportage home page styles Arthur 21st March */
#block-views-photo_reportage-block_1 .views_slideshow_thumbnailhover_main {

}

/* Country list styles added by Alex */
.st-content-region .view-countries .views-row-first {
  background: none;
  padding: 10px 0;
  float: left;
  width: 100%;
}
.view-countries .views-row-first .views-field-title a, .view-countries .views-row .views-field-title a {
	font-size: 120%;
}
.view-countries .views-row {
	  border-bottom: 1px solid #dbdbdb;
}
.view-countries .views-row-last {
	  border-bottom: none;
}
#block-country_blocks-country-block-front #canvas {
	width: 298px;
	height: 290px;
   background-image: url(../images/country_map/homepagemap.jpg);
   background-position:right top;
   background-repeat:no-repeat;
}
#block-country_blocks-country-block-profile #canvas {
	width: 385px;
	height: 377px;
   background-image: url(../images/country_map/countrymap_inside.jpg);
   background-position:right top;
   background-repeat:no-repeat;
}
.view-footer hr {
	clear: both;
}
.field-type-viewfield ul.home_block_more_links {
	width: 312px;
}

/* RSS feed */

.view .feed-icon {float:right;}

/* padding on node images */

#st-content-content .node p img { padding:10px;}

#st-content-content .node p img.imgleft { padding-left:0px;}

.jcarousel-skin-default .jcarousel-container-vertical  {

  width: 300px;
}
/* photorep title to the right */

 .jcarousel-item .views-field-title {float:left; width:135px;}
.jcarousel-item .views-field-title span.field-content a{ color:#FFF;
}


 

.jcarousel-skin-default .jcarousel-container-vertical { width:300px; padding-left:0px; height:342px;
}

.jcarousel-skin-default {
  text-align: left;
} 

.jcarousel-item
.views-field-field-reportage-image-fid {width:160px; float:left;}

.jcarousel-skin-default .jcarousel-item {height:113px;}
/*ul.jcarousel {background:
#957594;}*/


.jcarousel-skin-default .jcarousel-item-vertical {margin:0;}

.jcarousel-skin-default .jcarousel-next-vertical {left:120px;}



.jcarousel-skin-default .jcarousel-prev-vertical {left:120px;}


/*.jcarousel-skin-default .jcarousel-container-vertical {height:458px;}*/


.jcarousel-skin-default .jcarousel-clip-vertical {height:342px; overflow:hidden; top:0;}

/* Videocarousel */

.jcarousel-skin-tango {height:auto;}

.jcarousel-skin-tango .jcarousel-container {
	 background: none repeat scroll 0 0 #fff;
    border: none;
    border-radius: 0;
    margin: auto;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {   
	height: 102px;
	width:215px;
    padding: 10px 40px 40px 40px;}
	
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    overflow: hidden;
    width: 244px;
	margin-left: -14px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background-position: 0 0;
    left: -14px;
    position: absolute;
    top: 55px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal
{ right: 0px;
    top: 55px;
    background-position: 14px -32px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -18px -32px;
}

.jcarousel-skin-tango .jcarousel-item .views-field-title {float:left; width:120px; height:auto; text-align: center;}

.jcarousel-skin-tango .jcarousel-item {
    background: none repeat scroll 0 0 #957594;
    border: 1px solid #CCCCCC;
    height: 140px;
    list-sty1le: none outside none;
    overflow: hidden;
    padding: 0;
    width: 120px !important;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin: 0 0;	
}

.jcarousel-item .jcarousel-item-horizontal li {width: 50px;}

/* VIDEO INSIDE */

.views-field-field-citsee-vid-embed p {float:left;}

.st-float-imagefield-left .views-row {
    clear: left;
    padding: 0px 10px;
}

.view-video-slideshow .views-field-body {
    margin-left: 435px;
    width: 300px;
}

#block-views-video_slideshow-block_1 .view-video-slideshow .views-field-title {
    margin-left: 435px;
    width: 300px;
}

.st-content-top .view-video-slideshow .views-field-field-citsee-vid-embed {
    float: left;
    width: 400px;
	margin-bottom: 20px;
}

a.emvideo-modal-colorbox-load img {
	width: 429px; 
	height:357px;
}

.emvideo-thumbnail-replacement span {
    left: 166px;
    top: 125px;
}
#block-views-video_slideshow-block_1 { float:left;}

.node-type-videoslideshow #st-content-region {display: none;}

.logged-in #st-content-region {display:block;}