@import url(undohtml.css);
body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; }
#header { background: url(/images/header_image.jpg) top center no-repeat; width: 1000px; height: 160px; margin: 0 auto; }

div.click_to_edit {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ccc;
  background-color: #f0f6fa;
	float: right;
	margin: 2px;
}
  
  div.click_to_edit a.edit_content, div.click_to_edit a.saveEditor, div.click_to_edit a.cancelEditor {
    background: transparent no-repeat 50% 50%;
    display: block;
    height: 24px;
    width: 24px;
    text-indent: -9999em;
    opacity: 0.85;
    padding: 2px;
  }
  div.click_to_edit a.edit_content {background-image: url('../images/icons/Edit_24x24.png');}
  div.click_to_edit a.saveEditor {background-image: url('../images/icons/Save_24x24.png');}
  div.click_to_edit a.cancelEditor {background-image: url('../images/icons/Cancel_24x24.png');}

div.click_to_edit a,
#editorLoading {
	float: right;
}

div.click_to_edit a {
	width: 5.5em;
}

#editorLoading {
	padding-top: 1em;
}

#fancyEditor {
  margin-left: 2px;
}

div.click_to_edit a:hover {
	opacity: 1;
}

.pagination {
	text-align: right;
	margin: 0.5em 0;
}

.pagination .prev_page {
	padding: .2em 1em .2em 2em;
	background: url(/images/btn_previous.gif) left center no-repeat;
}

.pagination .next_page {
	padding: .2em 2em .2em 1em;
	background: url(/images/btn_next.gif) right center no-repeat;
}

.left {
	display: block;
	float: left;
	width: 47%;
}

.right {
	display: block;
	float: right;
	width: 47%;
	text-align: right;
}


/* TODO Banners:
banner_search_website.png
*/

body                 #inner_head { background: url(/images/banner_default.png); }
body.aboutus         #inner_head { background: url(/images/banner_aboutus.png); } 
body.communicating   #inner_head { background: url(/images/banner_cop.png); } 
body.issues          #inner_head { background: url(/images/banner_issues.png); }
body.newsevents      #inner_head { background: url(/images/banner_newsandevents.png); }
body.networks        #inner_head { background: url(/images/banner_local_networks.png); }
body.participants    #inner_head { background: url(/images/banner_participantsandstakeholders.png); }
body.participate     #inner_head { background: url(/images/banner_howtoparticipate.png); }
body.anti_corruption #inner_head { background: url(/images/banner_anti_corruption.png); }
body.business_peace  #inner_head { background: url(/images/banner_business_peace.png); }
body.environment     #inner_head { background: url(/images/banner_environment.png); }
body.financial       #inner_head { background: url(/images/banner_financial.png); }
body.human_rights    #inner_head { background: url(/images/banner_human_rights.png); }
body.labour          #inner_head { background: url(/images/banner_labour.png); }
body.partnerships    #inner_head { background: url(/images/banner_partnerships.png); }
body.un_business     #inner_head { background: url(/images/banner_un_business.png); }
body.websiteinfo     #inner_head { background: url(/images/banner_websiteinfo.png); }
body.environment_c4c #inner_head { background: url(/images/banner_environment_c4c.png); }
body.environment_ceo #inner_head { background: url(/images/banner_environment_ceo.png); }
body.supply_chain    #inner_head { background: url(/images/banner_supply_chain.png); }

#header_content { margin: 0 auto; width: 1000px; position: relative; }
#logo { position: absolute; top: 30px; left: 45px; }
#languages { position: absolute; top: 15px; left: 700px; }
#languages ul { position: relative; list-style: none;}
#languages ul li { display: inline; margin-right: 5px;}
#languages a {font-size: 9px; color: #FFF;}
#search { position: absolute; top: 60px; left: 700px; }
#search .search_box { width: 210px; height: 20px; background-color: #fff; border: 1px solid #000; margin-right: 10px; opacity: 0.90; -moz-opacity: 0.90; filter:alpha(opacity=90);}
#search p { padding-top: 5px; font-size: 11px; color: #fff;  }
#nav_bg {  width: 1000px; height: 28px; position: relative; top: 132px; left: 0px; z-index: 5; margin: 0 auto; }
#nav_bg .transparency { width: 1000px; height: 28px; position: absolute; top: 0px; left: 0px; opacity: 0.65; background-color: #fff; }
#nav { margin: 0 auto 0 auto; position: relative; width: 1000px; height: 30px; }
#nav ul { list-style: none; position: absolute; top: 3px; left: 30px; height: 22px; z-index: 10;}
#nav ul li { border-right: 1px solid #999; display: block; float: left; padding: 0 13px 0 13px; height: 22px; }
#nav ul li.aboutus { width: 55px; }
#nav ul li.participate { width: 105px; }
#nav ul li.communicating { width: 146px; }
#nav ul li.participants { width: 160px; }
#nav ul li.networks { width: 90px; }
#nav ul li.issues { width: 38px; }
#nav ul li.newsevents { width: 90px; }
#nav ul li.login { width: 30px; border-right: 0; }
#nav ul li.login ul li { width: 70px; border-right: 1; }
#nav ul li a { font-size: 12px; font-weight: bold; color: #000; height: 28px; display: block; height: 100%; padding-top: 5px;}
#nav ul li a:hover { color: #3a7a8e; }
#nav ul li ul {list-style: none; position: relative; top: -2px; left: -13px; visibility: hidden; opacity: 0.95; }
#nav ul li ul li { display: block; float: none; background: #fff; width: 150px; height: auto; border-bottom: 1px solid #c8c8c8; padding: 2px 13px 2px 13px; position: relative; }
#nav ul li ul li a { font-size: 11px; color: #222; }
#nav ul li ul.login li { width: 70px; }

#content_bg { background: #f2f2f2 url(/images/gradient.jpg) left top repeat-x; border-bottom: 1px solid #ebebeb; display: block; height: inherit; width: 1000px; margin: 0 auto; }

h1 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h2 { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #00546E; }

#content_home { height: auto; width: 1000px; margin: 0 auto; position: relative; height: auto; min-height: 710px; }
#box1 { position: absolute; top: 15px; left: 40px; width: 611px; height: 165px; background: url(/images/box1_bg.jpg) top left no-repeat; border: 1px solid #c8c8c8;}
#box1_content { position: relative; }
#box1 h1 { position: absolute; top: 20px; left: 25px; color: #fff; }
#box1 p { position: absolute; top: 55px; left: 25px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #fff; line-height: 20px; width: 580px; }
#box1 div.readmore { position: absolute; top: 125px; right: 0px; width: 90px; height: 30px; background-color: #48788A; font-size: 12px; font-weight: bold; text-align: right; }
#box1 div.readmore div { padding: 7px 6px 0 0; }
#box1 div.readmore div a { color: #fff; }
#box1 div.readmore div a:hover { text-decoration: underline; }
#box2 { width: 295px; height: 164px; position: absolute; top: 15px; right: 40px; background-color: #fff; border: 1px solid #c8c8c8; } 
#box2:hover {border: 1px solid #00546E; cursor: pointer;}

#news { position: absolute; top: 192px; left: 40px; width: 611px; height: 316px; background-color: #fff; border: 1px solid #c8c8c8; }
#news_content { position: relative; }
#news h1 { position: absolute; top: 20px; left: 25px; color: #00546E; }	
#news .news_list { width: 590px; padding: 55px 0 50px 10px; position: relative; }
#news .blue { background-color: #e5eef0; }
#news .news_item { position: relative; color: #666; font-size: 11px; display: block; width: 590px; padding: 4px 10px 6px 0; }
#news .date { position: absolute; left: 6px; top: 7px; }
#news .title { position: relative; left: 80px; top: 2px; }
#news .news_list .title a { color: #666; }
#news .news_list .title a:hover { border-bottom: 1px solid #666; }
#news .morenews { position: absolute; bottom: 10px; right: 0px; width: 90px; height: 30px; background-color: #e5eef0; text-align: right; }
#news .morenews a { font-size: 12px; color: #00546E; font-weight: bold; }
#news .morenews a:hover { text-decoration: underline; }
#news .morenews div { padding: 7px 6px 0 0; }

#box4 { position: absolute; top: 192px; right: 40px; background-color: #fff; border: 1px solid #c8c8c8; width: 295px; max-height: 498px; min-height: 498px; }
#box4 h1 { position: absolute; top: 20px; left: 25px; color: #00546E; }	
#box4 div { font-size: 14px; font-weight: bold; padding: 13px; margin: 0 10px 0 10px; border-bottom: 1px solid #dfdfdf; background-color: #fff; }
#box4 div a { display: block; width: 100%; height: 100%; }
#box4 div.ungc a { color: #00546E; }
#box4 div.human_rights a { color: #F7931E; }
#box4 div.labour a { color: #52C6D8; }
#box4 div.environment a { color: #688442; }
#box4 div.anticorruption a { color: #ED1C24; }
#box4 div.partnerships a { color: #CADB2A; }
#box4 div.networks a { color: #710000; }
#box4 div.business_peace a { color: #F5386#; }
#box4 div.financial a { color: #404850; }
#box4 div.cop a { color: #FFD900; }
#box4 div.first { margin-top: 56px; }
#box4 div.last { border-bottom: 0; }

#box5, #box6 { position: absolute; top: 530px; width: 288px; height: 154px; border: 4px solid #d9e2e5; cursor: pointer;}
#box5:hover, #box6:hover {border: 4px solid #C1C8CC}

#box5 { left: 40px; background-repeat: no-repeat; background-image: url(/pics/un_images/Leaders_Summit_Logo_small.png) ;}
#box5 h1 { position: absolute; top: 20px; left: 25px; color: #00546E; }
#box5 p { position: absolute; top: 20px; left: 25px; font-size: 23px; font-weight: 900; line-height: 25px;}
#box5 span.value1 a { color: #f79418; }
#box5 span.value2 a { color: #4cc5d8; }
#box5 span.value3 a { color: #6f843d; }
#box5 span.value4 a { color: #ed141d; }
#box5 span a:hover { color: #00546E; }
#box5 div.more { position: absolute; top: 119px; right: 5px; width: 30px; height: 30px; background-color: #e5e5e5; }
#box5 div.more a { width: 100%; height: 100%; display: block; color: #000; }
#box5 div.more a:hover { text-decoration: underline; }
#box5 div.more div { padding: 4px 0 0 10px;}
#box5_content { position: relative; }

#box6 { left: 357px; }
#box6 h2 { padding: 25px 0 0 15px; }
#box6 p { font-size: 12px; font-weight: bold; padding: 20px 40px 0 15px; }
#box6 p { color: #666; }

#footer { height: 110px; width: 996px; background-color: #fff; position: relative; border: 1px solid #dadada; margin: 0 auto; margin-bottom: 10px; border-top: none;}
#footer_content { width: 1000px; margin: 0 auto; position: relative; }
#logos { position: absolute; top: 35px; left: 52px; }
#logos ul { background: url(/images/footer_logos.png) top left no-repeat; background-position: 0px -1px; width: 553px; height: 42px; list-style: none; position: relative;}
#logos ul li { display: inline; position: absolute; top: -5px; height: 40px; }
#logos ul li a { width: 100%; height: 100%; display: block; opacity: 0.5; background: #fff; }
#logos ul li a:hover { opacity: 1; background: none; }
#logos ul li.logo1 { left: 0px; width: 40px; }
#logos ul li.logo2 { left: 45px; width: 40px; }
#logos ul li.logo3 { left: 93px; width: 40px; }
#logos ul li.logo4 { left: 140px; width: 40px; }
#logos ul li.logo5 { left: 193px; width: 20px; }
#logos ul li.logo6 { left: 222px; width: 40px; }

#footer_nav { position: absolute; left: 40px; top: 80px; }
#footer_nav li { display: inline; border-right: 1px solid #999; padding: 0px 3px 0px 5px; margin: 0; }
#footer_nav li.last { border: 0; }
#footer_nav li a { font-size: 11px; color: #999;}
#footer_nav li a:hover { color: #555; text-decoration: underline; }

#partner_logos { position: absolute; top: 33px; left: 400px; }
#partner_logos ul li { display: inline; position: absolute; top: 10px; }
#partner_logos ul li a { width: 100%; height: 100%; display: block; }
#partner_logos ul li.pri { height: 32px; width: 92px; background: url(/images/partner_logo_1.png) no-repeat; opacity: 0.3;}
#partner_logos ul li.pri:hover { background-position: -93px; opacity: 1;}
#partner_logos ul li.prme { left: 155px; height: 35px; width: 125px; background: url(/images/partner_logo_2.png) no-repeat; opacity: 0.3;}
#partner_logos ul li.prme:hover { background-position: -126px; opacity: 1;}
#partner_logos ul li.gcf { left: 345px; top: -7px; height: 57px; width: 205px; background: url(/images/partner_logo_3.png) no-repeat; opacity: 0.4;}
#partner_logos ul li.gcf:hover { background-position: -206px; opacity: 1;}

/**** inner ****/
#content_inner { display: block; width: 1000px; margin: 0 auto; position: relative; }
#content_inner h1.title { font-size: 20px; font-weight: bold; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
#inner_head { width: 920px; height: 62px; margin: 0px 30px 15px 30px; position: relative; top: 15px; }
#inner_head h1 { position: absolute; top: 20px; left: 20px; }
#inner_head p a { color: #FFF; font-size: 11px; margin-left: 17px; }
#inner_head p a:hover { text-decoration: underline; }
#inner_head p.print { position: absolute; top: 25px; left: 790px; background: url(/images/print_icon.png) top left no-repeat; }
#inner_head p.send { position: absolute; top: 25px; left: 855px; background: url(/images/email_icon.png) top left no-repeat; }
#inner_body { display: block; height: 100%; width: 920px; position: relative; left: 30px;  }
#leftnav { width: 270px; position: absolute; top: 15px; left: 0px; background-color: #fff; border: 1px solid #dadada; }
#leftnav ul { list-style: none; }
#leftnav ul li { width: 264px; height: 30px; background-color: #f2f2f2; margin: 2px 3px 2px 3px; }
#leftnav ul li a { font-size: 12px; color: #666; display: block; padding: 9px 0 0 16px; }
#leftnav ul li a:hover { text-decoration: underline; }
#leftnav ul li.selected { background-color: #00546E; }
#leftnav ul li.selected a { font-weight: bold; color: #fff; }
#leftnav ul li.sub { height: auto; background-color: #e5eef0; }
#leftnav ul li.sub a { font-size: 11px; font-weight: normal; color: #00546E; padding: 6px 10px 6px 30px; text-indent: -9px; }
#leftnav ul li.sub a.sub_selected { font-weight: bold; }
#rightcontent { min-height: 500px; height: auto !important; height: 500px; position: relative; top: 15px; left: 285px; width: 635px; background-color: #fff; border: 1px solid #dadada; margin-bottom: 35px; }
#rightcontent .path { height: auto; width: 635px; padding-bottom: 7px; border-bottom: 1px solid #d9d9d9; }
#rightcontent .path p { font-size: 11px; color: #a6a6a6; padding: 14px 0 0 30px; }
#rightcontent .path a { color: #a6a6a6; }
#rightcontent .path a:hover { text-decoration: underline; }
#rightcontent .bookmarks { float: right; position: relative; margin: 10px 10px 20px 10px;}
#rightcontent .bookmarks ol li { list-style: none; display: inline; margin: 0px 5px; }
#rightcontent .copy { width: 576px; padding: 15px 0 0 30px; }
#rightcontent .copy { color: #222; font-size: 12px; margin-bottom: 10px; line-height: 19px; }
#rightcontent .copy p { margin-bottom: 10px; }
#rightcontent .copy a { color: #2993A5; text-decoration: none; }
#rightcontent .copy a:hover { text-decoration: underline; color: #52C6D8; }
#rightcontent .copy a:visited { color: #00546E; }
#rightcontent .copy h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: bold; margin-bottom: 15px; color: #00546E; line-height: 1.2; }
#rightcontent .copy h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; }
#rightcontent .copy h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; margin: 18px 0 5px 0; color: #00546E; }
#rightcontent .copy h5 { font-size: 9px; font-weight: normal; margin: 5px 0 5px 0; color: #000; }
#rightcontent .copy .highlight_box { padding: 10px 15px; margin: 5px 0px; width: 100%; height: auto; background-color: #e5eef0; color: #222; }
#rightcontent .copy ol { list-style: decimal; margin: 0 0 10px 40px; }
#rightcontent .copy ul { list-style: disc; margin: 0 0 10px 40px; }
#rightcontent .copy ol li, #rightcontent .copy ul li { font-size: 12px; line-height: 19px; }
#rightcontent .blue { background-color: #e5eef0 };

/* Participant Tables */
table.striped {
	text-align: left; 
	width: 100%; 
	margin: 0; 
	border-bottom: 2px solid #cac1bc;
}

table.striped th {
	border: 1px solid #aaa;
	border-width: 1px 0; 
	padding: 3px 7px 3px 10px; 
	color: #6f8aa5; 
	font-size: 12px;
	text-align: left;
}

table.striped td {
	padding: 3px 5px; 
	vertical-align: top;
	font-size: 12px;
}

.striped .even { background-color: #e5eef0; }
.striped .odd { background-color: #FFF; }

table.sortable td {
	font-size: 0.9em;
}

table.sortable thead tr th.sort {
  background-image:url(/images/sortable_default.gif);
  background-position:left center;
  background-repeat:no-repeat;
  cursor:pointer;
}

table.sortable thead tr th.sort:hover {
	color: #00546E;
}

/*table.sortable thead tr th.headerSortUp, table.sortable thead tr th.headerSortDown {
  background-color: #ccc;
}
*/
table.sortable thead tr th.headerSortUp {
  background-image:url(/images/sortable_up.gif);
}

table.sortable thead tr th.headerSortDown {
  background-image:url(/images/sortable_down.gif);
}

.alert_icon {
	padding-left: 16px !important;
	background: url(/images/icon_alert.gif) 1px 4px no-repeat;
}

.inactive_icon {
	padding-left: 16px !important;
	background: url(/images/icon_inactive.gif) 3px 3px no-repeat;
}

.no_icon {
	padding-left: 16px !important;
}

.nolist {
	list-style: none; 
	margin: 0 0 1em 0 !important;
	padding: 0 !important;	
}

.nolist li { 
	list-style: none; 
	margin: 0 !important;
	padding: 0 !important;
}

.related_documents {
	clear: both;
}

.participant_data li {
	clear: both;
}

.participant_data .left {
	width: 12em;
	padding: 0.2em 1em;
}

.participant_data .right {
	text-align: left;
	float: left;
	padding: 0.2em 1em;
}

table.cop_links {
	padding: 0;
	margin: 0 0 1em 0;
	width: 100%;
}

.cop_links td,
.cop_links th {
	margin: 0;
	padding: 0.1em 0.33em;
	border-bottom: 1px solid black;
}

.cop_links th {
	vertical-align: bottom;
	border-bottom: 2px solid black;
}

.cop_links .check {
	width: 18px;
}

td.center {
  text-align: center;
}

/* Search results */
.search_results {
	margin-bottom: 1em
}

.search_results .match {
	font-weight: bold;
}

div.ui-datepicker { font-size: 10px; }
div.ui-datepicker .ui-datepicker-title { font-size: 9px; }
div.ui-datepicker .ui-datepicker-year { margin-right: 3px; }
 
/* Clear for IE 6/7 */
.clearfix { zoom: 1; clear: left; margin-bottom: 10px;}

/* Clear for NS/FF/Moz */
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: left; }
.clearme { clear: both; }