/*
CSS File: EG Twitter Stylesheet
Description: Main css file for EG website
Author: 
Version: 
*/

/*
Contents:

	
*/


/* Main */
html. body {
	height: 100%;
}


body {
	background:#f5f5f5 url(../images/appBg.jpg) center no-repeat fixed;
	color:#52606b;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:1.4
}

a, a:focus {
	text-decoration: none;
	outline: none 0;
	-webkit-transition: all 0.3s ease-in-out 0s;	
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
a:hover {text-decoration: none;}
h1, h2, h3, h4, h5 , h6 {
	font-weight: bold;
}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Misc / Helper Classes */
.lato {
	font-family: 'Lato', sans-serif !important; 
}

.label-headings {
	font-size: 36px;
	color:#343e48;
	font-weight: bold;
}

.innerpage-header {
	background:#310238;
	text-align: center;
	padding: 55px 0;
	margin-bottom: 15px;
}

.page-headings {
	font-size: 60px;
	color:#fff;
	margin:0;
	font-weight: bold;
	text-transform: uppercase;	
}


.btn-primary {
	color:#343e48;
	background:#ffee00;
	font-weight:bold;
	border-color:#ffee00
}

.btn-primary:hover {
	background:#c3c8cc;
	border-color:#c3c8cc
}



/* Header */
header {
	padding:0 30px;
	background: #fff url(../images/header.jpg) top center / cover no-repeat;
}
header h1,
header h1 a,
header h1 a:link,
header h1 a:focus,
header h1 a:visited {
	font-family: 'Lato', sans-serif;
	color:#3e4e9e;
	font-size: 16px;
	text-transform: uppercase;
	float: left;
	width: 375px;
	margin-bottom: 10px;
	margin-top: 10px;
}
header h1 span {
	display:block;
	position:relative;
	bottom: -10px;
	left: 10px;
	line-height: 1.3;
}
header h1 .memberTag {
	color: #777;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}
header h1 .branch {
	color:#859ec7;
	font-size: 12px;
	font-weight: bold;
}
header h1 img {
	float: left;
	margin-right: 0 10px 15px 0;
}

#shareBlock {
	text-align: right;
	padding-top:20px;
}
#shareBlock h4 {
	text-transform: uppercase;
	font-weight: 400;
	font-size:12px;
}

/* Content */
.appWrap {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

#main-appWrap {
	background:#fff;
	color:##52606b;
	padding-left:0;
	padding-right:0;
}

#main-appWrap #appHead {
	color:#fff;
	background:#2a3342 url(../images/appHead-bg.jpg) center / cover no-repeat;
	padding: 20px 0;
	text-align: center;
	text-transform: uppercase
}

#main-appWrap #appHead h1 {
	font-weight: 900;
	line-height:1.3
}

#main-appWrap #appHead h1 span {
	text-transform:uppercase;
	font-weight: 300;
	display: block;
	font-size: 80%
}


.intro p {
	font-size: 18px;
	text-align: center;
	font-weight: 300;
	margin: 20px 20%;
}


#appDetails {
	margin: 15px 0 0px
}
.app-portlet {
	border:1px solid rgba(0, 0, 0, 0.07);
	padding: 15px;
	margin-bottom: 30px;
}

.app-portlet .title {
	margin-top:0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 900;
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07) 
}



/* Vessel Details */
#vesseldetails {}
#vesseldetails .title {
	background:#3e4e9e;
	color:#fff;
}
#vesseldetails .vessel-image {
	display:block;
	margin:0 auto;
	max-width: 100%;
	height: auto;
}
#vesseldetails .vessel-info {
	list-style:none;
	padding:0;
	color:#999;
	line-height: 1.6
}
#vesseldetails .vessel-info li > span {
	font-weight: 700;
	color:#2a3342;
	text-transform: uppercase
}


/* Estimated Time of Delivery */
#deliverytime {}
#deliverytime .title {
	background:#415464;
	color:#fff;
}

#deliverytime .etd-info {
	list-style:none;
	padding:0;
	color:#999;
	line-height: 1.6
}
#deliverytime .etd-info li > span {
	font-weight: 700;
	color:#2a3342;
	text-transform: uppercase
}

/* Synthesis Details */
#synthesisdetails {}
#synthesisdetails .title {
	background:#50c2ba;
	color:#fff;
}
#synthesisdetails .before {
	font-weight: 300;
	font-size: 16px;
	margin:20px 15px
}
#synthesisdetails .before strong {
	font-weight: 900;
}
#synthesisdetails .synthesis-info {
	list-style:none;
	padding:0;
	color:#999;
	line-height: 1.6
}
#synthesisdetails .synthesis-info li {
	border-bottom:1px solid rgba(0, 0, 0, 0.07); 
	background: rgba(0, 0, 0, 0.05);
	padding: 5px;
}
#synthesisdetails .synthesis-info li:nth-child(odd) {background: none;}
#synthesisdetails .synthesis-info li:last-child {
	border-bottom: none
}
#synthesisdetails .synthesis-info li label,
#synthesisdetails .synthesis-info li > span {
	margin:0;
	display:inline-block;
	width: 49%;
}
#synthesisdetails .synthesis-info li label {
	text-align: right;
	color:#888
}
#synthesisdetails .synthesis-info li > span {
	font-weight: 700;
	color:#2a3342;
	padding-left: 20px;
	text-transform: uppercase
}

/* Application Notes */
#appNotes {
    margin: 15px;
}
#appNotes .title {
	text-align: center;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-weight: 900;
	text-transform: uppercase;
	font-size:16px;
	padding:20px 0
}

#appNotes .notes-portlet ol {
	list-style-position:inside;
	margin-bottom:30px;
}
#appNotes .notes-portlet ol li {
	margin-bottom: 8px;
	line-height:1.3;
	font-size:13px;
}
#appNotes .notes-portlet ol .note-title {
	text-transform: uppercase;
	font-size:14px;
	margin-bottom:20px;
	color:#3e4e9e
}
#appNotes .notes-portlet ol .note-title:after {
	display:block;
	margin:10px 0;
	background:#415464;
	height:5px;
	width: 15px;
	content: " "
}
#appNotes .notes-portlet ul .note-title:after {
	display:block;
	margin:10px 0;
	background:#415464;
	height:5px;
	width: 15px;
	content: " "
}
#appNotes .notes-portlet ol li strong {
	color:#444
}
#appNotes .notes-portlet ol li > ul {
	margin-top:5px;
}
#appNotes .notes-portlet ol li ul li {
	margin-bottom: 3px;
}
#appNotes .notes-portlet li a {
	color:#50c2ba
}


/* Remarks */
.remarks {
	border-top: 1px solid #eee;
	padding: 30px;
	text-align: center;
	font-size: 18px;
	background:#415464;
	color:#fff;
}
.remarks a {
	color:#50c2ba;
	font-weight: 700;
}

.remarks .sig {
	font-weight: 300;
}

/* Footer */
footer {
	background:#2a3342 url(../images/pat.jpg) repeat;
	padding: 50px 0;
	color:#fff;
	font-family: 'Lato', sans-serif;
}
footer a {
	color:#50c2ba !important
}
#copyright {
	font-family: sans-serif;
	color:#98a4af;
	margin:25px 5% 0
}

#contactinfo.ph {
    margin-top: 40px;
}

#branch-foot {
	text-align:right;
}

#branch-foot h2 {
	color:#eee;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
}
#branch-foot h2 span {
	display:block;
	position:relative;
	bottom: -10px;
	left: 10px;
	line-height: 1.3;
}
#branch-foot h2 .memberTag {
	color: #98a4af;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}
#branch-foot h2 .branch {
	color:#859ec7;
	font-size: 12px;
	font-weight: bold;
}

@media (min-width: 768px) and (max-width: 991px) {
	header,
	#shareBlock {
		padding:0;
		text-align: center;
	}
	header h1, header h1 a, header h1 a:link, header h1 a:focus, header h1 a:visited {
		width: auto;
		float: none;
		text-align: center
	}
	header h1 img {display:block; float:none; margin:0 auto 5px;}
	#shareBlock {
		margin-bottom: 20px;
	}
	#deliverytime .title,
	#synthesisdetails .title,
	#vesseldetails .title {
		margin-left:-15px;
		margin-right: -15px;
	}
	#vesseldetails .vessel-info {margin-bottom:0}
	#vesseldetails .vessel-info li {
		border-bottom:1px solid rgba(0, 0, 0, 0.07); 
		padding: 5px;
		text-align: center;
	}
	#deliverytime .etd-info,
	#branch-foot,
	#contactinfo {
		text-align: center;
	}
}
@media (max-width: 767px) {
	header,
	#shareBlock {
		padding:0;
		text-align: center;
	}
	header h1, header h1 a, header h1 a:link, header h1 a:focus, header h1 a:visited {
		width: auto;
		float: none;
		text-align: center
	}
	header h1 img {display:block; float:none; margin:0 auto 5px;}
	#shareBlock {
		margin-bottom: 20px;
	}
	#deliverytime .title,
	#synthesisdetails .title,
	#vesseldetails .title {
		margin-left:-15px;
		margin-right: -15px;
	}
	#vesseldetails .vessel-info {margin-bottom:0}
	#vesseldetails .vessel-info li {
		border-bottom:1px solid rgba(0, 0, 0, 0.07); 
		padding: 5px;
		text-align: center;
	}
	#deliverytime .etd-info,
	#branch-foot,
	#contactinfo {
		text-align: center;
	}
	
	

}