/*----- Cosmetic Tweaks to Bootstrap -----*/
html.main { background-color: #3C3C3C; }

h1,
h2,
h3,
h4,
.selected p { font-family: 'pt_sans_narrowregular', Helvetica, sans-serif; }

h1 {
  color: #000;
  margin: 0 0 20px;
  font-weight: normal;
}

h4 {
  color: #000;
  margin-top: 0;
}

a h4 { color: #0099cc; }

::-webkit-validation-bubble {
width:200px;
}

.boldhr { border-top: 2px solid #333; }

.nav-tabs>li>a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #333333;
  background-color: #e8e8e8;
  border: 0;
  margin-bottom: 1px;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
  color: #ffffff;
  background-color: #333333;
  border: 0;
}

.nav-tabs { border-bottom: 2px solid #333; }

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus { border-color: #eeeeee transparent #333333; }

.caps { text-transform: uppercase; }

table form,
.alert p { margin: 0 !important; }

.first { margin-left: 0 !important; }

.alert h6 { margin-top: 0 !important; }

#helpNav { width: 270px; }

#helpNav.affix { top: 120px; }

.help { float: right !important; }

.radio.with-input input[type="radio"] { margin: 9px 0 0 -18px; }

.radio.with-input input[type="text"],
.radio.with-input select {
  margin-left: 10px;
  margin-bottom: 2px;
}

#inputs input[type="text"] {
  margin-right: 8px;
  float: left;
}

form label[class*="span"] {
  margin-left: 0;
  padding-right: 8px;
}

#plus {
  float: left;
  margin: 2px 0 0 4px;
}

#plus.badge,
.minus {
  padding: 4px 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

#plus.badge .icon-white,
.minus .icon-white {
  width: 13px;
  height: 15px;
}

#question { overflow: hidden; }

span.controls { display: block; }

#header {
  padding: 16px 0;
  background-color: #000;
  color: #FFF;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#header .row { position: relative; }

#header .welcome {
  position: absolute;
  top: -8px;
  right: 0;
}

#header .language {
  position: absolute;
  top: 6px;
  right: 0;
}

#header .language .btn {
  font-size: 12px;
  text-shadow: none;
  padding: 0;
}

#header ul.navi {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

#header ul.navi a { color: #eee; }

#account-nav {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222, #111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
  background-image: -webkit-linear-gradient(top, #222, #111);
  background-image: -o-linear-gradient(top, #222, #111);
  background-image: linear-gradient(to bottom, #222, #111);
  background-repeat: repeat-x;
  border-color: #252525;
 filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

#account-nav .navbar { margin-bottom: 0; }

#account-nav .navbar-inner { border: 0; }

#middle {
  margin-top: 16px;
  min-height: 475px;
}

#footer {
  margin-top: 60px;
  background-color: #3C3C3C;
  color: white;
}

#footer p {
  margin-top: 10px;
  font-size: 0.8em;
}

#groupForm .control-label {
  width: auto !important;
  clear: both;
}

#groupForm .controls { margin-left: 80px; }

.chart h5 {
  text-align: center;
  margin: 0;
}

.secondary, #secondary { display: none; }

#chartPicker { text-align: center; }

#primaryPie text,
#secondaryPie text { text-shadow: 1px 1px 1px black; }

#primaryPie > div > div > svg > g > g > g > text,
#secondaryPie > div > div > svg > g > g > g > text { text-shadow: none; }

input.checkbox { margin-top: 0; }

#remove .alert,
#removeUser .alert,
.alert .alert { padding: 8px 14px; }

#remove form,
#removeUser form { margin: 0; }

#notices { margin-left: 20px; }

hr.min { margin: 10px 0; }

.btn.min { padding-left: 0; }

.control-group.error p { color: #B94A48; }

.hide { display: none; }

#defaultAccountIcon {
  position: absolute;
  left: 3px;
  top: 9px;
}

#groupForm legend {
  margin-bottom: 05px;
  font-size: 16px;
  line-height: 22px;
}

.desc {
  margin-top: 10px;
  min-height: 6em;
  font-size: 13px;
  line-height: 16px;
}
 input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance:none;
 margin:0;
}

.icon-warning,
.nav-tabs>.active>a>[class^="icon-"],
.nav-tabs>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"] { background-image: url("../img/glyphicons-halflings-warning.png") }

.icon-info,
.nav-tabs>.active>a>[class^="icon-"],
.nav-tabs>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"] { background-image: url("../img/glyphicons-halflings-info.png") }

#terms li {
  font-size: 24.5px;
  font-family: 'PT Sans Narrow', Helvetica, sans-serif;
}

#terms li p,
#terms li ol li,
#terms li ul li {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*----- General Dashboard -----*/
.dashboardPortrait {
  margin-bottom: 20px;
  border: 3px solid #989898;
}
.dashboardPortrait.blue {
  border-color: #008DCF;
}
.dashboardPortrait.gold {
  border-color: #FCB31C;
}
.dashboardPortrait.green {
  border-color: #008B52;
}
.dashboardPortrait.orange {
  border-color: #F26722;
}
#infoForm-1 .dashboardPortrait {
  width: 46px;
}
.infoContainer h4,
.holder h5 {
  margin-bottom: 0;
}
.infoContainer h4,
.holder h5,
.holder p,
#group-info h4,
#account-info h4 { margin-top: 0; }

#user-info { min-height: 186px; }

#info-1 .span2,
#info-1 .span3.holder,
#info-2 .span2,
#account-info .span2 { margin-left: 0 !important; }

#info-1 .span2 h5,
#info-2 .span2 h5,
#account-info h5 {
  margin: 0;
  padding: 0 0 10px;
}

#emailselfform,
#promotionForm { margin: 0; }

#infoForm-1, #infoForm-2 {
margin-left: 20px;
}

#infoForm-1 label,
#infoForm-2 label { margin: 0; }

#infoForm-1 label span,
#infoForm-2 label span,
#account-info label span {
  display: inline-block;
  width: 140px;
  font-weight: bold;
}

#infoForm-1 input[type="text"],
#infoForm-1 input[type="password"],
#infoForm-2 input[type="text"],
#infoForm-2 input[type="password"],
#infoForm-1 select,
#infoForm-2 select { margin: 4px 0 4px 20px !important;}

#infoForm-2 .help-block {
  margin-left: 166px;
  width: 220px;
}

#infoForm-2 input[type="submit"] { margin-left: 309px; }

#editInfo,
#editAccountInfo { margin-right: 22px; }

.avatar {
  width: 60px;
  height: 60px;
  float: left;
  text-align: center;
  line-height: 56px;
  margin: 0 10px 0 0;
  font-size: 35px;
}

.profileLink {
  margin-left: 20px;
}

.results span {
  line-height: 1.4em;
  height: 1.4em;
  font-size: 0.85em;
}

.results.small { width: 120px; }

.results.small span {
  margin-top: 4px;
  height: 1em;
  width: 25%;
}

.atwork { font-size: 0.85em; }

#accountSettingsContainer { padding-right: 14px; }

#accountSettingsContainer p { font-size: 14px; }

#accountSettingsContainer input[type="text"] { width: 206px; }

input[type="checkbox"].with-input { margin: -8px 0 0; }

#accountSettingsContainer input[name="alertEmail"] { width: 256px; }

#removeFac .alert,
#removeAdmin .alert { padding-right: 14px !important; }

#accountInfographicsHolder {margin-bottom:1em;}

/*----- Profile Module -----*/

.profileContainer { margin: 0 0 3em 0; }

.profileWrapper {
  height: 1.4em;
  font-size: 0.85em;
  line-height: 1.4em;
}

.profile {
  width: 200px;
  float: left;
}

.profile span,
.results span {
  display: block;
  float: left;
  text-align: center;
}

span.blue,
.circleBase.blue,
.avatar.blue {
  background-color: #008DCF;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

span.green,
.circleBase.green,
.avatar.green {
  background-color: #008B52;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

span.orange,
.circleBase.orange,
.avatar.orange {
  background-color: #F26722;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

span.gold,
.circleBase.gold,
.avatar.gold {
  background-color: #FCB31C;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

.avatar.unknown {
  background-color: #989898;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

/*----- Groups and Users Module -----*/

#table.table td,
#accountFacilitatorsTable.table td,
#accountAdministratorsTable.table td,
#manageUsersTable.table td,
#members-table.table td,
#accountUsersTable.table td,
#my-coordinators table td {
  vertical-align: middle;
  border-top: none;
}

.groupCreator span { display: none; }

.listblue { border: solid 2px #008DCF; }
.listgold{ border: solid 2px #FCB31C; }
.listgreen{ border: solid 2px #008B52; }
.listorange{ border: solid 2px #F26722; }
.listunknown{ border: solid 2px #989898; }

/*----- Invites and Manage User Module -----*/

#invitation-credits {
  padding-right: 14px;
  text-align: right;
  margin-bottom: 3em;
}

#invitation-credits h2 { font-family: inherit; }

#invitation-credits h4,
#invitation-credits p {
  text-align: left;
  color: #666;
}

#no-assessment {
  padding-right: 15px;
  margin-bottom: 3em;
  text-align: center;
}

#credit-help {
  float: right;
  position: relative;
  top: -10px;
  right: -15px;
  padding: 5px;
  cursor: pointer;
}

#credits_form { margin-top: 2em; }

#credits_form input[type="text"] {
  font-size: 40px;
  line-height: 50px;
  height: auto;
  width: 251px;
  font-weight: bold;
  text-align: right;
}

/*----- Super Admin/Reseller Controls -----*/

#superControls button { margin: 0 0 1em 0; }

#makeAdmin p,
#removeAdmin p,
#makeFac p,
#removeFac p { text-align: left; }
;

/*----- Buy More -----*/

#tiersWell .well input,
#tiersWell .well .add-on { margin-top: 5px; }

#tiersWell .row { width: auto; }

#TiersContainer {
  width: 500px;
  margin: 0 auto;
}

/*----- Sending Invites -----*/

#inviteForm legend,
#preform legend { margin-bottom: 10px; }

#inviteForm input[type="radio"] { margin: 4px 4px 4px 0; }

#inviteForm label {
  cursor: pointer;
  display: inline;
}

#inviteForm .control-group { position: relative; }

#existing,
#groupName { margin: 4px 0 4px 10px; }

span.name {
  font-weight: bold;
  font-size: 1.3em;
  padding-right: 10px;
}

span.email { padding-right: 10px; }

span.invites { font-style: italic; }

#plus:hover { background-color: #1E6F97; }

span[id*="minus"]:hover { background-color: #808080; }

#existingDiv,
#groupNameDiv {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 397px;
  cursor: pointer;
}

#uploadButton { margin-right: 10px; }

#customButton { min-width: 156px; }

#custom-box.form-horizontal .control-label { width: 70px; }

#custom-box.form-horizontal .controls { margin-left: 100px; }

#warningBadge,
#errorBadge {
  margin-top: 6px;
  margin-right: 6px;
}

#uploadMessages {
  max-height: 150px;
  overflow-y: auto;
  position: relative;
}

#uploadMessages.well { padding-top: 25px; }

#uploadProgress {
  position: relative;
  margin: 0 auto 20px;
}

#uploadBar { width: 0%; }

#uploadPercent {
  color: #fff;
  position: absolute;
  display: inline-block;
  left: 48%;
}

#clearMessages {
  position: absolute;
  right: 2px;
  top: 2px;
  display: none;
}

.well #clearMessages { display: block; }
 input[type="file"]::-webkit-file-upload-button {
 display:inline-block;
 padding:4px 12px;
 margin-bottom:0;
 font-size:14px;
 line-height:20px;
 text-align:center;
 vertical-align:middle;
 cursor:pointer;
 color:#333333;
 text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
 background-color:#f5f5f5;
 background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
 background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
 background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
 background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
 background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
 background-repeat:repeat-x;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 border-color:#e6e6e6 #e6e6e6 #bfbfbf;
 border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
 border:1px solid #cccccc;
 border-bottom-color:#b3b3b3;
 -webkit-border-radius:4px;
 border-radius:4px;
 -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

#invitesSection .well {
  overflow-y: scroll;
  height: 205px;
}

#invitesSection table { margin-bottom: 0; }

.linkHolder {
  border: 1px solid #CCC;
  padding: 8px;
  width: 477px;
  background-color: #F0F0F0;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.linkHolder a { text-decoration: underline; }

#disclaimer {
  margin-right: 20px;
  margin-bottom: 0;
  padding-top: 5px;
}

#emailStatus .messages,
#accountStatus .messages {
  max-height: 500px;
  overflow-y: auto;
}

#emailStatus .messages { margin-right: 15px; }

#emailStatus,
#accountStatus { margin-bottom: 15px; }

#emailStatus {
  margin-left: 19px;
  border-right: solid 1px #ddd;
}

#accountStatus {
  margin-left: -1px;
  padding-left: 19px;
  border-left: solid 1px #ddd;
}

#accountStatus .messages {
  margin-left: 15px;
  min-height: 1px;
}

/*----- Groups -----*/

#groupTabs { margin-top: 20px; }

#scores img { margin-top: 16px; }

/*----- Add/Remove Members Page -----*/

.add-remove.well {
  height: 376px;
  overflow: hidden;
  padding-right: 0;
  padding-bottom: 0;
}

.changed { background-color: #d9edf7; }

.off { color: #666; }

/*----- Coordinator Manager Page -----*/

#my-coordinators .table td { vertical-align: bottom; }

.coord-info {
  padding-left: 14px;
  margin-top: 12px;
}

.coord-info h5,
.subhead h5,
#my-coordinators .table p,
#code_form { margin: 0; }

/*----- Invite/Add Coordinator -----*/

#inviteInfo { margin-top: 15px; }

/*----- Color Profile Circles -----*/

.colors {
  width: 54px;
  height: 12px;
  background-image: url(../img/colors.png);
  background-repeat: no-repeat;
}

.colors.none { background-position: 0 0; }
.colors.orangegoldbluegreen { background-position: 0 -13px; }
.colors.orangegoldgreenblue { background-position: 0 -26px; }
.colors.orangegreengoldblue { background-position: 0 -39px; }
.colors.orangegreenbluegold { background-position: 0 -52px; }
.colors.orangebluegoldgreen { background-position: 0 -65px; }
.colors.orangebluegreengold { background-position: 0 -78px; }
.colors.greenorangegoldblue { background-position: 0 -91px; }
.colors.greenorangebluegold { background-position: 0 -104px; }
.colors.greengoldorangeblue { background-position: 0 -117px; }
.colors.greengoldblueorange { background-position: 0 -130px; }
.colors.greenblueorangegold { background-position: 0 -143px; }
.colors.greenbluegoldorange { background-position: 0 -156px; }
.colors.blueorangegoldgreen { background-position: 0 -169px; }
.colors.blueorangegreengold { background-position: 0 -182px; }
.colors.bluegreenorangegold { background-position: 0 -195px; }
.colors.bluegreengoldorange { background-position: 0 -208px; }
.colors.bluegoldorangegreen { background-position: 0 -221px; }
.colors.bluegoldgreenorange { background-position: 0 -234px; }
.colors.goldgreenorangeblue { background-position: 0 -247px; }
.colors.goldgreenblueorange { background-position: 0 -260px; }
.colors.goldorangegreenblue { background-position: 0 -273px; }
.colors.goldorangebluegreen { background-position: 0 -286px; }
.colors.goldblueorangegreen { background-position: 0 -299px; }
.colors.goldbluegreenorange { background-position: 0 -312px; }

/*----- Data Table -----*/
.dataTable { clear: both; }
.dataTable thead th {
  padding: 4px 5px 4px 18px !important;
  text-align: left;
}

#accountUsers tbody td:nth-child(6) { text-align: center; }

#log-table tbody td:nth-child(4) {
  max-width: 180px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
#log-table tbody td:nth-child(5) {
  white-space:nowrap;
}

#log-table tbody td:nth-child(1),
#log-table tbody td:nth-child(5),
#log-table tbody td:nth-child(6),
#log-table tbody td:nth-child(7),
#log-table tbody td:nth-child(8) { text-align: center; }

#log-table span { display: none; }

#log-table tfoot input,
#log-table tfoot select {
  margin-top: 15px !important;
  width: 90%;
}

#log-table tfoot #status { min-width: 92px; }

#log-table tfoot #invited { width: 89%; }

#log-table tfoot #code { max-width: 45px; }

.toolbar { float: right;}

.toolbar h4 {
  display: inline-block;
  padding-right: 15px;
}

.toolbar span {
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
  cursor:pointer;
}

.toolbar span, strong.success, strong.info, strong.warning, strong.error {
  display: inline-block;
  height: 16px;
  padding: 4px 10px 8px;
  border: 1px solid #dddddd;
}

.toolbar .success, strong.success { background-color: #ACD89A; }
.toolbar .info, strong.info { background-color: #A5DBF6 }
.toolbar .warning, strong.warning { background-color: #F8E998; }
.toolbar .error, strong.error { background-color: #E09797; }

.toolbar .faded { border: 1px solid #747474 !important;}
.toolbar .success.faded { background-color: #dff0d8; }
.toolbar .info.faded { background-color: #d9edf7 }
.toolbar .warning.faded { background-color: #fcf8e3; }
.toolbar .error.faded { background-color: #f2dede; }

.toolbar .btn-group {
  float: right;
  margin: 10px 0;
}

#log-table.table tbody tr.success>td {
  background-color: #ACD89A;
}
#log-table.table tbody tr.info>td {
  background-color: #A5DBF6;
}
#log-table.table tbody tr.warning>td {
  background-color: #F8E998;
}
#log-table.table tbody tr.error>td {
  background-color: #E09797;
}

tfoot input.search_init,
tfoot select.search_init,
tfoot select option:nth-child(1) { color: #999; }

tfoot select :not(:first-child),
tfoot select { color: #000; }

input[id^="invite"] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

input.glow { box-shadow: 0 0 7px 0 rgba(255,0,0,0.55), inset 0 0 6px 0px rgba(255,0,0,0.55); }

/*----- Manager Create -----*/

#tiers .helpbox {
  width: 180px;
  float: left;
  margin-left: 42px;
}

#tiers h5 { text-align: center; }

form#newAccountForm label.inline:nth-last-child(1) { min-width: 200px; }

#resetUsesLabel { display: inline-block; }

#resetUses { margin: 0; }

#messageLink { width: 615px; }

.reseller .control-label { width: 100px; }

.reseller .control-group .controls { margin-left: 120px; }

.resellerHead { margin: 0 !important; }

.resellerHead .span1 {
  width: 87px;
  margin-left: 0;
  text-align: center;
}

.subhead {
  padding: 4px 8px !important;
  background-color: #c09853 !important;
  color: #fff !important;
}

/*----- Manage Reseller -----*/
.pay-catcher {
  position: relative;
  text-align: center !important;
}
.pay-alert {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 10px;
  border: 1px solid;
  background-color: #fff;
}

.pay-alert input[type=text] {
  margin-bottom: 10px;
}

.pay-loading {
  display: none;
}

/*----- User Invite Manager -----*/
#allLabel {
  position: relative;
  left: -372px;
  top: 30px;
}
#linksScroller {
  max-height: 420px; 
  padding-right:15px;
  overflow-x: hidden; 
  overflow-y: scroll; 
}
#helpManagerBtn {
  position: relative;
  top: 15px;
  left: 152px;
  cursor: pointer;
}

#showLinks .well {
  max-height:63px; 
  overflow-y:auto;
}

.well-small ul {
  margin-bottom: 0;
}
#emailContainer {
  display:none;
}
#emailContainer textarea {
  width:686px;
  height:200px;
}
#emailResults {
  width: 650px;
}

/*----- Assessment -----*/

#offerCustom input { margin: 0; }

.steps .num {
  font-size: 40px;
  line-height: 40px;
  padding: 0 8px;
  border: solid 2px #fff;
  border-radius: 1000px;
  text-align: center;
  display: inline-block;
  float: left;
}

.steps .labels {
  line-height: 43px;
  padding: 0 12px;
  text-transform: uppercase;
  display: inline-block;
}

.nav>.disabled>a:hover {
  background-color: #E8E8E8;
}

.nav>.disabled>a .num {
  border: solid 2px #999;
}
#nextbtn {
  text-transform: uppercase;
}

/*----- Color Sort -----*/

.colorSort { position: relative; }

.circleBase {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  width: 98px;
  height: 98px;
  border: solid 1px gray;
  margin: 0 auto 5px;
}

.circleBase.empty { background-color: #ddd; }

.lt-ie8 .infoBtn { display: none; }

.colorSort .info,
.colorSort .selected {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.4);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  z-index: 2;
}

.colorSort .info { z-index: 3; }

.colorSort .info h2 {
  text-align: center;
  color: #000;
}

.colorSort .info.blue,
td.blue { background-color: rgba(0, 141, 207, 0.8); }

.colorSort .info.orange,
td.orange { background-color: rgba(242, 103, 34, 0.8); }

.colorSort .info.gold,
td.gold { background-color: rgba(255, 190, 21, 0.8); }

.colorSort .info.green,
td.green { background-color: rgba(0, 139, 82, 0.8); }

.colorSort .selected p {
  color: #fff;
  line-height: 318px;
  font-size: 200px;
  text-align: center;
}

.infoBtn {
  display: block;
  position: absolute;
  bottom: -14px;
  right: 14px;
  z-index: 10;
}

/*----- Word Sort -----*/

table.wordsort {
  width: 860px;
  margin-left: 0;
}

table.wordsort td {
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

table.wordsort td div {
  position: relative;
  padding: 20px 8px;
}

table.wordsort td input { margin: 0; }

table.wordsort td label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  margin: 0;
}

.catContainer h2 {font-weight: normal;}
table.wordsort thead th,
.catContainer h2 strong { text-transform: uppercase; }

table.wordsort thead th { text-align: center; }
table.wordsort tbody th { font-weight: normal; text-align:center;}

h2 span.counter { color: #b94a48; }

.catContainer { position: relative; }

.countContainer {
  position: absolute;
  top: 14px;
  right: 0;
  float: none;
  text-align: center;
}

.checkContainer {
  position: absolute;
  top: 50%;
  right: 0;
  float: none;
  text-align: center;
}

span.wsValue {
	background-color: #ccc;
	display: block;
	font-size: 1.5em;
	padding: 2px 8px 2px 6px;
	border-radius: 40px;
	width: 10px;
	text-align: center;
	margin: 0 auto;
}

.checkContainer .success,
.checkContainer .btnReset { display: none; }

.checkContainer .success strong { color: #5bb75b; }

/*----- Results -----*/

.nav-tabs.resultsNav > li a {
  padding-left: 6px;
  padding-right: 6px;
  text-transform: uppercase;
  font-size: 0.9em;
}

#results-top { margin-bottom: 20px; }

#spectrumSwitcher {
  position:absolute;
  top: 5px;
  right: 0;
}

div.spectrum p {
  text-transform: uppercase;
  text-align: center;
  margin: 0.5em 0;
  font-size: 11px;
  line-height: 1em;
}

div.spectrum hr { margin: 0.5em 0; }

div.spectrum span {
  display: block;
  margin-bottom: 10px;
  height: 52px;
}

div.card1,
div.card2 { float: left; }

div.card1 { margin-right: 12px; }

div.graph {
  color: #666;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin: 2em 0 2.5em 0;
}

div.graph span {
  float: left;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 0px 8px rgba(0, 0, 0, 0.5);
}

.nav li span.blue {
  color: #008DCF;
  background-color: transparent;
  font-weight: bold;
}

.nav li span.orange {
  color: #F26722;
  background-color: transparent;
  font-weight: bold;
}

.nav li span.gold {
  color: #FCB31C;
  background-color: transparent;
  font-weight: bold;
}

.nav li span.green {
  color: #008B52;
  background-color: transparent;
  font-weight: bold;
}

#interact img,
#common img {
  display: block;
  margin: 0 auto;
}

#health h2,
#success h2 {
  margin: 0 0 10px 0;
  line-height: 1em;
}

#signature {
  text-align: center;
  padding: 14px 14px 8px;
}

#signature p { line-height: 24px; }

#signature span {
  display: inline-block;
  margin-left: 10px;
}

#signature h4,
#signature strong { text-transform: uppercase; }

ul.unstyled { padding-left: 1em; }

/*----- Bland -----*/

.bland .container { width: 100%; }

.add-remove table {
  table-layout: fixed;
  margin-bottom: 0;
}

.dataTables_scroll { clear: both; }

.add-remove table td,
.add-remove table th {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 18px !important;
}

.dataTables_scrollBody thead { display: none; }

#add-remove-members h5 span { font-weight: normal; }

.add-remove .dataTables_empty { border: none; }

.nav-pills#helpNav>li>a {
  padding-top: 4px;
  padding-bottom: 4px;
}

/*----- IE Fix -----*/

.no-cssanimations .checkbox { min-height: inherit; }

.help-block.ie-only { display: none; }

.no-cssanimations .help-block.ie-only { display: inline; }

.no-cssanimations .span1.with-input,
.no-cssanimations .checkbox.span1 {
  width: auto;
  padding: 3px 16px;
}

/*----- jQuery UI Stuff -----*/
		/*Custom Questions Page*/

ul#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 280px;
}

.ui-state-highlight {
  height: 48px;
  line-height: 50px;
}