/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/
@media (min-width: 1171px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 400px;
	}
*/

	#channelWrapper {
		width: 1170px !important;
		margin-left: auto;
		margin-right: auto;
		
	}
	
}

/** ================================================================== **/
/** ====================== Desktop Wide Screen ======================= **/
/** ================================================================== **/
@media (max-width: 1200px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}

@media (max-width: 1170px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}



/** ================================================================== **/
/** ============== Desktop 4:3 screen / iPad Landscape =============== **/
/** ================================================================== **/
@media (max-width: 999px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 240px;
	}
*/

/*
	#financialPlanFooter .bg
	{
		height: 65px !important;
	}
*/
	


}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#keyvisual-xs img {
		width: 100%;
	}
	
	#jobList {
		width: 100% !important;
	}
	
	#jobDetailWrapper {
		padding-left: 5px;
		padding-right: 5px;
	}

	#jobDetailWrapper .job-detail-row .item {
		font-size: 12px;
	}

	#jobDetailWrapper .row-bg {
 		background: url('../images/career/detail-row-bg-mobile.png') center center repeat-y !important;
 		background-size: 100% auto !important;
	}
}

/** ================================================================== **/
/** ======================= Smaller Phone Size ======================= **/
/** ================================================================== **/
@media (max-width: 640px)
{	
}

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 400px)
{
	
}





/** ================================================================== **/
/** =========================== All Sizes ============================ **/
/** ================================================================== **/

	#keyvisual {
/* 		 background-size: auto 100% !important; */
 		 background-size: 100%;
		 height: 238px;
/* 		 margin-bottom: 40px; */
	}
	
	.responsive-content
	{
		width: 100%;
		max-width: 1200px;
		margin-bottom: 20px;
	}
	
	.nonresponsive-content
	{
		margin-bottom: 40px;
	}

	#pageTitle {
		margin: 40px auto 10px auto;		
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		color: #005c97;
	}
	
	
	#pageDescription {
		margin-top: 20px;
		text-align: center;
		color: #6b6b6b;
		font-size: 14px;
		margin-bottom: 40px;
		line-height: 22px;
	}
	
	#channelWrapper {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	#channelWrapper .channel {
		text-align: center;
	}
	#channelWrapper .channel:first-child {
		border-width: 1px;
		border-right: 1px #a0a0a0 solid;
		border-image: linear-gradient(to bottom, #fff, #a0a0a0, #fff) 0 100% 0 0 stretch !important;
	}
	#channelWrapper .channel:last-child {
		border-width: 1px;
		border-left: 1px #a0a0a0 solid;
		border-image: linear-gradient(to bottom, #fff, #a0a0a0, #fff) 0 0 0 100% stretch !important;
	}
	#channelWrapper .channel {
		text-align: center;
	}
	
	#channelWrapper .channel h2 {
		text-align: center;
		font-size: 18px;
		color: #005c97;
		margin-top: 5px;
		border-bottom: 1px #cccccc solid;
		margin-left: 40px;
		margin-right: 40px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	#jobDetailWrapper h1 {
		text-align: left;
		font-size: 24px;
		color: #005c97;
		margin-top: 30px;
		padding-left: 0px;
		margin-left: -10px;
		
	}

	#jobDetailWrapper .row-bg {
		background: url('../images/career/detail-row-bg.png') center center repeat-y;
	}

	#jobDetailWrapper .job-detail-container
	{
		margin-top: 20px;
		margin-bottom: 10px;
	}

	#jobDetailWrapper .job-detail-row
	{
		padding-top:    15px;
		padding-bottom: 15px;
	}
	#jobDetailWrapper .job-detail-row .item
	{
		padding: 2px 2px;
		line-height: 22px;
		
	}
	#jobDetailWrapper .job-detail-row .item h3
	{
		font-size: 14px;
		color: #005c97;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 14px;
	}
	
	#jobDetailWrapper .job-detail-footer-row {
		line-height: 23px;
		margin: 20px 0px;
		color: #c49a6c;
		font-size: 18px;
	}
	
	
	
	#jobList, #contentWrapper {
		width: 80%;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}

	#jobList table td {
		height: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#jobList table:nth-child(odd) {
		background: url('../images/media/row-bg.png') center repeat-y;
	}
	
	#jobList ul {
		color: #005c97;
		text-decoration: none;
	}
	
	#jobList li, #jobList a:link, #jobList a:visited {
		color: #000000;
		text-decoration: none;
	}
	#jobList li a:hover {
		color: #666666;
		text-decoration: underline;
	}

	#jobList > .row {
		margin-bottom: 30px;
	}

	#jobList h1 {
		margin: 0px auto 30px auto;		
		font-weight: bold;
		font-size: 24px;
		color: #005c97;
		line-height: 24px;
	}
	
	
	#jobList p {
		color: #6b6b6b;
		font-size: 14px;
		line-height: 22px;
	}
	
/*
	#contentWrapper h1 {
		margin: 0px auto 10px auto;
		font-weight: bold;
		font-size: 24px;
		color: #005c97;
		line-height: 32px;
		padding-bottom: 10px;
		border-bottom: 1px #999999 solid;
		
	}
	#contentWrapper .subtitle p {
		margin-right: 40px;		
		color: #666666;
		line-height: 18px;
		float: left;
	}
	#contentWrapper .content {
		color: #666666;
		line-height: 24px;
	}
*/