body {
	background: #CCCCCC;
}

.container {
	background: #FFFFFF;

	border: 1px solid #4D0000;
	border-top: none;
}

.padded { 
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 15px;
}

hr { 
  margin: 5px;
}

#header { 
  background: #B00404;
}

#footer { 
  height: 30px;
  padding-top: 10px;
  background: #B00404;
  color: #FFFFFF;
  font-size: 12px;
}

#footer a { 
  color: #FFFFFF;
  text-decoration: underline;
  text-align: center;
}



.hero-unit { 
  border: 1px solid #000000;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 45px;
  padding-top: 5px;
  padding-bottom: 12px;
}

#logo { 
  
}

.clearfix {
    clear:both;
}

/* === Validation === */
input.invalid {
  border: 2px solid red !important;
}

.validation.failed:after {
  color: red;
  content: 'Validation failed';
}

.validation.passed:after {
  color: green;
  content: 'Validation passed';
}
    
    
/* === Credit Card === */
.credit-card {
    display:block;
    position:relative;
    width:93.75%;   /* This is 300px on 320px wide screen */
    max-width:610px;    /* Just to make sure that it doesnt get crazy on bg screens */
    min-width:300px;    /* And make sure that it contains at least some size */
    margin:30px auto;
    padding:0px;
    /*overflow:hidden;*/
    border-radius:6px;
    z-index:1;
}

.credit-card .inputs {
    list-style:none;
    /*margin-top:30px;*/
}

.credit-card .inputs li {
    /*margin-bottom:30px;*/
}

.credit-card .inputs li.last {
    margin-bottom:10px;
}

.credit-card .inputs li.expire {
    float:left;
    width:70%;
    margin-right:5%;
}

.credit-card .inputs li.expire input{
    float:left;
    width:35%;
}

.credit-card .inputs li.expire input.month{
    width:60%;
    margin-right:5%;
}

.credit-card .inputs li.name {
    float:left;
    width:50%;
}

.credit-card input.name {
    width:80%;
}

.credit-card .inputs li.cvc-code {
    float:left;
    width:25%;
}

.credit-card .inputs li.cvc-code input {
    width:50%;
}

.credit-card .watermark {
    position:absolute;
    z-index:10;
}

.credit-card form {
    position:relative;
    z-index:50;
}

.credit-card .logo {
    position:absolute;
    top:15px;
    right:20px;
    text-transform:uppercase;
    font-weight:bold;
}

.credit-card h2, .credit-card h3 {
    text-shadow:1px 1px 2px rgba(17,121,173,0.8);
    font-size:24px;
    margin-left:20px;
}

.credit-card a {
  color:#F7F7F9;
}

.credit-card .payment_detail {
  color:#F7F7F9;
}

/* === Visa === */
.visa {
    color:#fff;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.8), inset 0px 1px 3px rgba(255,255,255,0.3), inset 0px 0px 2px rgba(255,255,255,0.2);
}

.visa .logo {
    /*color:rgba(255,255,255,0.9);*/
    color:rgba(255,255,255,0.5);
    /*font-size:2em;*/
    font-style:italic;
    text-shadow:0px 0px 3px rgba(17,123,173,0.9);
}

.visa .logo:after {
    content:' ';
    position:absolute;
    left:-3px;
    top:0px;
    width: 0;
    height: 0;
    border-top: 10px solid orange;
    border-left: 10px solid transparent;
}

.visa .watermark {
    bottom:0px;
    left:-60px;
    color:rgba(255,255,255,0.06);
    /*color:rgba(1,1,1,1);*/
    font-size:16em;
    font-weight:bold;
    font-style:italic;
}
/* === Forms === */
.credit-card label {
    display:block;
    margin-bottom:8px;
    color:rgba(255,255,255,0.6);
    /*text-transform:uppercase;*/
    /*font-size:1.1em;*/
    font-weight:bold;
    text-shadow:0px 1px 2px rgba(17,123,173,0.6);
}

.credit-card input {
    display:block;
    padding:7px 6px;
    color:#555;
    font-size:1.4em;
    font-weight:bold;
    text-shadow:1px  1px 1px #fff;
    border:1px solid rgba(16,103,133,0.6);
    box-shadow:0px 0px 3px rgba(255,255,255,0.5), inset 0px 1px 4px rgba(0,0,0,0.2);
    border-radius:3px;
}

.credit-card input.full {
    width:90%;
}


/* === Gradients === */
.gr-visa {
    background: #1db1cf; /* Old browsers */
    background: -moz-linear-gradient(top,  #1db1cf 0%, #1078ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db1cf), color-stop(100%,#1078ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1db1cf 0%,#1078ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1db1cf 0%,#1078ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1db1cf 0%,#1078ab 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1db1cf 0%,#1078ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db1cf', endColorstr='#1078ab',GradientType=0 ); /* IE6-9 */
}
.gr-input {
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #d9d9d9 38%, #e5e5e5 82%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(38%,#d9d9d9), color-stop(82%,#e5e5e5), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 38%,#e5e5e5 82%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 38%,#e5e5e5 82%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#d9d9d9 38%,#e5e5e5 82%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d3d3d3 0%,#d9d9d9 38%,#e5e5e5 82%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

/* === Credit card logos === */
.cc { height: 36px; }
.cc div { background:url(/theme/images/credit-cards.png); border:1px solid #666; float:left; }
.cc .imastercard.active { background-position:0px 0px; height:32px; margin:2px; width:56px; }
.cc .ivisa.active { background-position:-56px 0px; height:32px; margin:2px; width:56px; }
.cc .idiscover.active { background-position:-112px 0px; height:32px; margin:2px; width:56px; }
.cc .iamex.active { background-position:-168px 0px; height:32px; margin:2px; width:56px; }

.cc .imastercard.grey { background-position:0px 32px; height:32px; margin:2px; width:56px; opacity: 0.3; }
.cc .ivisa.grey { background-position:-56px 32px; height:32px; margin:2px; width:56px; opacity: 0.3; }
.cc .idiscover.grey { background-position:-112px 32px; height:32px; margin:2px; width:56px; opacity: 0.3; }
.cc .iamex.grey { background-position:-168px 32px; height:32px; margin:2px; width:56px; opacity: 0.3; }
ul.payment-options li { margin-left:10px;}

#industry_news dl dt { 
  width:140px;
}
#industry_news dl dd {
  width:70%;
  margin-bottom:15px;
}
.posting > div.body {
  min-height:200px;
}
tr.collapse-parent {
  color:#08c;
}
tr.collapse-parent :hover {
  text-decoration:underline;
  cursor:pointer;
}

.media-custom > a > img {
  border:1px solid #ccc;
  border-radius:3px;
  margin-right:5px;
}