/**
 * Menu
 *
 * This is the stylesheet for the menu for the Planning component for DIOS
 */


/*************************************
IDs
*************************************/

#menu {
	width: 27%;
	float: left;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.menu-footer {
	clear: both;
	float: left;
	width: 100%;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

h3.menu-footer, h4.menu-footer {
	clear: both;
	/*margin-bottom: .5em;
	margin-top: 1em;*/
	color: #000000;
	background-color: #eeeeee;
	text-align: center;

	margin-bottom: 0;

	/*font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .9em;*/
}

/* menu preferences */
.menu-header {
	width: 100%;
	margin: 0;
	margin-top: 1em;
	font-size: 1em;
	text-align: center;
}

#menu-preferences {
	margin: 0;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 3px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#menu-preferences a:link, #menu-preferences a:visited {
	text-decoration: none;
}

#menu-preferences a:hover, #menu-preferences a:active {
	text-decoration: underline;
}

#menu-preferences img {
	padding-left: 3px;
}

#menu-preferences {
	/*display: block;
	margin: 0;
	margin-bottom: 3px;
	background-color: #eeeeee;
	border-bottom: 1px solid #666666;
	font-size: 1em;
	padding-left: 3px;*/
}

/* expand menu option */
img.pref {
	float: left;
	border-style: none;
	vertical-align: middle;
}

/*************************************
Classes
*************************************/

img.clickable {
	border-style: none;
	cursor: pointer;
}

.menu-controls {
	padding: 0;
	margin: 0;
	margin-top: .5em;
	margin-bottom: .5em;
	width: 100%;
}

.menu-divider {
	margin-top: .2em;
	margin-bottom: .2em;
	text-align: center;
	background-color: #eeeeee;
	border-style: none;
	height: 2px;
	font-size: 1px;
}

.legend-text {
	float: left;
	/*border: 1px solid black;*/
	text-align: left;
	/*padding: 5px;*/

	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
}

.legend-text-key-c, .legend-text-key-w, .legend-text-key-g,
.legend-text-key-ge, .legend-text-key-we, .legend-text-key-u {
	clear: both;
	margin-left: 5px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
}

.legend-text-key-c {
	background-image: url(/dios/images/statusNA.gif);
}

.legend-text-key-w {/* incomplete */
	background-image: url(/dios/images/statusWarn.gif);
}

.legend-text-key-u {/* user set incomplete */
	background-image: url(/dios/images/statusWarnU.gif);
}

.legend-text-key-g {/* complete */
	background-image: url(/dios/images/statusOK.gif);
}

.legend-text-key-ge {
	background-image: url(/dios/images/statusOKEx.gif);
}

.legend-text-key-we {
	background-image: url(/dios/images/statusWarnEx.gif);
}

.legend-block-n {
	float: left;
	width: 10px;
	height: 15px;
	padding-left: 5px;
	margin-right: 5px;
	/*background-color: #edc77b;*/
	text-align: center;
	background-image: url(/dios/images/menu/menu_button_cnr_n.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.legend-block-c {
	float: left;
	width: 10px;
	height: 15px;
	padding-left: 5px;
	margin-right: 5px;
	/*background-color: #ADADCD;*/
	text-align: center;
	background-image: url(/dios/images/menu/menu_button_cnr_c.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.legend-block-l {
	float: left;
	width: 10px;
	height: 15px;
	padding-left: 5px;
	margin-right: 5px;
	/*background-color: #B9D3FF;*/
	text-align: center;
	background-image: url(/dios/images/menu/menu_button_cnr_l.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/*************************************
Menu Tree Controls
*************************************/

img.menu-tree-icon {
	float: left;
	border-style: none;
	cursor: pointer;
	margin-top: 3px;
}

div.menu-tree {
}

/************************************/

div.menu-item {
	display: block;
	text-decoration: none;
	position: relative;
}

div.menu-item-folded {
	display: block;
	text-decoration: none;
	position: relative;
	background-image: url(/dios/images/menu/menu_folded.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 18px;
}

div.menu-item-unfolded {
	display: block;
	text-decoration: none;
	position: relative;
	background-image: url(/dios/images/menu/menu_unfolded.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

div.menu-item img, div.menu-item-folded img, div.menu-item-unfolded img,
div.menu-item-pa img, div.menu-item-dom img, div.menu-item-ref img,
div.menu-item-pro img, div.menu-item-fa img,
div.menu-item-obj img, div.menu-item-ind img, div.menu-item-stract img,
div.menu-item-fa img {
	border-style: none;
}

.compulsory-ind {
	color: red;
}

.comments-menu {
	color: #666666;
	text-decoration: none !important;
}

.cd-select {
	/* link to select a primary chronic disease domain */
	position: absolute;
	top: 2px;
	right: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
}

.cd-primary, .cd-primary {
	/*background-color: #eeeeee;*/
	position: absolute;
	top: 2px;
	right: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;
}

.cd-secondary, .cd-secondary {
	/*background-color: #eeeeee;*/
	position: absolute;
	top: 2px;
	right: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;
}

.cd-primary a:hover, .cd-primary a:active {
	color: #FF0000 !important;
}

.cd-secondary a:hover, .cd-secondary a:active {
	color: #FF0000 !important;
}

.comments-menu-link,
.comments-menu-link a:link, .comments-menu-link a:visited,
.comments-menu-link a:hover, .comments-menu-link a:active {
/*background-color: #eeeeee;*/
	position: absolute;
	top: 2px;
	right: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;
	cursor: pointer;
}

.comments-menu-link a:hover, .comments-menu-link a:active {
	color: #FF0000 !important;
	cursor: pointer;
}

.comments-menu-link img {
	vertical-align: middle;
}

/**
 * Common Settings
 */

/**
 * active menu selection
 */
a.hilight:link, a.hilight:visited {
	color: #FF0000 !important;
	background-color: #fff192 !important;
	/* background-color: #ffc342 !important; */
	border-top: 1px dashed #ffc342 !important;
	border-bottom: 1px dashed #ffc342 !important;
	border-right: 1px dashed #ffc342 !important;
	font-weight:bold;
}

a.hilight:hover, a.hilight:active {
	border-style: solid !important;
	font-weight: bold;
}

/**
 * Deleted component
 */
a.deleted {
	/*background-image: url(/dios/images/menu/menu_button_bg_deleted.gif);
	background-repeat: repeat;*/
	text-decoration: line-through !important;
	background-color: #CCCCCC !important;
}

a.deleted-comments {
	/*background-image: url(/dios/images/menu/menu_button_bg_deleted.gif);
	background-repeat: repeat;*/
	text-decoration: line-through;
	background-color: #CCCCCC !important;
}

/****************************************************************************************************/

/**
 * menu item style 1
 */

/* from context (national) */
a.menu-item-1-fold:link, a.menu-item-1-fold:visited,
a.menu-item-1-unfold:link, a.menu-item-1-unfold:visited {
	display: block;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #e9ecff;
	width: inherit;
	/*background-image: url(/dios/images/menu/menu_button_cnr_n.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/

	/*color: #003366;*/
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}

a.menu-item-1-fold:link, a.menu-item-1-fold:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;
}

a.menu-item-1-unfold:link, a.menu-item-1-unfold:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	border-left: 4px solid #CCCCCC;
	/*background-color: #ffffcc;*/
	font-size: .8em;
	text-decoration: none;
}

/* from context (national) */
a.menu-item-1-fold:hover, a.menu-item-1-fold:active,
a.menu-item-1-unfold:hover, a.menu-item-1-unfold:active {
	background-color: #edc77b !important;
	background-image: url(/dios/images/menu/menu_button_bg_n.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #edc77b;
	color: #FF4E00;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-decoration: none;

	box-shadow: 0 0 7px #edc77b;
	-moz-box-shadow: 0 0 7px #edc77b;
	-webkit-box-shadow: 0 0 7px #edc77b;
}

a.menu-item-1-fold:active, a.menu-item-1-unfold:active {
	background-color: #edc77b;
	background-image: none;
	text-decoration: none;
}


/****************************************************************************************************/

/**
 * Priority Areas
 */
div.menu-item-pa, div.menu-item-pro {
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-pa-fold:link, a.menu-pa-fold:visited,
a.menu-pro-fold:link, a.menu-pro-fold:visited {
	margin-left: 12px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

a.menu-pa-unfold:link, a.menu-pa-unfold:visited,
a.menu-pro-unfold:link, a.menu-pro-unfold:visited {
	margin-left: 12px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 1px solid #fff192;
	background-color: #ffffcc;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

/**
 * Domains
 */
div.menu-item-dom {
	padding-left: 3px;
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-dom-fold:link, a.menu-dom-fold:visited {
	margin-left: 12px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

a.menu-dom-unfold:link, a.menu-dom-unfold:visited {
	margin-left: 12px;
	display: block;
	background-color: #ffffcc;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 4px solid #fff192;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/**
 * Reflections
 */
div.menu-item-ref {
	padding-left: 3px;
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-ref-fold:link, a.menu-ref-fold:visited {
	margin-left: 12px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

a.menu-ref-unfold:link, a.menu-dom-unfold:visited {
	margin-left: 12px;
	display: block;
	background-color: #ffffcc;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 4px solid #fff192;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/**
 * Objectives
 */
div.menu-item-obj, div.menu-item-fa {
	padding-left: 12px;
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-obj-fold:link, a.menu-obj-fold:visited,
a.menu-fa-fold:link, a.menu-fa-fold:visited {
	margin-left: 12px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

a.menu-obj-unfold:link, a.menu-obj-unfold:visited,
a.menu-fa-unfold:link, a.menu-fa-unfold:visited {
	margin-left: 12px;
	display: block;
	background-color: #ffffcc;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 4px solid #fff192;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/**
 * Indicators
 */
div.menu-item-ind {
	padding-left: 30px;
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-ind-fold:link, a.menu-ind-fold:visited {
	margin-left: 30px;
	display: block;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

a.menu-ind-unfold:link, a.menu-ind-unfold:visited {
	margin-left: 30px;
	display: block;
	background-color: #ffffcc;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 4px solid #fff192;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/**
 * Strategies and Activities
 */
div.menu-item-stract {
	padding-left: 30px;
	display: block;
	text-decoration: none;
	position: relative;
}

a.menu-stract-fold:link, a.menu-stract-fold:visited {
	margin-left: 30px;
	display: block;
	background-color: #ffffcc;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

a.menu-stract-unfold:link, a.menu-stract-unfold:visited {
	margin-left: 30px;
	display: block;
	background-color: #ffffcc;
	/*border-left: 4px solid #CCCCCC;*/
	border-left: 4px solid #fff192;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	text-decoration: none;
}

/****************************************************************************************************/

/**
 * National
 */
.menu-national {
	display: block;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #e9ecff;
	width: inherit;
	background-image: url(/dios/images/menu/menu_button_cnr_n.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
	text-decoration: none;
}

a.menu-national:link, a.menu-national:visited {
	/*color: #003366;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}

a.menu-national:hover, a.menu-national:active {
	background-color: #edc77b !important;
	background-image: url(/dios/images/menu/menu_button_bg_n.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #edc77b;
	color: #FF4E00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;

	box-shadow: 0 0 7px #edc77b;
	-moz-box-shadow: 0 0 7px #edc77b;
	-webkit-box-shadow: 0 0 7px #edc77b;
}

a.menu-national:active {
	background-color: #edc77b;
	background-image: none;
	text-decoration: none;
}


/**
 * Common Pool
 */

.menu-commonpool {
	display: block;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #DDDDFF;
	width: inherit;
	/*background-color: #fcfcff;*/
	background-image: url(/dios/images/menu/menu_button_cnr_c.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
	text-decoration: none;
}

a.menu-commonpool:link, a.menu-commonpool:visited {
	/*color: #003366;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
a.menu-commonpool:hover, a.menu-commonpool:active {
	background-color: #adadcd !important;
	background-image: url(/dios/images/menu/menu_button_bg_c.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-color: #A4A4BF;
	color: #FF4E00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;

	box-shadow: 0 0 7px #adadcd;
	-moz-box-shadow: 0 0 7px #adadcd;
	-webkit-box-shadow: 0 0 7px #adadcd;
}
a.menu-commonpool:active {
	background-color: #ADADCD;
	background-image: none;
	text-decoration: none;
}


/**
 * Local
 */

.menu-local {
	display: block;
	padding-left: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #DDDDFF;
	width: inherit;
	background-image: url(/dios/images/menu/menu_button_cnr_l.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: left;
	text-decoration: none;
}

a.menu-local:link, a.menu-local:visited {
	/*color: #003366;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;
	text-align: left;
}
a.menu-local:hover, a.menu-local:active {
	background-color: #E9ECFF !important;
	background-image: url(/dios/images/menu/menu_button_bg_l.gif);
	background-repeat: repeat;
	border-color: #b9d3ff;
	color: #FF4E00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-decoration: none;

	box-shadow: 0 0 10px #b9d3ff;
	-moz-box-shadow: 0 0 10px #b9d3ff;
	-webkit-box-shadow: 0 0 10px #b9d3ff;
}
a.menu-local:active {
	background-color: #b9d3ff;
	background-image: none;
	text-decoration: none;
}