/* common structure styles */
body {
    color:rgb(51,51,51);
    font-family:Helvetica, sans-serif;
    font-size:small;
    padding-bottom:2em;
}
#dropDownMenu, .portlet, .teaserPage #top-level-content, .teaserPage #footer-body {
    /* transparent means it isn't picked up by IE and so filters work there - see main.ie8.css */
    background-color:White transparent;
    background-color:rgba(255,255,255,0.85);
}
/* page structure */
#site {
    width: 976px;
    margin:0 auto;
    position:relative;
}
.contentPage #header {
    padding-bottom:2em;
}
#page {
    float:left;
    width:550px;    
}
#sidebar {
    float:right;
    width:256px;
}
#sidebar-border {
    margin-right:1em;
}
#sidebar .portlet {
    margin-bottom:1em;
}
#portal-logo-holder {
    float:left;
    width:404px;
}
#portal-searchbox {
    float:right;
    font-size:medium;
    padding:0.5em;
}
#portal-searchbox form {
    margin:0;
    padding:0;
}
#portal-searchbox .LSBox {
    background-color:White;
    border:1px inset;
}
#searchGadget {
    border:0 none;
    margin:0;
    width:12em;
}
#portal-searchbox button {
    background-color:transparent;
    border:0 none;
    margin:0;
    padding:0;
}
#portal-breadcrumbs {
    float:left;
    font-weight:bold;
    margin-top:1em;
    width:370px;
}
#portal-breadcrumbs, #portal-breadcrumbs a, #portal-breadcrumbs a:visited {
    color:rgb(0,158,224);
}
#breadcrumbs-you-are-here {
    display:none;
}
#section-header {
    float:left;
    margin:0.5em 0;
    width:500px;
}
#section-header h1 {
    font-size:xx-large;
}
#section-header h1 {
    margin:0;
}
#content {
    margin:0 0 1em 1.5em;
    font-size:medium;
}
div#site.teaserPage {
    height:678px;
}
.teaserPage #portal-logo, .teaserPage #portal-searchbox, .teaserPage #portal-breadcrumbs , .teaserPage #section-header {
    position:relative;
    z-index:1;
}
.teaserPage #page {
    position:relative;
    width:375px;
    z-index:1;
}
.teaserPage #footer {
    bottom:0;
    left:0;
    position: absolute;
    width:100%;
    z-index:1;
}
.teaserPage .introduction, #dropDownMenuHolder {
    margin-left:13px;
}
.teaserPage .introduction {
    color:White;
    font-size:medium;
    font-weight:bold;
}
/* Drop down menu */
#dropDownMenuHolder {
    position:absolute;
    top:115px;
    padding-top:10px;
    width:100%;
}
#dropDownMenuOpener, #dropDownMenuOpener:visited {
	background-color:rgb(0,157,224);
    background-repeat:no-repeat;
    background-image:url("../images/logo_sprite.gif");
    background-position:right -60px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
    color:White;
    cursor:pointer;
    display:block;
    float:left;
    font-size:large;
    padding:0 38px 0 8px;
    text-decoration:none;
}
#dropDownMenuOpener span {
    line-height:1.5;
}
#dropDownMenuCloser {
    background-repeat:no-repeat;
    background-image:url("../images/close.png");
    cursor:pointer;
    height:16px;
    margin:2px 2px 0 0;
    padding:0;
    position:absolute;
    right:0;
    top:0;
    width:16px;
    z-index: 9999;
}
#dropDownMenu {
    border:1px rgb(178,178,178) solid;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    bottom:32px;
    display:none;
    font-size:small;    
    margin:0;
    overflow:hidden;
    position:absolute;
    right:0;
    width:100%;
    z-index:999;
}
#dropDownMenu.xsmall {
    font-size:x-small;
}
#dropDownMenu ul {
    list-style-type:none;
    margin:0;
    padding:1.75em 0.25em 0 0.25em;
    z-index:999;
}
#dropDownMenu ul ul {
    float:left;
    padding:0 0 1.25em 0;
}
#dropDownMenu.cols2 ul ul {
    width:49%;
}
#dropDownMenu.cols3 ul ul {
    width:32%;
}
#dropDownMenu li {
    margin:0;
    padding:0;
}
#dropDownMenu ul a, #dropDownMenu ul .not-available {
    display:block;
    line-height:1;
    overflow:hidden;
    padding:0.2em 0.5em;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
}
#dropDownMenu ul a, #dropDownMenu ul a:visited {
    color:rgb(0,158,224);
    font-weight:bold;
    text-decoration:none;
}
#dropDownMenu ul a:hover {
    background-color:rgb(0,158,224);
    color:White;
}
#dropDownMenu ul .not-available {
    color:rgb(136,136,136);
    cursor:default;
}
#teasers {
    left:13px;
    position:absolute;
    top:165px;
}
#teasers .portletTeaser {
    display:none;
    height:255px;
    overflow:hidden;
    width:375px;
}
#teasers #background-teaser.portletTeaser {
    display:block;
}
/** Generic portlet styling */
.portlet {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin:0 0 0 0;    
    padding:0 0 0 0;
}
.portletHeader {
    background-image:url("../images/teaser-header.png");
    background-position:left top;
    background-repeat:repeat-x;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
    color:White;
    font-size:large;
    font-weight:bold;
    margin:0;
    padding:0 0 0 10px;
    position:relative;
}
.portlet dd {
    font-size:small;
    margin:10px;
    padding:0;
}
.portlet dd h1, .portlet dd h2, .portlet dd h3, .portlet dd h4, .portlet dd h5, .portlet dd h6 {
    margin:0 0 0.5em 0;
} 
.portlet dd.lastItem {
    padding-bottom:0.5em;
}
.portlet  dd p {
    margin:0 0 0.5em 0;
}
#sidebar .portlet dd {
	clear:both;
}
/** Teaser portlet */
.teaserTitle {
    display:table-cell;
    height:50px;    
    vertical-align:middle;
}
.teaserTitle.long {
    font-size:medium;    
}
.teaser-country {
    position:relative;
}
.teaser-country.not-available .portletHeader {
    background-image:none;
    background-color:rgb(198,198,198);
}
.teaser-country.not-available .portletItem {
    background-image:url("../images/not-available-country.jpeg");
    background-position:right top;
    background-repeat:no-repeat;    
    padding-right:150px;
}
.teaser-link.external-link .portletTopRight {
    background-image:url("../images/external-link-large.png");
    background-position:right top;
    background-repeat:no-repeat;    
    display:block;
    height:18px;
    padding-left:70px;
    position:absolute;
    right:10px;
    top:11px;
}
.teaser-video_page .portletTopRight {
    background-image:url("../images/video-camera-40x40.png");
    background-position:right top;
    background-repeat:no-repeat;    
    display:block;
    height:40px;
    padding-left:70px;
    position:absolute;
    right:10px;
    top:5px;
}

.portletTeaser .portletItem {
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}
.portletTeaser img.teaser-image {
    float:right;    
    margin:0 0 10px 10px;
}
#teasers .portletTeaser .portletItem {
    height:186px;
    overflow:hidden;
}
/* External links */
.domain-schools-wikipedia_org .portletHeader {
    background-color:white;
    background-image:url("../images/wikipedia-w.png");
    background-position:5px 6px;
    background-repeat:no-repeat;
    border-color:#526A8A;
    border-style:none none solid none;
    border-width:0 0 3px 0;
    color:#526A8A;
    font-family:sans-serif;
    font-size:medium;
    padding-left:40px;
}
.domain-www_soschildrensvillages_org_uk .portletHeader, 
        .domain-www_soschildren_org .portletHeader {
    background-color:white;
    background-image:url("../images/sos-children-logo-small.png");
    background-position:8px 8px;
    background-repeat:no-repeat;
    border-color:#009DE0;
    border-style:none none solid none;
    border-width:0 0 3px 0;
    color:#EC7404;
    font-family:Arial,sans-serif;
    font-size:medium;
    padding-left:40px;    
}
/** Folder navigation portlet */
.portletFolderNavigation ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.portletFolderNavigation li {
    list-style-type:none;
    margin:0.5em 0;
    padding:0;
}
.portletFolderNavigation a {
    font-weight:bold;
    text-decoration:none;
}
.portletFolderNavigation a:hover {
    text-decoration:underline;
}
.portletFolderNavigation a, .portletFolderNavigation a:visited {
    color:rgb(0,158,224);
}

/*
* Center area
*/
.centerContent {    
    float: left;
    margin-left: 2px;
    /*height: 1000px;*/
    position: relative;
    top: 0px;
    width:570px;
    left:-5px;
}


#background {   
    left:0;
    position: absolute;    
    top:0;
    z-index:-1;
}
.teaserPage #background {
    z-index:0;
}
/** Listings */
.tileHeadline {
    margin:1em 0 0.25em 0;	
}
.tileBody {
    margin:0;	
}
.tileFooter {
    margin:0.25em 0 1em 0;	
}
.template-search #searchform input {
    font-size:medium;	
}
.template-search .searchResults {
    padding:0;
    margin:1.5em 0;   	
}
.template-search .searchResults dt, .template-folder_listing #content dt {
	font-size:medium;
    padding:0;
    margin:0.5em 0 0 0;   
}
.template-search .searchResults dd, .template-folder_listing #content dd {
    padding:0;
    margin:0.2em 0 0 0;	
}
.template-folder_listing #content .documentByLine {
    color:rgb(136,136,136);
    font-size:smaller;     	
}
/** Footer */
#top-level-content {
    clear:both;
    margin:0 0 1em 0;
    overflow: hidden; /* Envelop floating items within */
}
.contentPage #top-level-content {
    background-color:rgb(253,230,207);
}
ul#top-level-content {
    list-style-type:none;
    padding:0 13px;
}
#top-level-content li {
    float:left;
    margin:0;
    padding:0.5em 0;
    white-space:nowrap;
}
#top-level-content  li a, #top-level-content  li a:visited {	
    color:rgb(236,116,4);
    font-size:small;
    font-weight:bold;
    text-decoration:none;
}
#top-level-content  li a {
    border-right:1px solid White;
	padding:0.5em;
}
#top-level-content li:first-child a {
    border-left:1px solid White;
}		
#top-level-content  li a:hover {
    text-decoration:underline;
}
#footer-body, #footer-body a, #footer-body a:visited {
    color:rgb(0,158,224);
}
#footer-logo {
    border:0 none;
    float:left;
    margin:0 0.5em 0 0;
    padding:0;
}
#footer-text {
    float:left; 
    font-size:small;
    width:50%;
}
#footer-text p {
    margin:0;
    padding:0.5em 0;
}

#socialcomments {
    float:right;
    padding:0.5em 0;
    text-align:right;
    width:20%;
}
#socialcomments form {
    padding:0;
    margin:0;
    display:inline;
}
#socialcomments button {
    background-color:transparent;
    border:none 0;
    color:inherit;
    cursor:pointer;
    margin:0 0.2em;
    padding:0;
    text-align:center;
    text-transform:none;
}
#socialcomments button img {
    position:static;
    vertical-align:middle;
}
#socialcomments button {
    overflow:visible;
}
/** Standard HTML styling */
h1.documentFirstHeading  {    
    margin-top:0;
}
.captioned dt {
	/* Prevents extra bottom padding on Firefox 4 */
	line-height:0;
    margin:0;
    padding:0;
}
.captioned dd {
    font-size:small;
    margin:0.5em 0 0 0;
    padding:0;
    text-align:right;
}
h1, h2, h3, h4, h5, h6, th, caption {
    color:rgb(236,116,4);
}
h1 {
    font-size:x-large;
}
h2 {
    font-size:large;
}
h3 {
    font-size:medium;
}
h4 {
    font-size:medium;
    font-weight:normal;   
}
blockquote.pullquote, div.pullout {
    padding:1em 0;
    width:300px;
}
blockquote.pullquote {
    border-bottom:1px solid Black;
    border-top:1px solid Black;
    font-size:medium;
    font-style:italic;
    text-align:center;
}
blockquote.pullquote:before {
    content:"\00201C";
}
blockquote.pullquote:after {
    content:"\00201D";
}
div.pullout h2 {
	border-color:color:rgb(136,136,136);
	border-style:solid none;
	border-width:1px 0;
	font-size:medium;
	margin:0 0 0.5em 0;
	padding:0.5em 0;
}
div.pullout h3 {
    font-size:small;	
}
li {
    margin:1em 0;
}
ul.inline-list {
    clear:both;
    line-height:1.4;
    list-style-image:none;
    list-style-type:none;
    margin:0 -150px 0 0;
    padding:0;
    text-align:center;    
}
ul.inline-list li {
    display: inline;
    margin:1em 0.5em;
    padding:0;
}
a {
    color:rgb(0,158,224);	
}
a:visited {
    color:rgb(92,197,237);   
}
img {
    border:0 none;
}
.image-right, blockquote.pullquote, div.pullout {
    clear:right;
    float:right;
    margin:1em -150px 1em 2em;
    padding:0;
}
div.pullout .image-right {
    margin-right:0;	
}
.image-left {
    clear:left;
    float:left;
    margin:1em 2em 1em 0;
    padding:0;	
}
/** Some standard plone stuff */
.visualClear {
    clear:both;
}
#content .visualHighlight {
    background-color:rgb(253,230,207);
}
.hiddenStructure {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    height: 0.1em;
    margin: -0.1em 0 0 -0.1em;
    overflow: hidden;
    padding: 0;
    width: 1px;
}
.discreet {
	color:rgb(136,136,136);
    font-size:smaller;
    font-weight:normal;	
}
.callout {
    background-color:rgb(253,230,207);
    padding:1em;
    border-left:1em solid rgb(241,146,62);
    clear:both;
}
a.external-link span, #content a.external-link {
    background-image:url("http://www.our-africa.org/%2B%2Btheme%2B%2Bsoschildren.ourafrica/images/external-link.png");
    background-position:center Left; 
    background-repeat:no-repeat;
    padding-left:14px;	
}
a.link-video_page span, dt.contenttype-video_page a {
    background-image:url("http://www.our-africa.org/%2B%2Btheme%2B%2Bsoschildren.ourafrica/images/play_small.png");
    background-position:center left; 
    background-repeat:no-repeat;
    padding-left:14px;
}
/* various table styles, original copied from Plone */
caption {
    margin:0.5em 0;	
}
table.listing,
table.plain {
    border-spacing: 0;
    border-collapse: collapse;
}

table.invisible td,
table.invisible th,
table.plain td,
table.plain th,
table.listing td,
table.listing th {
    padding: 0.5em 1em;
    vertical-align: top;
}
table.plain th,
table.plain td {
    border: 1px solid #ddd;
}

table.listing td.listingCheckbox,
table.listing th.listingCheckbox {
    text-align: center;
}
table.listing .top {
    border-left:1px solid rgb(136,136,136);
    border-top:1px solid rgb(136,136,136);
    border-right:1px solid rgb(136,136,136);
}
table.listing th {
    text-align:left;
    border:0.1em solid White;
    border-style:solid solid none;
    background-color:rgb(253,230,207);
}
table.listing tr.odd th {
    border:0.1em solid rgb(136,136,136);
    border-style:solid solid none none;
}
table.listing tbody th {
    font-weight:bold;
}
table.listing tbody tr {
    text-align:left;
}
table.listing tbody tr.even, table.listing tbody tr:nth-child(even) {
    background-color:rgb(253,230,207);
}
table.listing tbody tr td {
    background:transparent;
}
table.listing tbody tr.even td, table.listing tbody tr:nth-child(even) td {
    background-color:rgb(253,230,207);
}
table.listing td {
    border-right: 1px solid White;
}
table.listing a {
    border: none;
    display: inline-block;
    border-bottom: none !important;
}
/* Vertical table data listings */
table.vertical th {
    text-align: right;
}
table.vertical td {
    border-top: 0.1em solid #e7e7e7;
    padding: 0.5em;
}
/* Grid table listings */
table.grid td,
table.grid th {
    border: 1px solid #e7e7e7;
    padding: 0.5em;
}
/** 
 *  Editor 
 *  Should move the following styles to a separate css registered in portal_css
 **/
body.mceContentBody {
    width: 550px;
}
.mceContentBody a.videoPlayer {
    background-color:silver;
    background-image:url("../../--resource--soschildren.models_icons/video-64x64.png");
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    font-size:x-large;
    font-weight:bold;
    height:180px;
    width:320px;
}