/*-------------------------------------------------------------
[Table of Contents]

1. Body
	1a. Typology/ body, p, h1, h2, h3, a, a:link, ul, li  
	1b. Background image/ .dropshadow
2. Header/ #mprHeader
3. Content/ #mprContent
4. Footer/ #mprFooter	
5. pdf

--------------------------------------------------------------*/


html{
	background:#676767;
}


/*-------------------------------------------------------------
1. Body
--------------------------------------------------------------*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

/*-------------------------------------------------------------
1a. Typology
--------------------------------------------------------------*/
p{
	padding:1em;

}

h1{
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    color: #a1a783;
}

h2{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color:#a1a783;
}

h3{
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
	padding:1em;
	color:#CCCCCC;
}

a{
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#666666;
	font-weight:normal;
}

a:link {
	color: #567a8a;
	text-decoration: underline;
	font-weight: normal;
}

a:hover{color:#8CB23F; text-decoration:none;}

ul{
	margin-left:2em;
}

img
{
	margin:0;
}


/*-------------------------------------------------------------
1b. Background image
--------------------------------------------------------------*/
.dropShadow{
    background:url(../images/shadowAlpha.png) bottom right !important;
	padding: 0 7px 7px 0;
}

/*-------------------------------------------------------------
2. Header
--------------------------------------------------------------*/
#mprHeader{
	/*height:70px;*/
	padding:40px 20px 0 40px;
 	background-color:#fff;
}	

#mprHeader img
{
	margin-left:-5px;
}

/*-------------------------------------------------------------
3. Content
--------------------------------------------------------------*/
#mprContent{
	height:auto;
	background-color:#ffffff;
	padding:10px 50px 0px 25px;
}

#mprContent a, .right-content p a {
	color: #8CB23F;
	text-decoration: none;
}

#mprContent a:hover, .right-content p a:hover, span.footnote a:hover {
	color: #4e584f;
}

#contentPhoto{
	padding:1em;
	float:right;
}
/*-------------------------------------------------------------
4. Footer
--------------------------------------------------------------*/	
#mprFooter{
	height:40px;
	background-color:#ffffff;
	padding-right:61px;
	*padding-right:40px;
}	

#mprFooter p
{
	float:right;
	display:block;
	width: 600px;
	text-align:right;
	border-top:1px solid #c4c4c4;
	font-size: 10px;
}


.addToContent {
 	text-align: center;
 	padding:3px; 
}
.addTo {
	background-color: #f8f8f8;
	border:1px  #bbbbbb solid; 
	padding:1px; 
	width: 560px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
	margin: auto; 
	text-align:center;
}
.addTo img {
	vertical-align: middle;
	padding: 1px 2px 1px 6px;
	cursor:pointer;
}
.addTo dl {
  	background-color: #fbfbfb;
  	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
.addTo dd {
	display: inline;
	list-style: none; 
	padding:1px; 
	margin:0px;
	cursor:pointer;
}
.addToAbout{
	display: inline;
	list-style: none; 
	padding:1px; 
	margin:0px;
	font-weight: bold;
	cursor:help;
}
.addToHeader{
	padding:1px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	background-color:#666666; 
	color:#FFFFFF;
	cursor:help;}
/*  the next 2 styles are only for horizontal 2 row layouts */
.addTo2Row {
	background-color: #f8f8f8;
	border:1px  #bbbbbb solid; 
	padding:1px; 
	width: 270px; height:65px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
	margin: auto; 
	text-align:left; 
	overflow:visible;
}
.addToFloat{
	float:left; 
	text-align:left; 
	padding:3px;
	cursor:pointer;
}
/*  the next section of styles are only for vertical layouts */
.addToV {
	background-color: #f8f8f8;
	border:1px  #bbbbbb solid; 
	padding:1px; 
	width: 90px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
	margin: auto; 
	text-align:left;
}
.addToVNoImg{
	background-color: #f8f8f8;
	border:1px  #bbbbbb solid; 
	padding:1px; 
	width: 60px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px;
	margin: auto; 
	text-align:left;
}
.addToV img {
	vertical-align: middle;
	padding: 1px 2px 1px 3px;
	cursor:pointer;
}
.addToV dl, .addToVNoImg dl {
  	background-color: #fbfbfb;
  	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
.addToV dd, .addToVNoImg dd {
	list-style: none; 
	padding:1px; 
	margin:0px; 
	cursor:pointer; 
}
.addToAboutV{
	list-style: none; 
	padding:1px;
	font-weight: bold;
	cursor:help;
}


/*-------------------------------------------------------------
5. pdf 
--------------------------------------------------------------*/	

.draggable-item a.remove-item {display:none;}

#accordion
{
	margin:15px 20px 15px 65px;
	width:382px; 
	margin-top:8px;
}

#droppable-wrapper
{
	margin:-16px 35px 10px 65px;
	padding: 0 0 30px 0;
	border:1px solid #C3DC76;
	width:380px;
	min-height:190px;
}

#accordion h3
{
	color: #717567;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: bold;
	font-family: Arial;
}

.head
{
	padding: 10px 10px 10px 15px;
	background: #C3DC76;
	margin-bottom: 2px;
	cursor:pointer;
	}
	
#sortable-list
{
	margin: 0;
	width: 380px;
	}
	
li.ui-draggable {
	border: 1px solid #C3DC76 !important;
	margin: 5px 0;
}

#sortable-list li {
	border: 1px solid #C3DC76 !important;
	margin: 2px 2px;
}
	
.hidden
{
	display: none;	
	}

.chart
{

}

#index-chart
{
}

.additional
{
	width:400px;
	*width:375px;
	float:right;
	margin-top: -365px;
}

#view-reports
{
	margin-left:15px;
}

.reports_icon {
	float: left;
	margin: 0 0 0 30px;
}

.pdfcolumn {
	padding-left: 20px;
}

.pdfheader {
	padding-left: 85px !important;
}

.section-title
{
	padding:10px 0 10px 65px;
	color:#666666;
	font-size:18px;
	font-family: Arial;
	line-height:26px;
	letter-spacing:.8px;
	margin-bottom:20px;
}

.left-title
{
	padding:10px 0 10px 0;
}
.right-content
{
	padding-left:25px;
}

.left-content
{
	margin-left:450px;
}

.left-box
{
	border:1px solid #c4c4c4;
	width:420px;
	padding: 0 0 0 10px;
}

.pager a,
.pager
{
	font-size:17px;
	color: #666666;
	cursor:pointer;
	font-weight:normal;
	float:right;margin-right:60px;
}

.pager a:hover{color:#8CB23F; text-decoration:none;}


#back
{
	display:none;
}

#trendNumber2,
#trendNumber3,
#trendNumber4,
#trendNumber5,
#trendNumber6,
#trendNumber7,
#trendNumber8,
#trendNumber9,
#trendNumber10,
#trendNumber11
{
	display:none;
}


.featured
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:-13px;
	z-index:2000;
	position:relative;
	background-color:#fff;
	width:170px;
	margin-left:35px;
	color: #808080;
	padding: 0 15px;
}

#nav{margin-bottom:30px;margin-left:33px;margin-top:-12px;background-color:#ffffff;}
#nav ul{list-style-type:none;}
#nav li {display:inline; float:left; }
#nav a{padding-left:3px; font-size:11px; font-weight:normal; color:#666666; text-decoration:none;}
#nav a:hover{color:#8CB23F; text-decoration:none;}
#nav a:visited{text-decoration:none;}
#nav a.active{color:#8CB23F;}
body{color:#666666;}
h2{font-size:17px;padding-left:10px;line-height:26px; color:#8CB23F;font-weight:normal;}
p{padding-top:0;}
.right-content p{font-size:13px; line-height:26px; padding-left:10px;}
.right-content p a {}
.left-box{font-size:11px;}
.left-content{}
.right-content{width:400px; float:left;}
#mprFooter{padding-top:50px;}
#mprFooter a { text-decoration: none; color: #666666; }
#mprFooter a:hover { color: #8CB23F; }
.aboutdata{background-color:#f2f2f2; margin-left:36px;margin-right:33px; margin-top:36px; clear:both;}
.aboutdata p{line-height:18px;font-size:11px;}
.aboutdata h2{color:#8CB23F; font-size:12px; font-weight:bold; padding-top:5px;}
.aboutdata a {color: #8CB23F;
	text-decoration: none;}
.aboutdata a:hover{color: #4e584f;}
p.indicator{margin-left:15px;font-size:18px; letter-spacing:.8px;line-height:26px;margin-bottom:0px;padding-bottom: 0;}


/* Rollover for index report/generate buttons */
a.viewreport {

	display: block;
	width: 92px;
	height: 38px;
	text-decoration: none;
	background: url('../img/view_report_roll.jpg');
	}
	
a.viewreport:hover {
	background-position: -92px 0;
	}
	
a.generatereport {
	display: block;
	width: 147px;
	height: 38px;
	text-decoration: none;
	background: url('../img/choose_indicators_roll.jpg');
	}
	
a.generatereport:hover {
	background-position: -145px 0;
	}


/* Landing page indented box */

#landingbox {
	margin: -20px 0 0 60px;
	color:#666666;
	font-size:16px;
	line-height:35px;
	letter-spacing:.8px;
	}
	
#landingbox ul, #landingbox li {
	list-style-type: disc;
	}
	
#landingbox a {
	color: #666666;
	text-decoration: none;
	}
	
#landingbox a:hover {
	color: #8CB23F;
	}
	
.landfloat {
	float: left;
	width: 42%;
}

.landfloat p {
	font-size: 13px;
	line-height: 22px;
	padding-left: 5px !important;
}

.landfloat p a {
	color:#8CB23F !important;
}

.landfloat p a:hover {
	color:#4E584F !important;
}

.landfloat ul {
	font-size: 13px;
	line-height: 18px;
	margin-top: 3px;
	list-style-type: none !important;
	margin-left: 30px;
}

.landfloat li {
	margin-bottom: 10px;
	list-style-type: none !important;
}

.landfloat li img {
	padding-right: 10px;
}

.landfloat h3 {
	padding: 5px 0 10px 10px;
}

.clear {
	clear: both;
}

.login {
	background: #FFF;
	padding: 0 0 0 75px;
}

.login table td {
	padding: 3px 0;
}

.return_button {
	float: right;
	display: block;
	padding: 30px 65px 0 0;
	//margin-bottom:-40px;;
	font-size: 15px;
}

.return_button a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.return_button a:hover {
	color: #8CB23F;
}

#indicator-wrapper{
	width:915px;
}

#bd{
	background-color:#FFFFFF;
}

div.jumpdiv {
	margin-left: 35px;
	padding: 5px 0 15px 0;
}

option.italic {
	font-style: italic !important;;
}

option.grey {
	color: #000;
	font-weight: bold;
}

div.selectindicator {
	margin: -15px 0 10px -10px;
}

.landfloat tr:hover a {
	color: #8CB23F !important;
}

span.footnote {
	font-size: 10px;
	line-height: 14px;
}

span.footnote a {
	color: #8CB23F !important;
	text-decoration: none;
}

span.footnote a:hover {
	color: #4e584f !important;
}