/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

/* FONT STYLES & ALIGNMENT
------------------------------------------------- */
p { margin:0; padding:0; font-size:.9em; font-weight:normal; font-family: Arial,sans-serif,Calibri; color: #000;}
h2.cc-title1 {text-align:left; margin:0px 0 18px 10px; color:#000; font-size: 1.4em;}
h2.cc-title2 {text-align:left; margin:46px 0 20px 10px; color:#000; font-size: 1.4em;}
h2.activity-title { margin:30px 0 0 15px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.4; color: #00aeea;}
h3.data-title { text-align:left; margin:10px 0 5px 0px; color:#000; font-size: 1.1em;}
h4.contact-title {text-align:left; margin:0; color:#000; font-size: 1.3em;}

p.cc-text1 {color:#000; text-align:left; height:170px;}
p.cc-text2 {color:#000; text-align:left; height:196px; padding-top:24px;}
p{ font-size:.9em;line-height:1; font-weight:normal; font-family: Arial,sans-serif,Calibri; color: #000;}
p.cb-total{font-size:1.3em;line-height:1em; font-weight:normal; font-family: Arial,sans-serif,Calibri; color: #000;}
#military-logo1{text-align:left; margin: 40px 0px 40px 5px;}
#military-logo2{text-align:left; margin: 40px 0px 0px 5px;}



/* NAVBAR
-------------------------------------------------- */

.navbar-right{padding-right:10px;}
#ECPlogo{ margin-left:30px;}
#exchangelogo{float:right; padding-bottom:10px; margin-right:35px;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #FFF;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */
.featurette {margin-top:0px}

.featurette-divider {
  width:95%;
  margin: 25px 0px 40px 15px; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* Login
------------------------- */


.account-box
{
    border: 1px solid rgba(214, 214, 214, 0.75);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -o-border-radius: 2px;
    z-index: 3;
    font-size: 13px !important;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    background-color: #ffffff;
    padding: 20px;
}
#cc-logo-strip{
   padding:0;
   margin:17px 0px 22px 0px;
   border:0;

}


.login-title
{
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.428571429;
  color: #333333;
  margin-bottom:10px;
}

.forgotLnk
{
    margin-top: 10px;
    display: block;
}

.blue-bg
{
    float:right;
    width:87%;
    background-color: #00467c;
    color: #fff;
    
}
.or-box
{
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top:20px;
}
.or
{
    color: #666666;
    background-color: #ffffff;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 40px;
    left: 100px;
}
.account-box .btn:hover
{
    color: #fff;
}
.checkbox 
{
 font-weight:normal;
 font-size:.9em;
 color: #333333;
}
#lock {
  float:left;
  margin:0;
  padding:10px 3px 0 0;
  
}
.clear{ clear:both;}


/**** Login Module New ***/


.panel-default {
  margin-top:15px;
  text-align:center;
  border-color: #274780;
}

.panel-default > .panel-heading {
  color: #FFF;
  background-color: #274780;
  border-color: #dddddd;
}
.panel-title{ font-size: 1.3em;}

.btn-link{color:blue;}




/**** Application Form ***/


.input-position{position:relative;
    top:36px;
    right:38px;
    }
    
    
.has-feedback-suffix .form-control-feedback-suffix {
    position: absolute;
    top: 5px;
    right: -28px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}



.has-feedback .form-control-feedback {
    position: absolute;
    top: 5px;
    right: 14px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
  hr.dotted-divider  {
  border-top: 1px dotted #c6c6c6;
  color: #fff;
  background-color: #fff;
  height: 1px;
}

#standard-input{margin:12px 0 10px 0;}
label.card-title{margin-top: 12px; color:#767373 font-weight:700; font-size:1.2em;}
label.card-subtitles{margin:5px 0 10px 0;font-weight:bold;font-size:.9em;}
#address1{margin-top:10px;}
#address2{margin-top:10px;}
#details{text-align:left;}
h3#pi{text-align:left;}
#repeat{padding:20px 25px 10px 0;}
#volume{margin-right:8px;}
.help-block{margin-left:14px; clear:both;}
#capcha-input{margin-left:-14px; margin-top:12px;}
#enter-capcha{margin-left:0px;}
label.card-name-title{margin-top:12px;}
#firstname{margin-top: 0px;}
#lastname{margin:36px 0 0 -32px;}
#capcha{margin-left:-12px;}
#mi{margin:37px 0 0 -15px;}
.card-SS-title{margin-left:0px;}
#suffix-wrap{margin-top:25px;border:1px solid red;}
#wrap{
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF100%);
background-repeat: no-repeat;
background-attachment: fixed;
}
legend{
	color:#141823;
	font-size:25px;
	font-weight:bold;
}
.signup-btn {
  background: #79bc64;
  background-image: -webkit-linear-gradient(top, #79bc64, #578843);
  background-image: -moz-linear-gradient(top, #79bc64, #578843);
  background-image: -ms-linear-gradient(top, #79bc64, #578843);
  background-image: -o-linear-gradient(top, #79bc64, #578843);
  background-image: linear-gradient(to bottom, #79bc64, #578843);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  text-shadow: 0px 1px 0px #898a88;
  -webkit-box-shadow: 0px 0px 0px #a4e388;
  -moz-box-shadow: 0px 0px 0px #a4e388;
  box-shadow: 0px 0px 0px #a4e388;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #3b6e22  1px;
  text-decoration: none;
 
}

.signup-btn:hover {
  background: #79bc64;
  background-image: -webkit-linear-gradient(top, #79bc64, #5e7056);
  background-image: -moz-linear-gradient(top, #79bc64, #5e7056);
  background-image: -ms-linear-gradient(top, #79bc64, #5e7056);
  background-image: -o-linear-gradient(top, #79bc64, #5e7056);
  background-image: linear-gradient(to bottom, #79bc64, #5e7056);
  text-decoration: none;
}
.navbar-default .navbar-brand{
		color:#fff;
		font-size:30px;
		font-weight:bold;
	}
.form .form-control { margin-bottom: 10px; }
@media (min-width:768px) {
	#home{
		margin-top:50px;
	}
	#home .slogan{
		color: #0e385f;
		line-height: 29px;
		font-weight:bold;
	}
}


/* Credit Card Display */

.cc-app-cards{margin-top:15px;}
h2.cc-title-box{color:#274780; font-size:1em; }
.shape{	
	border-style: solid; border-width: 0 70px 40px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer{
	background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 15px 0; overflow:hidden;
}
.offer-radius{
	border-radius:7px;
}

.offer-select {	border-color: #274780; }
.offer-select .shape{
	border-color: transparent #274780 transparent transparent;
	border-color: rgba(255,255,255,0) #274780 rgba(255,255,255,0) rgba(255,255,255,0);
}

.offer-null {	border-color: #bbbbbc; }
.offer-null .shape{
	border-color: transparent #bbbbbc transparent transparent;
	border-color: rgba(255,255,255,0) #bbbbbc rgba(255,255,255,0) rgba(255,255,255,0);
}

.shape-text{
	color:#fff; font-size:10px; font-weight:bold; position:relative; right:-29px; top:0px; white-space: nowrap;
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(30deg); /* Safari and Chrome */
	transform:rotate(30deg);
}	
.offer-content{
	padding:0 20px 10px;
}

/*CONTACT US DISPLAY CONTAINER
------------------------- */
.whitebox-form-container{margin:8px; background-color:#FFF; width:98%;}
#contact-inner{margin:0; padding:0;}
#contact-us-block{ width:100%; padding:15px 0 0 20px; background-color:#fff1cd; margin-top:99px;}
.contact-us-icon{float:left; margin-right:5px; display:block;}
.contact-us-text{float:left; margin-bottom:18px; display:block;}

/*DATA DISPLAY CONTAINER
------------------------- */
.clearfix {display: inline-block;}

.data-display-wrapper {background-color:#ace2f4; width: 100%; border:0px solid rgba(214, 214, 214, 0.75);}
.data-display-header {background-color:#e4f2f8; width:100%;}

#contact-us-block{width:100%; padding:15px 0 0 20px; background-color:#fff1cd; margin-top:99px;}

.data-img-display{float:left; width:90px; height:70px; margin:0px 5px 5px 15px; }
.data-header-title{float:left; margin:10px 0 0 5px; width:30%; font-family: Times New Roman, Helvetica, Arial, sans-serif; font-size:1.2em; color:#150cc3;}
.data-btn-view-account{float:left; width:220px; margin:13px 0 20px 15px; }
.data-btn-make-payment{float:left; width:200px; margin:7px 0 0px 5px; }

.btn-make-payment
{
    background-color: #079830;
    color: #fff;
    font-weight:bold;
}
.btn-makePayment{
    background-color: #079830;
    color: #fff;
    font-weight:bold;

}
.btn-makePayment:hover {color:#FFF;}

.btn-accountView
{
    background-color: #00467c;
    color: #fff;
    font-weight:bold;
}

.btn-accountView:hover {color:#FFF;}
.arrow-white{margin-left:20px; padding:0}

.subwrap{width:200px; margin:0; padding:0;}
.data-subheader-img {float:left}
.data-subheader-text {float:left; margin:5px 0 0 3px; font-family: Helvetica, Arial, sans-serif; font-size:.8em; font-weight:bold; color:#000}

.data-block-left{float:left; width:260px; padding:10px 0 25px 14px; }
.data-block-middle{float:left; margin:20px; width:1px; height:300px; border-right:1px solid rgba(214, 214, 214, 0.75)}
.data-block-right{float:left; width: 530px; margin-top:20px; display:block; }
.data-line {width:400px;padding:2px 2px 0px 2px; border-bottom:1px dotted rgba(214, 214, 214, 0.75) }
.data-line-left{float:left; width:290px; padding:2px 2px 0px 2px; text-align: left; display:block; }
.data-line-right{float:left; width:230px; padding:2px 2px 0px 2px;text-align:right; display:block; }
.data-line-divder {border-bottom:1px dotted rgba(214, 214, 214, 0.75); width:520px; margin-bottom:10px;}

/*Activity Box Styles
------------------------- */

#activity-whitebox-wrapper{float:left; width:460px; height:59px; margin-top:8px; padding:0px; background-color:#FFF;}
#activity-whitebox-left{float:left; width:50%; height:50px; margin-top:3px;}
#activity-line{float:left; width:1%; margin:5px 0 0 5px; height:50px;  border-left: 1px solid #c6c6c6;}
#activity-whitebox-right{float:left; text-align:left; width:46%; height:50px; padding:3px 0 0 10px;}
.data-block-activity{width:100%; background-color:#ace2f4; overflow: auto;}
.data-block-tab-panel{width:99%; height:100%; margin:0px 5px 5px 5px; background-color:#FFF;}
.return-link{text-align: right; margin:48px 0 10px 0;}
.return-link a{color:#150cc3; font-size:.8em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.data-text-title-sm{float:left; margin:7px 0 0 5px; width:65%; text-align:left; font-size:.9em;line-height:1; font-weight:bold; font-family: Arial,sans-serif,Calibri; color: #000; }
.cb-total{float:left; margin:7px 0 3px 4px; width:28%; text-align:right;}
.data-btn-make-payment-activity{margin:5px 0 0 0; padding:0; width:90%;}


/***** Tabs ******/
#tabs-wrapper{margin-left:30px; margin-bottom:0;}
.container-tabs{100%; border:4px solid #FFF;}
.activityPanel1{width:100%;}


/* Footer upper
------------------------- */


#disclaimer{ background-color: #f4eedf; font-size:.9em; color:#7f7562;  width:100%; padding: 20px 20px 20px 20px;}

.disclaimer-link {
  font-weight:bold;
  color: #7f7562;
}

.disclaimer-link:hover,
.disclaimer-link:focus,
.disclaimer-link:active,
.disclaimer-link.active { color: #7f7562;}

.disclaimer-sublink {
  color: #7f7562;
}

.disclaimer-sublink:hover,
.disclaimer-sublink:focus,
.disclaimer-sublink:active,
.disclaimer-sublink.active { color: #7f7562;}



/* Footer Lower
------------------------- */
footer{background-color: #c06420; font-size:.9em; color:#FFF; height:120px; padding: 20px 20px 20px 20px;}
.footerlink {
  color: #FFF;
}

.footerlink:hover,
.footerlink:focus,
.footerlink:active,
.footerlink.active { color: #FFF;}




/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}