/***
 *
 * COLOURS
 *
 */

{
    /*font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;*/
    font-family: "Arial", sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	text-decoration: none;
	background: #dbdce2;			/* grey (blueish) - setup form, lightest colour */
	padding: 3px;
}

a {
	color: #336699;					/* blue */
}

a:hover, a:hover font {
	color: #003366;					/* blue */
}

div.seperator {
	background-color: #BDD1D0;		/* blue */
}

/* Setup form - lightest colour */
.palepanel, .oddRow, #rollover a:hover, .sidebar, .browseBar, .browseBarLabel, .itemListCellEven, .metadataFieldValue, .navigationBar, .navigationBarItem, .navigationBarSublabel {
	background-color: #F2ECDC;
}

/* Setup form - lightest colour */
.pageBanner {
	color: #d4c8bf;
 }

/* Setup form - middle colour */
.midpanel, .submitFormLabel, .metadataFieldLabel, .orMyOrTableHeader, .itemListCellOdd {
    background-color: #898989;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

/* Setup form - darkest colour */
.darkpanel, .searchpanel, .infopanel, .navigationArrowItem, .browsecell, .browseTab, .menubar {
	background-color: #006351;
}

/* Setup form - darkest colour */
.orMyOrTableSubHeader, .communityLink, .collectionListItem, .navigationArrowItem {
	color: #006351;
}

/* Setup form - logo background */
.headerbackground {
	background-color: #ffffff;		/* white */
}

h1, h2, h3 {
	color: #003333;					/* blue (greenish) */
}

.miscListItem {
	color: #24a09e;					/* blue (greenish) */
}

.errRowOddCol, .errRowEvenCol {
	color: #000000;					/* black */
	background-color: #ffd2a7;		/* orange/brown */
}

.userNotification {
	color: #404040;					/* grey */
	background-color: #ffff80;		/* grey (yellow/brown) */
}

.browsecell, .browseTab, .menubar, .navbar, .quicksearch, .goToTop, .navigationBar, .navigationBarSublabel {
	color: #ffffff;					/* white */
}

body, .pageContents, .pageBanner, .evenRow, .mainpanel, .researcherPageAboutBackground, .orMyOrTableSubHeader, .help {
	background-color: #ffffff;		/* white */
}

body, .pageContents, p, .button, .itemDisplayTable, .help h2, .navbar-select, .info, .smallinfo, .sidebar,
.copyrightText, .mostRecentAuthor, .orItemDisplayTable, .orButton, .orButton:link, .orButton:visited,
.orButton:hover, .orButton:active, .orShortButton, .orShortButton:link, .orShortButton:visited,
.orShortButton:hover, orShortButton:active, .browseBar, .browseBarLabel, .itemListCellEven,
.metadataFieldValue, .navigationBarItem {
	color: #000000;					/* black */
}

.footerpanel {
	background-color: #cccccc;		/* grey */
}

.standardwhite {
	background-color: #ffffff;		/* white */
}

.greycell {
	background-color: #999999;		/* grey */
}

.loggedIn {
	color: #ffffff;					/* white */
	background-color: #000000;		/* black */
}

.browseTabSel, .miscTable, .miscTableNoColor, .oddRowOddCol, .oddRowEvenCol {
	color: #000000;					/* black */
	background-color: #ffffff;		/* white */
}

.itemListCellHilight, .highlightRowOddCol, .highlightRowEvenCol {
	color: #000000;					/* black */
	background-color: #cccccc;		/* grey */
}

.topNavLink, .recentItem {
	color: #666666;					/* grey */
}

.submitFormWarn, .formConfirm {
	color: #ff0000;					/* red */
}

.evenRowOddCol, .evenRowEvenCol {
	color: #000000;					/* black */
	background-color: #F2ECDC;		/* grey */
}

table.orMyOrTable {
	border-color: #D7D7D7;			/* black */
}

/**
 *
 * Other layout definitions
 *
 */
a					{ text-decoration: none; }

a:hover				{ text-decoration: underline; }

a:hover font		{ text-decoration: underline; }

div.seperator {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    height: 1px;
}
				  
div.seperator hr	{ display: none; }

.navbar	{
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.navbar-select {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.quicksearch {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.browse {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.browsecell {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.info {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.smallinfo {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.standard {
    color: #555555;
    font-family: "Arial","Helvetica",sans-serif;
    font-size: 11px;
    margin: 5px 0;
    text-decoration: none;
}

.standardwhite {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	text-decoration: none;
}

h3 {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	text-decoration: none;
}

#rollover a:hover	{ text-decoration: underline; }

body {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	margin: 0;
	padding: 0;
}

h1 {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14pt;
	text-decoration: none;
	font-family: "Arial", sans-serif;
}

h2 {
    color: #888888;
    font-family: Arial;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none;
}

p {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
}

ul {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
}

.button {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
}

.pageBanner {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.locationBar {
	font-size: 10pt;
	font-family: "Arial", sans-serif;
	text-align: left;
}

.centralPane {
	margin: 0px;
	vertical-align: top;
	padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
	border: 0;
}

.pageContents {
	font-family: "Arial", sans-serif;
	vertical-align: top;
	width: 100%;
}

.loggedIn {
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

.communityLink {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.communityDescription {
	margin-left: 20px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	list-style-type: none;
}

.collectionListItem {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

.collectionDescription {
	margin-left: 20px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	list-style-type: none;
}

.miscListItem {
	margin-left: 20px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	list-style-type: none;
}

.copyrightText {
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	font-style: italic;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	list-style-type: none;
}

.browseBarLabel {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

.browseBar {
	font-family: "Arial", sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

.itemListCellOdd {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
}

.itemListCellEven {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
}

.itemListCellHilight {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
}

.topNavLink {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	text-align: center;
}

.submitFormLabel {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
    padding: 5px;
}

.submitFormHelp {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
}

.submitFormWarn {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

.formConfirm {
	font-family: "Arial", sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

.uploadHelp {
	margin-left: 20px;
	margin-right: 20px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	text-align: left;
}

.submitFormDateLabel {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
}

.submitProgressTable {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: center;
	white-space: nowrap;
}

.submitProgressButton		{ border: 0 }

.miscTable {
    font-family: "Arial",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 10px;
}

.miscTableNoColor {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
}

.errRowOddCol, .errRowEvenCol {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 3px;
}

.oddRowOddCol, .oddRowEvenCol {
	font-family: "Arial", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 9px;
}

.evenRowOddCol, .evenRowEvenCol {
    font-family: "Arial",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding: 9px;
}

.highlightRowOddCol {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 3px;
}

.highlightRowEvenCol {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	padding: 3px;
}

.itemDisplayTable {
	text-align: center;
	border: 0;
}

.metadataFieldLabel {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	width: 180px; 
	vertical-align: top;
	text-align: right;
	text-decoration: none;
	white-space: nowrap;
	padding: 3px;
}

.metadataFieldValue {
    font-family: "Arial",sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    padding: 5px;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
}  

.recentItem {
	margin-left: 10px;
	margin-right: 10px;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
}

.help {
	font-family: "Arial", sans-serif;
	margin-left: 10px;
}

.help h2 {
	text-align: center;
	font-size: 18pt;
}

.help h3 {
	font-weight: bold;
	margin-left: 0px;
}

.help h4 {
	font-weight: bold;
	font-size: 10pt;
	margin-left: 5px;
}

.help h5 {
	font-weight: bold;
	margin-left: 10px;
	line-height: .5;
}

.help p	{ font-size: 10pt; }

.help table	{
	margin-left: 8px;
	width: 90%;
}

.help table.formats { font-size: 10pt; }

.help ul			{ font-size: 10pt; }

.help p.bottomLinks {
	font-size: 10pt;
	font-weight: bold;
}

.help td.leftAlign	{ font-size: 10pt; }

.help td.rightAlign {
	text-align: right;
	font-size: 10pt;
}

.navigationBarItem {
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}

.navigationArrowItem {
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}

.navigationBarTable {
	width: 100%;
	padding: 2px;
	margin: 2px;
	border: 0;
}

.navigationBar {
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.mostRecentAuthor {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	font-style: italic;		            
	text-decoration: none;
}

.navigationBarSublabel {
	font-family: "Geneva", "Arial", "Helvetica", sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

/* Rollover button */
/* big button */
.orButton {
	display: block;
	background-color: transparent;
	background-image: url(image/buttonBackground_long.gif);
	background-repeat: no-repeat;
	width: 172px;
	height: 25px;
	margin: 0px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
			  
.orButton:hover, .orButton:active	{ background-position: 0 -32px; text-decoration: none; }

/* short button */
.orShortButton {
	display: block;
	background-color: transparent;
	background-image: url(image/buttonBackground_short.gif);
	background-repeat: no-repeat;
	width: 112px;
	height: 25px;
	margin: 0px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
				  
.orShortButton:hover, orShortButton:active	{ background-position: 0 -32px; text-decoration: none; }

/* End: Rollover button */       

/* Main Table in My Open Repository */
table.orMyOrTable {
    border-style: solid;
    border-width: 1px;
    margin-left: 20px;
}

.orMyOrTableHeader {
    font-family: "Arial",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    text-decoration: none;
}

.orMyOrTableSubHeader {
	font-family: "Arial", sans-serif;
	font-size: 12pt;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 9px;
	font-weight: bold;
}
						              
.orMyOrTableLeftColumnAlignRight {
	width: 370;
	text-align: right;
}
									  
.orMyOrTableLeftColumnAlignLeft {
	width: 370;
	text-align: left;
}

.goToTop {
	text-align:right;
	font-size:12px;
	margin-right:10px;
	font-weight: normal;
}

.goToTop:link, .goToTop:visited	{ text-decoration:none; }

.goToTop:hover, goToTop:active	{ text-decoration:underline; }

/* End: Main Table in My Open Repository */

.orItemDisplayTable {
	width: 100%;
	border: 0;
}

.textAlignLeft		{ text-align: left; }

.textAlignCenter	{ text-align: center; }

.smalltext			{ font-size: 8pt; }

.researcherFolderHeading {
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}

.userNotification {
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold; 
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding: 0.3em;
	text-align: center;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
}

.browseTab {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	text-decoration: none;
}

.browseTabSel {
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Arial", sans-serif;
	font-size: 8pt;
	text-decoration: none;
}

.statsTable {
        border: 1px gray solid;
        width: 45%;
}

.statsTable td {
        font-size: 0.8em;
}

.statsTableWide {
        border: 1px gray solid;
        width: 100%;
}

.statsTableWide td {
        font-size: 0.8em;
}


body{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:954px;
  height: 100%;
  margin: auto;
	}


.vhlborder
{
    border:1px solid;
    border-color:#cccccc;
    background: none repeat scroll 0 0 #FFFFFF;    
}

hr{
    border: 1px solid #cccccc;
}


#sisters-sites{
    border: none;
}

#sisters-sites img{
    padding: 20px 20px 20px 20px;
}

#ad-zone{
    border: none;
}

.menu-div{
    padding: 3px 1px 1px 2px;
    text-align: left;
}

#home-content{

}

#lates-submission{
    border: none;
    width: 475px;
}
#side-news {
    left: 10px;
    position: relative;
    width:290px;
}

#site-top-news{
    padding-bottom: 8px;
}

#site-middle-news{
    
}

.hline{
    color: #d7d7d7;
    background: #d7d7d7;
    height: 1px;
    border: none;
}

#space-1{
    height:10px
}

#space-2{
    height:8px
}

div .pipe{
    float:left;
}

#bottom-panel{
   border: none;
}

h1{
font-family: Times New Roman, sans-serif;
font-size: 26px;
font-weight: normal;
color: black;
}

h2 {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
}

h3{
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #006351;
}

body, p{
font-family:  Arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: black;
}

.locationBar, footer, #followus, showing results{
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: black;
}

#followus{
}

.browse, left column, right column navigation{
font-family:  Arial, sans-serif;
font-size: 13px;
font-weight: normal;
color: black;
}

.browsecell, left column, right column navigation headers{
font-family:  Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: white;
}

ul{
    color: black;
    font-family: Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 2.4em;
    list-style-position: outside;
    list-style-type: semi-circle;
    text-decoration: none;
    text-indent: 5px;
}

ul.level-communities{
    list-style-position: inside;
    list-style-type: disc;
}

a:link{
font-family: Arial;
color: #006351;
text-decoration: none;
}

a:visited{
font-family: Arial;
color: #006351;
text-decoration: none;
}

a:hover{
font-family: Arial;
color: #442580;
text-decoration: underline;
}

div .arrow-highlight a, a:active{
font-family: Arial;
color: #442580;
text-decoration: none;
}



/* style for abstract */
.item-title, .researcher-header {
    font-size: medium;
    font-weight: bold;
}

.data .label, .question-header .label, .variable-header .label, .variable .label, .phenomenon-header .label, .phenomenon .label, .analysis-header .label, .analysis .label{
    text-align: right;
    width:150px;
}

.data .label, .question-header .label, .variable-header .label, .analysis-header .label, .item-sponsor .label,.item-year .label {
    font-weight: bold;
}

.question-header .label, .variable-header .label, .variable .label, .analysis-header .label, .analysis .label{
    vertical-align:top;
}

#login-panel{
    padding-right: 7px;
}

.enterSearchText{
    width: 130px;
    color: #bbbbbb;
}
.enteredSearchText{
    width: 130px;
    color: #000000;
}

#additionl-info-table{
    padding-top: 5px;
    border: none;
}

.aboutuslink {
	display: block;
	background-color: transparent;
	background-image: url(image/vhl_aboutuss.jpg);
	background-repeat: no-repeat;
	width: 207px;
	height: 32px;
	text-align: center;
    vertical-align: middle;
}

.aboutuslink:hover, .aboutuslink:active	{background-position: 0 -38px; text-decoration: none;}

.submitlink {
	display: block;
	background-color: transparent;
	background-image: url(image/vhl_submits.jpg);
	background-repeat: no-repeat;
    /*background-position: 1px 0;*/
	width: 257px;
	height: 32px;
	text-align: center;
    vertical-align: middle;
}

.submitlink:hover, .submitlink:active	{background-position: 0 -38px; text-decoration: none;}

.resoucelink {
	display: block;
	background-color: transparent;
	background-image: url(image/vhl_resources.jpg);
	background-repeat: no-repeat;
    /*background-position: 1px 0;*/
	width: 256px;
	height: 32px;
	text-align: center;
    vertical-align: middle;
}

.resoucelink:hover, .resoucelink:active	{background-position: 0 -38px; text-decoration: none;}

.myprofilelink {
	display: block;
	background-color: transparent;
	background-image: url(image/vhl_myprofiles.jpg);
	background-repeat: no-repeat;
	width: 217px;
	height: 32px;
	text-align: center;
    vertical-align: middle;
}

.myprofilelink:hover, .myprofilelink:active	{background-position: 0 -38px; text-decoration: none;}

.menu{
    color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

ul#navi{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#navi li{
    float: left;
    display: inline;
}

/*Apply per TXT*/
element.style {
    table-layout: fixed;
    width: 95%;
}

.collectionSelectArea{
    padding: 5px;
    width: 600px;

}

.metadatahr{
    background: #cccccc;
    height: 1px;
    border: none;
}

.whiteText{
    color: #ffffff;
}

.loginStyle{
    background-color: #F2ECDC;		/* grey */
}

.loginFont{
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #888888;
}