/*
 * All styles are written by Andres Gonzalez (c) 2008 - CIESIN, Columbia University
*/

/* create cross-browser defaults */
@import url(/css/undohtml.css);
/*
global elements
*/
html, body:not(.newtext), #wrapper, #wrapper_files{ margin:0; }
body{
	background:transparent url(/imgs/bg_design.gif) top left repeat-x;
	font:0.85em/1.3 Helvetica, Arial, sans-serif;
	line-height:1.6em;
	color:#002288;
}

body.newtext {
	font: 100 0.85em/1.6em Helvetica,Arial,sans-serif;
	color:#002288;
	background:transparent url(/imgs/bg_design.gif) top left repeat-x;
}

#wrapper{
	width: 975px;
	text-align:center;
	margin: auto;
}
#wrapper_files{
	width:975px;
	text-align:center;
}
/*
global mgds header: title, search
*/
#mgds-header-banner{
	position:absolute;
}
#mgds-header-banner img{
	width:975px;
	height:130px;
}
/*img[src='/imgs/header/menu_top.png'] {
	width:975px;
}*/

#mgds-header {
    height: 36px;
    padding-bottom: 4px;
    position: relative;
    width: 975px;
	text-align:left;
}
#mgds-header h1 {
    height: 38px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 404px;
}

/*
page header: banner & menu
*/
#page-header{
	margin:5px auto 0 auto;
	width:975px;
	height:130px;
	font:100 1em Helvetica,Arial,sans-serif;
	text-align:center;
	position:absolute;
}
#page-header h1{
	padding:1px 0 0 0;
	font: 100 2.3em Helvetica,Arial,sans-serif;
	text-shadow: 1px 0px 0px #F0F8FF, 1px 1px 0px #F0F8FF, 0px 1px 0px #F0F8FF, 
		-1px 1px 0px #F0F8FF, -1px 0px 0px #F0F8FF, -1px -1px 0px #F0F8FF, 
		0px -1px 0px #F0F8FF, 1px -1px 0px #F0F8FF; 
}
#page-header h1 a{
	color:#002783;
	text-decoration:none;
}

#page-header a:hover{
	border-bottom:1px dotted;
}
/*
menu
*/
div#menu-wrap {
	/*background-color: #224488;*/
	background-image: -webkit-linear-gradient(top, #224488, #153088);
	background-image: -moz-linear-gradient(top,  #224488, #153088);
	background-image: -ms-linear-gradient(top, #224488, #153088);
	background-image: -o-linear-gradient(top, #224488, #153088);
 	border-radius: 7px;
 	padding: 5px;
 	border: 0;
 	float:left;
 	width:965px;
 	z-index:999;
	position:relative;
}

ul#menu, ul#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

ul#menu{
	margin-left:6px;
	font:normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:999;
}

ul#menu li{
	margin:0 0.15em;
	float:left;
	position:relative;
	z-index:999;
}

ul#menu li a{
	padding:0.2em 1.25em 0.35em 1.25em;
	border:0;
	color: white;
	border-right: 1px solid white;
	display:block;
}
ul#menu li a:hover, ul#menu > li:hover > a, ul#menu li a.cur{
	color:#fff;
	background:transparent url('/imgs/menu_hover_bg.gif') repeat top left;
}

ul#menu li a img{
	margin-left:-0.5em;
	vertical-align:baseline;
}

ul#menu li ul{
	padding:0.25em 0;
	border-top:none;
	text-align:left;
	position:absolute;
	left:-999em;
	z-index:999;
	background-color: #224488;
	background-image: -webkit-linear-gradient(top, #224488, #153088);
	background-image: -moz-linear-gradient(top,  #224488, #153088);
	background-image: -ms-linear-gradient(top, #224488, #153088);
	background-image: -o-linear-gradient(top, #224488, #153088);
 	border-radius: 7px;
}
ul#menu li ul li{
	margin:0;
	padding:0;
	border:0;
	z-index:999;
}
ul#menu li ul li a{
	margin:0.1em 0;
	padding:0.2em 0 0.4em 1.25em;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	border-right: 0;
}
ul#menu li ul li a:hover, ul#menu li ul li a.cur{
	border-top:1px solid #1c357b;
	border-bottom:1px solid #1c357b;
}
ul#menu li ul, ul#menu li ul li{ width:14em; }
ul#menu li:hover ul, ul#menu li.submenu ul{
	/* left is being used instead of display:none/block.
	 * display none hides content in some screen readers,
	 * this is a more accessible way of handeling it.
	*/
	left:0;
	/* attribute below fixes a bug in IE7, which causes
	 * submenus who's sibiling anchor have a class with a
	 * background property (currently highlighted menu item)
	 * to not render properly
	 * 
	 * this is due to the common IE hasLayout bug.
	 * the attribute, like many others, will trigger "hasLayout"
	 * and allows proper rendering of the submenu element.
	*/
	min-height:0;
}
#menu_search_link {
	float: right;
	margin-right: 10px;
}
#menu_search_button {
	background-image: -webkit-linear-gradient(top, rgb(187, 187, 187), rgb(68, 68, 68));
	background-image: -moz-linear-gradient(top, rgb(187, 187, 187), rgb(68, 68, 68));
	background-image: -ms-linear-gradient(top, rgb(187, 187, 187), rgb(68, 68, 68));
	background-image: -o-linear-gradient(top, #224488, #153088);
	border-radius: 7px 7px 7px 7px;
	padding: 2px 6px;
	color: rgb(255, 255, 255);
}
#container {
	float:right;
	margin-top:10px;
	position:relative;
	z-index:2;
}
/*
content area & common elements
*/
#content{
	position: relative;
 	margin-top:-20px;
 	padding:10px;
	padding-top:25px;
	text-align:left;
	z-index:1;
	clear:left;
	width:955px;
	overflow-x:visible;
	background-color: #FFFFFF;
 	border-radius: 7px;
}
/* common text elements */
#content p{ margin:0.5em 0 1em 0; }

#content h2{
	margin:0.3em 0 0.5em 0;
	border-bottom:1px solid #002783;
	text-decoration: none;
	font: 100 2.3em/1em Helvetica,Arial,sans-serif;
	letter-spacing:-1px;
	padding-bottom:1px;
	color:#002783;
}
#content h3{
	margin:1.2em 0 0.5em 0;
	padding-bottom:0.15em; 
	border-bottom:1px dotted #002288;
	font: 100 1.5em/1em Helvetica,Arial,sans-serif;
	color:#002783;
}
#content h4{
	margin:1em 0 0.25em 0;
	font: 500 1.25em/1em Helvetica,Arial,sans-serif;
	color:#002783;
    //border-bottom: 1px solid #A7B7DE
}
#content info_text{
	margin:1em 0 0.25em 0;
	font:italic .95em Helvetica,Arial,sans-serif;
	color:grey;
}

/* lists */
#content ul, #content ol, #content dl{
	margin-left:3.5em;
}
#content ul{ list-style:circle outside; }
#content ol{ list-style:lower-roman outside; }
#content ol ol {list-style:lower-alpha outside; }
#content li{
	margin-bottom:0.3em;
}
#content ul#toc{
	list-style:none;
}
#content ul#toc li{
	margin-bottom:0.25em;
	list-style:decimal outside;
}
#content ul#norm_tabs{
    list-style:none !important;
}

#content dl dt, #content dl dd{ padding-bottom:0.5em; }
#content dl dt{
	float:left;
	color:#002783;
	width:8em;
	text-align:right;
}
#content dl dd{
	margin-left:9em;
} 

/* tables */
#content table{
	margin:0.5em 0 1em 0;
	border-collapse:collapse;
}
#content table caption{
	color:#002783;
	font-style:italic;
	font-size:0.95em;
}
#content table th, #content table tfoot{ color:#002783; }
#content table td, #content table th{
	padding:0.25em 0.75em;
}
#content table thead th, #content table tfoot td{
	border-top:1px dotted;
	border-bottom:1px dotted;
	padding:0.15em 0.75em;
}

#content table.left_header{
	border-top:1px dotted;
}
#content table.left_header tfoot td{
	border-bottom:0;
}

/* links */
#content a, #footer a{
	padding:0 1px 0 1px;
}
#content a:link, #footer a:link{
	text-decoration:none;
	border-bottom:1px solid #506da8;
	color:#039;
}
#content a:visited, #footer a:visited{
	text-decoration:none;
	border-bottom:1px solid #8969cc;
	color:#63c;
}
#content a.information, #footer a.information{
	text-decoration:none;
	padding-right:12px;
	padding-top:10px; 
	background:transparent url(/imgs/icons/question.png) center right no-repeat;
}
/* the following is only for IE
*/
#content a.information span, #footer a.information span{
	margin:0;
	padding:0 0 4px 0;
	width:17px; height:14px;
	display:inline-block;
	background:transparent url(/imgs/icons/question.png) center right no-repeat;
	vertical-align:bottom;
}

#content a.external, #footer a.external{
	padding-right:13px;
	background:transparent url(/imgs/external.gif) center right no-repeat;
}
/* the following is only for IE
*/
#content a.external span, #footer a.external span{
	margin:0;
	padding:0 0 4px 0;
	width:10px; height:14px;
	/*display:inline-block;*/
	/*background:transparent url(/imgs/external.gif) center right no-repeat;*/
	vertical-align:bottom;
}

#content a.top{
	margin:0;
	padding:0 2px 0 18px;
	border-bottom:1px dotted;
	text-align:right;
	font-size:0.85em;
	background:transparent url(/imgs/top_icon.gif) top left no-repeat;
}
#content a.noline {
	text-decoration:none;
	border:none;
	color:#039;
}
#content a.noline{
	text-decoration:none;
	border:none;
	color:#63c;
}
/* must go last to override any other settings */
#content a:hover, #footer a:hover, #portal_menu ul li a.cur{
	text-decoration:none;
	border-bottom:1px solid #aac9ef;
	color:#285179;
	background-color:#e9f0ff;
}

/* others */
#content acronym, #footer acronym{
	cursor:help;
}
#content blockquote{
	margin: 0.5em 4em 0.5em 8em;
	padding-left:1em;
	border-left:1px dotted #ccc;
	font-size:0.95em;
}
#content pre{ font-size:1.1em; }
#content .indent{ margin-left:1.5em; }

/*global classes*/

.disabled{
	color:#c3d1df;
}
.partner_logo{
	margin:0 0.5em 0.25em 0;
	float:left;
}
.horz_toc,.horz_toc li {
	display:inline;
}
.horz_toc li a{
	margin:0 0.75em;
}
div.img_list img{
	margin:0.5em;
	padding:0;
}
div.img_list a{
	height:100%;
}
em.caption{
	font-size:0.85em;
}

/*
 * Home
*/
#content #home_main{
	margin-right:15.5em;
}
#content #home_panel{
	width:13.5em;
	float:right;
}
#content #home_panel h3{ margin-top:0; }
#content #home_panel ul{
	margin-bottom:2em;
	margin-left:2.5em;
}
/*
 * portal layout items (content section, right side menu, data sets section)
*/
#portal_menu{
	float:left;
	font:normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:15em;
}
#portal_menu ul{
	margin:0 0 2em 1.75em;
	padding:0;
	list-style:circle;
}
#portal_menu ul li{
	margin:0.5em 0;
	padding:0;
}
#portal_menu ul li a.cur{
	background:none;
	font-weight:bold; /* other styles are applied from a:hover above */
}
#portal_menu ul li a.cur:after{ content: " \BB"; }
#portal_menu h3{ margin:0; }
#portal_menu select{
	margin:0.5em 0;
	padding:0;
	border:1px inset #002783;
	width:13.75em;
	color:#002783;
	/* this is set to display:block by javascript, <select> not needed if js is disabled*/
	display:none;
}
#portal_menu select option{
	margin:0.25em 0 0.25em 0.5em;
}
#portal_menu select option.null{
	margin-left:0;
	color:#666;
}
#portal_menu div.study_site{
	padding:1em 0 2em 0.5em;
	width:13.75em;
}
#portal_menu div.study_site h4{
	margin:0 0 0.5em 0;
	font-size:1.3em;
	font-weight:normal;
	color:#002783;
}
#portal_menu div.study_site h5{
	margin:0.5em 0 0.5em 1.25em;
	font-weight:normal;
}
#portal_menu div.study_site ul{
	margin-left:3em;
	list-style:circle;
}
#portal_menu div.study_site ul li{
	margin:0 0 0.25em 0;
	padding:0 0 0.4em 0;
}
#portal_content{
	margin-left:15em;
}

#data_link input.Button{
	color: #002783;
	font-size: 200%;
	font-weight: bold;
	font: 100 2.3em Helvetica,Arial,sans-serif;
	background : #C9D7E6 none;
}

/*
tabbed interface
NOTE: wrapping div for items below is actually set to 'noJs' and is
changed to 'yesJs' by javascript. this means rules below are applied
only if js is enabled.
*/

div.yesJs ul#tabs{
	margin:0;
	padding:1px; /* fixes IE bug, removes added margins by IE */
	list-style:none;
	font-size:0.95em;
}
div.yesJs ul#tabs li{
	margin:0;
	padding:0 0 0 0.5em;
	float:left;
}
div.yesJs ul#tabs li a:link{
	border:1px solid #002288;
	padding:0.15em 0.4em;
	color:#3b7bbf;
	background:#e0e7ef;
	float:left;
	display:block;
}
div.yesJs ul#tabs li.curTab a:link{
	border-bottom:1px solid #fff;
	background:#fff;
	position:relative; /* without this IE does not place tab ontop of .tabContent */
	color:#039;
}
div.yesJs ul#tabs li a:hover{
	background:#fff;
	color:#039;
}
div.yesJs div.tabContent{
	margin:-1px 0 2em 0;
	padding:0 0.5em;
	border:1px solid #002288;
	background:#fff;
	float:left;
	width:98%;
	clear:both;
}
div.yesJs div.tabIframe{ padding:0.25em; }
div.yesJs div.tabIframe iframe{
	width:100%;
	height:50em;
	border:none;
}

/* specific to 'contribute data' page
*/
#content div.mdf_download{
	margin-bottom:1em;
	width:15em;
	float:left;
}
#content div.mdf_download h5{ margin:1em 0;}
#content div.mdf_download h5 a:link, #content div.mdf_download h5 a:visited{
	padding:2px 30px 3px 2px;
	border-bottom:none;
	font-weight:normal;
	font-size:1.4em;
	background:transparent url('/imgs/icons/download_sm.gif') center right no-repeat;
}
#content div.mdf_download h5 a:hover{
	background:#e9f0ff url('/imgs/icons/download_sm.gif') no-repeat center right;
	border-bottom:1px solid #aac9ef;
}
#content div.mdf_description{ margin-left:18em; }

/*
GMRT styles
*/
#content #map{
	margin:0 10px 2em 0;
	width: 600px;
	height: 500px;
	float:left;
	border: 1px solid #002288;
}
#gmrt fieldset,#cmg fieldset{
	margin:0.5em 0 2em 0;
	padding:0.25em 0.1em 0.25em 0.75em;
	border:1px solid #002288;
}
#gmrt fieldset legend,#cmg fieldset legend{ color:#002783; }
#gmrt label, #gmrt input,#cmg label,#cmg input{	display:block; }

#gmrt input, #gmrt select,#cmg input,#cmg select{
	padding:0.1em 0.25em;
	margin-bottom:3px;
	border:1px inset #002288;
}
#gmrt select,#cmg select{ padding:0; }
#gmrt input:focus, #gmrt select:focus,#cmg input:focus, #cmg select:focus{ background:#e0e7ef; }

#gmrt input.button,#cmg input.button{
	margin:1em auto;
	padding:0.25em 0.5em;
	border:1px outset #002288;
	background:#eff7ff;
}
#gmrt input.button:focus,#cmg input.button:focus{ border:1px inset #002288; }

/*
Data Link
*/
div.two_col{
	margin:0 1% 0 0;
	padding:0 0 3em 0;
	width:49%;
	float:left;
}
div.one_col{
	margin:0 1% 0 0;
	padding:0 0 3em 0;
	width:99%;
	float:left;
}
#data_link fieldset{
	margin:0 0 0.5em 0;
	padding:1em 0.5em;
}
#data_link fieldset label{ display:block; }
#data_link fieldset table{
	text-align:center;
	border-collapse:collapse;
}
#data_link fieldset table input{
	margin:0 2em 0 0;
	width:4em;
}
#data_link fieldset table label{ margin-right:2em; }
#data_link fieldset em{
	margin:-1.5em 0 1em 0;
	display:block;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#002783;
}
#data_link fieldset div.toggle_visible{
	margin-left:1.5em;
	padding-left:1em;
	border-left:1px dotted #a4c6ef;
}
#data_link fieldset legend{
	padding:0 0.25em;
	font:normal 1.2em Helvetica,Arial,sans-serif;
	color:#002783;
}
#data_link fieldset legend a:link, #data_link fieldset legend a:visited, #data_link fieldset legend a:hover{
	border-bottom:none;
}
#data_link fieldset fieldset{  padding:0.5em 0.5em 0 0.5em; }
#data_link fieldset fieldset legend{
	padding:0 0.25em;
	font:inherit;
	color:#002288;
}
#data_link fieldset input, #data_link fieldset select{ margin-bottom:1.25em; }

#data_link fieldset ul.horz_radio_btns{
	margin:0 0 1.25em 0;
	padding:0;
	list-style:none;
}
#data_link fieldset ul.horz_radio_btns li{
	display:inline;
	margin-right:2em;
}
#data_link fieldset ul.horz_radio_btns li input{
	margin:0;
	vertical-align:middle;
}
#data_link fieldset ul.horz_radio_btns li label{
	padding:0 0.25em;
	display:inline;
}
#data_link div.center{
	margin:1em auto;
	padding:0.5em;
	text-align:center;
}
#data_link div.right{
	margin:1em auto;
	padding:0.5em;
	text-align:right;
}
#data_link div.toggle_message{
	text-align:center;
	font: 100 1.2em Helvetica,Arial,sans-serif;
	color:#7DA8DF;
}
#data_link .expanded {
	border:1px solid #ddd;
	padding: 2px;
}
/*
footer
*/
#footer{
	margin-bottom: 12px;
 	padding:5px 10px;
 	background:none repeat scroll 0 0 #EFEFFF;
	text-align:center;
	font: 100 0.9em Helvetica,Arial,sans-serif;
 	width:955px;
	clear:both;
	border-radius:7px;
}
#footer p{
	margin:0.25em auto;
	text-align:center;
}
#footer p.legal a{
	margin:0 0.5em;
}