body {
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    margin-top: 0px;
    background-color: #f2f2f2;
}

html, body {
    min-height: 100vh !important;
    height: auto !important;
}

a {
    color: #0f6ab4;
}

#admincontainer {
    width: 944px;
    margin: auto;
    text-align: left;
    background-color: #fff;
    padding: 0px 40px 40px 40px;
}

#header {
    height: 70px;
    margin-bottom: 30px;
    margin-left: -40px;
    margin-right: -40px;
    border-bottom: 4px solid #f2f2f2;
}

#header .navigation {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}

#header .navigation .item {
    display: inline-block;
    padding: 25px 8px 23px 8px;
    border-top: 3px solid #fff;
    cursor: pointer;
    z-index: 2;
}

#header .navigation .item:hover {
    background-color: #d3d3d3;
    text-decoration: none;
    border-top-color: #d3d3d3;
}

#header .navigation .item:hover.developer {
    border-top-color: #e04c4c;
}

#header .navigation .item:hover.support {
    border-top-color: #008000;
}

#header .navigation .item.dropDown {
    position: relative;
}

#header .navigation .item.dropDown .options {
    position: absolute;
    top: 63px;
    left: -20px;
    display: none;
    background-color: #fff;
    width: 150px;
    box-shadow: 0px 0px 2px #888;
}

#header .navigation .item.dropDown:hover .options {
    display: block;
}

#header .navigation .item.dropDown .options .item {
    display: block;
    padding: 8px;
    border: 0px;
    text-align: left;
}

.busySpinnerOuter {
    line-height: 24px;
}

.busySpinner {
    height: 24px;
    width: 24px;
    padding-right: 8px;
    background-position: left center;
    background-image: url('/images/ajax-loader.gif') !important;
    background-repeat: no-repeat;
    box-sizing: content-box !important;
}

.urlCheckResultItem {
    margin-bottom: 20px;
}

.urlCheckResultItem:last-child {
    margin-bottom: 0px;
}

.urlCheckResultItem .urlTitle {
    font-weight: bold;
}

.warningBox {
    padding: 20px 20px 20px 46px;
    background-color: #dfdfdf;
    margin: 20px 0;
    border: 2px solid red;
    background-image: url('/images/warning.gif');
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

.warningBox .title {
    font-weight: bold;
}

ul.communityOptions {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.communityOptions li {
    list-style-type: none;
    text-align: center;
    font-size: 16px;
    width: 21%;
    line-height: 20px;
    border: 1px solid #dfdfdf;
    margin-right: 25px;
    margin-top: 15px;
}

ul.communityOptions li:last-child {
    margin-right: 0;
}

ul.communityOptions li a {
    display: block;
    width: 100%;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 30px;
}

ul.communityOptions li a:hover {
    text-decoration: none;
    background-color: #d3d3d3;
}

#loginForm {
    padding-left: 345px;
    width: 270px;
}

.formLabelArea {
    width: 100px;
    float: left;
}

.formFieldArea {
    width: 150px;
    float: left;
}

.formLine {
    padding: 10px;
    height: 20px;
}

.filterBar {
    margin-top: 20px;
}

.filterItem {
    margin: 0 20px;
}

.filterItem:first-child {
    margin-left: 0;
}

.filterItem:last-child {
    margin-right: 0;
}

.communityList {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.hubbubLine {
    margin: 8px 0px;
}

.hubbubLine .icon-pencil {
    visibility: hidden;
}

.hubbubLine:hover .icon-pencil {
    visibility: visible;
}

.hubbubLine td {
    font-size: 12px;
    padding: 8px;
}

.stripA {
    background-color: #EEE;
}

.stripB {
    background-color: #DDD;
}

.id {
    width: 40px;
    color: #999;
}

.name {
    width: 60%;
}

.name.limitedSize {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

.status {
    margin-left: 20px;
    position: relative;
    min-width: 110px;
}


.statusSetter {
    position: absolute;
    top: -5px;
    left: -5px;
    background-color: rgb(255, 255, 255);
    width: auto;
    padding: 10px;
    box-shadow: rgb(0, 0, 0) 1px 1px 5px;
    z-index: 5;
}

.statusSetter .cancel {
    margin: 5px 0 0 0;
}

.options {
    margin-left: 20px;
    text-align: right;
    min-width: 110px;
    max-width: 110px;
}

.clear {
    clear: both;
}

h3 {
    padding-top: 10px;
}

.form_box h3:first-child {
    margin-top: 0px;
}

.form_box {
    border: 1px solid #DDD;
    padding: 18px;
    border-radius: 6px;
    margin-bottom: 12px;
}

.form_box.form_box_error {
    border-color: red;
    border-width: 3px;
    padding: 15px;
}

.formElement {
    border-radius: 3px;
    padding: 3px;
    border: 1px solid #DDD;
}

/* CalendarView */
div.calendar {
    font-size: smaller;
    color: #000;
}

div.calendar.popup {
    margin-left: -40px;
    margin-top: -100px;
}

div.calendar table {
    background-color: #eee;
    border: 1px solid #aaa;
    border-collapse: collapse;
}

div.calendar thead {
    background-color: #fff;
}

div.calendar td,
div.calendar th {
    padding: 3px;
    text-align: center;
}

div.calendar td.title {
    font-weight: bold;
}

div.calendar th
{
    background: #ddd;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-weight: bold;
    color: #555;
}

div.calendar tr.days td {
    width: 2em;
    color: #555;
    text-align: center;
    cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover {
    background-color: #34ABFA;
    cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active {
    background-color: #cde;
}

div.calendar tr.days td.selected
{
    font-weight: bold;
    background-color: #ccc;
    color: #000;
}

div.calendar tr.days td.today {
    font-weight: bold;
    color: #D50000;
}

div.calendar tr.days td.otherDay {
    color: #bbb;
}

table.adminTable {
    border-collapse: collapse;
}

table.adminTable tr td {
    border: 1px solid black;
    padding: 4px;
}

.insetOption {
    position: absolute;
    top: -36px;
    z-index: 20;
    right: 0;
}

.leaderboard_challenges .insetOption {
    top: -44px;
}

.crowdworksTabs div.leftArrow {
    height: 36px;
    width: 36px;
    position: absolute;
    left: 0;
    visibility: hidden;
}

.crowdworksTabs div.rightArrow {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 0;
    visibility: hidden;
}

.crowdworksTabs:hover div.leftArrow,
.crowdworksTabs:hover div.rightArrow {
    visibility: visible;
}

/* Bigger tabs */
.bigTabs {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.bigTabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 36px;
    border-bottom: 1px solid #dddddd;
    height: 35px;
    position: absolute;
}

.bigTabs li {
    display: block;
    float: left;
    margin: 0;
    padding: 3px;
    padding-top: 4px;
    overflow: hidden;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #656464;
    padding-left: 10px;
    padding-right: 10px;
}

.bigTabs li.selected {
    border: 1px solid #dddddd;
    border-bottom: 0;
    background-color: #ffffff;
    height: 30px;
    padding-top: 3px;
    padding-left: 9px;
    padding-right: 9px;
}

.bigTabs li.selected.grey {
    background-color: #f4f4f4;
}

.bigTabs li a {
    text-decoration: none;
    line-height: 30px;
    color: #000000;
}

.hubbubSearch {
    margin: 0;
    list-style-type: none;
    padding: 10px;
}

.hubbubSearch li .name {
    line-height: 20px;
}

.hubbubSearch li {
    padding: 12px 8px;
    line-height: 16px;
}

.hubbubSearch .url a {
    font-size: 11px;
    line-height: 14px;
}

.hubbubSearch .url {
    line-height: 14px;
}

.searchSuggestions {
    background: #fff;
    width: auto;
    border: 1px solid #979797;
    padding-left: 0;
    margin: 0;
}

/* UI 2 summary tabs */
.summaryTabs {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.summaryTabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 36px;
    border-bottom: 1px solid #dddddd;
    height: 35px;
    position: absolute;
}

.summaryTabs li {
    display: block;
    float: left;
    margin: 0;
    padding: 3px;
    padding-top: 4px;
    overflow: hidden;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #656464;
    padding-left: 10px;
    padding-right: 10px;
}

.summaryTabs li.selected {
    border-bottom: 4px solid #278ACE;
    background-color: #ffffff;
    height: 30px;
    padding-top: 3px;
    padding-left: 9px;
    padding-right: 9px;
}

.summaryTabs li.selected.grey {
    background-color: #f4f4f4;
}

.summaryTabs li a {
    text-decoration: none;
    line-height: 30px;
    color: #000000;
}

/* greys out unpublished challenges in the challenge list of the demo builder */
.unpublished {
    color: #ccc;
}


.small-button {
    color: #fff;
    border: none;

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;

    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}


.big-button {
    color: #fff;
    border: none;

    padding: 10px;
    padding-left: 12px;
    padding-right: 12px;

    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.background-color-brand {
    background-color: #278ACE;
}

.color-brand {
    color: #278ACE;
}

h4.subtext {
    color: #bbb;

    font-weight: 400;
    margin-bottom: 10px;
    margin-top: -10px;
}

#hubbub_fullurl_label {
    margin-left: 5px;
    margin-top: 5px;
    font-size: 16px;
    font-style: italic;
}

#hubbub_fullurl_label > .subtle {
    color: #bbb;
}

table.userTable {
    border-collapse: collapse;
    width: 654px;
}

table.userTable tr {
    border: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
    margin: 0px;
    padding: 8px;
    padding-left: 9px;
    padding-right: 9px;
}

table.userTable tr.disabled td.allowDisable {
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}

table.userTable tr.selected {
    background-color: #f1f1f1;
}

table.userTable tr.header {
    border: 1px solid #ffffff;
}

table.userTable tr.active {
    border: 1px solid #278ACE;
}

table.userTable tbody td {
    margin: 0;
    padding: 8px;
    padding-left: 9px;
    padding-right: 9px;
    vertical-align: top;
}

table.userTable th {
    text-transform: uppercase;
    background-color: #818182;
    color: #ffffff;
    text-align: left;
    padding: 4px;
    padding-left: 9px;
    padding-right: 14px;
    border-right: 1px solid #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
}

/* Content of forms.css tweaked to remove smarty tags */

/*Forms*/

/* New standard buttons */
.formButton2 {
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 19px;
}

.formButton2 a {
    color: #fff;
}

.formButton2.submit {
    background-color: #278ACE;
    padding: 5px 12px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    border: 0;
}

.formButton2.action {
    background-color: #fff;
    border: 1px solid #278ACE;
    padding: 5px 12px;
    color: #278ACE;
    font-weight: 600;
    display: inline-block;
}

.formButton2.action:hover {
    background-color: #278ACE;
    color: #fff;
}

.formButton2.cancel {
    padding: 5px 12px;
    color: #626262;
    display: inline-block;
    border: 0;
}

.formButton2.cancel a {
    color:#626262;
}

.formButton2.delete {
    padding: 5px 12px;
    color: #a90329;
    display: inline-block;
    border: 0;
    outline: 1px solid #a90329;
}

.formButton2.delete a {
    color: #626262;
}

.formButton2.delete:hover {
    background-color: #a90329;
    color: #fff;
}

.formButton2.linkStyle {
    padding: 5px 12px;
    display: inline-block;
    border: 0;
    background-color: transparent;
}

.formButton2.light {
    background-color: #d7d7d7;
    padding: 5px 12px;
    font-weight: 600;
    display: inline-block;
}

.formButton2.inlineText {
    padding: 5px 12px;
    display: inline-block;
    border: 0;
}

.formButton2:disabled {
    background-color: #d7d7d7 !important;
    color: #666 !important;
    border: 0;
}

/* Sign in style */
.signInStyle {
    width: 324px;
    padding: 16px;
    font-size: 17px;
    border: 1px solid #9b9b9b;
    margin-bottom: -1px;
}

.signInStyle.solo {
    width: 326px;
}

.signInStyle:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.signInStyle:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #9b9b9b;
}

/* Register style - inset with info tooltip */
.registerStyle_outer {
    width: 398px;
    border: 1px solid #9b9b9b;
    margin-bottom: -1px;
}

.registerStyle_outer:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.registerStyle_outer:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #9b9b9b;
}

.registerStyle_inner {
    padding: 0;
    font-size: 17px;
    border: 0;
    height: 20px;
    padding: 16px;
    width: 314px;
    background-color: transparent;
}

.registerStyle_outer .toolTip {
    background: url('/images/info-grey.gif') no-repeat center;
    width: 19px;
    height: 20px;
    float: right;
    opacity: 0.5;
    padding: 16px;
}

.registerStyle_outer .toolTip:hover {
    opacity: 1.0;
}

.signInButtonStyle {
    background-color: #278ACE;
    color: #fff;
    min-width: 126px;
    height: 48px;
    border: 0;
    font-size: 17px;
    display: block;
    line-height: 48px;
    text-align: center;
    margin-top: 10px;
    padding: 0px 5px;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.signInButtonStyle:hover {
    background-color:#278ACE;
    text-decoration:none;
}

.signInButtonStyle:active {
    background-color: #278ACE;
    color: #fff;
}

.signInButtonStyle:disabled {
    background-color: transparent;
    color: #444;
}

.registerButtonStyle {
    background-color: #4a4a4a;
    width: 136px;
    height: 48px;
    border: 0;
    font-size: 17px;
    color: #fff;
    display: block;
    line-height: 48px;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif !important;
}

.registerButtonStyle:hover {
    background-color: #2a2a2a;
    text-decoration: none;
}

.registerButtonStyle:active {
    background-color: #4a4a4a;
}

.registerButtonCancelStyle {
    background-color: transparent;
    width: 136px;
    height: 48px;
    border: 0;
    font-size: 17px;
    color: #4a4a4a;
    display: block;
    line-height: 48px;
    text-align: center;
}

.registerButtonCancelStyle:hover {
    text-decoration: underline;
}

.registerButtonCancelStyle:active {
    background-color: #dfdfdf;
}

input, select {
    font-family: 'Source Sans Pro', sans-serif !important;
    color:#666;
}

/* Mainly for IE 6-8 */
input[type="password"] {
    font-family: sans-serif;
}

textarea {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    width: 300px;
    padding: 4px 5px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
    color: #666;
}

form .toolBar {
    height: 30px;
}

form .toolBarBusy{
    height:30px;
    line-height:24px;
}

form .scrollablePanel {
    overflow-y: auto;
    height: 150px;
    padding: 8px;
    border: 1px solid #dfdfdf;
    width: 100%;
}

.langLabel {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background-color: #999;
    margin-left: 1px;
    padding: 0 4px;
    width: 34px;
    text-align: left;
    cursor: pointer;
    height: 18px;
    line-height: 21px;
}

li.langLabel{
    display: block;
}

li.langLabel:hover {
    width: 64px;
    padding-right: 0;
}

.langLabel_all {
    display: none;
}

li.langLabel:hover .langLabel_all {
    display: inline-block;
    background-color: #bbb;
    width: 24px;
    text-align: center;
}

.langChoiceMenu {
    position: absolute;
}

.langChoiceMenu ul {
    padding: 0;
    margin: 0;
}

.langChoiceMenu ul li {
    margin: 0;
    margin-bottom: 1px;
}

.langChoiceMenu ul li a {
    color: #fff;
}

#editProfile textarea.formElement {
	width: 230px;
}

div.formElement {
    overflow-y: scroll;
}

.formElement.fullWidth {
    width: 100%;
}

input.formElement, div.formElement {
    padding: 4px 5px;
    border: 1px solid #d7d7d7;
}

div.formElement:hover {
    outline: 2px solid skyblue;
    cursor: text;
}

input.formElement.title {
    font-size: 20px;
}

.formElement.formError {
    border-color: #ff0000;
    font-size: 12px;
    color: #444;
}

.formElement.formError.formError_large {
    font-size: 12px;
}

input.formElement.wide {
    width: 350px;
}

input.formElement.narrow {
    width: 100px;
}

input.formElement.searchField {
    padding-left: 24px;
    background-image: url('/images/search.gif');
    background-repeat: no-repeat;
    background-position: 4px center;
    color: #666;
}

#editProfile input.formElement, #editProfile textarea.formElement {
    width: 253px;
}

#editProfile input.formElement.half {
    width: 118px;
}

#editProfile input.formElement.half:first-child {
    margin-right: 5px;
}

#editProfile select.formElement{
    width: 265px;
}


.designForm_nextColumn input.formElement, .designForm_nextColumn textarea.formElement, .designForm_nextColumnThin input.formElement, .designForm_nextColumnThin textarea.formElement {
    width: 300px;
}

.designForm_nextColumn input.formElement.narrow,
.designForm_nextColumn textarea.formElement.narrow,
.designForm_nextColumnThin input.formElement.narrow,
.designForm_nextColumnThin textarea.formElement.narrow {
    width: 100px;
}

.designForm_nextColumn input.formElement.label,
.designForm_nextColumn textarea.formElement.label,
.designForm_nextColumnThin input.formElement.label,
.designForm_nextColumnThin textarea.formElement.label {
    height: 10px;
    padding: 3px 8px 3px 8px;
    font-size: 10px;
    margin: 2px;
    line-height: 10px;
}

/* SSO */
.designForm_nextColumn p {
    line-height: 19px;
}

.designForm_nextColumn h4 {
    margin-top: 19px;
}

/* SSOEND */

.smallForm_firstColumn {
    width: 130px;
    clear: left;
    float: left;
}

.smallForm_nextColumn {
    width: 350px;
    float: left;
}

.smallForm_firstColumn p, .smallForm_nextColumn p {
    margin:3px 0 3px 0;
    padding: 0;
}

.inputBox_blank {
    color: #aaaaaa;
}

.form_button_container {
    position: relative;
    margin-bottom: 4px;
    display: block;
    height: 26px;
}

.form_button_linkStyle {
    padding: 5px;
    font-size: 12px;
    display: inline-block;
    float: left;
}

.form_button_adjacentText {
    font-family: 'Source Sans Pro', sans-serif;
    padding: 5px;
    font-weight: bold;
    line-height: 18px;
    font-size: 12px;
    display: inline-block;
    float: left;
}

.form_button_actionStyle {
    background-color: #278ACE;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 5px 12px;
    color: #<<$buttonTextCol>>;
    font-weight: 600;
    display: inline-block;
    float: left;
    border: 0;
}

.form_button_actionStyle.grey {
    background: #7f7f7f;
}

.form_button_actionStyle a {
    color: #fff;
    background-repeat:no-repeat;
}

.form_button_actionStyle.grey a {
    color: #fff;
    background-repeat: no-repeat;
}

.form_button_actionStyle a:hover {
    text-decoration: none;
}

.form_button_actionStyle.thin {
    padding: 0 4px;
    text-transform: uppercase;
    font-size: 11px;
}

.form_button_actionStyle.thin:active {
    padding: 0 4px;
}

.form_button_actionStyle_small.form_button_actionStyle_active {
    background: #fff;
    color: #<<$buttonCol>>;
    border: 1px solid #<<$buttonCol>>;
    line-height: 13px;
}

.form_button_actionStyle_small {
    background-color: #278ACE;
    background: -webkit-gradient(linear, left top, left bottom, from(#<<$buttonLightCol>>), to(#<<$buttonCol>>));
    background: -moz-linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background: linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    font-family: 'Source Sans Pro', sans-serif;
    padding: 2px 4px;
    color: #<<$buttonTextCol>>;
    font-weight: 600;
    font-size: 10px;
    border: 0;
    line-height: 15px;

    display: inline-block;
    float: left;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.form_button_actionStyle_large.form_button_expand {
    float: none;
    display: block;
}

.form_button_actionStyle_small:active {
    background-color: #278ACE;
    background: -webkit-linear-gradient(top, #278ACE, #<<$buttonLightCol>>);
    background: -moz-linear-gradient(top,  #278ACE,  #<<$buttonLightCol>>);
    background: -ms-linear-gradient(top,  #278ACE,  #<<$buttonLightCol>>);
    background: linear-gradient(top,  #278ACE,  #<<$buttonLightCol>>);
    font-family: 'Source Sans Pro', sans-serif;
    padding: 2px 4px;
}

.form_button_actionStyle_large.form_button_actionStyle_sidebarversion {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
}

.form_button_actionStyle_large.form_button_actionStyle_sidebarversion.form_button_actionStyle_large.form_button_lock {
    padding-left: 46px;
    background-position: 14px center;
}

.form_button_actionStyle_large.form_button_actionStyle_sidebarversion.form_button_actionStyle_large.form_button_lightBulb {
    padding-left: 46px;
    background: url('/images/lightBulbSidebar.png') no-repeat 9px center #<<$buttonCol>>;
    background: url('/images/lightBulbSidebar.png') no-repeat 9px center,
          -webkit-linear-gradient(top, #<<$buttonLightCol>>, #<<$buttonCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center,
          -moz-linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center,
          -ms-linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center,
          linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center;
}

.form_button_actionStyle_large.form_button_lightBulb {
    padding-left: 38px;
    background: url('/images/lightBulb.png') no-repeat 9px center #<<$buttonCol>>;
    background: url('/images/lightBulb.png') no-repeat 9px center,
          -webkit-linear-gradient(top, #<<$buttonLightCol>>, #<<$buttonCol>>);
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          -moz-linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          -ms-linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center;
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          linear-gradient(top,  #<<$buttonLightCol>>,  #<<$buttonCol>>);
}

.form_button_actionStyle_large.form_button_lightBulb:active {
    padding-left: 38px;
    background: url('/images/lightBulb.png') no-repeat 9px center #<<$buttonCol>>;
    background: url('/images/lightBulb.png') no-repeat 9px center,
          -webkit-linear-gradient(top, #<<$buttonCol>>, #<<$buttonLightCol>>);
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          -moz-linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          -ms-linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
    background-image: url('/images/lightBulb.png') no-repeat 9px center,
          linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
    background-image: url('/images/lightBulbSidebar.png') no-repeat 9px center;
}

.form_button_actionStyle_large span.form_button_bigArrow {
    display: block;
    float: right;
    background-image: url('/images/button_goArrow_big.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 100%;
    width: 20px;
    margin-right: -4px;
}

.form_button_actionStyle_large a.form_button_bigArrow {
    background-image: url('/images/button_goArrow_big.png');
    background-repeat: no-repeat;
    background-position: center right;
    margin-right: -4px;
    display: block;
    padding-right: 20px;
}

.form_button_actionStyle_large.form_button_lock {
    padding-left: 38px;
    background-image: url('/images/lock-med.png');
    background-repeat: no-repeat;
    background-position: 9px center;
}

.form_button_actionStyle_large .secondLine {
    font-size: 12px;
    font-weight: 400;
}

.form_button_actionStyle_large .secondLineLight {
    font-weight:400;
}

.form_button_actionStyle:hover {
    text-decoration: none;
}

.form_button_actionStyle_large {
    background-color: #278ACE;

    font-family: 'Source Sans Pro', sans-serif;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;

    display: inline-block;
    float: left;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.form_button_actionStyle_large a,
.form_button_actionStyle_large a:hover {
	text-decoration: none;
	color: #fff;
}


.form_button_greyStyle {
    background-color: #5C5C5C;
    background-image: none;
}

.form_button_lightGreyStyle {
    background-color: #D2D2D2;
    background-image: none;
}

.form_button_actionStyle_addEmail {
    background-color: #278ACE;
    background: url('/images/addEmail.png') no-repeat 4px center #<<$buttonCol>>;
    padding-left: 38px;
}

.form_button_actionStyle_addEmail:active {
    padding-left: 38px;
    background: url('/images/addEmail.png') no-repeat 4px center #<<$buttonCol>>;
    background: url('/images/addEmail.png') no-repeat 4px center,
        -webkit-linear-gradient(top, #<<$buttonCol>>, #<<$buttonLightCol>>);
    background-image: url('/images/addEmail.png') no-repeat 4px center,
        -moz-linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
    background-image: url('/images/addEmail.png') no-repeat 4px center,
        -ms-linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
    background-image: url('/images/addEmail.png') no-repeat 4px center,
        linear-gradient(top,  #<<$buttonCol>>,  #<<$buttonLightCol>>);
}

.form_button {
    border: #7d7d7d 1px solid;
    background-color: #f4f4f4;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 4px;
    color: #666;
    font-weight: bold;
    font-size: 13px;

    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background: -moz-linear-gradient(top,  #ffffff,  #e7e7e7);
    background: linear-gradient(top,  #ffffff,  #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7');
    display:inline-block;
    float: left;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: inset 0px 0px 8px #fff;
}

.form_buttonLight {
    border:0px;
    padding:5px;
    color:#999;
    background:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}

.form_buttonLight:hover {
    border: 0px;
    padding: 5px;
    color: #999;
    background: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.form_button_disabled, .form_button:disabled {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#cccccc));
    background: -moz-linear-gradient(top,  #e7e7e7,  #cccccc);
    background: linear-gradient(top,  #e7e7e7,  #cccccc);
    border:#eeeeee 1px solid;
    color:#999;
}

.form_button_danger {
    background: #ba0334; /* Old browsers */
    background: -moz-linear-gradient(top,  #ba0334 1%, #f22004 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ba0334), color-stop(100%,#f22004)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ba0334 1%,#f22004 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ba0334 1%,#f22004 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ba0334 1%,#f22004 100%); /* IE10+ */
    background: linear-gradient(top,  #ba0334 1%,#f22004 100%); /* W3C */
    filter:none;

    border:#ba0334 1px solid;
    color:#fff;
    box-shadow:none;
}

.form_button_danger:active {
    background: #8f0222; /* Old browsers */
    background: -moz-linear-gradient(top, #8f0222 1%, #a90329 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8f0222 1%,#a90329 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8f0222 1%,#a90329 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8f0222 1%,#a90329 100%); /* IE10+ */
    background: linear-gradient(top, #8f0222 1%,#a90329 100%); /* W3C */
    border:#8f0222 1px solid;
    color:#666;
}

.form_button_disabled vote_up a {
    color:#666 !important;
}

.form_button a {
    color: #666;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
}

.form_button a, .form_button_disabled a {
    background-repeat: no-repeat;
    display: block;
}

.form_button a.button_add {
    background-image: url(/images/add.gif);
    padding-left: 20px;
}

.form_button a.button_remove {
    background-image: url('/images/remove.gif');
    padding-left: 20px;
}

.form_button_actionStyle a.button_add {
    background-image: url('/images/followIcon.png');
    padding-left: 16px;
}

.form_button_actionStyle a.button_remove {
    background-image: url('/images/followIcon.png');
    padding-left: 16px;
}

.form_button a.nextArrow {
    background-image: url('/images/button_nextArrow.gif');
    background-position: right center;
    padding-right: 20px;
}

.form_button_marginTop {
    margin-top: 16px;
    display: inline-block;
}

.form_button_marginLeft {
    margin-left: 8px;
    display: inline-block;
}

.form_button_marginRight {
    margin-right: 8px;
    display: inline-block;
}

.form_button_marginBottom {
    margin-bottom: 16px;
    display: inline-block;
}

.form_button a:hover {
    text-decoration: none;
}

.form_button:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#ffffff));
    background: -moz-linear-gradient(top,  #e7e7e7,  #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff');
}

.form_button_huge {
    border: #278ACE 1px solid;
    background-color: #278ACE;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 4px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form_button_huge:active {
    color: #278ACE;
    background-color: #fff;
}

.form_box_filled {
    background-color: #f1f1f1;
    padding: 17px;
}

.form_box_hollow {
    border: 1px solid #dddddd;
    padding: 18px;
    margin-bottom: 36px;
}

.form_box_hollow.lessMargin {
    margin-bottom: 20px;
}

.form_box_hollow_smaller {
    border: 1px solid #dddddd;
    padding: 8px 12px 8px 12px;
    margin-bottom: 16px;
}

.form_box_invisible {
    padding: 0px 20px 0px 20px;
}

.form_box table {
	  margin-top: 10px;
}

.form_box td {
    padding: 0 5px 10px 0;
    vertical-align: middle;
}

select {
    padding: 3px 4px;
    border: 1px solid #d7d7d7;
}

select:disabled {
    background-color: #dfdfdf;
    color: #666;
}

.formError {
    color: #990000;
    font-size: 10px;
}

.formError.formError_large {
    font-size: 12px;
    font-weight: bold;
}

.form_configLine {
    padding: 8px;
    border: 1px solid transparent;
    margin-bottom: 8px;
}

.form_configLineNeutral {
    padding: 8px;
    border: 1px solid  #aaaaaa;
    background-color: #dddddd;
    margin-bottom: 8px;
}

.form_configLineRed {
    padding: 8px;
    border: 1px solid #ffaaaa;
    background-color: #ffdddd;
    margin-bottom: 8px;
}

.form_configLineGreen {
    padding: 8px;
    border: 1px solid #aaffaa;
    background-color: #ddffdd;
    margin-bottom: 8px;
}

.form_configLine .configLine_text {
    float: left;
}

.form_configLine .configLine_textButtonLineUp {
    margin: 4px 0 0  8px;
}

/* Dateline form element */
.form_dateLine {
    border:1px solid #cccccc;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
}

.form_dateLine_disabled {
    background-color: #eeeeee;
}

.form_dateLine_first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #eeeeee;
}

.form_dateLine_middle {
    border-left: none;
    border-right: 1px solid #eeeeee;
}

.form_dateLine_last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: none;
}

/* Misc JS-version form elements */
.GB_dropDownArea {
    position: relative;
    display: inline-block;
    zoom: 1; /* This and the next line are for IE6+7 */
    *display: inline;
}

.GB_dropDownArea .GB_dropDownButtonStyle {
    display: inline-block;
    padding: 2px 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.GB_dropDownArea a:hover {
    text-decoration: none;
}

.GB_dropDownArea .GB_dropDownButtonStyle span.GB_dropDownButtonInner {
    background-image: url('/images/downArrowOff.gif');
    padding: 1px 2px;
    padding-right: 16px;
    background-position: center right;
    background-repeat: no-repeat;
    display: block;
    color: #444;
    text-decoration: none;
}

.GB_dropDownArea .GB_dropDownButtonStyle:hover {
    border-color: #aaa;
    color: #444;
}

.GB_dropDownArea .GB_dropDownButtonDisabled {
    border: 1px solid #eee;
}

.GB_dropDownArea .GB_dropDownButtonDisabled span.GB_dropDownButtonInner,
.GB_dropDownArea .GB_dropDownButtonDisabled:hover {
  color: #cccccc;
  text-decoration: none;
}

.GB_dropDownArea .GB_dropDownButtonSelected {
    border: 1px solid #d7d7d7;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.GB_dropDownArea .GB_dropDownButtonSelected span.GB_dropDownButtonInner {
    background-image:url('/images/downArrow.gif');
}

.GB_dropDownArea .GB_dropDownArea_inner {
    position: absolute;
    width: 100%;
    left: 0;
}

.GB_dropDownArea .GB_dropDownArea_table {
    z-index: 10;
}

.GB_dropDownArea .GB_dropDownArea_inner_autoWidth {
    width: auto;
}

.GB_dropDownArea .GB_dropDownArea_padding {
    padding: 4px;
    border: 1px solid #d7d7d7;
    margin-top: -1px;
    background-color: #ffffff;
}

.GB_dropDownArea .GB_dropDownArea_inner ul.dropDownOptions {
    padding: 0;
    list-style: none;
    margin: 0;
}

.GB_dropDownArea .GB_dropDownArea_inner ul.dropDownOptions li a {
    display:block;
}

.GB_dropDownArea .GB_dropDownArea_inner ul.dropDownOptions li a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #5C5C5C;
}

.GB_dropDownArea .GB_dropDownArea_inner ul.dropDownOptions li.disabled a,
.GB_dropDownArea .GB_dropDownArea_inner ul.dropDownOptions li.disabled a:hover {
    text-decoration: none;
    color: #dddddd;
    background-color: transparent;
}

/* Drop down style elements for table based forms - see html for implementation */
.table_dropDownMenuContainer {
    position: relative;
}

.table_dropDownMenuArrow {
	background-image: url('/images/dropDownMenuArrow.gif');
	background-repeat: no-repeat;
	width: 26px;
	height: 22px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.table_dropDownMenu {
    border: 1px solid #278ACE;
    position: absolute;
    z-index: 50;
    padding: 8px;
    padding-top: 38px;
    top: -9px;
    right: -9px;
    background-color: #FFFFFF;
    z-index: 10;
    font-size: 11px;
}

.table_dropDownMenu .table_dropDownMenuArrow {
    top: 8px;
    right: 8px;
    position: absolute;
}

.table_dropDownMenu a {
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* FORM ELEMENTS */
/* CHECKBOX */
:root input.checkBox {
    display: none;
}

:root input.checkBox + label span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    color: #278ACE;
    border: 1px solid #979797;
}

:root input.checkBox + label.disabled span {
    border: 1px solid #ddd;
}

:root input.checkBox:checked + label span:before {
    position: relative;
    top: -3px;
    left: -1px;
    content: "\2714";
}

_:-ms-input-placeholder, :root input.checkBox:checked + label span:before {
    top: -4px;
}

.fa-red {
    color: #f00;
}

.form-row {
    border-top: 1px solid #ddd;
    padding: 5px 0 5px;
}

.designForm_nextColumn input.form-element-medium {
    width: 120px;
}

.form-button-simple {
    background-color: #278ACE;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 6px 13px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;

    display: inline-block;
    float: left;
    border: 0;
}

.form-button-simple-hollow {
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 6px 13px;
    color: #278ACE;
    font-weight: 400;
    font-size: 14px;

    display: inline-block;
    float: left;
    border: 1px solid #278ACE;
    line-height: 20px;
}

.form-button-simple-wide {
    float: none;
    display: block;
    text-align: center;
    clear: both;
}

.enforcePointer {
    cursor: default;
}

.moderationRadioContainer {
    background-color: #fafafa;
    padding: 8px;
    margin-bottom: 2px;
}

.moderationRadioContainer:hover {
    background-color: #dfdfdf;
}

.advancement-info {
    margin-top: 20px;
}

/* score form */
.scoreForm h4 {
    margin-top: 32px;
}

/* color picker */
.cp-color-picker {
    z-index: 1052;
}

dl {
    background-color: #fafafa;
    margin-bottom: 2px;
    overflow: auto;
}

dl:not(:empty) {
    padding: 8px;
}

dt {
    font-weight: bold;
}

.removeBase {
    border: none;
    color: white;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.remove-button {
    background-color: #AC1B10;
}

.remove-button:hover {
    background-color: #710F07;
}

.confirm-remove-community-button {
    background-color: #236217;
}

.confirm-remove-community-button:hover {
    background-color: #1B4A11;
}

.request-status-success {
    color:#008000;
}

.request-status-error {
    color:#AC1B10;
}

.columnTitle {
    font-weight:bold;
}

.alias-table {
    padding-bottom: 20px;
}

.alias-table td,th {
    padding-bottom: 10px;
    padding-right: 10px;
}

.appBox {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}

.appBox .appBox-buttonBlock {
    display: flex;
    align-items: center;
}

.appBox .appBox-inputBlock {
    display: flex;
    flex-direction: column;
    align-content: space-between;
}

.appBox .appBox-inputBlock .appBox-inputBlock-nameIcon {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.disclaimer {
    background-color: #fde8e8;
    color: #9b0000;
    border: 1px solid #9b0000;
    border-radius: 8px;
    padding: 15px;
    font-family: Arial, sans-serif;
    margin: 20px auto;
}

.status-In-Progress {
    font-weight: bold;
    color: #8a6d00;
}

.status-Completed {
    font-weight: bold;
    color: #1c6c1f;
}

.status-Fail {
    font-weight: bold;
    color: #a50f15;
}

.status-Scheduled {
    font-weight: bold;
    color: #003d8b;
}