/*
	Name:	modules.support.css
	Updated:	Jun 26 2014 (HURG)
	Supports:	SFX 6.7+
*/
/* --- START: SUPPORT MODULE --- */
.support-module {
	clear: both;
	position: relative;
	padding-bottom: 14px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
	padding-top: 6px;
	border-right: 2px solid #eae8e2;
	border-bottom: 2px solid #eae8e2;
	background: #fff url(../img/support-module/support-module-top-bg.png) repeat-x 0 0;
	margin: 0;
}
@media only screen and (min-width: 800px) {
	.support-module {
		padding-bottom: 16px;
	}
}
.support-module h3 {
	font-size: 17px;
	margin: 10px 0px 0px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 15px;
}
.support-module p {
	font-size: 12px;
	line-height: 16px;
	padding-right: 15px;
	padding-left: 20px;
	margin-top: 4px;
	color: #3f3f3f;
	margin-bottom: 7px;
}
@media screen and (min-width: 600px) and (max-width: 800px) {
	.support-module p {
		margin-bottom:10px;
	}
}
.support-module a.btn {
	font-weight: bold;
	color: #0a70bc !important;
	margin-left: 20px;
}
.lt-ie9 .support-module h3,
.lt-ie8 .support-module h3,
.lt-ie9 .support-module p,
.lt-ie8 .support-module p{
	margin-left: 0px;
	padding-left: 0px;
}
.lt-ie9 .support-module .btn-secondary,
.lt-ie8 .support-module .btn-secondary{
	margin-left: 0px;
}
.lt-ie9 .support-module,
.lt-ie8 .support-module{
 padding-left: 20px;
}
.support-module a.btn-secondary:hover,
.support-module a.btn-secondary:active {
	color: #0a70bc !important;
}
/* HA: added to hide the left-nav the content on tablet */
@media screen and (min-width: 600px) and (max-width: 800px) {
	#left-channel.collapsed ul, #left-channel.collapsed .box, #left-channel.collapsed .module {
		left: -9999px;
		position: absolute;
	}
}
/* ========================================== */
/* ! Speech Bubble                            */
/* ========================================== */
#triangle {
	position: absolute;
	bottom: -16px;
	right: 18px;
	width: 14px;
	height: 16px;
	background: url(../img/support-module/support-module-bck-pointer.png) 0 0 no-repeat;
}
@media only screen and (max-width: 800px) {
	.support-module p {
		padding-right: 15px;
		padding-left: 19px;
	}
	.support-module a.btn {
		position: relative;
		margin-right: 15px;
		top: -3px;
	}
}
@media only screen and (max-width: 599px) {
	.support-module {
		width: 100%;
		margin-left: 0;
		padding-bottom: 6px;
		margin-bottom: 25px !important;
	}
	.support-module p {
		float: left;
		width: 65%;
	}
	.support-module a.btn {
		float: right;
		margin-right: 10px;
		margin-left: 0;
	}
	#bottom-left-channel {
		position: static;
		border-top: 1px #dcdcdc solid;
		background-color: #efeeea;
	}
	.support-module a.btn {
		top: 35%;
		float: none;
		position: absolute;
		right: 0;
	}
}
@media only screen and (max-width: 480px) {
	.support-module p {
		width: 55%;
	}
}
@media only screen and (max-width: 320px) {
	.support-module p {
		width: 49%;
	}
	.support-module a.btn {
		top: 40%;
		}
}
.capability {
	border:thin solid black;
	padding:1em;
	max-height:10em;
	min-height:10em;
	overflow:auto;
	margin: 1em;
}
.mainContentTop {
	margin: 1em;
	padding: 1em;
}
.modalDialog {
	width: 750px;
	height: 440px;
	max-width: 1024px;
}
.modalDialog iframe {
	height: 350px;
	width: 100%;
}
/* =====  REMOVED INCORRECT COLOR ==== */
/* =====  SHOULD NOT SET PAGE LEVEL STYLES ======= */
/* body { */
/* 	background-color: white; */
/* } */
/* ============ */
.help-module {	
	padding: 1em;
	background-image:url('../img/support-module-bck.png');
	background-size:90% 96%;	
	background-repeat:no-repeat;
}
.moduleTitle {	
	margin-top: 0%;
	padding-bottom: 5px !important;
}
.moduleText {	
	margin-top: -5px !important;
	padding-bottom: 5px !important;
}
.moduleHeader {
	font-family: Arial;
	font-size: 17px;
	color: #cc0717;
	padding-bottom: 11px;
	font-weight: bold; 
	text-align: left;
	margin-top: 0%;
}
.row-fluid .moduleButton {
	text-align: left;
	text-decoration:none;
	margin: 6% 0% 8% 0%!important;
	clear:both;
}
#sfPrimaryWrapper { min-height: 0; }
.header_updated {
	width: 108.7%;
	margin-left: -25px;
	margin-right: -25px;
}
.footer_updated {
	width: 102.3%;
	margin-left: -25px;
	margin-right: -25px;
}
.tabSelector {
	padding: 12px !important;
}
.hide {
	display: none;
}
.row-fluid .inline-row .span4 {
    width: 100%;
}
.row-fluid .help-module-expl_txt {
	float: left;
	margin-top: 0%;
	width: 84%;
	margin-right: 13px;
	line-height: 15px;
}
.row-fluid .button-top-align {
	margin-top: -3%;
}
.row-fluid .body-top-align {
	margin-top: 0%;
}
form.complex-form .span9 {
	margin-top: 0%;
}
.capbl_align {
	margin-left: 3% !important;
	margin-bottom: 8%;
}
/* --- END: SUPPORT MODULE --- */
.capability {
	border:thin solid black;
	padding:1em;
	max-height:10em;
	min-height:10em;
	overflow:auto;
	margin: 1em;
}
.mainContentTop {
	margin: 1em;
	padding: 1em;
}
.modalDialog {
	width: 750px;
	height: 440px;
	max-width: 1024px;
}
.modalDialog iframe {
	height: 350px;
	width: 100%;
}
/* =====  REMOVED INCORRECT COLOR ==== */
/* =====  SHOULD NOT SET PAGE LEVEL STYLES ======= */
/* body { */
/* 	background-color: white; */
/* } */
/* ============ */
.row-fluid  .moduleBody {
	font-family: Arial;
	font-size: 12px;
	color: #3f3f3f;
	padding-bottom: 10px;
	text-align: left;
}
#sfPrimaryWrapper { min-height: 0; }
.header_updated {
	width: 108.7%;
	margin-left: -25px;
	margin-right: -25px;
}
.footer_updated {
	width: 102.3%;
	margin-left: -25px;
	margin-right: -25px;
}
.tabSelector {
	padding: 12px !important;
}
.hide {
	display: none;
}
.row-fluid .inline-row .span4 {
    width: 100%;
}
.row-fluid .button-top-align {
	margin-top: -3%;
}
.row-fluid .body-top-align {
	margin-top: 0%;
}
form.complex-form .span9 {
	margin-top: 0%;
}
.capbl_align {
	margin-left: 3% !important;
	margin-bottom: 8%;
}
@media only screen and (max-width: 480px) {
	.hideImage {
		display: none;
	}
	.repCallText {
		display: none;
	}
        .help-module{
                padding-right:0px;
        }
	.helpmodule_number{
	display: none;
        }
	.helpmodule_call {
	font-weight: bold !important;
	}
}
@media only screen and (min-width: 480px) {
	.repCallHref {
		 display: none;
	}
}
#spinner {      
        padding: 1em;
        background-image:url('../img/loading-element-animation.gif');
        background-repeat:no-repeat;
        background-position: center; 
 }
.capabilityimage{
	padding-right: 4px;
}
.helpmodule_call {
	font-family: arial !important;
	font-size: 12px;
	padding-bottom: 3%;
	text-align: left;
}
.module_clickables{
	font-family: arial !important;
	font-weight: bold !important;
	font-size: 12px;
	color: #0a70bc;
	padding-bottom: 3%;
	text-align: left;
}