/* CSS Document */

/* Author Ashoor Namrood, Syrox */

#menu {
	float: left; position: fixed;
}

*html #menu {
	position: absolute;
	left: expression( ( 19 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 100 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
}

*html #footer {
	position: absolute;
	left: 0px;
	bottom: 0px; 
}

*html #header {
	position: absolute;
	left: expression( ( 19 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( (  0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); 
}

#list1 .title { font-weight:bold; }
#list1, #list2 { width:264px; }
.title, .mytitle, .mytitle_inactive, #active_office label { cursor:pointer;  }
.on .mytitle { color:#86bb1d; font-weight:bold; font-size:22px; }
.off .mytitle { color:#8e8e8e; font-weight:bold; font-size:22px; }
.on .mytitle a { color:#86bb1d; font-weight:bold; font-size:22px; }
.off .mytitle a { color:#8e8e8e; font-weight:bold; font-size:22px; }
.off .mytitle a:hover { color:#86bb1d; }
#log { position:absolute; top:0px; right:1px; text-align:right; }


.mycontent ul { margin:5px 0px 20px 0px; padding:0px 0px 0px 22px; }

.mycontent ul li { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:14px; font-weight:bold; color:#8e8e8e; }

.mycontent ul li.by-special-arrangement { margin:30px 0px 5px 0px;  }

.mycontent ul li a { font-size:14px; font-weight:bold; color:#8e8e8e;  }

.mycontent ul li a:hover { color:#86bb1d; }

.mycontent ul li a.selected { color:#86bb1d; }

.off#single .mytitle:hover{ color:#86bb1d; font-weight:bold; font-size:22px; }    

.off#country .mytitle { color:#86bb1d; font-weight:bold; font-size:22px; }
.off#country .mytitle #changeOffice{ color:#8e8e8e; font-weight:bold; font-size:12px; }
.off#country .mytitle #backtoOffice{ color:#8e8e8e; font-weight:bold; font-size:12px; }

.off#office .mytitle:hover{ color:#86bb1d; font-weight:bold; font-size:22px; }    
.off#office .mytitle { color:#8e8e8e; font-weight:bold; font-size:22px; }

.off#office .mytitle:hover a { color:#86bb1d; font-weight:bold; font-size:22px; }    
.off#office .mytitle a { color:#8e8e8e; font-weight:bold; font-size:22px; }

#oher_offices .mytitle_inactive:hover{ color:#86bb1d; font-weight:bold; font-size:22px; }    
#oher_offices .mytitle_inactive { color:#8e8e8e; font-weight:bold; font-size:22px; }

#oher_offices .mytitle_inactive:hover a { color:#86bb1d; font-weight:bold; font-size:22px; }    
#oher_offices .mytitle_inactive a { color:#8e8e8e; font-weight:bold; font-size:22px; }




/* 090716-Orchard-Newsletter02 */

.newsletter-container {
	width:auto; height:auto;
}

.newsletter-container p {
	margin-bottom:17px;
}

.newsletter-container .individual-container {
	width:100%; height:auto; margin:0px 0px 14px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #8e8e8e; float:left;
}

.newsletter-container .individual-container-noflash {
	width:100%; height:auto; margin:0px 0px 14px 0px; padding:0px 0px 10px 0px; border-bottom:1px solid #8e8e8e; float:left;
}

.newsletter-container .individual-container .flashcontainer {
	width:auto; height:auto; /*background-color:#003366;*/ margin:0px 0px 0px 0px; 
}

.individual-container h1 {
	color:#8e8e8e; font-size:20px; margin:0px 7px 7px 0px;
}

.individual-container h2 {
	color:#86bb1d; font-size:20px; margin:0px 7px 7px 0px;
}

.individual-container h3 {
	color:#8e8e8e; font-size:18px; margin:0px 7px 7px 0px;
}

.individual-container p {
	color:#8e8e8e; font-size:16px; margin:0px 0px 12px 0px;
}

.individual-container p a.flashlink {
	color:#8e8e8e; text-decoration:underline;
}

.individual-container p a.flashlink:hover {
	text-decoration:none;
}

.individual-container ul {
	margin:0px 0px 0px 5px; padding:0px 0px 0px 5px;
}

.individual-container li {
	margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; color:#999999; list-style-type:square;
}

.highlight {
    font-weight:bold; color:#86bb1d;
}

.bold {
    font-weight:bold;
}

.Highlight {
    font-weight:bold; color:#86bb1d;
}

.Bold {
    font-weight:bold;
}



/* 090716-Orchard-Newsletter02 */




/* 090716-Orchard-Newsletter02 */

.orchard-video-container {
	width:1260px; height:auto;
}

.orchard-video-container .orchard-video-panel {
	width:400px; height:300px; float:left; position:relative; background-color:#003366; display:block; margin:0px 20px 20px 0px;
}

.by-special-arrangement
{
     font-size:14px; font-weight:bold;  color:#8e8e8e;
    
 }



/* news page */

ul.items-scroll
{
     text-align:right; float:left; margin:0px 20px 0px 0px; padding:0px;
}

ul.items-scroll li
{
     text-align:right; float:left; margin:0px; padding:0px; list-style-type:none;
}

ul.items-scroll li a
{
    color:#8e8e8e; font-size:12px; margin:0px 10px 0px 0px; float:left;
}

ul.items-scroll li a:hover
{
    color:#86bb1d;
}





.contact-container {
	width:auto; height:auto;
}

.contact-container .person-container {
	float:left; width:33%; min-height:100px; height:auto !important; height:100px; margin-bottom:10px;
}

.contact-container .person-container img.person {
	float:left; margin:0px 15px 0px 0px; width:33%;
}

.contact-container h1 {
	font-size:20px; color:#8e8e8e; 
}

.contact-container h1 span {
	font-size:16px; color:#8e8e8e;
}

.contact-container a {
	font-size:12px; color:#8e8e8e;
}

.contact-container p {
	margin-top:17px;
}


.about-container {
	width:auto; height:auto; margin-bottom:17px;
}



/* VIDEO */

	
.videoDiv {
    border:3px solid #ffffff; position:relative; width:404px; height:224px;
}

.itemDiv {
    /*background-color:#CCCCCC; padding:5px;*/ float:left; position:relative;  width:418px; margin:0px 10px 10px 0px;
}

.itemDiv p {
    font-size:14px;
}

.itemDiv-selected {
    background-color:#CCCCCC;  background:url(../../Images/admin-backgrounds/pattern.gif) #0099ff; padding:5px;
}

.tooltipDiv {
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; position:absolute; left:0px; bottom:0px; height:auto; width:auto; background-color:#ffffff; padding:0px;
}

.tooltipDiv p {
	padding:5px; color:#99cc33; margin:0px
}




ul.socialnetlist { width:auto; margin:0px 7px 0px 0px; float:left; padding:0px; }

#menu ul.socialnetlist { width:auto; padding-top:20px; }

ul.socialnetlist li { float:left; padding:0px 7px 0px 0px; margin:0px; list-style-type:none; }

ul.socialnetlist li a { width:auto; padding:0px; margin:0px; }

ul.socialnetlist li a:hover { background:none; }



.share-this {
    width:200px; height:15px; float:left;
}

.share-this p {
    width:65px !important; font-size:10px !important; height:15px; line-height:15px; float:left; text-align:right; text-transform:uppercase;
}

.share-this .addthis_toolbox {
    width:135px; height:15px; float:right;
}

.addthis_toolbox .custom_images a {
	display:block; float:left; height:15px; margin:0px 0px 0px 5px; padding:0px; width:15px;
}


/* Error page*/
@font-face {
    font-family: 'lubalin_graph_gi_bookregular';
    src: url('fonts/LubalinGraphGI-Bk-webfont.eot');
    src: url('fonts/LubalinGraphGI-Bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LubalinGraphGI-Bk-webfont.woff2') format('woff2'),
         url('fonts/LubalinGraphGI-Bk-webfont.woff') format('woff'),
         url('fonts/LubalinGraphGI-Bk-webfont.ttf') format('truetype'),
         url('fonts/LubalinGraphGI-Bk-webfont.svg#lubalin_graph_gi_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lubalin_graph_gi_mediumRg';
    src: url('fonts/LubalinGraphGI-Md-webfont.eot');
    src: url('fonts/LubalinGraphGI-Md-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LubalinGraphGI-Md-webfont.woff2') format('woff2'),
         url('fonts/LubalinGraphGI-Md-webfont.woff') format('woff'),
         url('fonts/LubalinGraphGI-Md-webfont.ttf') format('truetype'),
         url('fonts/LubalinGraphGI-Md-webfont.svg#lubalin_graph_gi_mediumRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

.errorpage-wrapper {
    max-width: 1024px;
    margin: 0 auto;
}



.errorpage-wrapper:after,
.errorpage-wrapper:before {
    content: " ";
    display: table;
}

.errorpage-wrapper:after {
    clear: both;
}

.header {
    width: 100%;
    text-align: center;
    margin-top: 55px;
}

.error-page p {
    font-family: 'lubalin_graph_gi_mediumRg';
    font-size: 16px;
    line-height: 25px;
}

header.errorpage-wrapper p {
    width: 96%;
}

.error-col-right,
.error-col-left {
    float: left;
    width: 48%;
    margin-top: 35px;
}

.error-col-right img:first-child,
.error-col-left header img:last-child {
    max-width: 123px;
    width: 100%;
}

.error-col-right > img,
.error-col-left > img {
    max-width: 464px;
    width: 100%;
}

.error-col-left {
    margin-right: 4%;
}

.logo-top,
.logo-bottom {
    font-size: 22px;
}

.logo-bottom {
    font-family: 'lubalin_graph_gi_mediumRg';
    font-weight: bold;
}

.logo-top {
    font-family: 'lubalin_graph_gi_mediumRg';
}

.error-col-left a {
    color: #5e8324;
}


.error-col-right a {
    color: #00b0cc;
}

.error-col-left a:hover,
.error-col-right a:hover {
    opacity: 0.7;
}

@media all and (max-width: 768px) {
    

    body.error-page {
        padding: 0 10px;
    }
    .error-col-right,
    .error-col-left {
        width: 100%;
    }

    .error-col-right > img,
    .error-col-left > img {
        width: 100%;
        max-width: 100%;
    }
    
}