/*
 * #%L
 * CSIRO Data Access Portal
 * %%
 * Copyright (C) 2010 - 2012 Commonwealth Scientific and Industrial Research Organisation (CSIRO) ABN 41 687 119 230.
 * %%
 * Licensed under the CSIRO Open Source License Agreement (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License in the LICENSE file.
 * #L%
 */
/**
 * 	
 * Copyright (c) Hyro Limited, 2011 Commerical in Confidence
 * CSIRO
 * Authors: Ying Zou
 * Version: v1.0
 * Date: 2011-08-29
 * 
 */

/* reset browser default styles*/
@import url(reset.css);

/**
 * 	Generic Styles
 */
body {
	background: url(../images/background_gradient.png) #264755 repeat-x;
	width: 984px;
	height: 768px;
	margin: auto;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	color:#333;
}
a {
	color:#0079aa;
}
a.active {
	color:#0079aa;
}
a.inactive {
	color:#0079aa;
}
a:visited{
	color:#0079aa;
}
a:hover{
	text-decoration: underline;
}
h1 {
	font-size: 24px;
	color:#000;
	padding-bottom:15px;
}
h2{
	font-size:15px;
	color:#333;
	line-height:20px;
	padding-bottom: 10px;
}
h2.blue{
	color:#0079aa;
}
h3{
	font-size:16px;
	text-transform: uppercase;
	margin-bottom:12px;
}
h4{
	font-size:14px;
	line-height:20px
}
h5{
	text-transform: uppercase;
	color:#0079aa;
	margin-top:10px;
}
h6{
	font-size:20px;
	color:#0093c7;
	line-height: 20px;
}
p{
	line-height:17px;
	padding-bottom: 10px;
	color:#333;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
ul.blue{
	list-style:disc;
	color:#0079aa;
	margin-left:15px;
}
ul.green{
	list-style:disc;
	color:#bed600;
	margin-left:15px;
}
ul.orange{
	list-style:none;
}
ul.orange li{
	border-bottom: 1px solid #ebab00;
	padding:13px 0;
}
ul.orange li:first-child{
	border-top: 1px solid #ebab00;
}
ul > li{

}
ol{
	list-style:decimal inside;
}
ol > li{
	border-bottom: 1px solid #bed600;
	padding:0 0 13px;
	margin-bottom: 10px;
}
ol > li:first-child{
	border-top:1px solid #bed600;
	padding-top:10px
}
li > p{
	display: inline;
}
ol ul{
	padding-left:19px;
}
input, textarea, select, .z-datebox{
	vertical-align: middle;
	color:#666;
	font-size: 11px;
	font-family:Verdana;
}
input[type="radio"] {
	vertical-align: baseline;
}
input.required, textarea.required, select.required{
	color: #cb5056;
}
b {
	font-weight: bold;
}

.warningLabel {
	color:#EBAB00;
}

/**
 * 	Generic Buttons
 */
input[type="submit"], input[type="submit"].blue, .button-link {
	background: url(../images/button_bgs.png) left center no-repeat;
	width:122px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}
input[type="submit"], input[type="submit"].blue {
	color:#fff;
}
/* Make an element render like a button */
.button-link {
	box-sizing: border-box;
	display: inline-block;
	font-family: Verdana;
	line-height: 37px;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	white-space: pre;
}
/* Turn off hover and visited styles for button links */
.button-link, .button-link:visited, .button-link:hover {
	color: white;
	text-decoration: none;
}
input[type="submit"].green{
	background-position:right center;
	color:#000;
	text-shadow: #f1f1f1 1px 1px 1px;
}
input[type="submit"].lightBlue{
	background-position:center center;
}
input[type="submit"].disabled{
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
input[type="submit"].map{
	background:url(../images/blue_button_sml.png) center center no-repeat;
	height:25px;
	width:128px;
	font-size: 11px;
}

.pressedDown{
	background:url(../images/blue_button_sml_flipped.png) center center no-repeat !important;
}
    
.black{
	background: url(../images/black_btn.png) center center no-repeat;
	width:123px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.greyButtonMedium {
	background: url(../images/grey_btn_medium.png) center center no-repeat;
	width: 92px;
	height: 28px;
	border: 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.blackButtonMedium {
	background: url(../images/black_btn_medium.png) center center no-repeat;
	width: 92px;
	height: 28px;
	border: 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.blackButtonMedium[disabled] {
	background: url(../images/grey_btn_medium.png) center center no-repeat;
	width: 92px;
	height: 28px;
	border: 0;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: default;
}

.blueButton {
	background: url(../images/blue_button_bg.png) center center no-repeat;
	width:123px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.greyButton {
	background: url(../images/grey_btn.png) center center no-repeat;
	width: 123px;
	height: 37px;
	border: 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.blackOval{
	background: url(../images/black_oval_btn.png) center center no-repeat;
	width:85px;
	height:18px;
	vertical-align:top;
	border:0;
	margin-left:10px;
	text-transform: lowercase;
	font-size:10px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	text-align: center;
	cursor: pointer;
}
div.blackOval .z-toolbarbutton-body {
	border-left: none;
	border-right: none;
}

.blackOval[disabled]{
	background: url(../images/grey_oval_btn.png) center center no-repeat;
	width:85px;
	height:18px;
	vertical-align:top;
	border:0;
	margin-left:10px;
	text-transform: lowercase;
	font-size:10px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	text-align: center;
	cursor: pointer;
}

.greenButton{
	background: url(../images/button_bgs.png) right center no-repeat;
	width:123px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}
.greenButton[disabled] {
	color:lightgrey;
}
.buttonBar .buttonWide, .popupButtonBar .buttonWide {
	width:125px;
}
.littleBlueButton{
	background:url(../images/login_button_a.png) no-repeat;
	/*TODO Redo button image @ h:16px,w:60?px, height:25px;*/
	vertical-align:top;
	width:78px;
	/*margin-top:15px;*/
	font-size: 11px;
	border:0;
	color:#fff;
	/*text-shadow: #aaa 1px 1px 1px;*/
	cursor: pointer;
}
.disabledButton{
	background: url(../images/button_bgs.png) left center no-repeat;
	width:123px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}
.enabledButton{
	background: url(../images/button_bgs.png) left center no-repeat;
	width:123px;
	height:37px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}
.mediumBlueButton{
	background: url(../images/blue_button_sml.png) left center no-repeat;
	width:136px;
	height:25px;
	border:0;
	text-transform: uppercase;
	font-size:11px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.leftArrowButton {
	background: url(../../images/button_left_32.png) left center no-repeat;
	width:32px;
	height:32px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.rightArrowButton {
	background: url(../../images/button_right_32.png) left center no-repeat;
	width:32px;
	height:32px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.upArrowButton {
	background: url(../../images/button_up_32.png) left center no-repeat;
	width:32px;
	height:32px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.downArrowButton {
	background: url(../../images/button_down_32.png) left center no-repeat;
	width:32px;
	height:32px;
	border:0;
	text-transform: uppercase;
	font-size:13px;
	color:#fff;
	text-shadow: #aaa 1px 1px 1px;
	cursor: pointer;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.center{
	text-align: center;
}
.cb{
	clear: both;
}
.links li {
	display: inline;
	line-height: 11px;
}
.links li a {
	color: #0079aa;
	padding: 0 5px 0 8px;
	border-left: 1px solid #aaa;
	text-decoration: none;
}
.links li a:hover{
	text-decoration: underline;
}
.links li:first-child a{
	border-left: 0;
}
.showHideLink{
	text-decoration:underline;
	padding-left:15px;
}
.showHideLink.visible{
	background:url(../images/arrow_down.png) left bottom no-repeat;
}
.showHideLink.hidden{
	background:url(../images/arrow_right.png) left bottom no-repeat;
}
.hiddenLabel{
	display:none;
}

/**
 * 	Page Header Styles
 */
#header {
	background: url(../images/header_background.png) #fff no-repeat;
	height: 94px;
	width: 100%;
}
#header .headerLogoImage {
	float: left;
	margin-left: 13px;
}
#header .banner{
	font-size: 32px;
	color:#fff;
	float:left;
	left: 28px;
    position: relative;
    top: 50px;
}
#header .envBanner{
	font-size: 24px;
	color:#ccdd39;
    position: absolute;
	left: 114px;
    top: 12px;
}
#header .headerLinks {
	opacity: 0.9;
	filter: alpha(opacity = 90);
	position:relative;
	top:15px;
	float: left;
	padding-right:10px;
}
#header .headerLinks li{
	border-color: #fff;
}
#header .headerLinks li a{
	color:#fff;
}

/**
 * 	Login Panel Styles
 */
.loginPanel {
	float:right;
	width: 175px; /*211 x 185*/
	height: 151px;
	padding:12px 15px 15px;
	background-color:#fff;
	margin-right:17px;
	border-color: #f1f1f1;
	border-width:0 1px 1px;
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
}
.loginPanel h6{
	margin-bottom:10px;
}
.loginPanel input{
	width:169px;
	margin-top:8px;
}
.loginPanel label{
	line-height:18px;
}
.loginPanel .questionMark {
}
.loginPanel .loginButton{
	float:right;
	background:url(../images/login_button.png) no-repeat;
	height:25px;
	width:78px;
	margin-top:15px;
	font-size: 11px;
}

/**
 * 	Logged In Navigation Bar
 */
#header .loggedInNavigation{
	float:right;
	margin-right:17px;
	position:relative;
}
.loggedInNavigation li{
	display: inline-block;
	height: 44px;
	background-color:#0092c5;
	-moz-box-shadow: 0 4px 6px rgba(51, 51, 51, .7);
	-webkit-box-shadow: 0 4px 6px rgba(51, 51, 51, .7);
	box-shadow: 0 4px 6px rgba(51, 51, 51, .7);
	cursor:default;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
}
.loggedInNavigation li.current{
	background-color:#fff;
}
.loggedInNavigation li a{
	display: block;
	font-size:14px;
	color:#fff;
	line-height: 44px;
	padding:0 10px;
	text-decoration: none;
}
.loggedInNavigation li.current a{
	color:#0079aa;
}
.loggedInNavigation li a:hover{
	text-decoration:none;
}
/*
Welcome style specific for IE
*/	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.welcome{	
    float: right !important;
    top: 90px !important;
}
}
.welcome{
	direction: rtl;    
    font-size: 12px;
    margin-left: 668px;
    margin-right:17px;
    position: relative;
    top: 130px;
    width: 300px;
}
.welcome .logoutLink, .welcomeShort .logoutLink{
	font-size: 12px;
	color:#0079aa;
	margin-left:15px;
}
.welcomeShort{
	font-size: 12px;
	float:right;
	position:relative;
	top:172px;
	left:220px;
}

/**
 * Standalone Login page styles 
 */
.bigLoginPanel {
	position: relative;
	left:20%;
	width:50%;
	/*top:30%;*/
	/*height:70%;*/
	margin-top: 100px;
	padding-top:30px;
	padding-bottom:30px;
	display: block;
	float:none;
	/*padding:24px 30px 30px;*/
	background-color:#fff;
	/*margin-left:34px;
	margin-right:34px;*/
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	-moz-border-radius: 15px;
	border-radius: 15px;
	border-color: #f1f1f1;
	border-style:solid;
	border-width:thin;
	text-align: center;
	vertical-align: middle;	
}
.bigLoginPanel .error {
	font-size:medium;
	color: red;
}
.bigLoginPanel h6{
	margin-bottom:20px;
}
.bigLoginPanel input {
	width:200px;
	font-size:medium;
}
.bigLoginPanel select {
	font-size:medium;
}
.bigLoginPanel label{
	font-weight: bold;
	font-size:medium;
	line-height:36px;
}
.bigloginPanel .questionMark {
}
.bigLoginPanel .loginButton{
	height:37px;
	width:123px;
	margin-top:15px;
	font-size: 11px;
}

.bigloginPanel input{
	width:196px;
	margin-top:16px;
}

.bigloginPanel label{
	line-height:36px;
	display:block;
	white-space:nowrap;
	text-align:right;
	width:136px;
	float:left;
	font-weight:bold;
	margin-top:16px;
	margin-right:4px;
}

.standalone {
	margin-top: 0px; /* resets the cascaded -1px */ 
}

/**
 * 	Main Container Styles
 */
#main {
	padding:0 17px 17px 17px;
	background-color:#fff;
	background-color: rgba(255, 255, 255, 0.86); /*might not work in IE*/
}

/** 
 * 	Global Tab Bar Styles 
 */
#main .globalNavigation {
	padding:55px 0 0 0;
	margin:0;
	overflow:hidden;
}
.globalNavigation li{
	background:url(../images/blue_tab_gradient.png) no-repeat;
	width:165px;
	height:48px;
	cursor:default;
	display:inline-block;
}
.globalNavigation li.current{
	background: #fff;
	border:1px solid #0099cc;
	border-bottom:0;
	/*
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	*/
}
.globalNavigation li.current a, .globalNavigation li a{
	text-transform: uppercase;
	font-size:14px;
	text-decoration: none;
	width: 55px;
	display:inline-block;
	opacity: 0.9;
	/*filter: alpha(opacity = 90);*/
	padding: 8px 90px 9px 17px;
}
.globalNavigation li.current a, .globalNavigation li.current a:visited{
	color: #0093c7;
}
.globalNavigation li a, .globalNavigation li a:visited{
	color:#fff;
}
.globalNavigation li img{
	padding:0;
	margin:5px 0 0 -45px;
	width:37px;
	height:37px;
	vertical-align: top;
}
.globalNavigation li a.shortcutIcon{
	display: inline;
	padding:0;
	width: 55px;
}

/**
 * Domain Search Shortcut Styles
 */
#searchShortcuts{
	width:126px;
	height:256px;
	padding:14px;
	background-color:white;
	position:relative;
	z-index:110;
	float:left;
	margin-left:343px;
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .5);
	display:none;
}
#searchShortcuts:before{
	content:"";
	display: block;
    width: 45px;
    height: 42px;
    position: absolute;
    right: 0;
    top: -49px;
    -moz-box-shadow: 1px 4px 9px rgba(51, 51, 51, .5);
	-webkit-box-shadow: 1px 4px 9px rgba(51, 51, 51, .5);
	box-shadow: 1px 4px 9px rgba(51, 51, 51, .5);
}
#searchShortcuts:after{
	content:"";
	display: block;
    width: 37px;
    height: 37px;
    padding:0 4px 17px 4px;
    position: absolute;
    right: 0;
    top: -45px;
    margin-top:2px;
    background:url(../images/tab_arrow_h.png) top #fff no-repeat;
    cursor:pointer;
}
#searchShortcuts li{
	margin-bottom:12px;
}
#searchShortcuts a{
	text-decoration: underline;
	line-height:15px;
}

/**
 * Styles for Main tab/Global Navigation frames
 */
#main .tabFrame {
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	min-height:503px;
	margin-top:-1px;
	border: 1px solid #0099cc;
	background-color:#fff;
	overflow: auto;
}

/**
 * Applied dynamically when embeding content
 */
#main .borderLessTabFrame  {
	min-height:503px;
	margin-top:-1px;
	border:none;
	overflow: auto;
}

#main .tabFrame.withBackground{
	background:url(../images/greydot_bg_white.png) #fff right no-repeat;
}
#main .shortTabFrame {
	-moz-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	-webkit-box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	box-shadow: 0 4px 9px rgba(51, 51, 51, .2);
	margin-top:-1px;
	border: 1px solid #0099cc;
	background-color:#fff;
	overflow: auto;
}

/**
 * 	Breadcrumb Styles
 */
.breadcrumb {
	height: 31px;
	background-color:#ebab00;
	width:100%;
}
.breadcrumb ul{
	padding-left: 17px;
}
.breadcrumb li{
	display: inline;
}
.breadcrumb li a{
	font-size:12px;
	color:#fff;
	padding: 0 2px;
	line-height: 31px;
	text-decoration: underline;
}
.breadcrumb li:last-child a{
	text-decoration: none;
	cursor: default;
}
.breadcrumb li:after{
	content: ">";
	padding-left:5px;
	color:#fff;
}
.breadcrumb li:last-child:after{
	content:"";
}

.backToResults {
	height: 31px;
	background-color:#ebab00;
	padding: 0 5px;
}

.prevNav, .nextNav {
    height: 31px;
    background-color:#ebab00;
    padding: 0 5px;
    float: right;
}

.backToResults li, .prevNav li {
	background: url(../images/arrow_left.png) left no-repeat;
}
.nextNav li {
    background: url(../images/arrow_right_white.png) right no-repeat;
}
.backToResults li a, .prevNav li a, .nextNav li a {
	font-size:12px;
	color:#fff;
	padding: 0 15px;
	line-height: 31px;
	text-decoration: underline;
}

/**
 * 	Main Content Styles
 * 
 */
.content{
	padding:17px;
	overflow: auto;
}
.content h1{
	font-size: 24px;
	color:#000;
}
.sideBarColumn{
	width:200px;
}
.widersideBarColumn{
	width:219px; 
	margin: 31px 0 0;
}
.mainColumn{
	width:686px;
}
.mainColumn-casda{
	width:695px;
}
.myAdminSideBarColumn{
	width: 150px;
}
.myAdminMainColumn{
	width: 736px;
}
.mainDataColumn{
	width:886px;
}

.toplinks{
	font-size: 11px;
	float:right;
	position:relative;
	top:13px;
}

.toplinks a{
	text-decoration: underline;
}

.selectedlink{
	font-weight: bold;
}

/**
 * Skip to content link
 */
#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 

#skip a:active, #skip a:focus { 
	position:static; 
	width:auto; 
	height:auto;
}

/**
 * 	Content Tab Styles
 */
.dataTab{
	overflow: auto;
}

.dataTab .dataTabBar h2{
	display:inline;
}

/**
 * 	The z-indexs are set as 104 - 94 because there are max six tabs currently on the my admin page
 *  Add addtional li if more tabs are introduced
 */
.dataTab .dataTabBar li{
	position:relative;
	display:inline-block;
	width:135px;
	height:33px;
	margin-left:-15px;
	background:url(../images/rear_tab.png) no-repeat;
	z-index: 94;
	cursor:default;
}
.dataTab .dataTabBar li:first-child{
	margin-left:0;
}
.dataTab .dataTabBar li.current{
	z-index: 103;
	background:url(../images/front_tab.png) no-repeat;
	visibility:visible;
}
.dataTab .dataTabBar li.current + li{
	z-index: 102;
	background:url(../images/middle_tab.png) no-repeat;
}
.dataTab .dataTabBar li.current + li + li{
	z-index: 100;
}
.dataTab .dataTabBar li.current + li + li + li{
	z-index: 98;
}
.dataTab .dataTabBar li.current + li + li + li + li{
	z-index: 96;
}
.dataTab .dataTabBar li.locked a, 
.dataTab .dataTabBar li.locked > span {
	background:url(../images/locks.png) right bottom no-repeat;
	padding-right: 20px;
}
.dataTab .dataTabBar li.current.locked a, 
.dataTab .dataTabBar li.current.locked > span{
	background:url(../images/locks.png) right top no-repeat;
	padding-right: 20px;
}
.dataTab .dataTabBar li a, .dataTab .dataTabBar li a:hover,
.dataTab .dataTabBar li > span{
	font-size:15px;
	line-height: 33px;
	color:#000;
	padding-left:22px;
	text-decoration: none;
}
.dataTab .dataTabContent{
	position:relative;
	background-color:#faf6f6;
	min-height:390px;
	z-index: 103;
	margin-top:-1px;
	padding:19px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}
.dataTab .dataTopLink{
	float:right;
	margin-top:-20px;
}
.dataTab input[type="submit"], .dataTab .buttonBar button {
	margin:10px 80px;
}
.dataTab .buttonOverlay{
	width:240px;
	height:50px;
	z-index: 200;
	/*use javascript to determine the exact position of the button to put the overlay on and replace the absolute positions*/
/*	position:absolute;
	top: 1022px;
	left:770px; */
}
.dataTab .buttonOverlay .locked{
	background:url(../images/lock_a.png) left center transparent no-repeat;
	padding:2px 0 5px 20px;
	text-align: left;
	line-height:14px;
}

.casdaSearchResultsTab {
	float: left;
}


/**
 * Content Tab Form Sections
 */
.formSection{
	border:1px solid #e2dfdf;
	clear: both;
	margin: 30px 0 20px;
	padding: 0 15px;
}
.formSection:first-child{
	margin-top:10px;
}
.formSection hbox{
	margin-top:10px;
}
.formSection h4{
	margin:-9px 0 10px 0;
	padding: 0 5px;
	float:left;
	background:#faf6f6;
}
.formSection > a{
	margin:5px 0;
}
.formSection .tdBold {
	font-weight: bold;
	padding: 6px;
	border-left:1px solid #e2dfdf;
}

.formSection .tdPlain {
	padding: 6px;
	border-left:1px solid #e2dfdf;
}

.formSection .help{
	background:url(../images/help.png) right transparent no-repeat;
	height:15px;
	width:20px;
	line-height:15px;	
	padding:1px 1px 1px 1px;
	vertical-align: top;
}
.formSection .dateHelp{
	background:url(../images/help.png) right transparent no-repeat;
	height:15px;
	width:20px;
	line-height:15px;	
	padding:1px 1px 1px 1px;
	vertical-align: top;
	margin-left: -4px;
}
.formSection .formContent {
	clear:both;
}
.formContent hbox{
	width: 425px;
}
.formContent a{
	line-height:16px;
	margin-left: 10px;
}
.formContent p{
	padding-bottom:0;
	margin-left: 182px;
}
.formContent > br{
	clear: both;
}

.formContent image{
	width:20px;
	height:20px;
}
.formContent label{
	font-weight: bold;
}
.formContent .error label{
	position: relative;
	left:10%;
	width:50%;
	color: red;
	padding-bottom:10px;
}
.formContent label.noalign{
	text-align: left;
}
.formContent label.info{
	text-align: left;
	font-style: italic;
	font-weight: normal;
}
.formContent label.data{
	text-align: left;
	font-weight: normal;
}
.formContent label, .formContent input, .formContent textarea, .formContent select{
	display: block;
    float: left;
    margin-bottom: 10px;
    line-height:16px;
}

.formContent input, .formContent textarea, .formContent select{
     text-align: left; 
}

.formContent label, .formContent input, .formContent select {
	white-space: nowrap;
}

.formContent label {
 	text-align: right;
}

.formContent input, .formContent textarea{
	width: 425px;
}
.formContent input.date, 
.formContent input.z-datebox-inp, 
.formContent input[type="date"]{ /*CSS3 input type date is not yet supported on all browsers*/
	width:130px;
}
.formContent br + *, .formContent > *:first-child, .formContent label.newRow {
	text-align: right;
	padding-right: 10px;
	width: 172px;
}
.formContent br + .wideCol, .formContent > .wideCol:first-child {
	text-align: right;
	padding-right: 10px;
	width: 285px;
}

/* Actual size of controls is dependant on browser and platform */
/* always embed controls into fixed size spans if you want to preserve layout */
 .formContent input[type="checkbox"]{ 
 	width: 13px; 
	float:right;
	padding-right:5px;
	margin-top:0px;
	margin-bottom: 0px;
}


.formContent .permissionsTable {
	width: 430px;
}
.formContent .permissionsTable td {
    background-color: #E4DBDB;
    border: 2px solid #FAF6F6 !important;	
    padding: 5px;
}
.formContent .publicationYear input{
	width: 376px;
}
	
.fullContentSpacer {
	width:413px; 
	display: inline-block;	
}

.alignWithLabel {
	margin-bottom: 10px;
	line-height: 16px;
}
.contentSpacer {
	width:393px;
	float: left;
}

.checkBoxHeaderSpacer{
	width:175px;
	padding-right:7px;
	float: left;
}

.wrapLongText{
	word-wrap: break-word; 
	white-space: pre-wrap; 
}

.clearLeftMargin{
	margin-left: 0 !important;
}


.endContentSpacer{
	clear:both;
}

/*
 * Free description text appearing inside formContent faint boxes 
 */
.formContent .description {
	font-weight: bold; 
	text-align: left; 
	width: 599px; 
	padding: 0; 
	margin: 0;
}

.locationControls {
	margin-left:165px;
	margin-bottom: 10px;
	line-height: 16px;	
}
.locationControls label, .locationControls .z-radio-cnt {
	font-weight: bold; 
	line-height: 16px;	
}

/**
 * 	white div Box Styles
 */
.whiteBox{

	background-color:#ffffff;
	width:375px;
	padding:10px;
	float:left;
	margin:20px 0 10px;
	border-radius: 15px;
}

.whiteBoxBig{
	background-color:#ffffff;
	width:425px;
	float:left;
	padding: 12px 12px 12px 12px;
	margin:8px 0 0 0;
	border:1px solid gray;
	border-radius: 15px;
}

.whiteBoxBigPlain{
	background-color:#ffffff;
	width:425px;
	padding: 12px 12px 12px 12px;
	border:1px solid gray;
	border-radius: 15px;
}

.largeCollectionBox{
	background-color:#ffffff;
	width:782px;
	margin-left:0px;
	margin-right:0px;
	padding: 12px 12px 12px 12px;
	border-radius: 1px;
	border:3px solid gray;
}
.largeCollectionBox .label{
	font-weight:bold;
	font-size:15px;
}

.largeCollectionBox2{
	background-color:#ffffff;
	margin-left:0px;
	margin-right:0px;
	padding: 12px 12px 12px 12px;
	border-radius: 1px;
	border:3px solid gray;
}
.largeCollectionBox2 .label{
	font-weight:bold;
	font-size:15px;
}

.invisibleLargeCollectionBox{
	background-color:#faf6f6;
	width:782px;
	margin-left:3px;
	margin-right:3px;
	padding: 12px 12px 12px 12px;
	border-radius: 1px;
	border: 3px #faf6f6;
}

.invisibleLargeCollectionBox2{
	background-color:#faf6f6;
	margin-left:3px;
	margin-right:3px;
	padding: 12px 12px 12px 12px;
	border-radius: 1px;
	border: 3px #faf6f6;
}

/**
 * 	Box model for locked data tab
 */
.restrictionBox{
	background-color:#ffffff;
	width:260px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	padding: 12px 12px 12px 12px;
	border-radius: 15px;
	border:5px solid gray;
}
.restrictionBox .label{
	font-weight:bold;
	font-size:15px;
}

/**
 * 	Beige Search Box Styles
 */
 .beigeDivRounded{
	width:405px;
	background-color:#dcd3d3;
	padding:15px;
	float:left;
	margin:0px 0 10px;
	border-radius: 15px;
}

.greenSearch{
	width:610px;
	height:238px;
	background-color:#ccdd39;
	padding:24px;
	float:left;
	margin:50px 0 20px;
}
.greenSearch .searchInputField{
	width:100%;
	height:24px;
	border:1px solid #B2B2B2;
	font-size: 20px;
}
.greenSearch .searchSubmitButton{
	font-size:14px;
	margin-top:10px;
	margin-bottom:20px;
}

.greenSearch .showHideLink{
	display:block;
	clear:both;
	margin:5px;
}
.greenSearch .searchOptionsWrapper{
	background-color: #d9e66b;
	padding:2px 20px;
}
.greenSearch p{
	padding:0;
}
.greenSearch td{
	padding-right:70px;
}
.greenSearch .searchHelp{
	display:block;
	clear:both;
	margin:5px;
}

.featuredCollections {
	width:610px;
	padding:24px;
	float:left;
}

.featuredCollections tr {
	padding: 4px;
}

.featuredCollectionDesc
{
	padding-left:10px;
}

.contentListdata{
	float:right;
	width:205px;
	margin-top:50px;
}
.contentImageBar{
	clear:both;
}

/**
 * Search Tool Sections
 */
.searchToolSection{
	height:150px;
	background-color: #ccdd39;
	padding:15px;
	margin-bottom:17px;
	display:block;
	width: 45%;
}
.searchToolSection img{
	border:1px solid #fff;
	float:left;
	margin-right: 5px;
}
.searchToolSection span{
	float:right;
	display:inline;
}
.searchToolSection .caption{
	font-size:12px;
	margin-bottom:18px;
}

/**
 * Search Result page styles
 */
.refineSearch{
	background-color:#ccdd39;
	padding:17px;
}
.refineSearch label, .refineSearch a{
	line-height:18px;
}
.refineSearch h2{
    text-transform: uppercase;
}
.refineSearch select{
	font-size:12px;
}
.refineSearch hr{
	color:#f1f1f1;
	margin:10px -17px 10px -34px;
	clear: both;
}
.refineSearch p{
	font-size:10px;
}
.refineSearch ul{
	overflow: auto;
}
.refineSearch ul li{
	text-indent: -24px;
	padding-left: 23px;
}	

.refineSearch ul li input{
	/*float:left;*/
}
.refineSearch ul li label, .refineSearch ul li a{
	/*float:right;*/
	width:140px;
}

.searchResult{
	valign: top;
}
.searchResult input[type="text"]{
	width:397px;
	height:26px;
	font-size:14px;
	margin:0 10px;
}
.searchResult label{
	font-size:10px;
}
.searchResult span{
	font-size:12px;
}
/* fix spans in ps in search results getting increased font size */
.searchResult p span{
	font-size:100%;
}
.searchResult span.current, .searchResult .pagination a.current{
	font-weight:bold;
	color:#000;
}
.searchResult .searchResultInfo{
	margin:10px 0;
}
.searchResult .searchResultInfo .section:first-child{
	margin:0;
}
.searchResult .searchResultInfo .section{
	margin-left:80px;
}
.searchResult .searchResultInfo .minisection{
	margin-left:70px;
}
.searchResult .restrictKey{
	background:url(../images/lock_a.png) left top transparent no-repeat;
	line-height:18px;
	padding-left:20px;
	margin:10px 0;
}
.searchResult .searchResultSection.locked h4{
	background:url(../images/lock_a.png) left top transparent no-repeat;
	margin-left:-15px;
	padding:2px 0 5px 15px;
}
.searchResult h4{
	text-decoration: underline;
	padding-bottom:5px;
}
.searchResult .meta{
	color:#666;
}
.searchResult .pagination{
	text-align: center;
	padding:10px 0px;
}
.searchResult .pagination a{
	font-size:12px;
	margin-left:5px;
}
/** Remove padding at bottom of search result description only */
.searchResult p.description{
	padding-bottom:0px;
}

/** ZUL paging fixes for search results */

.searchResult .pagination.z-paging-os
{
	text-align: right;
}

.searchResult .pagination.z-paging-os a.z-paging-os-cnt
{
	margin-left: 3px;
	margin-right: 3px;
}

.searchResult .pagination.z-paging-os .z-paging-os-seld:hover,
.searchResult .pagination.z-paging-os .z-paging-os-cnt:hover
{
	color: inherit;
}

.searchResult .pagination.z-paging-os .z-paging-os-cnt,
.searchResult .pagination.z-paging-os .z-paging-os-seld
{
	background: transparent;
	border: none;
	text-decoration: underline;
	color: inherit;
}

h1.searchResultInfo {
	padding-top: 6px;
	padding-bottom:9px
}

/**
 * Directory Structure Styles
 */
.directory{
	clear:both;
}
.directory ul{
	background-color:#faf6f6;
	white-space: nowrap;
}
.directory>ul>li{
	margin-bottom:1px;
}
.directory li ul{
	padding-left:40px;
	background-color:#fff;
	clear:both;
}
.directory li{
	clear:both;
	background-color:#fff;
	min-height:25px;
	line-height:25px;
	width:100%;
}
.directory ul a{
	text-decoration: none;
	color:#000;
	padding-left:30px;
	background:url(../images/folderfile.png) left bottom transparent no-repeat;
	float:left;
	overflow:hidden;
}
.directory ul div{
	float:right;
	font-size:10px;
}
.directory ul li span{
	border-right:3px solid #faf6f6;
	display:inline-block;
	padding:0 3px;
}
.directory ul li span:first-child{
	border-left:3px solid #faf6f6;
}
.directory ul > li.file > a, .directory ul > li > a{
	background:url(../images/smallfile.png) left center transparent no-repeat;
}
.directory ul > li.folder > a{
	background:url(../images/smallfolder.png) left center transparent no-repeat;
}
.directory ul > li.folder.open > a{
	background:url(../images/folderfile.png) left center transparent no-repeat;
	font-weight: bold;
}
/* third level down and beyond */
.directory ul ul ul > li{
	min-height:24px;
	background-color:#f1f6f8;
	line-height:24px;
}
.directory ul ul ul > li:nth-child(even){
	background-color:#fff;
}
.directory ul ul ul > li a, .directory ul ul > li.file a{
	background:url(../images/smallfile.png) left center transparent no-repeat;
	padding-left:30px;
}
.directory ul ul ul > li.folder a{
	background:url(../images/smallfolder.png) left center transparent no-repeat;
	padding-left:30px;
}
.directory ul ul ul > li.folder.open a{
	background:url(../images/smallfolderopen.png) left center transparent no-repeat;
	padding-left:30px;
}
/* column widths configure accordingly */
.directory ul li div span.col2{
	width:80px;
}
.directory ul li div span.col3{
	width:65px;
	font-weight:bold;
	text-align: right;
}

/**
 * 	Browse Data Styles
 */
.browseData{
	
}
.browseData .sideBarColumn{
	background-color:#d9e66b;
	padding:17px;
	min-height:520px;
	word-wrap: break-word;
}
.browseData .browseDataList{
	width:450px;
	float:left;
}
.browseDataList ul{
	font-size:12px;
}
.browseDataList > ul > li {
	margin-bottom: 10px;
}
.browseDataList li{
	line-height:20px;
}
.browseDataList > ul > li > div > a {
	padding-left:20px;
}
.browseDataList > ul > li > a.heading {
	color:#000;
	text-decoration:none;
	background:url(../images/arrow_down.png) left no-repeat;
	padding-left:20px;
}

.browseDataList > ul > li > a.heading.active {
	background:url(../images/arrow_right.png) left no-repeat;
}

.searchHeadingLink {
	color:#333333;
	text-decoration:none;
}


.searchSectionHeading  > span{
	color:#333333;
	text-decoration:none;
	background:url(../images/arrow_down.png) left no-repeat;
	padding-left:20px;	
}

.searchSectionHeading {
	background:#faf6f6;
}

.searchOpen > span {
	color:#333333;
	text-decoration:none;
	background:url(../images/arrow_right.png) left no-repeat;
	padding-left:20px;	
}

.browseDataList ul ul{
	margin-left:45px;
}
.browseDataList ul ul li{
	list-style: disc;
}
.browseDataList ul ul > a{
	margin-left:-14px;
}
.browseDataList span{
	color:#000;
	text-decoration: none;
}

.browseData .sideBarColumn p{
	line-height:18px;
}

a.tag10{
	font-size: 12px; 
}
a.tag20{
	font-size: 14px;
}
a.tag30{
	font-size: 16px;
}
a.tag40{
	font-size: 18px;
}
a.tag50{
	font-size: 18px; 
	font-weight: bold;
}

/**
 * 	Search By Location Styles
 */
.searchByLocation {

}

.searchByLocation .searchByLocationSubmitButton{
	font-size:14px;
	text-align:center;
	text-transform: none;
	width: 200px;
	background: url("../images/blue_button_large_bg.png") no-repeat scroll left center transparent;
	
}

.searchByLocation input[type="text"]{
	width:285px;
	height:26px;
	font-size:14px;
	margin: 0 10px;
	line-height: 26px;
}

.searchByLocationLink {
	font-size:22px;
	text-align:left;
	height:26px;
	padding-left:5px;
	padding-top:25px;
	line-height: 26px;
	float:left;
}

/**
 * 	Footer Styles
 */
#footer {
	background-color: #F1F1F1;
	line-height: 20px;
	height: 25px;
	padding-top: 7px;
	padding-right: 17px;
	padding-bottom: 19px;
	padding-left: 17px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.86); /*does not work for <IE9*/
}
#footer .copyright{
	float: left;
}
#footer .footerLinks {
	float: right;
	opacity: 0.86;
	filter: alpha(opacity = 86);
}
#footer .serverInfo{
	float: left;
}

.icon-tools {
	z-index: 5000;
}

.licence-popup{
	width:820px; 
	height:615px; 
	border:2px solid #555; 
	background:#fff;
	z-index: 8000;
	visibility:visible;
}
.toolsMenuIcon{
	display: inline;
	padding:0;
	width: 55px;
}

.greenBottomMargin{
	border-bottom: 1px solid #bed600;
	padding:0 0 10px;
	margin-bottom: 10px;
}
.helpIcon{
	width:20px; 
	height:20px; 
}

.depositDataTab tr
{
height:20px;
}
.depositDataTab td
{
background-color:#eeeeee;
}

.z-groupbox-3d .open-false,
.z-groupbox-3d .open-true {
 	background: url("../images/arrow.png") no-repeat right 0;
  	height: 16px; 
  	padding-right: 20px;
  	font-weight: bold;
}
.z-groupbox-3d div.open-false {
  	background-position: right -16px;
}
.head {
    text-align : right;
    font-weight : bold;
}

/**
*	Result Grid styles
*/
div.z-grid {
	border-bottom-width: 1px;
	border-color:#333 !important;
	border-top-color: #333 !important;
	border-right-color-value: #333 !important;
	border-bottom-color: #333 !important;
	border-left-color-value: #333 !important;
}

div.z-grid.result-grid {
	border: 2px solid #333;
}

div.z-tree.result-grid {
	border: 2px solid #333;
	overflow: hidden;
}

.result-grid .z-tree-header-bg, .z-dottree-header-bg, .z-filetree-header-bg, .z-vfiletree-header-bg
{
  background-color: #CAC6C6;
  background-image: none;
  border-bottom: 1px solid #333;
}

.result-grid div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader  {
	background: #CAC6C6;
	border:none;
	border-left: 1px solid #333;
	height: 24px;
}

.result-grid div.z-grid-header th.z-column:first-child {
	border-left: none;
}

.result-grid  div.z-grid-header th.z-column div.z-column-cnt,
.result-grid  div.z-grid-header th.z-column div.z-column-cnt span.z-label {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
}


.result-grid .z-column .z-column-cnt {
	font-weight: bold;
}

.result-grid .z-paging .z-paging-sep {
	background: white;
}

.result-grid tr.z-row td.z-row-inner, tr.z-row .z-cell {
	border-bottom-width: 0px;
}

.result-grid tr.z-row:first-child {
	border-top: 2px solid #333;
}

.result-grid span, .result-grid  td{
	font-size: 11px;
	vertical-align: top;
	word-wrap: break-word;
}
	
.result-grid tr.z-grid-odd td.z-row-inner, tr.z-grid-odd .z-cell, tr.z-grid-odd {
	background-color: #F1F6F8;
}	

/* Tree columns styles */

.result-grid div.z-tree-header th.z-treecol, div.z-tree-header th.z-auxheader {
    background: none repeat scroll 0 0  #CAC6C6;
    border:none;
    border-left: 1px solid #333;
    border-bottom: 0px solid #333;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
}

.result-grid div.z-tree-header th.z-treecol:first-child {
	border-left: none;
}

.result-grid div.z-tree-body tr.z-treerow:first-child {
	border-top: 0px solid #333;
}


.result-grid div.z-tree-header {
	overflow-x: hidden;
	background: #CAC6C6;
}

.result-grid div.z-tree-body {
	overflow-y: auto;
	overflow-x: hidden;
}

	
.result-grid div.z-tree-header th.z-treecol-sort div.z-treecol-cnt, div.z-dottree-header th.z-treecol-sort 
	div.z-treecol-cnt, div.z-filetree-header th.z-treecol-sort div.z-treecol-cnt, div.z-vfiletree-header 
	th.z-treecol-sort div.z-treecol-cnt {
	font-weight: bold;
	padding-right: 14px;
	width: auto;
}

.result-grid div.z-treefooter-cnt, 
.result-grid div.z-treecol-cnt
{
	color: inherit;
}

/**
* Image gallery listbox styles
*/
.image-gallery div.z-listbox {
	border-color: black;
}

.image-gallery div.z-listbox-body .z-listcell, div.z-listbox-footer .z-listfooter {
	/*border: 1px solid black;*/
	border: none;
	vertical-align: middle;
	padding-left:25px;
	padding-bottom:10px;
	padding-top:10px;
}

.image-gallery .z-paging .z-paging-sep {
	background: white;
}

.metadata-image-gallery div.z-listbox-body .z-listcell, div.z-listbox-footer .z-listfooter {
	/*border: 1px solid black;*/
	border: none;
	vertical-align: middle;
	padding-bottom:5px;
	padding-top:5px;
}

.metadata-image-gallery .z-paging .z-paging-sep {
	background: white;
}

.metadata-grid tr.z-grid-odd td.z-row-inner, tr.z-grid-odd .z-cell, tr.z-grid-odd {
	background-color: #F1F6F8;
}

/**
 Manage my data grid styles
 */

div.z-grid.manage-my-data {
	border-width: 2px !important;
	border-color:#333 !important;
}

.manage-my-data div.z-grid-header th.z-column  {
	background: #CAC6C6;
	border:none;
	border-left: 1px solid #333;
	border-bottom: 2px solid #333;
	height: 24px;
	position: static; /* ZK6 changes this to relative and FF 10, 11 don't show the border when position is relative */
}

.manage-my-data div.z-grid-header th.z-column:first-child {
	border-left: none;
}


.manage-my-data tr.z-row td.z-row-inner, 
.manage-my-data tr.z-row .z-cell {
	border: none;
}

.manage-my-data div.z-grid-header th.z-column .z-column-cnt {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
}

div.z-grid.manage-my-data tr.z-row .z-cell.collapsed {
	font-size: 11px;
	color: #806D6D;
	background-color: #E4DBDB;
	vertical-align: middle;
	text-align: center;
}

div.z-grid.manage-my-data tr.z-row.manage-my-data:last-child,
div.z-grid.manage-my-data tr.z-row.manage-my-data .inner-grid tr.z-row:last-child,
div.z-grid.manage-my-data tr.z-row.manage-my-data .inner-grid .inner-grid tr.z-row:last-child {
	border-bottom: none;
}

div.z-grid.manage-my-data tr.z-row.manage-my-data,
div.z-grid.manage-my-data tr.z-row.manage-my-data .inner-grid tr.z-row {
	border-bottom-color: #333;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

div.z-grid.manage-my-data tr.z-row.manage-my-data .inner-grid .inner-grid tr.z-row {
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.z-grid.manage-my-data tr.z-row.manage-my-data.expandedProject {
	background-image: url("../images/table_gradient.png");
	background-position: top;
	background-repeat: repeat-x;
}

.manage-my-data tr.z-row td.z-cell:last-child {
 	border-right: none;
}
 
.manage-my-data tr.z-row td.z-cell {
	height:24px;
	vertical-align: top;
	word-wrap: break-word;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.manage-my-data tr.z-row td.z-cell.inner-grid {
	padding-top: 0px;
	padding-bottom: 0px;
}

.manage-my-data tr.z-row td.z-cell span.z-label {
	font-size: 12px;
	line-height: 13px;
	padding-left: 5px;
	padding-right: 5px;
}
	
.manage-my-data tr.z-grid-odd td.z-row-inner, 
.manage-my-data tr.z-grid-odd .z-cell, 
.manage-my-data tr.z-grid-odd {
	background-color: #FFFFFF;
}

/**
 Manage my data ZK6, override z-row-inner styles
 */
.manage-my-data tr.z-row-over>td.z-row-inner {
	border-top: none;
	border-bottom: none;
}

.manage-my-data tr.z-row-over>td.z-row-inner,tr.z-row-over>.z-cell {
	background-image: none;
}

/**
 Grid with header styles
 */
.grid-with-header {
	margin-top: 8px;
}

div.z-grid.grid-with-header {
	border: 2px solid #333;
	border-bottom:1px solid #333;
}


/* Fix for horizontal scrollbar on IE8 */
.grid-with-header div.z-grid-body {
	overflow-x: auto;
}	

.grid-with-header div.z-grid-header th.z-column {
	background: #CAC6C6;
	border:none;
	border-left: 1px solid #333;
	border-bottom: 2px solid #333;
	height: 24px;
	position: static; /* ZK6 changes this to relative and FF 10, 11 don't show the border when position is relative */
}

.grid-with-header div.z-grid-header th.z-column:first-child {
	border-left: none;
}


.grid-with-header div.z-grid-pgi-b {
	border: 0px solid #333;
}

.grid-with-header div.z-grid-pgi-b div.z-paging {
	background: #CAC6C6;
}

.grid-with-header tr.z-row td.z-row-inner, 
.grid-with-header tr.z-row .z-cell {
	background-color: #FAF6F6;
	border:none;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

.grid-with-header tr.z-row td.z-row-inner:first-child {
	border-left: none;
}


.grid-with-header div.z-grid-header th.z-column div.z-column-cnt,
.grid-with-header div.z-grid-header th.z-column div.z-column-cnt span.z-label {
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: 140%;
}

.grid-with-header tr.z-row td.z-cell {
	height:24px;
	vertical-align: center;
	word-wrap: break-word;
}

.grid-with-header tr.z-row td.z-cell span.z-label {
	font-size: 12px;
	line-height: 13px;
	padding-left: 5px;
	padding-right: 5px;
}

/*
 Grid with header ZK6 fixes
 */
.grid-with-header tr.z-row-over > td.z-row-inner, 
.grid-with-header tr.z-row-over > .z-cell {
	background-image: none;
}


/*
*inner grid
*/

/**
 My worklist grid styles
 */
.dc-inner-grid div.z-grid-header th.z-column  {
	border-width: 0px;
}

.dc-inner-grid tr.z-row td.z-row-inner, 
.dc-inner-grid tr.z-row .z-cell {
	border: none;
	background-color: #FAF6F6;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
}

.dc-inner-grid tr.z-row td.z-cell {
	height:24px;
	vertical-align: center;
	word-wrap: break-word;
}



/*
	cloured cells
*/
.redCell{
	border:none;
	background-color:#CF8C9C;
	border-top-color: #CF8C9C;
	border-top-style: solid;
	border-top-width: 5px;
	border-bottom-color: #CF8C9C;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}

.yellowCell{
	background-color:#E8D033;
	border-top-color: #E8D033;
	border-top-style: solid;
	border-top-width: 5px;
	border-bottom-color: #E8D033;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
.normalCell{
	background-color:#FAF6F6;
	border-top-color: #FAF6F6;
	border-top-style: solid;
	border-top-width: 5px;
	border-bottom-color: #FAF6F6;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}	

/**
  Deposit data grid with header styles
*/
div.z-grid.deposit-grid-with-header {
	border:none;
}

.deposit-grid-with-header div.z-grid-header th.z-column  {
	background: #CAC6C6;
	border:none;
	border-left: 2px solid #FAF6F6;
	border-bottom: 1px solid #FAF6F6;
	height: 22px;
	position: static; /* ZK6 changes this to relative and FF 10, 11 don't show the border when position is relative */
}

.deposit-grid-with-header div.z-grid-header div.z-column-cnt,
.deposit-grid-with-header div.z-grid-header div.z-column-cnt span.z-label {
	font-weight: bold;
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	line-height: 100%;
}
/*
.deposit-grid-with-header div.z-grid-header th.z-column:first-child {
	border-left: none;
}

div.z-grid.deposit-grid-with-header {
	background: rgba(0,0,0,0);
	border: none;
}*/

.deposit-grid-with-header .z-grid-header-bg
{
	background-image: none;
	display: none;
}

.deposit-grid-with-header div.z-grid-body, .deposit-grid div.z-grid-header {
	background-color: rgba(0,0,0,0);
	overflow: hidden;	
}

.deposit-grid-with-header tr.z-row td.z-row-inner, 
.deposit-grid-with-header tr.z-row .z-cell {
	border: 2px solid #FAF6F6;
	/*border-style: solid;
	border-color: #FAF6F6;*/
	background-color: #E4DBDB;
	padding: 2px;
}

/*
.deposit-grid-with-header th.z-column {
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #CAC6C6 !important;
}*/
.deposit-grid-with-header div.z-column-cnt {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	font-weight: bold;
}
	
/*	
.deposit-grid-with-header td.z-row-inner , .deposit-grid .z-cell{
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #E4DBDB !important;
}
*/
.deposit-grid-with-header div.z-row-cnt {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.deposit-grid-with-header table {
	background-color:#faf6f6;	
}

/**
  Deposit data grid styles
*/
div.z-grid.deposit-grid {
	background: rgba(0,0,0,0);
	border: none;
}

.deposit-grid .z-grid-header-bg
{
	background-image: none;
	display: none;
}

.deposit-grid div.z-grid-body, .deposit-grid div.z-grid-header {
	background-color: rgba(0,0,0,0);
	overflow: hidden;
	
	}

.deposit-grid tr.z-row td.z-row-inner, 
.deposit-grid tr.z-row .z-cell {
	border: 2px solid #FAF6F6;
	/*border-style: solid;
	border-color: #FAF6F6;*/
	background-color: #E4DBDB;
	padding: 2px;
}

.deposit-grid th.z-column {
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #FAF6F6 !important;
}
.deposit-grid div.z-column-cnt {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	font-weight: bold;
}
	
/*.deposit-grid td.z-row-inner , .deposit-grid .z-cell{
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #E4DBDB !important;
}*/

.deposit-grid div.z-row-cnt {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.deposit-grid table {
	background-color:#faf6f6;	
}


/**
Combo boxes
*/
/* The combobox creates an absolutely positioned table and attaches it to the bottom
of the DOM tree.  This makes it tricky to localise these style changes, so I apologise
in advance if this breaks anyone elses comboboxes. */
.z-comboitem-over {
	background-color: #FAF6F6 !important;
}

.z-comboitem-over-seld,
.z-comboitem-seld {
	background-color: #E4DBDB !important;
}

.z-comboitem-seld {
	border: 1px solid #CDC5C5;
}

.ajax-loader, .ajax-loader-short, .ajax-loader-xshort {
	position:absolute;
	left:554px;
	top:2px;
	/*display:inline-block;*/
	display:inline;
	background: url("../images/ajax-loader-16x16.gif") no-repeat right 0;
	width:16px;
	height:16px;
	vertical-align:top;
}

.ajax-loader-short {
	left: 442px;
}

.ajax-loader-xshort {
	left: 427px;
}

.formContent input.z-combobox-inp {
	width: 100%;
}

/**
 Change the annoying blue input borders
 */
.dataAdminReview .z-textbox,
.dataAdminReview .z-combobox-inp,
.dataAdminReview .z-spinner-inp,
.dataAdminReview .z-intbox,
.formContent .z-combobox-rounded-inp,
.formContent .z-bandbox-rounded-inp,
.formContent .z-datebox-rounded-inp,
.formContent .z-timebox-rounded-inp,
.formContent .z-spinner-rounded-inp,
.formContent .z-doublespinner-rounded-inp,
.formContent .z-combobox-inp,
.formContent .z-combobox-focus .z-combobox-inp,
.formContent .z-bandbox-inp,
.formContent .z-bandbox-focus .z-bandbox-inp,
.formContent .z-datebox-inp,
.formContent .z-datebox-focus .z-datebox-inp,
.formContent .z-timebox-inp,
.formContent .z-timebox-focus .z-timebox-inp,
.formContent .z-spinner-inp,
.formContent .z-spinner-focus .z-spinner-inp,
.formContent .z-doublespinner-inp,
.formContent .z-doublespinner-focus .z-doublespinner-inp,
.formContent .z-textbox,
.formContent .z-decimalbox,
.formContent .z-intbox,
.formContent .z-longbox,
.formContent .z-doublebox,
.formContent .z-combobox-rounded-inp,
.formContent .z-bandbox-rounded-inp,
.formContent .z-datebox-rounded-inp,
.formContent .z-timebox-rounded-inp,
.formContent .z-spinner-rounded-inp,
.formContent .z-doublespinner-rounded-inp,
.formContent .z-combobox-inp,
.formContent .z-bandbox-inp,
.formContent .z-datebox-inp,
.formContent .z-timebox-inp,
.formContent .z-spinner-inp,
.formContent .z-doublespinner-inp,
.formContent .z-radiogroup {
	border: 1px solid #E4DBDB;
	background-image: url(../images/text-bg-beige.gif);
}

.z-errbox.z-popup {
	/* ZK generates error boxes with display: none with the new skin for some reason
	   so override that here, but TODO discover the root cause of display:none and fix that */
	display: block !important;
}

.formContent .z-datebox .z-datebox-btn {
	background-image: url(../images/date_picker_icon.png);
	border: none;
	width: 22px;
	height: 20px;
	background-position: 0;
}

.formContent .z-datebox .z-datebox-btn-over {
	background-position: 0;
}
/*
 ZK 6 .formContent fixes
 */
.formContent .z-combobox .z-combobox-btn-over,
.formContent .z-bandbox .z-bandbox-btn-over,
.formContent .z-datebox .z-datebox-btn-over {
	border-bottom: none;
	border-left: none;
	margin-left: 0px;
}

.formContent .z-combobox, 
.formContent .z-bandbox, 
.formContent .z-datebox, 
.formContent .z-timebox, 
.formContent .z-spinner, 
.formContent .z-doublespinner {
	background: transparent;
}

.formSection .z-groupbox-hr {
	border: none;
}

.formSection .z-groupbox-cnt {
	border: none;
}

.formSection .z-groupbox-header span.z-caption-cnt {
	background: transparent;
}

/*.formContent tr.z-row-over > td.z-row-inner {
	border-top: none;
	border-bottom: none;
}*/

.formContent tr.z-row-over > td.z-row-inner , tr.z-row-over > .z-cell {
	background-image: none;
}

/*
 Result list
 */
 
.result-list div.z-listbox{
	border: none;
}

/* List box re styling*/
.result-list div.z-listbox-body{
	width: 100%; 
	font-weight: bold;
	border: none;
	background-color: #E4DBDB !important;
	overflow: hidden;
}
	
.result-list div.z-listitem div.z-listbox-odd div.z-listcell-cnt z-overflow-hidden{
	background: #E4DBDB;
}

.result-list tr.z-listitem-disd *, td.z-listcell-disd * {
	color:#636363 !important;
}

 
.result-list tr.z-listitem, tr.z-listitem a, tr.z-listitem a:visited {
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #E4DBDB !important;
}
.result-list tr.z-listitem a:hover {
	text-decoration: underline;
}
.result-list  td.z-listcell{
	border: 2px !important;
	border-style: solid !important;
	border-color: #FAF6F6 !important;
	background-color: #E4DBDB !important;
}
.result-list tr.z-listbox-odd {
	background: #E7E7E7;
}       

.result-list div.z-listbox-header, div.z-listbox-header tr, div.z-listbox-footer {
	background: #D4CBCB !important;
}

.result-list  div.z-listbox-header th.z-listheader{
	border: 1px solid #333;
	border-bottom: 2px solid #333;
}

.result-list  div.z-listbox-header th.z-listheader:first-child{
	border-left: none;
}

.result-list  div.z-listbox-header th.z-listheader:last-child{
	border-right: none;
}

.result-list  div.z-listbox-header th.z-listheader div.z-listheader-cnt {
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 140%;
}


.tableTool {
	float:right;
	vertical-align:top;
}

.tableTool img{
	height:15px;
}
.tableToolCursor {
	float:right;
	vertical-align:top;
	height:18px;
}

.modalWindow{
	border:10px solid #dcd3d3;
	border-radius: 15px;
}


.modalWindow .z-window-modal-cnt, .z-window-highlighted-cnt, .z-window-modal-cnt-noborder, .z-window-highlighted-cnt-noborder, .z-window-overlapped-cnt-noborder{
	background: #dcd3d3;
}
.popupDiv{
	background-color:#ffffff;
	padding: 10px;
	margin:0px;
	clear:both;
	border:1px solid #ffffff;
	border-radius: 15px;
}

.searchGrid  {
	border:none;
	margin:10px;
}
.searchGrid tr.z-grid-odd td.z-row-inner, 
.searchGrid tr.z-grid-odd .z-cell, 
.searchGrid tr.z-grid-odd {
	padding: 3px;
	background: #faf6f6 !important; 
	border: 0; 
	overflow: auto; 
}

.searchGrid tr.z-row td.z-row-inner, 
.searchGrid tr.z-row .z-cell {
	padding: 3px;
	background: #faf6f6 !important; 
	border: 0; 
	overflow: auto; 
}

.searchGrid label{
    font-weight: bold;
}

.searchGrid .z-textbox, 
.searchGrid .z-decimalbox, 
.searchGrid .z-intbox, 
.searchGrid .z-longbox, 
.searchGrid .z-doublebox .z-textbox-focus, 
.searchGrid .z-decimalbox-focus, 
.searchGrid .z-intbox-focus, 
.searchGrid .z-longbox-focus, 
.searchGrid .z-doublebox-focus
{
	font-size: 11px !important;
	font-family: Verdana !important;
	border-top-color: #e4dbdb; !important; 
	border-right-color:#e4dbdb; !important; 
	border-left-color:#e4dbdb;
	border-bottom-color: #e4dbdb;
	background-image: url("../images/text-bg-beige.gif");
}



ul.aklg{
	list-style:disc;
	margin-left:35px;
	line-height: 2em;
}

/**
 Pop up skin change
 */
.z-popup .z-popup-cm{
background: white repeat-x 0 0px;
padding:4px 10px; overflow: hidden; zoom: 1;
}
.z-popup .z-popup-cnt {
	margin: 0 !important;
	line-height: 15px;
	color: #555555;
	zoom: 1;
}

.historyTable{
	

}
.historyTable th{
	font-weight:bold;
	color:#fff;
	background-color:#CAC6C6;
	border:2px solid #fff;
	height:30px;
}
.historyTable td{
	vertical-align:top;
	background-color:#faf6f6;
	border:2px solid #fff;
	/*border-style: none none solid none;*/
    padding:5px 0 5px 5px;
}

.historyTable li{
	list-style-position:inside;
}


#historyDialog {
	z-index: 1250 !important;
}
/**
 * Pulsar search window
 */
.GridLayoutNoBorder tr.z-row td.z-row-inner,
.GridLayoutNoBorder tr.z-row .z-cell,
div.z-grid.GridLayoutNoBorder
{
	border: none;
	overflow: hidden;
	zoom: 1;
	background: white;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.genericHelp{
	background:url(../images/help.png) left transparent no-repeat;
	height:15px;
}

/**
 * AAHL Microscopy search
 */
#aahlSearchFields label
{
	width: 220px;
}
	
/**
 * User Management styles
 */
 
.user-management-groupbox{
	border:1px solid #CCC;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/**margin-left: 2px;*/
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
.user-management-groupbox legend span{
	font-weight:bold;
}


/**
 * FTP details
 */

.ftpContent hbox{
	width: 425px;
}
.ftpContent a{
	line-height:16px;
	margin-left: 10px;
}
.ftpContent p{
	padding-bottom:0;
	margin-left: 182px;
}
.ftpContent > br{
	clear: both;
}

.ftpContent image{
	
	width:20px;
	height:20px;
}
.ftpContent label{
    font-weight: bold;
}
.ftpContent .error label{
	position: relative;
	left:10%;
	width:50%;
	color: red;
	padding-bottom:10px;
}
.ftpContent label.noalign{
	text-align: left;
}
.ftpContent label.info{
	text-align: left;
	font-style: italic;
	font-weight: normal;
}
.ftpContent label, .ftpContent input, .ftpContent textarea, .ftpContent select{
	display: block;
    float: left;
    margin-bottom: 10px;
    line-height:16px;
}
.ftpContent label, .ftpContent input, .ftpContent select {
	white-space: nowrap;
}
.ftpContent input, .ftpContent textarea{
	width: 425px;
}
.ftpContent input.date, 
.ftpContent input.z-datebox-inp, 
.ftpContent input[type="date"]{ /*CSS3 input type date is not yet supported on all browsers*/
	width:130px;
}
.ftpContent br + *, .ftpContent > *:first-child{
	text-align: right;
	padding-right: 10px;
	width: 72px;
}
.ftpContent input[type="checkbox"]{
	width: 13px;
	margin-left:157px;
	margin-right:10px;
}

.dataAdminReview input[type="radio"]{
	margin-left:130px;
	margin-right:10px;
	text-align: left;
}

input.approvalCancelButton[type="submit"]{
	margin:10px 10px 10px 0px;
}
input.approvalDecisionButton[type="submit"]{
	margin:10px 0px 10px 10px;
}

/*
ZK 6 General fixes
*/
/* Reset menu text size to 11px */
.z-menubar-hor .z-menu, .z-menubar-hor .z-menuitem, .z-menubar-hor .z-menu-btn, 
.z-menubar-hor .z-menuitem-btn, .z-menubar-hor span, .z-menubar-hor a, .z-menubar-hor div, 
.z-menubar-ver .z-menu, .z-menubar-ver .z-menuitem, .z-menubar-ver .z-menu-btn, 
.z-menubar-ver .z-menuitem-btn, .z-menubar-ver span, .z-menubar-ver a, 
.z-menubar-ver div, .z-menu-cnt, .z-menuitem-cnt, 
/* add a more specific rule than the ZK one so that this rule overrides it even on JSP pages where the 
ZK stylesheet would normally take precedence due to being included last */
a.z-menuitem-cnt {
	font-size: 11px;
}

.dataTabContent .z-combobox-rounded .z-combobox-rounded-btn, 
.dataTabContent .z-bandbox-rounded .z-bandbox-rounded-btn, 
.dataTabContent .z-datebox-rounded .z-datebox-rounded-btn, 
.dataTabContent .z-timebox-rounded .z-timebox-rounded-btn, 
.dataTabContent .z-spinner-rounded .z-spinner-rounded-btn, 
.dataTabContent .z-doublespinner-rounded .z-doublespinner-rounded-btn, 
.dataTabContent .z-combobox .z-combobox-btn, 
.dataTabContent .z-bandbox .z-bandbox-btn

/*, 
These are included in the ZK style sheet
but not included here because the ZK style sheet subsequently
overrides the background-image property for them.

.dataTabContent .z-datebox .z-datebox-btn, 
.dataTabContent .z-timebox .z-timebox-btn, 
.dataTabContent .z-spinner .z-spinner-btn, 
.dataTabContent .z-doublespinner .z-doublespinner-btn*/
{
	background-image: url(../images/zk-combobtn-brown.gif);
}

.dataTabContent .z-timebox .z-timebox-btn-upper, 
.dataTabContent .z-spinner .z-spinner-btn-upper, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-upper
{
	background-image: url(../images/zk-timebtn-up-brown.gif);
}

.dataTabContent .z-timebox .z-timebox-btn-over .z-timebox-btn-upper, 
.dataTabContent .z-spinner .z-spinner-btn-over .z-spinner-btn-upper, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-over .z-doublespinner-btn-upper, 
.dataTabContent .z-timebox .z-timebox-btn-up-clk, 
.dataTabContent .z-spinner .z-spinner-btn-up-clk, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-up-clk
{
	border: 1px solid #A3AAB8;
	border-bottom: 1px solid #A3AAB8;
}

.dataTabContent .z-timebox .z-timebox-btn-over .z-timebox-btn-lower, 
.dataTabContent .z-spinner .z-spinner-btn-over .z-spinner-btn-lower, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-over .z-doublespinner-btn-lower, 
.dataTabContent .z-timebox .z-timebox-btn-down-clk, .z-spinner .z-spinner-btn-down-clk, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-down-clk
{
	border: 1px solid #A3AAB8;
	border-top: 0;
}

.dataTabContent .z-timebox .z-timebox-btn-lower, 
.dataTabContent .z-spinner .z-spinner-btn-lower, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-lower
{
	background-image: url(../images/zk-timebtn-down-brown.gif);
}

.dataTabContent .z-combobox-focus .z-combobox-inp, 
.dataTabContent .z-bandbox-focus .z-bandbox-inp, 
.dataTabContent .z-timebox-focus .z-timebox-inp, 
.dataTabContent .z-spinner-focus .z-spinner-inp, 
.dataTabContent .z-doublespinner-focus .z-doublespinner-inp
{
	border: 1px solid #E4DBDB;
	border-top-color: #A3AAB8;
	border-right: 0;
}


.dataTabContent .z-combobox-focus .z-combobox-btn, 
.dataTabContent .z-bandbox-focus .z-bandbox-btn, 
.dataTabContent .z-timebox-focus .z-timebox-btn, 
.dataTabContent .z-spinner-focus .z-spinner-btn, 
.dataTabContent .z-doublespinner-focus .z-doublespinner-btn
{
	border: 1px solid #E4DBDB;
	border-top-color: #A3AAB8;
	border-left: 0;
}

/* zk internal component button over borders */
.dataTabContent .z-combobox .z-combobox-btn-over, 
.dataTabContent .z-bandbox .z-bandbox-btn-over, 
/* zk internal component button clicked borders */
.dataTabContent .z-combobox-focus .z-combobox-btn-clk, 
.dataTabContent .z-combobox .z-combobox-btn-clk, 
.dataTabContent .z-bandbox-focus .z-bandbox-btn-clk, 
.dataTabContent .z-bandbox .z-bandbox-btn-clk, 
.dataTabContent .z-timebox-focus .z-timebox-btn-clk, 
.dataTabContent .z-timebox .z-timebox-btn-clk, 
.dataTabContent .z-spinner-focus .z-spinner-btn-clk, 
.dataTabContent .z-spinner .z-spinner-btn-clk, 
.dataTabContent .z-doublespinner-focus .z-doublespinner-btn-clk, 
.dataTabContent .z-doublespinner .z-doublespinner-btn-clk
{
	border: 1px solid #A3AAB8;
}

/* disable datebox button border */
.dataTabContent .z-datebox .z-datebox-btn-over,
.dataTabContent .z-datebox-focus .z-datebox-btn,
.dataTabContent .z-datebox-focus .z-datebox-btn-clk, 
.dataTabContent .z-datebox .z-datebox-btn-clk
{
	border: none;
}

.dataTabContent .z-textbox, 
.dataTabContent .z-decimalbox, 
.dataTabContent .z-intbox, 
.dataTabContent .z-longbox, 
.dataTabContent .z-doublebox
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.blackOval.z-toolbarbutton-over
{
	border-top: inherit;
	border-bottom: inherit;
	padding: 1px 0;
}

.blackOval.z-toolbarbutton-over .z-toolbarbutton-body
{
	border-left: none;
	border-right: none;
	padding: 0 1px;
}

.blackOval.z-toolbarbutton-over .z-toolbarbutton-cnt
{
	background-image: none;
}

.content .z-paging-os {
	background: transparent;
}

.result-list div.z-listbox-header th.z-listheader-sort-over {
	background-image: inherit;
}

.result-list .z-listheader-sort-asc .z-listheader-sort-img, 
.result-list .z-listheader-sort-dsc .z-listheader-sort-img,
.result-grid .z-treecol-sort-asc .z-treecol-sort-img, 
.result-grid .z-treecol-sort-dsc .z-treecol-sort-img,
.grid-with-header .z-column-sort-asc .z-column-sort-img, 
.grid-with-header .z-column-sort-dsc .z-column-sort-img, 
.deposit-grid-with-header .z-column-sort-asc .z-column-sort-img, 
.deposit-grid-with-header .z-column-sort-dsc .z-column-sort-img 
{
	background-image: url(../images/zk-arrows-black.png);
}

.popupDiv .formSection h4,
#addXmlMetadataFiles.formSection h4
{
	background-color: white;
}

.z-comboitem-text {
	text-align: left;
}

/* 
 Address Image.setAlign("center") in a CSS way 

 http://www.w3.org/Style/Examples/007/center.en.html#block
*/ 
.centeredImage {
display: block;
    margin-left: auto;
    margin-right: auto	
}

.wordbreakP {
	word-wrap:break-word;
	width:420px;
}


.lcdContainer
{
/* position:relative; */
width:100%;
}
.lcdRight
{
float:right;
/* position:absolute; */
 width:400px; 
}

.map-popup {
	list-style: none;
}
.map-popup > li {
	padding: 4px 0px;
}

.alternate-row {
	background-attachment: scroll, scroll;
	background-clip: border-box, border-box;
	background-color: #F1F1F1;
	background-image: -webkit-gradient(radial, 100 36, 0, 100 -40, 120, from(#FAFAFA), to(#F1F1F1)), none;
	background-origin: padding-box, padding-box;
	background-size: auto, auto;
}

.orgStructureControls {
	margin-left:155px;
	margin-bottom: 10px;
	line-height: 10px;	
}

.orgStructureControls input[type="radio"]{ 
	margin-right:10px;
}

/*
 * Free description text appearing inside formContent faint boxes 
 */
.orgStructureControls label {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold; 
	text-align: left; 
	padding: 0; 
	margin: 0;
}

.orgStructureSpacer {
	width:420px;
	float: left;
}
.z-textbox-disd {
	background:transparent !important;
	color:#636363 !important;
	opacity:1 !important;	
}

.headerBanner {
	border: 1px solid #ebab00;
	padding:13px;
}

.expandedSearchResultInfo{
	background:white; 
	margin:0px; 
	padding-top: 6px; 
	padding-bottom: 6px; 
	padding-left:2px; 
	padding-right:2px;	
}

.tabBarBuffer{
	position: relative;
	top: -1px;
	background-color: #FAF6F6; 
	height: 5px;
	z-index: 101;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
}

.linkHeading, .linkHeading:visited{
	text-decoration: none !important;
	color: #ffffff !important;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 10px;
    border: 1px solid #888;
    width: 300px;
	min-height: 100px;
	 display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
}

.historyHelpImage
{
	position: relative; 
	top: 4px; 
	padding-left:5px;
}

.metricLabel
{
	width: 235px;
	padding:5px;
}
.metricValue
{
	width: 85px;
	text-align: right;
	padding-right:5px;
}
.validationMetric1
{
	background: #DCEBDC; 
}
.validationMetric2
{
	background: #FFD269; 
}
.validationMetric3
{
	background: #FFAAAA; 
}

.draftWarning
{
	font-weight: bold;
	align: left; 
	border-style: solid; 
	border-width: 2px; 
	border-color: red; 
	line-height: 30px;
	padding: 2px;
}

.wideLabel {
	text-align: right;
	padding-right: 10px;
	width: 225px;
	font-weight: bold;
	display: block;
  	float: left;
  	margin-bottom: 10px;
  	line-height: 16px;
  	white-space: nowrap;
}

.contentSpacerLarge {
	width:470px;
	float: left;
	margin-bottom: 10px;
  	line-height: 16px;
}

.popuphelp {
	background:url(../images/help.png) right transparent no-repeat;
	height:15px;
	width:20px;
	line-height:15px;	
	padding:1px 1px 1px 1px;
	vertical-align: top;
}

.formContents {
	border:1px solid #e2dfdf;
	clear: both;
	margin: 30px 0 20px;
	padding: 0 15px;
}

.licenceGrid tr.z-row td.z-row-inner, .licenceGrid tr.z-row .z-cell
{
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #faf6f6;
  border-right-color: #faf6f6;
  border-bottom-color: #faf6f6;
  border-left-color: #faf6f6;
  background-color: #e4dbdb;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
}
.licenceGrid
{
  border-style: none
  width
}

.accessRestrictionDropdown 
{
	width:145px;
}