/* global reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%; 
	 font-weight: normal !important;
	font: inherit;
	vertical-align: baseline;
	color: #26485F;
	font-size:13px;	
	font-family:"Elementar Sans A Std 13 11 3", Arial, Helvetica, sans-serif

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
} 
body {
	/* background: url("Edit_ServicesFAQ.jpg") repeat scroll -152px 0 transparent;*/
	background-color:#fff !important;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* common rules*/

b{ font-weight:bold}
.square{ /*font-size:16px;*/ margin-left:-4px;color: #FFD51E;}
.squareB{ /*font-size:16px;*/ margin-left:-4px; color: #FFD51E; display:block; margin-bottom:-3px; margin-top:13px}
.right{ float:right}
.left{ float:left}
.clear{ clear:both}
a{text-decoration:none}
a:hover,.semi_red,.pdf_file:hover,.blue:hover{color:#F35848 }
.blue{color:#3399cc}

.active,.red,.active:hover{color:#EF3025 ; font-size:inherit !important}
h1{line-height:16px;padding-bottom:21px; }
p{ padding-bottom:19px; line-height:19px;}
h1.active{ text-decoration:underline;}
#wrapper{ width:648px; margin:0 auto;/*opacity: 0.5;*/}
.back_link{ float:left}
.next_link{ float:right; margin-right:1px}
/* header*/
#header{ height:378px;}
#header>div{ position:relative}
#langSelect{ position:absolute; bottom:10px; right:50px }
#langSelect li{ float:left; margin-left:8px;}
.lang_c{ margin-left:4px;}
.lang_e{ margin-left:2px;}
a[href$=".pdf"],a[href$=".xls"]{
width:37px; 
height:11px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
background:url(files.gif) no-repeat top left}
a[href$=".pdf"]:hover{ background-position:top right}
a[href$=".xls"]{ background-position:bottom left}
a[href$=".xls"]:hover{ background-position:bottom  right}
/* main image*/
#mainBanner,#vid1,.googleMaps,#player{border:1px solid #403E3F }
object{ margin:0 0px}
/*
each page has own class
.homePage
.homeHotspotPage
.aboutPage
.aboutReferencesPage
.aboutChallengesPage
.aboutHistoryPage
.contactPage
.servicesPage
.servicesFaqPage
.servicesOpenPage
.servicesOutPage
.resourcesPage 
.resourcesGalleryPage
.resourcesDownloadPage
.resourcesToolsPage
.newsPage
.newsBlogPage
.servicesRiskgramPage
.stayInTouchPage
.404Page

to change border on some page use call element thrue this class, for example:
.aboutPage #mainBanner,#vid1,.googleMaps{border-color:#f0f}
*/



/* main menu*/
#mainMenu li{float:left;}
#mainMenu li a{
	border-left: 1px solid #294761;
	display:block;
    height: 16px;
    line-height: 22px;
    padding-left: 10px;
	width:96px}
#mainMenu #menu_item1{ border:none; padding-left:11px; width:101px}
#mainMenu #menu_item6{ width:97px}


/*content and sidebar */
#base{ clear:both; margin-bottom:34px; height:342px;}
#base .leftSidebar{ float:left; width:102px; padding-left:10px}
#base .leftSidebar li{ line-height: 18px; margin-bottom: 3px;}
#base .mainContent{ float:left;  width:486px; margin-top:-1px;}
/*#base .mainContent a{ color:#007eb3;}*/
#base .mainContent a:hover{/* text-decoration:underline*/}
#base .mainContent>a.semi_red  {line-height: 19px;}

/*footer */
#footer{clear:both;padding-left:10px;padding-bottom:30px;}
#footer>a{ margin-right:55px;}
#footer a>span{ color:#e02a02}
/* contactPage*/
.contactPage .leftSidebar li>span.red{ width:16px; display:block; float:left}
.contactPage .leftSidebar li{ line-height: 16px; margin-bottom: 3px;}
.contactHeader{ text-decoration:underline; float:left; padding-bottom:0px; line-height:14px;}
.googleMaps{ margin-top:9px; float:left; margin-left:75px;}
.contactInfo{clear: both;
    margin-left: 75px;
    padding-top: 4px; padding-bottom:22px; padding-right:8px;}
.footer_links{ margin-right: 52px;float: right; margin-top:-2px;} 
.footer_links>span{ font-size:19px; line-height:12px;}
.contactPage .leftSidebar ul{ width:120px;}


/*stayInTouchPage */
.stayInTouchPage button{clear: both; float:right; margin-right:8px; width:68px; height:23px;
    display: block; font-family:"Elementar Sans A Std 13 11 3"}
.stayInTouchPage label,.stayInTouchPage input,.stayInTouchPage select,.stayInTouchPage textarea{margin-bottom:5px; float:left;  display: block;
    line-height: 17px;
    width: 264px;}
.stayInTouchPage label{ width:214px;}
.stayInTouchPage textarea{ height:102px; margin-top:0px;}
.stayInTouchPage select{ width:270px; height:22px;}
.stayInTouchPage form{}
.stayInTouchPage p{ line-height:20px; padding-bottom:9px; }
.stayInTouchPage b{padding-bottom:5px; display:block }

/*  gallery overwrite*/
#thumbs_load,#galleries_menu .nonum small,#msc_container #top_menu,#msc_container #gallery_data,#msc_container #msc_foot,#thumbs_cont ul li p,.th_load_div{ display:none !important}
.thumb_img,#thumbs_cont ul li a div>div{ width:auto !important; height:auto !important}

#thumbs_cont ul li>a>div{ }
#thumbs_cont ul li{ float:left; margin-left: 12.5px;margin-right: 12px;border:1px solid #3399cc; padding:1px; width:83px; height:83px;
} 
#thumbs_cont ul li:hover{border:1px solid #F35848 }

#msc_menu{ float:none}
#msc_thumbs{ margin:0px}
#thumbs_cont,#thumbs_ul{ padding:0px !important; margin:0px !important}
#global_container,#msc_container,#msc_menu,#msc_menu ul li:hover,#msc_menu ul li,#gallery_description p,#msc_thumbs,#msc_menu ul{border:none !important; background:none}
#msc_menu ul li,#msc_menu ul,#msc_menu { padding:0px !important; margin:0px !important;}
#thumbs_div{ height: 87px;
    margin-left: 100px;
    width: 336px;
 overflow:hidden}
.resourcesGalleryPage hr{ border-color:#294761; border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-style: dashed;
    width: 535px;
	margin-bottom: 4px;
    margin-top: 13px;}
#galleries_menu{ line-height:19px}
#image_menu span#close_win a {font-size: 14px;padding: 4px;}

/*  FAQ page answer settings */
.servicesFaqPage .mainContent a{ line-height:19px;}
.servicesFaqPage .mainContent p{ padding-left:22px;display:none;padding-bottom:0px; line-height:20px; }
.servicesFaqPage .mainContent div{padding-bottom:19px; }
.resourcesPage .blue{ color:#017eb4}
/* player overwrite*/

.mwplayer_interface.mv-player{ height:200px !important; width:648px !important;}
.ui-state-default.ui-widget-header.ui-helper-clearfix.control-bar{ bottom:-2px !important; height:16px !important; width:646px !important}
.mv-player .play_head {
    height: 1px !important;
    margin-top: 7px !important;
}
.mv-player .play_head .ui-slider-handle {
    height: 11px !important;
    margin-top: -1px !important;
    width: 11px !important;
	border:none	 !important;
	background:#FFF !important
}
.mv-player .lButton,.mv-player .rButton {
	background:none !important;
	 opacity:0.7;
	 border:none !important;
	 margin-top:3px !important;
    height: 2px !important;
    width: 21px !important;
}
.mv-player .time-disp{ font-size:11px !important}
.mv-player .lButton.ui-state-hover,.mv-player .rButton.ui-state-hover{opacity:1; border:none !important; background:none!important}
.attributionButton,ui-state-default.ui-corner-all.ui-icon_link.rButton.options-btn.ui-state-loading,.options-btn{ display:none !important}
.mv-player .time-disp,.mv-player,.menuPositionHelper A,.menuPositionHelper SPAN{ line-height:17px !important; color:#fff !important}
.ui-widget-content {
    border: 1px solid #AAAAAA !important;
}
.ui-icon.ui-icon-play{ background:url(playsmall.png) top no-repeat !important; height:12px !important; top:6px !important; margin-top:-6px !important;}
.ui-icon.ui-icon-pause{ background:url(playsmall.png) bottom no-repeat !important; height:12px !important; margin-top:-6px !important;}
.mv-player .lButton{ margin-left:6px !important;}
.mv-player .rButton.play-btn { width:12px !important; opacity:0.6}
.mv-player .rButton.play-btn:hover{ opacity:1}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #AAA !important;

}
.play-btn-large{ background:url(play.png) no-repeat !important ; width:114px !important; height:114px !important; margin-left:-20px; margin-top:-26px;opacity: 0.4;}
.play-btn-large:hover {opacity: 0.6;}

.play_head.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all,.ui-slider-range.ui-slider-range-min.ui-widget-header.ui-state-highlight.ui-corner-all.mw_buffer{ background:#a3a3a3 !important}
.ui-slider-range.ui-slider-range-min.ui-widget-header.ui-corner-all{ background:#4599ff;}
.ui-state-default.ui-widget-header.ui-helper-clearfix.control-bar{ background:none !important; border:0px !important ;bottom:0px !important;}