/*
 * 
 * Main stylesheet for medin metadata
 */

html {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-family:Verdana, Arial, sans-serif;
	line-height:15px;
	color:#1b1b1b;
	overflow-y:scroll;
	padding:20px;
}

/*
 * Reset
 */

body, h1, h2, h3, h4, h5, p, img, a, ul, li, form, fieldset, legend, input, textarea, select {
	border:none;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	color:#1b1b1b;
}

/*
 * Layout elements
 */

header {
	display:block;
	margin-bottom:40px;
	font-family: Verdana, Geneva, sans-serif;
}

.site-title {

	color: #3387CC;
	font-size:1em;

}

#contact {
	position:absolute;
	right:20px;
	top:20px;
}

nav {
	display:block;
	float:left;
	width:100%;
	border-left:1px solid #322073;
	background-color:#4177a6;
	margin-bottom:40px;
}

#wrapper {
	clear:left;
	position:relative;
}

footer {
	display:block;
	clear:both;
	padding-top:50px;
	border-top: 1px solid #ccc;
}

.wide-left-column {
	float:left;
	width:64%;
	padding-right:2%;
	
}

.narrow-right-column {
	float:left;
	width:31%;
	padding-left:2%;
}

.thirds-box {
	width:30%;
	padding:1%;
	float:left;
	margin-right:1%;
}

.thirds-box .section {
	padding:2%;
	background-color:#efefef;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radisu:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:7%;
}

.help-content {
	margin-bottom:40px;
}

#captcha-image {
	margin-bottom:20px;
}

/*
 * Error / success messages
 */

.form-error {
	color:#cd3333;
	font-weight:bold;
}

.notification {
	padding:5px 10px;
	margin-bottom:20px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	background-color:#43AED9;
	background:rgba(67,174,217,0.97);
	border-bottom:2px solid #4177A6;
}

.saving {
	color : #fff;
}

.success {
	background-color:#e3f9e1;
	background:rgba(227,249,225,0.97);
	border-bottom:2px solid #58914e;
}

.success-list {
	background-color:#e3f9e1;
	background:rgba(227,249,225,0.97);
	border:2px solid #58914e;
	padding:5px 10px;
	margin-bottom:20px;
}

.error {
	background-color:#f9e1e4;
	background:rgba(249,225,228,0.97);
	border-bottom:2px solid #cd3333;
}

.error-list {
	background-color:#f9e1e4;
	background:rgba(249,225,228,0.97);
	border:2px solid #cd3333;
	padding:5px 10px;
	margin-bottom:20px;
}

.close-notification {
	position:fixed;
	top:5px;
	right:10px;
}


.spatial_subgroup {

	border: solid 1px #ccc;
	padding:5px;
	margin-bottom: 10px;
	
}
.spatial_subgroup input {
	padding:0px;

}

/*
 * Headings
 */

h1 {
	font-size:30px;
}

h2 {
	display:block;
	font-size:30px;
	padding-bottom:30px;
	color:#4177a6;
}

#current-record-title {
	line-height:30px;
	margin-right : 5%;
}

h3 {
	display:block;
	font-size:16px;
	padding-bottom:16px;
	color:#4177a6;	
}

h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
}

footer h5{ 
	color: #4177a6;
	font-size:11px;
}

.notification h4 {
	color : #000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:16px;
}

.saving h4 {
	color:#fff;
}

.success h4 {
	color:#58914e;
}

.error h4 {
	color:#cd3333;
}

.help-content h1 {
	margin-bottom:30px;
	color:#4177A6;
}

.help-content h2 {
	font-size:18px;
}

.help-dialog h1 {
	font-size:20px;
	margin-bottom:20px;
	color:#4177A6;
}

.help-dialog h2 {
	font-size:16px;
	margin-bottom:16px;
	padding-bottom:0px;
}

.help-dialog h3 {
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:0px;
}

#newKeywordLink:hover, #addContactLink:hover {
	cursor:pointer;
}

/*
 * Paragraphs
 */

#wrapper p {
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
}

#contact p {
	margin-bottom:10px;
}

p.back-to-top {
	text-align:right;
}

.help-dialog p {
	font-size:12px;
	margin-bottom:12px;
}

p.infoNote {border: dashed red 1px; padding:3px; background-color:#FFC0CB; font-size: 11px !important;}

/*
 * Lists
 */

nav ul li {
	list-style-type:none;
	float:left;
}

#help-navigation {
	margin-bottom:40px;
}

#help-navigation li {
	list-style-type:none;
	font-size:12px;
	margin-bottom:12px;
}

.error-list ul {
	padding-left:30px;
	font-size:12px;
}

.error-list li {
	margin-bottom:10px;
}

/*
 * Links
 */

a {
	color:#4177a6;
	text-decoration:underline;
}

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

h1 a {
	color:#000;
	text-decoration:none;
}

h1 a:hover {
	color:#ccc;
}

nav a {
	display:block;
	border-right:1px solid #322073;
	padding:10px 20px;
	text-decoration:none;
	color:#fff;
	font-size:14px;
    -webkit-transition: background-color 0.8s; color 0.8s;/* For Safari 3.1 to 6.0 */
    transition: background-color 0.8s, color 0.8s;

}

nav a:hover {
	background-color:#43aed9;


}

.edit, .call-to-action {
	font-size:12px;
	padding:5px 10px;
	background-color:#43aed9;
	color:#fff;
	border:none;
	width:auto;
	height:auto;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radisu:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
	margin-right:10px;
}

.edit:hover, .call-to-action:hover {
	background-color:#4177a6;
}

.pagination-link {
	text-align:center;
	margin-bottom:20px;
}

.pagination-link a {
	padding:10px 15px;
	border:1px solid #eee;
}

.pagination-link a:hover {
	background-color:#eee;
	border:1px solid #000;
}

.pagination-link strong {
	padding:10px 15px;
	border:1px solid #eee;
}

#save {
	position:absolute;
	top:0px;
	right:0px;
	font-size:12px;
	padding:10px 15px;
	background-color:#43aed9;
	color:#fff;
	border:none;
	width:auto;
	height:auto;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radisu:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-decoration:none;
}

#save:hover {
	background-color:#4177a6;
}

/*
 * Images
 */

#header-logo {
	vertical-align:middle;
}

.help img {
	vertical-align:middle;
}

.notification img {
	vertical-align : middle;
}

/*
 * Form elements
 */

fieldset {
	
}

legend {
	display:block;
	font-size:30px;
	padding-bottom:30px;
	color:#4177a6;
}

.thirds-box legend {
	font-size:20px;
}

label {
 	display:block;
	margin-bottom:10px;
	font-size:12px;
}

p label {
	width:auto;
	display:inline;
}

label.specification {
	font-weight:bold;
}

input {
	width:100%;
	height:24px;
	font-size:14px;
	border:1px solid #ccc;
	margin-bottom:36px;
	padding:3px;
}

input:focus {
	background-color:#efefef;
	border-color:#bcbcbc;
}

.thirds-box input {
	width:98%;
}

.thirds-box input:focus {
	background-color:#fff;
	border-color:#adadad;
}

input.auto {
	width:auto;
	display:inline;
	vertical-align:top;
	margin-right:5%;
}

/*.thirds-box input {
	width:97%;
	margin-left:auto;
}*/

select {
	width:100%;
	height:24px;
	font-size:14px;
	border:1px solid #ccc;
	margin-bottom:36px;
	padding:3px;
}

select:focus {
	background-color:#efefef;
	border-color:#bcbcbc;
}

select.multiple {
	height:72px;
}

#medinKeywords {
	height:216px;
}

textarea {
	width:100%;
	height:144px;
	font-size:14px;
	border:1px solid #ccc;
	margin-bottom:36px;
	padding:3px;	
}

textarea:focus {
	background-color:#efefef;
	border-color:#bcbcbc;
}

.submit {
	text-align:right;
}

.export-form-supplementary .submit {
	text-align:left;
}

.export-form-supplementary .submit input {font-size:1.1em;}


#delete-form .submit {
	text-align:left;
}

.submit input {
	font-size:14px;
	font-weight:bold;
	padding:10px 15px;;
	background-color:#43aed9;
	color:#fff;
	border:none;
	width:auto;
	height:auto;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radisu:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-webkit-transition: all 0.8s; /* For Safari 3.1 to 6.0 */
    transition: all 0.8s;
	/*text-shadow:0px -1px 0px #2d1859;*/
}

.submit input:hover {
	background-color:#4177a6;
}

input.optional, select.optional, textarea.optional {
	background-color:#fff;
}

input.conditional, select.conditional, textarea.conditional, div.conditional {
	background-color:#b7e8bb;
}

input.mandatory, select.mandatory, textarea.mandatory, #medinKeywords_chzn ul.chzn-choices, #epsgSelect_chzn ul.chzn-choices, #distributor_chzn ul.chzn-choices{
	background-color:#b7dce8; background-image:none;
}

button.dynamic-form-button{

font-weight: bold;
padding: 10px 15px;
background-color: #43AED9;
color: #FFF;
border: medium none;
width: auto;
height: auto;
border-radius: 10px;
cursor: pointer;

}
button.dynamic-form-button:hover{
background-color: #4177A6;
}

/*
 * Tables
 */

table {
	width:100%;
}

th {
	text-align:left;
}

tr td {
	padding-top:10px;
	padding-bottom:10px;
}

tr:hover {
	background-color:#eee;
}

.review tr td {
	width : 66%;
}

.review tr td:first-child {
	width : 33%;
}

/*
 * Map
 */
#map {
	width:100%;
	height:400px;
	margin-bottom:40px;

}

#map-buttons {
	margin-top:-40px;
	margin-bottom:40px;
	text-align:center;
}

/**
 * Map layers control
 */
.olControlLayerSwitcher input {
	width : auto;
	margin : 0;
	vertical-align : bottom;
	margin-right : 0.5em;
}

/**
 * 	Map loading box
 */
#patience {display:none; width:300px; height:80px; position:fixed; top:50%; left:50%; margin-top: -40px; margin-left: -150px; z-index:999; text-align:center; border:solid 1px #CD3333; background-color:#F9E1E4; box-shadow: 2px 2px 1px #333; border-radius:5px;}
#patience img{display:block; margin:0px auto;}
/*
 * Date pickers
 */

.ui-datepicker-trigger {
	position:absolute;
	right:15px;
}

.ui-datepicker-trigger:hover {
	cursor:pointer;
}


.bounding_box_inputs{border-bottom:solid 2px #ccc; margin-top:5px; margin-bottom:5px;}

/*Formatting fancy multiselect boxes to show as "mandatory"*/

#dataPointOfContact_chzn ul.chzn-choices,#metadataPointOfContact_chzn ul.chzn-choices,#originator_chzn ul.chzn-choices, #capabilityKeywords_chzn ul.chzn-choices {background-color:#b7dce8 ; background-image:none;}

/**************************** TEST STUFF TO BE REMOVED *******************************/

pre {
	font-size:14px;
}

#geographicForm #OpenLayers.Control.LayerSwitcher_80_layersDiv input {
	margin-bottom : 4px;
}