@charset "UTF-8";

/*
Slingshot colors were:
old -> new
#a94442 -> #009, now 0080f0
#600 -> #006
#d43f3a -> #337ab7 (from bootstrap.css, btn-danger and btn-primary)
d2322d -> 286090 (bootstrap.css)
ac2925 -> 204d74 (bootstrap.css)
*/





/********** Body and core structure **********/

body {margin:0;padding:0;background-color:FFF; color:#333;}
div {margin:0;padding:0;}

.centeredPageErrorMessage {margin-top:3em;text-align:center;}
.margin-1em-sides {margin-left:1em;margin-right:1em;}





/********** Generic utility **********/

.center {text-align:center;}
.left {text-align:left;}
.right, .table td.right, .table th.right {text-align:right;}
.clear{clear:both;}
.normalLineHeight, .normalLineHeight .table td, .table td.normalLineHeight, .table.normalLineHeight td, .normalLineHeight * {line-height:normal;}

td {vertical-align:top;}





/********** Generic text **********/

a,a:visited:not(.btn, .nav > li > a, .dropdown-menu > li > a),a:hover {color:#0080f0;}
a.white{color:#FFF !important; }
.small {font-size:.75em;}
.large {font-size:1.25em;}
.larger {font-size:1.5em;}
.darkGray {color:#444;}
.checkboxlabel {padding-top:3px;color:#444;cursor:pointer;}
.strong {font-weight:bold;}





/********** Masthead, headers, and banners **********/
/* The bar at the top of each page, with the SC logo and other links */
/*
.topBar {
	background-color:#006;
	text-align: left; /* Necessary for formatted error message page, where body has class center * /
}
@media (min-width: 768px) {
	#TopBarAccountLinks {position:absolute;top:3px;right:2px;text-align:right;}
}
.topBar a {font-size:.85em;color:#FFF;padding:3px 1.15em 0;}
.topBar a:hover {color:#006;}
.topBar a:visited {color:#FFF;}
*/

.topBar {border-bottom:1px solid #000;background-color:#006;}
.topBar a, .topBar a:visited, .navbar-default .navbar-nav>li>a {font-size:.9em;color:#FFF;/*padding:3px 1.15em 0;*/}
.topBar a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color:#FFF; background-color:#337ab7;}




.blackBanner {
background-color:#333;
background-image: -ms-linear-gradient(top, #444 15%, #111 96%, #444 96%, #FFF 100%);
background-image: -moz-linear-gradient(top, #444 15%, #111 96%, #444 96%, #FFF 100%);
background-image: -o-linear-gradient(top, #444 15%, #111 96%, #444 96%, #FFF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #444), color-stop(.96, #111), color-stop(.96, #444), color-stop(1, #FFF));
background-image: -webkit-linear-gradient(top, #444 15%, #111 96%, #444 96%, #FFF 100%);
background-image: linear-gradient(top, #444 15%, #111 96%, #444 96%, #FFF 100%);

color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:1.25em;
width:100%;
padding:1em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}

.blackBanner a, .greenBanner a, .blackBanner a:hover, .greenBanner a:hover, .alertBanner a, .alertBanner a:hover {color:#FFF;}

.greenBanner {
background-color:#0C6;
background-image: -ms-linear-gradient(top, #494 15%, #161 96%, #444 96%, #FFF 100%);
background-image: -moz-linear-gradient(top, #494 15%, #161 96%, #444 96%, #FFF 100%);
background-image: -o-linear-gradient(top, #494 15%, #161 96%, #444 96%, #FFF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #494), color-stop(.96, #161), color-stop(.96, #444), color-stop(1, #FFF));
background-image: -webkit-linear-gradient(top, #494 15%, #161 96%, #444 96%, #FFF 100%);
background-image: linear-gradient(top, #494 15%, #161 96%, #444 96%, #FFF 100%);

color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:1.25em;
width:100%;
padding:1em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}

.alertBanner {
background-color:#C69;
background-image: -ms-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -moz-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -o-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #C69), color-stop(.96, #603), color-stop(.96, #444), color-stop(1, #FFF));
background-image: -webkit-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);

color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:1.25em;
width:100%;
padding:1em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;	
}





/********* Talent profile boxes **********/

.talentProfileBox {
/*	display:inline-block;*/
	
}
.talentProfileBoxInner {
	background-color:#EFEFEF;
	border-radius:10px;
	margin:1em;
	padding:1em; 
}

.talentProfileBoxInner:hover {
	background-color:#E6E6E6;
}
/*
a .talentProfileBoxInner h2,a:hover .talentProfileBoxInner h2  {
	text-decoration:none;
	color:#003;
}*/





/********** Images **********/

.imageRight {float:right;margin:0 0 1em 1em;}
.imageLeft {float:left;margin:0 1em 1em 0;}
img.border {border:1px solid black;}
.shadow{-moz-box-shadow: 2px 4px 8px #444;
-webkit-box-shadow: 2px 4px 8px #444;
box-shadow:2px 4px 8px #444;}





/********** Footer **********/

#footer {margin:0em auto 2em;font-size:.9em;text-align:center;}
#footer a {color:#777; text-decoration:none;margin:1em;}
#footer a:hover {color:#000; text-decoration:underline;}





/********** In-place-editing **********/

.jeip-saving {
background-image: url( '/jec/images/ajax-loader-FFFFFF.gif' );
background-repeat: no-repeat;
background-position: left;
padding: 0 2px 0 20px;
}
.jeip-mouseover {cursor:pointer;}
.ipesuccess {color:#090;}
.ipesuccess strong {color:#2C2;}
.ipefail, .ipefail strong {color:#F00;}





/********** Forms and form errors **********/

input:not([type=file]), a.button, textarea { /*:not([type=submit]):not([type=button])*/
	vertical-align:middle;
	outline:none;
	transition: border .4s, color .2s, background-color .4s;
	-moz-transition: border .4s, color .2s, background-color .4s; /* Firefox */
	-webkit-transition: border .4s, color .2s, background-color .4s; /* Safari and Chrome */
	-o-transition: border .4s, color .2s, background-color .4s; /* Opera */
	border:1px solid #BBB;
	border-radius: 4px;
	-moz-border-radius-: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}

input:focus, a.button, textarea:focus {
	border:#000 1px solid;
/*	background-color:#FFFFF0;*/
}

input.medium, select.medium, textarea.medium {margin-top:.4em;font-size:12px;padding:5px;}

input.large, textarea.large {margin-top:.4em;width:300px;font-size:15px;padding:11px;}

select.large {font-size:100%; height:30px; line-height:30px; padding:5px; margin:10px 0 3px; color:#444; border:1px solid #444;}


.formError a {text-decoration:underline;color:#300;}
.formError a:hover {color:#F00;}
div.formError, span.formError {color:#C00;font-size:.8em;padding-top:.2em;}
td.formError {color:#C00;font-size:.8em;}
strong.formError, .formError strong {color:#C00;}
.placeholder { color: #999; } /*Is this used?*/
input.formError.placeholder { color: #C88; }
input.formError, select.formError {background-color:#FEE; border-color:#C00;}
input.formError::-webkit-input-placeholder { /* WebKit browsers */ color:#C88; }
input.formError:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#C88; }
input.formError::-moz-placeholder { /* Mozilla Firefox 19+ */      color:#C88; }
input.formError:-ms-input-placeholder { /* Internet Explorer 10+ */color:#C88; }





/********** Talent page **********/

.infoTableWithBlackGradientHeader {border:1px solid #CCC;margin:0 auto 1em;
/*border-spacing:0;  -- Needs to be specified with <table style="border-spacing:0;"> - if done from stylesheet, rounded corners don't look right (at least in Safari)  /* takes care of cellspacing=0 */
border-collapse:separate; /* Adjustment to compensate for bootstrap css */
border-radius: 4px;
}
.infoTableWithBlackGradientHeader td {padding:3px 2px; vertical-align:top;}

.infoTableWithBlackGradientHeader .header {
background-color: #333;
background-image: -ms-linear-gradient(top, #444 15%, #111 96%/*, #444 96%, #FFF 100%*/);
background-image: -moz-linear-gradient(top, #444 15%, #111 96%/*, #444 96%, #FFF 100%*/);
background-image: -o-linear-gradient(top, #444 15%, #111 96%/*, #444 96%, #FFF 100%*/);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #444), color-stop(.96, #111)/*, color-stop(.96, #444), color-stop(1, #FFF)*/);
background-image: -webkit-linear-gradient(top, #444 15%, #111 96%/*, #444 96%, #FFF 100%*/);
background-image: linear-gradient(top, #444 15%, #111 96%/*, #444 96%, #FFF 100%*/);
color:#FFF;
padding:0.3em .5em; font-size:17px;
}

.headingTR {
padding:.3em .5em;font-size:1.2em;font-weight:bold;text-align:left;
color:#111;
background-color: #FFF;
/*background-image: -ms-linear-gradient(top, #FFF 46%, #DDD 97%, #BBB 97%, #333 100%);
background-image: -moz-linear-gradient(top, #FFF 46%, #DDD 97%, #BBB 97%, #333 100%);
background-image: -o-linear-gradient(top, #FFF 46%, #DDD 97%, #BBB 97%, #333 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.46, #FFF), color-stop(.97, #DDD), color-stop(.97, #BBB), color-stop(1, #333));
background-image: -webkit-linear-gradient(top, #FFF 46%, #DDD 97%, #BBB 97%, #333 100%);
background-image: linear-gradient(top, #FFF 46%, #DDD 97%, #BBB 97%, #333 100%);*/
}
.headingTR td {border-top:0;}
.resumeTable td {padding:3px;}
.resumeTable .title, .resumeTable .role { font-weight:bold; color:#111; }




/********** Headshots and thumbnails **********/

#LargeHeadshot {max-width:100%;}

.mediumHeadshot, .largeHeadshot {
margin-bottom:1em;
-moz-box-shadow: 2px 4px 8px #BBB;
-webkit-box-shadow: 2px 4px 8px #BBB;
box-shadow:2px 4px 8px #BBB;
}

.thumbnailHeadshot {
display:inline-block;
margin:5px;
-moz-box-shadow: 2px 4px 8px #BBB;
-webkit-box-shadow: 2px 4px 8px #BBB;
box-shadow:2px 4px 8px #BBB;
background:none; /*To override something in the jquery-ui-1.10.2.custom.css*/
}

.thumbnailHeadshot.selected { border:3px solid #03F; }





/********** Used for displaying roles on the projects page **********/

.roleHeading {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;padding:.3em .75em; font-size:17px;text-align:left;
/*font-weight:bold;*/

background-color: #00A; /*#130783;*/
background-image: -ms-linear-gradient(top, #358DD4 46%, #130783 97%);
background-image: -moz-linear-gradient(top, #358DD4 46%, #130783 97%);
background-image: -o-linear-gradient(top, #358DD4 46%, #130783 97%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.46, #358DD4), color-stop(.97, #130783));
background-image: -webkit-linear-gradient(top, #358DD4 46%, #130783 97%);
background-image: linear-gradient(top, #358DD4 46%, #130783 97%);
}

/*.roleHeading * {vertical-align:top;}*/

/*
.roleHeading.openForSubmissions {
background-color: #138307;
background-image: -ms-linear-gradient(top, #35D42D 46%, #138307 97%);
background-image: -moz-linear-gradient(top, #35D42D 46%, #138307 97%);
background-image: -o-linear-gradient(top, #35D42D 46%, #138307 97%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.46, #35D42D), color-stop(.97, #138307));
background-image: -webkit-linear-gradient(top, #35D42D 46%, #138307 97%);
background-image: linear-gradient(top, #35D42D 46%, #138307 97%);
}*/

.roleHeading.allConfirmed {
color:#FFF;
background-color: #0B0;
background-image: -ms-linear-gradient(top #0B0, 46%, #158317 97%);
background-image: -moz-linear-gradient(top, #0B0 46%, #158317 97%);
background-image: -o-linear-gradient(top, #0B0 46%, #158317 97%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.46, #0B0), color-stop(.97, #158317));
background-image: -webkit-linear-gradient(top, #0B0 46%, #158317 97%);
background-image: linear-gradient(top, #352DD4 46%, #158317 97%);
}

.roleHeading.actionRequired {
background-color:#C69;
background-image: -ms-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -moz-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -o-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.15, #C69), color-stop(.96, #603), color-stop(.96, #444), color-stop(1, #FFF));
background-image: -webkit-linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);
background-image: linear-gradient(top, #C69 15%, #603 96%, #444 96%, #FFF 100%);

color:#FFF;
}

.roleHeading .checkboxlabel {color:#FFF;}

.roleHeading a, .roleHeading a:hover {color:#FFF;}

/*On the talent page*/
.openRoleTable {
display:inline-block;
position:relative; /* Needed for the submit button's absolute positioning */
padding:1em;
margin:1em;background-color:#FFEFEF/*#EFEFEF*/;border:1px solid #444;
vertical-align:top;
/*border-radius: 15px;
-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;*/

-moz-box-shadow: 2px 4px 8px #BBB;
-webkit-box-shadow: 2px 4px 8px #BBB;
box-shadow:2px 4px 8px #BBB;
max-width:300px;
}
.openRoleTable.match {background-color:#EFE;}
.openRoleTable td {padding:.15em;}









/********** Bootstrap additions **********/

/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border: 1px solid #eee;
border-left-width:5px;
}
.bs-callout h1,
.bs-callout h2,
.bs-callout h3,
.bs-callout h4,
.bs-callout h5,
.bs-callout h6 {
margin-top: 0;
}

.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
color: #B94A48;
}

.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
color: #C09853;
}

.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
color: #3A87AD;
}

.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
color: #3C763D;
}

.bs-callout p:last-child {
margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
background-color: #fcf2f2;
border-color: #dFb5b4;
}
.bs-callout-warning {
background-color: #fefbed;
border-color: #f1e7bc;
}
.bs-callout-info {
background-color: #f0f7fd;
border-color: #d0e3f0;
}
.bs-callout-success {
background-color: #dff0d8;
border-color: #d6e9c6;
}


/* JRG overrides for Bootstrap CSS */
input.form-control.bg-danger { background-color:#f2dede; color:#a94442; }
select.form-control.notfullwidth { display:inline; width:auto; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#fff; background-color:#337ab7; border: 1px solid #337ab7;}
.nav-tabs>li>a { color:#337ab7; }
.nav>li>a:hover, .nav>li>a:focus { background-color:#286090; border-color:#204d74; color:#fff; }
/*
@media (min-width:768px){.modal-dialog {
	width: 700px;
}
@media (min-width:1024px){.modal-dialog {
	width: 950px;
}*/

input[type="checkbox"] {margin-top:-.1em;}

h2 {font-weight:bold; font-size:31.5px;margin-bottom:15px;}

/* From previous Bootstrap, not in new one*/

.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
/*
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}*/