/* ============ Overrides  ============== */

body {
	background-color:#EDEDED;
}

container {
	width = 980px;
}

a {
	color: #f67d06;
}

/* ============ Nav ============== */

.dark {
	background: #555;
	color: #f67d06;
}

.off {
	padding-left: 	15px;
	padding-right: 	5px;
}

.off-inv {
	margin-left: 	-25px;
	padding-right: 	-5px;
}

.push-down {
	margin-top: 10px;
}

.video-nav-tabs {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	border-bottom-style: none;
}

.centered {
	margin-left: 	auto;
	margin-right:	auto;
}

/* ============ UI Elements ============== */
.btn-important {
	/*color:#F00;*/
	
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

}

.btn-important:hover {
	background: #cf0404; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf0404 0%, #ff3019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf0404 0%,#ff3019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf0404 0%,#ff3019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */

}

.borderless {
	border: 0px;
}

.progress-thin {
	height: 10px;
	border: 1px solid #AAA;
}

/* ============ Boolean Labels ========= */
/*div label input {
   margin-right:100px;
}
body {
    font-family:sans-serif;
}*/

.ck-button {
    /*margin:4px;*/
	margin: 2px;
    background-color:#AFAFAF;
    /*border:1px solid #D0D0D0;*/
    overflow:hidden;
	float: left;
	
	width: 100px;
	height: 35px;
	
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.ck-button label {
    /*float:left;
    width:4.0em;*/
}

.ck-button label span {
    text-align:center;
	margin-top: -5px;
    padding:3px 0px;
    display:block;
}

.ck-button label input {
    position:absolute;
    top:-20px;
}

.ck-button:hover {
	background-color:#CBCBCB;
	
	-webkit-box-shadow: 	1px 1px 1px rgba(50, 50, 50, 0.55);
		-moz-box-shadow:    1px 1px 1px rgba(50, 50, 50, 0.55);
			box-shadow:     1px 1px 1px rgba(50, 50, 50, 0.55);
}

.ck-button input:checked + span {
    background-color:rgb(85, 180, 80);
    color:#FFF;
	
	-webkit-box-shadow: 	inset 1px 2px 2px rgba(0,0,0,0.55);
		-moz-box-shadow:    inset 1px 2px 2px rgba(0,0,0,0.55);
			box-shadow:     inset 1px 2px 2px rgba(0,0,0,0.55);
}

/* ============ Tiles ============ */

/* VARIANT 1 */
.tile {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;

  background-color: #FFF;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
	-webkit-box-shadow: 	0px 1px 1px rgba(50, 50, 50, 0.15);
		-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.15);
			box-shadow:     0px 1px 1px rgba(50, 50, 50, 0.15);
}*/

/* VARIANT 2 
.tile {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;

border: 1px solid rgba(255,161,46,0.35);
border-radius: 5px;

background-image: -webkit-gradient(radial, center center, 0, center center, 212, from(#fafafa), to(#e0dfde));
background-image: -webkit-radial-gradient(center center, cover, #fafafa, #e0dfde);
background-image: -moz-radial-gradient(center center, cover, #fafafa, #e0dfde);
background-image: -o-radial-gradient(center center, cover, #fafafa, #e0dfde);
background-image: -ms-radial-gradient(center center, cover, #fafafa, #e0dfde);
background-image: radial-gradient(center center, cover, #fafafa, #e0dfde);
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.55);
-moz-box-shadow: 	inset 0 0 5px rgba(0,0,0,0.55);
box-shadow: 		inset 0 0 5px rgba(0,0,0,0.55);


}*/

/*
.tile:after {
	content: "Test";
	position: inherit;
	top: -1px;
	left: -1px;
	padding: 3px, 7px;
	color: #f67d06;
	border: 1px solid #ddd;
	background-color: #555; 
}*/

.tile blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.tile-large {
  padding: 24px;
  /*-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;*/
}

.tile-small {
  padding: 9px;
  /*-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
}

.tile-subtitle {
	line-height:0.5;
	margin-top:-155px;
}

.tile-label,
.tile-label-inverse {
	padding:5px 8px;
	margin-left:-25px;
	margin-top:-25px;
	margin-bottom:15px;
	
	max-width:250px;
	min-width:100px;
	float:left;
	/*min-height:25px;*/
	


	text-align:center;
	font-weight: bold;
}

.tile-label {
	color: #f67d06;
	border: 1px solid #ddd;
	background-color: #555;
}

.tile-label-inverse {
	color: #000;
	border: 1px solid #ddd;
	background-color: #fdd42b;
}

/*============ Profile Content ===============*/
.profile-recommendation {
	font-style:italic;
}

/*============ Video Content ================*/

.video-about,
.video-notes,
.video-opportunities {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 25px;
}

.video-jobs {
	display:block;
}

.job-thumbnail {
	display: table;
}

/* =========== Utilities =====================*/

/* Basic style rule to outline and space block-level elements */
/*[class*="span"] {
    background: #eee;
    margin-bottom: 0px;
}*/

/* Basic background colors for responsive break points */
/* Max-width 480px landscape phone and down
@media (max-width: 480px) {
    .container {
        background: #f1ea81;
    }
    .container:after {
        content: "Max-width 480px landscape phone and down";
    }
}
/* Min-width 481px and max-width 767px landscape phone to portrait tablet
@media (min-width: 481px) and (max-width: 767px) {
    .container {
        background: #a7f7e5;
    }
    .container:after {
        content: "Min-width 481px and max-width 767px landscape phone to portrait tablet";
    }
}
/* Min-width 768px and max-width 979px portrait tablet to landscape
@media (min-width: 768px) and (max-width: 979px) {
    .container {
        background: #c4deff;
    }
    .container:after {
        content: "Min-width 768px and max-width 979px, portrait tablet to landscape";
    }
}
/* Min-width 980px widescreen display
@media (min-width: 980px) and (max-width: 1199px) {
  .container {
        background: #fde3ff;
    }
    .container:after {
        content: "Min-width 980px, max-width 1199px, desktop format";
    }
}
/* Min-width 1200px widescreen display
@media (min-width: 1200px) {
  .container {
        background: #ffc4c4;
    }
    .container:after {
        content: "Min-width 1200px, widescreen format";*/

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}