html{
	height:auto;
	color:#666;
	background:#F0F0F0;
	height: 100%;
	overflow-y: scroll;
}
body {font-family:arial;font-size:100%;}

.logo{margin:1em 0;}
.page_body{padding:1em;background:#F0F0F0;padding-bottom:80px;}

.alert {
  border-color: #DBDB7D;
}

.alert-danger,
.alert-error {
  /**background-color: #FF8686;**/
  border-color: #D13434;
  color: #b94a48;
}

.control-group.error input {
	background: #FFCCCC;
}

.dashboard_list{list-style:none;margin:.6em 0;}
	.dashboard_list li{background:#f5f5f5;text-align:right;padding:.4em 1em;border-bottom:1px solid #ddd; border-radius: 4px 4px 4px 4px;}
	.dashboard_list a:hover{text-decoration:none;}
	.dashboard_list a li:hover{background:#ecf3fb;}
	
.project_input{background:#eee;padding:1em;margin-bottom:1em;border-radius: 4px 4px 4px 4px;}
	.project_input input, .project_input textarea {width:25em;display:block;}

.block_input input, .block_input textarea {display:block;}

.ui-accordion .ui-accordion-content{background:#f5f5f5;margin:0 1em;}
.ui-accordion .ui-accordion-header{border:1px solid #e4eaed;margin:0 1em;}
.accordion_icon_default {background-image:url('../img/accordion_down.png');width:14px;height:18px;background-position: 0 2px;}
.accordion_icon_active {background-image:url('../img/accordion_right.png');width:14px;height:18px;background-position: 0 2px;}
	
.welcome_graphic{background:url('../img/home_image.png') no-repeat;background-size:100%;background-position:left center;margin-bottom:1em;padding:4em 2em;color:#fff;border-radius: 4px 4px 4px 4px;}
	
.dashed {
  border: 2px dashed #c0c0c0;
}

.portlet-column { padding-bottom: 50px; }
.portlet { border: 1px solid #D0D0D0; margin: 0 0 1em 0; background-color: white; }
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; font-size: 1.2em; font-weight: bold; }
.portlet-header .portlet-buttons { float: right; display: none; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.portlet-content .table { margin-bottom: 0px; }

.drag-on { border: 1px dashed firebrick; }
.drag-on .portlet-header { background-color: #ccc; border: 1px solid #c0c0c0; }
.drag-on .portlet-header .portlet-buttons { display: block; margin-right: 4px; margin-top: 4px; }

.header { border-bottom:1px solid #c0c0c0; }
.header h1 { margin: 0px; padding: 0px; float: left; }
.header h2 { margin: 0px; padding: 0px; float: left; }
.header h3 { margin: 0px; padding: 0px; float: left; }

.title-header h1 { margin: 0px; padding: 0px; float: left; font-size:1.2em;}
.title-header ul.breadcrumb { margin: 0px; padding: 0px; float: left; }

.date {
  padding: 4px;
  background-color: #e0e0e0;
  color: #7a7a7a;
  font-weight: bold;
  font-size: .9em;
  text-align: center; 
  width: 50px;
}

.portlet-hidden .portlet-header {
  background-color: firebrick;
}

.portlet-hidden {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5; 
  filter: alpha(opacity=50);
}

.table tr td { vertical-align: middle; }

a.helplink:hover,a.helplink:active { text-decoration: underline !important; }

.subheadertext{
	font-weight: 550;
	padding-bottom: 20px;
}

.faq {
    margin-bottom: 8px;
	border-bottom: solid #C0C0C0 2px;
}
.faqquestion {
	display: flex;
	align-items:center;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 20px;
}
.faqquestiontext{
	padding-left: 10px;
}
.faqanswer {
    padding-left: 35px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.errorbox{
	border-width: 2px;
	border-color: #EC676E;
	border-style: solid;
	padding: 20px;
	background-color: #F8D2D4;
	margin-bottom: 25px;
}
.erroricon{
	float:left;
	padding-right: 10px;
	padding-bottom: 50px;	
}
.errorsubtext{
	line-height:0.75;
}

.graphic {
    height: 100%;
    width: 100%;
}
.graphic_text_style span {
    font-size: 100%;
    color: white;
}

.NGAlogotext{
	font-size: small;
	color:#D0D0D0;
	line-height:0.5;
	padding-top:20px;
	padding-left: 70px;
}

/* ==========================================================================
	Top Navigation Style Overrides
*/

#mynav {
	border-bottom: 1px solid #336bac; background-color: #1b3c62;
}

#mynav .navbar {
	margin-bottom:0px;
}

#mynav .navbar-inner {
	padding-left:0px;padding-right:0px;border:none;border-radius:0px; background:none; color: #fff; filter: none; box-shadow: none;
}

#mynav .navbar .nav > li > a {
  color: #FFF;
  text-shadow: none;
}

#mynav .navbar .nav > li > a .caret {
  border-top-color: #FFF;
	border-bottom-color: #FFF;
}

#mynav .navbar .nav li.dropdown.open > a {
	color: #000;
}

#mynav .navbar .nav li.dropdown.open > a .caret {
	border-top-color: #000;
	border-bottom-color: #000;
}

.vertical-divider {
  border-right: 1px solid #ddd;
  padding-right: 1em;
}
 
.close-help,
.close-login {
  float: right;
  font-size: 0.7em;
}
 
p.success-button {
  margin-left: 0;
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
 
p.success-button > a {
  text-decoration: underline !important;
}

/* desktop */
#consentMsgHeight {
	overflow: auto;
	height: 600px;
}
#fedMsgHeight {
	overflow: auto;
	height: 600px;
}

/* ==========================================================================
	Header Style Overrides
*/

#myheader {
	background-color: #192F43; min-height: 84px;line-height:84px;
}

#myheader .nav-tabs {
	margin-bottom:-1px;
}

#myfooter {
	position: fixed;
	width: 100%;
	bottom: 0;
	background-color: #192F43;
	background-image: url('../img/topographic-dark-identifier\ 1.png');
	background-position: top center;
}

#myfooter .nav-tabs {
	margin-bottom:-1px;
}

#helpDeskContent {
	font-size: .8em;
}

/* Kindle HDX, iPad Mini or Nexus 10 tablet view */
@media only screen and (max-width: 979px) and (min-width: 768px)  {
	#new_project input, #new_project textarea {width:98%;display:block;}
	input[type=text]{
		width: 160px;
	}
	input[type=password] {
		width: 160px;
	}
	.visible-phone {
		display: none !important;
	}
}

/* mobile view */
@media (max-width: 767px){
	.visible-phone {
		display: inherit !important;
	}
	body { 
		padding: 0; 
	}
	input[type=text] {
		width: 280px;
	}
	input[type=password] {
		width: 280px;
	}
	#myheader { 
		min-height: 21px;
		max-height: 42px;
		line-height: 21px;
	}
	#helpDeskContent {
	    word-spacing: 3px;
		font-size: 10px;
	}
	#consentmessage {
		font-size: 10px;
	}
	#consentMsgHeight {
	    overflow: auto;
		height: 300px;
	}
	#fedmessage {
		font-size: 10px;
	}
	#fedMsgHeight {
	    overflow: auto;
		height: 300px;
	}
	#fedmessage {
		font-size: 10px;
	}
	img.logo {
		margin: 0.25em 1em;
		max-width: 25%; 
	}
	.title-header img,
	.helplink img { 
		width: 25px; 
	}
	.helplink a { 
		font-size: 0.8em;
		line-height: 0.8em; 
	} 
	#authmechlinks { 
		margin-bottom: 1em; 
	} 
	#govwarning {
		font-size: 10px;
	}
	.title-header { 
		vertical-align: middle; 
	} 
	.title-header h1 { 
		font-size: 0.8em; 
		line-height: 0.8em; 
		float: none; 
	} 
	h4 { 
		font-size: 1em; 
		line-height: 1em; 
	} 
	h6 { 
		font-size: 0.5em; 
		line-height: 0.5em; 
	} 
	.well-small { 
		font-size: 1em;
		line-height: 1em; 
	} 
	.well-small h6 { 
		font-size: 1em; 
		line-height: 1.2em; 
		margin: 0.25em 0.75em; 
	} 
	.navbar-inner { 
		display: none; 
	} 
	.totop { 
		float: right; 
		font-size: 0.7em; 
	} 
	.close-help { 
		float: right; 
		font-size: 0.7em; 
	} 
	.vertical-divider { 
		border: none; 
	} 
	.login { 
		display: none; 
	} 
	
	.faq {
    font-size: 10px;
	}
	
	.faqquestion {
    font-weight: normal;
    font-size: 13px;
	}
	
	#help {
	font-size: 13px;
	}

	#jNotify p.success-button > a { 
		background-color: #01a30f; 
		border: 1px solid #024b2c; 
		border-radius: 5px; 
		color: #ffffff !important; 
		padding: 10px 10px 10px 10px; 
		margin-top: 20px; 
		text-decoration: none !important; 
	}
}