@charset "utf-8";
/* CSS Document */

/******************************
***   Data Section Styles   ***
******************************/
#map {float:left;}
#graph {float:left;}
.worksheetTitle {margin: 35px 0px 0px 30px;}
.worksheetTitle h2 {margin-top:0px;}

/***********************************
***   SECOND LEVEL MENU STYLES   ***
***********************************/
#menuSecond {height:29px; width:100%; background:#fff; float:left; margin-top:6px;}
#menuSecond ul {list-style-type:none; margin:0px; padding:0px; float:right;}
#menuSecond li {margin:0px 8px 0px 0px; padding:0px; display:block; float:left; height:31px;}
#menuSecond a {display:block; width:100%; height:100%;}

#menuSecond li.postData {width:142px; margin:0px 8px 0px 11px; background:url(../_graphics/data/menu2ndPost.gif) transparent 0px 0px scroll no-repeat;}
#menuSecond li.standardData {width:177px; background:url(../_graphics/data/menu2ndPost.gif) transparent -149px 0px scroll no-repeat;}

#dataStandard li.postData {width:142px; margin:0px 8px 0px 11px; background:url(../_graphics/data/menu2ndStan.gif) transparent 0px 0px scroll no-repeat;}
#dataStandard li.standardData {width:177px; background:url(../_graphics/data/menu2ndStan.gif) transparent -149px 0px scroll no-repeat;}


/**********************************
***   THIRD LEVEL MENU STYLES   ***
**********************************/
#dataConfict #menuThird {height:52px; width:100%; background:url(../_graphics/data/menu3rdPostBg.gif) repeat-x; float:left;}
#dataStandard #menuThird {height:52px; width:100%; background:url(../_graphics/data/menu3rdStanBg.gif) repeat-x; float:left;}
#menuThird ul {list-style-type:none; margin:4px 0px 0px 0px; padding:0px; float:right;}
#menuThird li {margin:0px 8px 0px 0px; padding:0px; display:block; float:left; height:34px;}
#menuThird a {display:block; width:100%; height:100%;}

/* styles when menu items are links */
#dataConfict #menuThird li.mapping a {background:url(../_graphics/data/menu3rdPost.gif) transparent 0px 0px scroll no-repeat;}
#dataConfict #menuThird li.comparison a {background:url(../_graphics/data/menu3rdPost.gif) transparent -86px 0px scroll no-repeat;}
#dataConfict #menuThird li.time a {background:url(../_graphics/data/menu3rdPost.gif) transparent -254px 0px scroll no-repeat;}
#dataConfict #menuThird li.worksheet a {background:url(../_graphics/data/menu3rdPost.gif) transparent -436px 0px scroll no-repeat;}
#dataConfict #menuThird li.glossary a {background:url(../_graphics/data/menu3rdPost.gif) transparent -570px 0px scroll no-repeat;}

#dataStandard #menuThird li.mapping a {background:url(../_graphics/data/menu3rdStan.gif) transparent 0px 0px scroll no-repeat;}
#dataStandard #menuThird li.comparison a {background:url(../_graphics/data/menu3rdStan.gif) transparent -86px 0px scroll no-repeat;}
#dataStandard #menuThird li.time a {background:url(../_graphics/data/menu3rdStan.gif) transparent -254px 0px scroll no-repeat;}
#dataStandard #menuThird li.worksheet a {background:url(../_graphics/data/menu3rdStan.gif) transparent -436px 0px scroll no-repeat;}
#dataStandard #menuThird li.glossary a {background:url(../_graphics/data/menu3rdStan.gif) transparent -570px 0px scroll no-repeat;}

/* styles when menu items are NOT links */
#dataConfict #menuThird li.mapping {width:78px; background: url(../_graphics/data/menu3rdPost.gif) transparent 0px -34px scroll no-repeat;}
#dataConfict #menuThird li.comparison {width:160px; background: url(../_graphics/data/menu3rdPost.gif) transparent -86px -34px scroll no-repeat;}
#dataConfict #menuThird li.time {width:174px; background: url(../_graphics/data/menu3rdPost.gif) transparent -254px -34px scroll no-repeat;}
#dataConfict #menuThird li.worksheet {width:126px; background: url(../_graphics/data/menu3rdPost.gif) transparent -436px -34px scroll no-repeat;}
#dataConfict #menuThird li.glossary {width:94px; background: url(../_graphics/data/menu3rdPost.gif) transparent -570px -34px scroll no-repeat;}

#dataStandard #menuThird li.mapping {width:78px; background: url(../_graphics/data/menu3rdStan.gif) transparent 0px -34px scroll no-repeat;}
#dataStandard #menuThird li.comparison {width:160px; background: url(../_graphics/data/menu3rdStan.gif) transparent -86px -34px scroll no-repeat;}
#dataStandard #menuThird li.time {width:174px; background: url(../_graphics/data/menu3rdStan.gif) transparent -254px -34px scroll no-repeat;}
#dataStandard #menuThird li.worksheet {width:126px; background: url(../_graphics/data/menu3rdStan.gif) transparent -436px -34px scroll no-repeat;}
#dataStandard #menuThird li.glossary {width:94px; background: url(../_graphics/data/menu3rdStan.gif) transparent -570px -34px scroll no-repeat;}


/***********************************
***   FOURTH LEVEL MENU STYLES   ***
***********************************/
#dataConfict #menuFourth {height:37px; width:100%; background:url(../_graphics/data/menu4thPostBg.gif) repeat-x; float:left; margin-top:20px;}
#dataStandard #menuFourth {height:37px; width:100%; background:url(../_graphics/data/menu4thStanBg.gif) repeat-x; float:left; margin-top:20px;}
#menuFourth ul {list-style-type:none; margin:0px 0px 0px 7px; padding:0px; float:left;}
#menuFourth li {margin:0px 8px 0px 0px; padding:0px; display:block; float:left; height:37px;}
#menuFourth a {display:block; width:100%; height:100%;}

/* styles when menu items are links */
#dataConfict #menuFourth li.byCountry a {background:url(../_graphics/data/menu4thPost.gif) transparent 0px -37px scroll no-repeat;}
#dataConfict #menuFourth li.byIndicator a {background:url(../_graphics/data/menu4thPost.gif) transparent -142px -37px scroll no-repeat;}

#dataStandard #menuFourth li.byCountry a {background:url(../_graphics/data/menu4thStan.gif) transparent 0px -37px scroll no-repeat;}
#dataStandard #menuFourth li.byIndicator a {background:url(../_graphics/data/menu4thStan.gif) transparent -142px -37px scroll no-repeat;}

/* styles when menu items are NOT links */
#dataConfict #menuFourth li.byCountry {width:139px; background: url(../_graphics/data/menu4thPost.gif) transparent 0px 0px scroll no-repeat;}
#dataConfict #menuFourth li.byIndicator {width:139px; background: url(../_graphics/data/menu4thPost.gif) transparent -142px 0px scroll no-repeat;}

#dataStandard #menuFourth li.byCountry {width:139px; background: url(../_graphics/data/menu4thStan.gif) transparent 0px 0px scroll no-repeat;}
#dataStandard #menuFourth li.byIndicator {width:139px; background: url(../_graphics/data/menu4thStan.gif) transparent -142px 0px scroll no-repeat;}

/***********************************
***   MAIN CONTENT AREA STYLES   ***
***********************************/
#graphComparison {margin-top: 20px;}
.noFlashMessage {width:750px;}
.noFlashMessage h3 {padding: 15px 30px 0px 30px;}
.noFlashMessage p {padding: 0px 30px 15px 30px;}

/**************************
***  INDICATOR STYLES   ***
**************************/
#dataConfict #indicator {height:68px; width:100%; background:#d4e5fa url(../_graphics/data/indicatorPostBg.gif) bottom left repeat-x; float:left; padding-top:10px;}
#dataStandard #indicator {height:68px; width:100%; background:#dbdbdb url(../_graphics/data/indicatorStanBg.gif) bottom left repeat-x; float:left; padding-top:10px;}

#indicator ol {margin:0px; padding:0px; list-style-type:none;}
#indicator label {float: left; font-weight: normal; margin: 5px 10px 0px 31px;}
#indicator input, #indicator select {float: left; margin-right:10px;}
#indicator p {float:left; margin-top:5px;}
#indicator .def {float:left; clear:left; margin-left: 40px;}
#indicator select#iid {width:465px;}

#indicator ol li.indicate1 {float:left; height: 23px; margin-left: 10px; background:url(../_graphics/data/numberPost1.gif) top left no-repeat;}
#indicator ol li.indicate2 {float:left; height: 23px; margin-left: 5px; background:url(../_graphics/data/numberPost2.gif) bottom left no-repeat;}
#dataStandard #indicator ol li.indicate1 {float:left; height: 23px; margin-left: 10px; background:url(../_graphics/data/numberPost1Stan.gif) top left no-repeat;}
#dataStandard #indicator ol li.indicate2 {float:left; height: 23px; margin-left: 5px; background:url(../_graphics/data/numberPost2Stan.gif) bottom left no-repeat;}
select#iid {width:150px;}
select#yr {width:98px;}


/***********************************
***  LOWER CONTENT AREA STYLES   ***
***********************************/
#dataConfict #lowerContent {background-color:#daebff; border-bottom:7px solid #b5b5b5; padding-bottom:10px; margin-top:0px;}
#dataStandard #lowerContent {background-color:#dbdbdb; border-bottom:7px solid #78aae2; padding-bottom:10px; margin-top:0px;}

/* mapping area primary country area styles*/
#countryPrimary {width:242px; margin:10px 0px 0px 6px; padding-bottom: 11px; float:left; background:url(../_graphics/shared/docLibBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
#countryPrimary .top {width:242px; height:30px; background:url(../_graphics/data/countryPriTitle.gif) top left no-repeat;}
#dataStandard #countryPrimary .top {width:242px; height:30px; background:url(../_graphics/data/countryPriTitleStan.gif) top left no-repeat;}
#countryPrimary .content {text-align:left; padding-top:10px;}
#countryPrimary .content table {margin: 0px auto;}
#countryPrimary .content label {font-size:.8em; color:#1e427c; line-height:1.5em; font-weight: normal; margin-left: 13px;}
#countryPrimary .content select {width: 220px;}
#countryPrimary .content button {float:right; margin-top: 5px;}
#countryPrimary .content form{padding: 0px; margin: 6px 0px 0px 0px;}
#countryPrimary .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
#countryPrimary .content form.library{padding-bottom: 8px;}

/* mapping area comparison country area styles*/
#countryComparison {width:490px; margin:10px 0px 0px 6px; padding-bottom: 12px; float:left; background:url(../_graphics/shared/conflictBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
#countryComparison .top {width:490px; height:30px; background:url(../_graphics/data/countryComTitle.gif) top left no-repeat;}
#dataStandard #countryComparison .top {width:490px; height:30px; background:url(../_graphics/data/countryComTitleStan.gif) top left no-repeat;}
#countryComparison .content {text-align:left; padding-top:10px; padding-left:10px;}
#countryComparison .content table {padding: 0px;}
#countryComparison .content label {font-size:.8em; color:#1e427c; line-height:1.5em; font-weight: normal; margin-left: 13px;}
#countryComparison .content select {width: 220px;}
#countryComparison .content button {float:right;}
#countryComparison .content form{padding: 0px; margin: 6px 0px 0px 0px;}
#countryComparison .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
#countryComparison .content form.library{padding-bottom: 8px;}

/* worksheet indicator indicator area styles*/
/*
form.indicator #indicatorArea {width:242px; margin:10px 0px 0px 6px; padding-bottom: 11px; float:left; background:url(../_graphics/shared/docLibBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
form.indicator #indicatorArea .top {width:242px; height:30px; background:url(../_graphics/data/indicatorTitle.gif) top left no-repeat;}
form.indicator #indicatorArea .content {text-align:left; padding-top:10px;}
form.indicator #indicatorArea .content table {margin: 0px auto;}
form.indicator #indicatorArea .content label {font-size:.7em; color:#1e427c; line-height:1.5em; font-weight: bold;}
form.indicator #indicatorArea .content select {width: 220px;}
form.indicator #indicatorArea .content button {float:right; margin-top: 5px;}
form.indicator #indicatorArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
form.indicator #indicatorArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
form.indicator #indicatorArea .content form.library{padding-bottom: 8px;}
*

/* worksheet country comparison country area styles*/
form.country #indicatorArea {width:490px; margin:10px 0px 0px 6px; padding-bottom: 12px; float:left; background:url(../_graphics/shared/conflictBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
form.country #indicatorArea .top {width:490px; height:30px; background:url(../_graphics/data/indicatorTitle2.gif) top left no-repeat;}
form.country #indicatorArea .content {text-align:left; padding-top:10px; padding-left: 10px;}
form.country #indicatorArea .content table {margin: 0px;}
form.country #indicatorArea .content label {font-size:.8em; color:#1e427c; line-height:1.5em; font-weight: normal;}
form.country #indicatorArea .content button {float:right;}
form.country #indicatorArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
form.country #indicatorArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
form.country #indicatorArea .content form.library{padding-bottom: 8px;}

form.country #indicatorArea .content td.timeRange p {margin:0px 0px 3px 0px; font-weight: normal; font-size:.8em;}
form.country #indicatorArea .content td.countrySelect select {width:465px;}
form.country #indicatorArea .content td.fromSelect {width: 115px;}
form.country #indicatorArea .content td.toSelect {width: 100px;}
form.country #indicatorArea .content td.fromSelect select {width:70px; text-align:left;}
form.country #indicatorArea .content td.toSelect select {width:70px; text-align:left;}
form.country #indicatorArea .content td.tdSubmit button {float:left;}


/* worksheet country comparison country area styles*/
form.country #countryArea{width:242px; margin:10px 0px 0px 6px; padding-bottom: 11px; float:left; background:url(../_graphics/shared/docLibBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
form.country #countryArea .top {width:242px; height:30px; background:url(../_graphics/data/countryTitle2.gif) top left no-repeat;}
form.country #countryArea .content {text-align:left; padding-top:10px;}
form.country #countryArea .content table {margin: 0px auto;}
form.country #countryArea .content label {font-size:.7em; color:#1e427c; line-height:1.5em; font-weight: normal;}
form.country #countryArea .content select {width: 220px;}
form.country #countryArea .content button {float:right; margin-top: 5px;}
form.country #countryArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
form.country #countryArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
form.country #countryArea .content form.library{padding-bottom: 8px;}


/*TEST ONLY WILL DELETE LATER*/
#indicatorArea {width:490px; margin:10px 0px 0px 6px; padding-bottom: 12px; float:left; background:url(../_graphics/shared/conflictBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
#indicatorArea .top {width:490px; height:30px; background:url(../_graphics/data/indicatorTitle2.gif) top left no-repeat;}
#indicatorArea .content {text-align:left; padding-top:10px; padding-left: 10px;}
#indicatorArea .content table {margin: 0px;}
#indicatorArea .content label {font-size:.8em; color:#1e427c; line-height:1.5em; font-weight: normal;}
#indicatorArea .content button {float:right;}
#indicatorArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
#indicatorArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
#indicatorArea .content form.library{padding-bottom: 8px;}

#indicatorArea .content td.timeRange p {margin:0px 0px 3px 0px; font-weight: normal; font-size:.8em;}
#indicatorArea .content td.countrySelect select {width:465px;}
#indicatorArea .content td.fromSelect {width: 115px;}
#indicatorArea .content td.toSelect {width: 100px;}
#indicatorArea .content td.fromSelect select {width:70px; text-align:left;}
#indicatorArea .content select#iid {width:465px;}
#indicatorArea .content td.toSelect select {width:70px; text-align:left;}
#indicatorArea .content td.tdSubmit button {float:left;}

#countryArea .content td.timeRange p {margin:0px 0px 3px 0px; font-weight: normal; font-size:.8em;}
#countryArea .content td.fromSelect {width: 115px;}
#countryArea .content td.toSelect {width: 100px;}
#countryArea .content td.fromSelect select {width:70px; text-align:left;}
#countryArea .content td.toSelect select {width:70px; text-align:left;}
#countryArea .content td.tdSubmit button {float:left;}

#countryArea{width:242px; margin:10px 0px 0px 6px; padding-bottom: 11px; float:left; background:url(../_graphics/shared/docLibBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
#countryArea .top {width:242px; height:30px; background:url(../_graphics/data/countryTitle2.gif) top left no-repeat;}
#countryArea .content {text-align:left; padding-top:10px;}
#countryArea .content table {margin: 0px auto;}
#countryArea .content label {font-size:.7em; color:#1e427c; line-height:1.5em; font-weight: normal;}
#countryArea .content select {width: 220px;}
#countryArea .content button {float:right; margin-top: 5px;}
#countryArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
#countryArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
#countryArea .content form.library{padding-bottom: 8px;}

form.country #countryArea .content table table {margin:0px 0px;}
form.country #countryArea .content td.tdSubmit button {float:right;}

#countryComparison .content select#iid {width:465px;}

/* worksheet indicator comparison country area styles*/
form.indicator p.definition {margin:0px 0px 0px 5px; font-size:0.65em;}

/*
form.indicator #countryArea {width:490px; margin:10px 0px 0px 6px; padding-bottom: 12px; float:left; background:url(../_graphics/shared/conflictBg.gif) top left repeat-y; border-bottom:1px solid #666; text-align:center;}
form.indicator #countryArea .top {width:490px; height:30px; background:url(../_graphics/data/countryTitle.gif) top left no-repeat;}
form.indicator #countryArea .content {text-align:left; padding-top:10px; padding-left: 10px;}
form.indicator #countryArea .content table {margin: 0px;}
form.indicator #countryArea .content label {font-size:.8em; color:#1e427c; line-height:1.5em; font-weight: normal;}
form.indicator #countryArea .content button {float:right;}
form.indicator #countryArea .content form{padding: 0px; margin: 6px 0px 0px 0px;}
form.indicator #countryArea .content form.assessments{padding-bottom: 8px; border-bottom:dotted 2px #7d7d7d;}
form.indicator #countryArea .content form.library{padding-bottom: 8px;}

form.indicator #countryArea .content td.timeRange p {margin:0px 0px 3px 0px; font-weight: normal; font-size:.8em;}
form.indicator #countryArea .content td.countrySelect select {width:400px;}
form.indicator #countryArea .content td.fromSelect {width: 115px;}
form.indicator #countryArea .content td.toSelect {width: 100px;}
form.indicator #countryArea .content td.fromSelect select {width:70px; text-align:left;}
form.indicator #countryArea .content td.toSelect select {width:70px; text-align:left;}
form.indicator #countryArea .content td.tdSubmit button {float:left;}
*/

/* comparison graph comparison country area styles */
#countryComparison .content td.indicateLabel p {margin:0px 0px 0px 0px; font-weight:normal; font-size:.8em;}
#countryComparison .content p.definition {margin:0px 0px 0px 5px; font-size:0.65em;}
#countryComparison button.buttonSubmit {margin-top:5px;}

/* time graph comparison country area styles */
#countryComparison .content table.timeRange {width: 100%;}
#countryComparison .content table.timeRange label{margin:0px 5px 0px 0px; float:left;}
#countryComparison .content td.timeRange p {margin:0px 0px 3px 0px; font-weight:normal; font-size:.8em;}
#countryComparison .content td.countrySelect select {width:400px;}
#countryComparison .content td.fromSelect {width: 115px;}
#countryComparison .content td.toSelect {width: 100px;}
#countryComparison .content td.fromSelect select {width:70px; text-align:left;}
#countryComparison .content td.toSelect select {width:70px; text-align:left;}
#countryComparison .content td.tdSubmit button {float:left;}

/***********************************
***  LOWER CONTENT AREA STYLES   ***
***********************************/



/*******************************
***  DATA WORKSHEET STYLES   ***
*******************************/
.dataWorksheet {text-align:center; margin: 0px 30px 0px 30px;  width:686px; overflow:auto; padding:0px 2px;}
.dataWorksheet table{font-size: .8em; width:90%; margin: 0px auto; text-align:left;border-collapse:collapse;}
.dataWorksheet table th{background-color:#99cc99; border:1px solid #aca899; padding:5px; text-align:center; vertical-align:bottom;}
.dataWorksheet table th.country, #dataWorksheet table th.indicator,#dataWorksheet table td.country, #dataWorksheet table td.indicator{text-align:left;}
.dataWorksheet table td {border:1px solid #aca899; padding:5px;}
.dataWorksheet td.data {text-align:right;}


/*************************************
***  POPUP FOR INDICATORS STYLES   ***
*************************************/
#dataConfict .indicatorPop {width:320px; text-align: left; border: 1px solid #0000000; border-width: 0px 1px 0px 1px; font-size: .8em; float:left;}
#dataConfict .popupController {display:none;}
#dataConfict .popupContent {background-color: #fbfbfb; float:left; width:321pxpx;}
#dataConfict .indicatorTitle {border-bottom:1px dotted #7d7d7d; color:#5a5a5a; padding: 5px 7px; font-weight:bold; float:left; width:307px;}
#dataConfict .indicatorDef {padding: 7px; font-size:.9em;}
#dataConfict .indicatorBot {padding: 4px 0px; background: #c8c8c8 url(../_graphics/data/popupClose.gif) 300px 7px no-repeat;  font-size: .9em; float:left; width:320px;}
#dataConfict .indicatorBot a {color: #000000; display:block; height: 100%; padding-right: 15px; margin-right: 10px; float:right;  }

#dataStandard .indicatorPop {width:320px; text-align: left; border: 1px solid #0e4090; border-width: 0px 1px 0px 1px; font-size: .8em; float:left;}
#dataStandard .popupController {display:none;}
#dataStandard .popupContent {background-color: #fbfbfb; float:left; width:321pxpx;}
#dataStandard .indicatorTitle {border-bottom:1px dotted #7d7d7d; color:#184489; padding: 5px 7px; font-weight:bold; float:left; width:307px;}
#dataStandard .indicatorDef {padding: 7px; font-size:.9em;}
#dataStandard .indicatorBot {padding: 4px 0px; background: #9dc3ef url(../_graphics/data/popupClose2.gif) 300px 7px no-repeat;  font-size: .9em; float:left; width:320px;}
#dataStandard .indicatorBot a {color: #000000; display:block; height: 100%; padding-right: 15px; margin-right: 10px; float:right;  }

/*************************
***  GLOSSARY STYLES   ***
*************************/
.returnGlossary {background:url(../_graphics/library/arrowWhite.gif) 0px 5px no-repeat; padding-left:20px; font-size:0.8em; margin-top: 8px;}
.returnGlossary a{color:#000;}


/***********************
***  SOURCES STYLES  ***
***********************/

.graphSource {padding: 7px 20px; font-size:0.7em; color: #7f7f7f; line-height: 1.5em; float:left; width:710px;}
.graphSource .title {color:#4a4a4a; font-weight:bold;}
.worksheetSource {margin-top:20px;}
#content .graphSource .indicatorHeader, #content .graphSource .boldedSource {margin-left: .6em; font-weight:bold;}


/*****************************
***   WORKSHEET PAGE   ***
*****************************/
body.worksheet #indicator, body#dataConfict.worksheet #lowerContent, body#dataStandard.worksheet #lowerContent {margin-top: 15px;}
body.worksheet .graphSource {padding:0px 30px 15px 30px; width:690px; margin-top:0px;}