/* General styles */
body, td, th { padding: 0px; margin: 0px; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: normal; text-align: left; font-size: 13px; line-height: 1.43; color: #555;}
html, body { padding: 0px; margin: 0px; height: 100%; }
body { background-color: #FFF; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.05em; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; padding: 3px 3px 3px 0; margin: 5px 0 5px 0; }

table, img, a img { border: 0; }

a { color: #00a400; text-decoration: none; }
a.image:hover { border: 0px; }
a.issue_closed { text-decoration: line-through; }
a:hover { border-bottom: 1px dotted #AAA; }
a:active, a:focus { outline: none; outline-style: none; }

form, p { margin: 0px; padding: 0px; }

input, select, textarea, button { font-family: 'Open Sans', sans-serif; font-size: 1em; color: #555; border: 1px solid #AAA; padding: 2px; vertical-align: middle; }
input, select, textarea { background-color: #FFF; }
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], textarea, select { box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.4); -webkit-box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.4); -moz-box-shadow: inset 0 0 6px rgba(200, 200, 200, 0.4); vertical-align: middle; }
input[type="image"] { border: 0px; padding: 0px; width: 16px; height: 16px; background-color: transparent; }
input[type="checkbox"] { margin: 0; vertical-align: middle; }
input[type="text"][disabled], input[type="email"][disabled], input[type="url"][disabled], input[type="search"][disabled], input[type="password"][disabled], textarea[disabled], select[disabled] { background-color: #F9F9F9; color: #BBB; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

input::-webkit-input-placeholder {
    color:    #BBB;
}
input:-moz-placeholder {
    color:    #BBB;
}

pre { overflow: auto; }

select { height: 25px; }
textarea { padding: 5px; font-family: 'Droid Sans Mono', monospace; box-sizing: border-box; }

input#login_button, input#register_button { cursor: pointer; font-weight: bold; padding: 8px 12px !important; }
#elevated_login_indicator { margin-top: 8px; margin-left: -30px; position: absolute; }

th { font-weight: bold; border-bottom: 1px solid #DDD; padding: 2px; background-color: #F5F5F5; }

dt { float: left; width: 420px; }
dt label { padding-left: 0; }
dd { margin-left: 0px; margin-bottom: 15px; vertical-align: middle; }
label { font-weight: normal; margin: 0px; padding: 2px; cursor: pointer; text-transform: uppercase; color: #888; }
label .faded_out { font-weight: normal; }
label.optional { font-weight: normal; }
label > input[type="checkbox"] { margin: 0 3px; position: relative; }

.command_box { border: 1px dashed #DDD; background-color: #F5F5F5; padding: 4px; font-family: 'Droid Sans Mono', monospace; display: inline-block; margin: 0 5px; }

div.image_container { border: 1px solid #CCC; padding: 3px; background-color: #F3F3F3; width: auto; margin: 0 5px 0 5px; float: right; clear: right; }
div.image_container icleft { float: left; clear: left; }
div.image_container icright { float: right; clear: right; }
div.image_container.thumb img.image { width: 220px; }

.offline_msg { padding: 10px; }
.generic_offline { text-align: center; font-weight: bold; font-size: larger; }

.left { text-align: left; }
.right { text-align: right; }

blockquote { border-left: 2px solid rgba(97, 147, 207, 0.5); padding: 0 0 0 5px; margin: 5px 0 5px 15px; font-style: italic; color: #888; }

/* end general styles */

/* Main header area */
header {
    background: #4E81AB;
    color: white;
}
.backdrop_detail_header, .backdrop_box h1 {
    box-shadow: none;
    padding: 10px 0 5px 0;
    border-bottom: 1px dotted rgba(100, 100, 100, 0.3);
    color: #888;
    font-weight: normal;
    font-size: 1.2em;
    margin: 0 7px;
    text-transform: uppercase;
}
.backdrop_details_submit {
    text-align: right;
    padding: 10px;
    vertical-align: middle;
}
.backdrop_details_submit input[type="submit"], .backdrop_details_submit input[type="submit"]:hover, .backdrop_details_submit input[type="button"], .backdrop_details_submit input[type="button"]:hover { font-weight: normal; font-size: 1.1em; padding: 3px 7px; }

#header_container { }

header { height: 74px; margin-bottom: 5px; }
header #main_menu { float: left; }
header #user_notifications_count {
    display: block;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    border: 0;
    margin: 7px 0 0 0;
    height: 16px;
    min-width: 18px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    padding: 4px 5px 2px 5px;
    line-height: 1;
    border-radius: 5px;
    transition: color 0.3s ease, background-color 0.3s ease;
}
header .user_notifications_container.active #user_notifications_count { color: #555; }
header .user_notifications_container { position: relative; }
.header_menu li.nohover.user_notifications_container.active, .header_menu li.nohover.user_notifications_container.active:hover { background-color: #FFF; z-index: 10001; box-shadow: none; border-bottom: 1px solid #FFF; }
header .user_notifications_container:hover #user_notifications_count.unread + img { opacity: 0; }
header #user_notifications_count.unread { background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.9); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8); cursor: pointer; }
header #user_notifications_count + img { opacity: 0; display: inline; position: absolute; bottom: 0px; right: -8px; transition: opacity 0.3s ease; }
header #user_notifications_count.unread + img { opacity: 1; }
#user_notifications {
    display: none;
    width: 400px;
    position: absolute;
    right: 5px;
    top: 35px;
    padding: 0;
    background-color: #FFF;
    border: 1px solid rgba(150, 150, 150, 0.4);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    z-index: 10000;
    color: #222;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
}
#user_notifications_list_wrapper {
    max-height : 500px;
    overflow : auto;
}
#user_notifications_list{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: none;
    display: block;
    position: relative;
}
#user_notifications_list > li {
    margin: 0 !important;
    padding: 2px 5px !important;
    text-shadow: none;
    color: #222;
    font-size: 1em;
    display: block;
    float: none;
    width: auto;
    clear: both;
    position: relative;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
#user_notifications_list li.read:hover {
    background-color: rgba(220, 220, 220, 0.1);
    box-shadow: none;
}
#user_notifications_list li.unread:hover {
    background-color: rgba(235, 235, 200, 0.2);
    box-shadow: none;
}
#user_notifications_list li.unread {
    background-color: rgba(255, 252, 234, 1);
}
#user_notifications_list li.faded_out {
    color: #AAA;
    padding: 8px 5px 2px !important;
    border-bottom: none;
}
#user_notifications_list li.faded_out:hover {
    background-color: transparent;
}
#user_notifications.active {
    display: block;
}
#user_notifications h1 {
    font-size: 1.1em;
    font-weight: normal;
    padding: 5px 0;
    margin: 3px 5px 5px 5px;
    color: #888;
}
#user_notifications h1 a {
    float: right;
    font-size: 1em;
    position: relative;
    z-index: 2;
}
#user_notifications_ist > li h1 {
    font-size: 1em;
    font-weight: bold;
    color: #555;
    border: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
}
#user_notifications_list li .notification_content {
    color: #999;
    font-style: italic;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0 4px;
    clear: both;
    display: block;
}
#user_notifications_list li .userdropdown {
    padding-top: 0;
    margin-left: 3px;
}
#user_notifications .toggling .notification_status_toggler {
    display: none;
}
#user_notifications_list li .notification_status_toggler {
    display: block;
    position: absolute;
    left: 374px;
    top: 5px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#user_notifications_list li img.icon_read, #user_notifications_list li img.icon_unread {
    display: none;
}
#user_notifications_list li.read img.icon_read, #user_notifications_list li.unread img.icon_unread {
    display: inline;
}
#user_notifications_list li.read .notification_status_toggler {
    opacity: 0.6;
}
#user_notifications_list li time {
    font-size: 0.85em;
    color: #888;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    margin-right: 2px;
    min-width: 70px;
    border-radius: 2px;
    text-align: center;
    background-color: rgba(219, 219, 219, 0.5);
    padding: 3px;
    line-height: 1.2;
}
#user_notifications_list li.read time {
    background-color: #F7F7F7;
}
#user_notifications_list li.read h1, #user_notifications_list li.read .notification_content, #user_notifications_list li.read time {
    font-weight: normal;
    color: #CCC;
}
#user_notifications_list li.read a.userlink, #user_notifications_list li.read a, #user_notifications_list li.read .notification_content a {
    color: rgba(0, 164, 0, 0.5);
}
#user_notifications_list li a.userlink, #user_notifications_list li a {
    color: rgba(0, 164, 0, 0.8);
    float: none;
    display: inline;
    margin: 0;
}
#user_notifications_list li .user_popup .user_realname, #user_notifications_list li .user_popup .user_details {
    color: #555 !important;
}
#user_notifications_list li .notification_content a {
    color: #4EB643;
}
#user_notifications_list li a img {
    margin-right: 0;
}
#user_notifications_list li a .userstate {
    display: none;
}
header #header_userinfo { float: right; }
header #header_userinfo li { margin-right: 0 !important; }
header #header_userinfo li.temporarily_switched { background-color: rgb(228, 156, 109); }
header #header_userinfo li.temporarily_switched .user_menu_dropdown { background-color: rgb(252, 240, 233); }
#header_avatar { margin: -2px 5px 0 0; border-radius: 5px; }

.userlink { font-weight: normal; margin-left: 5px; }
.userlink:hover { text-decoration: none; border: none; font-weight: normal; }
img.userstate { width: 12px; height: 12px; display: inline-block; margin: 1px 2px 2px 0; vertical-align: middle; }
img.avatar { border-radius: 5px; display: inline-block; margin: 0 2px 2px 0; vertical-align: middle; width:22px; height:22px;}
.avatar.small {width:16px; height:16px;}

header nav > ul { position: relative !important; display: inline-block; margin-right: 5px; }
#usermenu_changestate_toggler { float: right; margin-left: 5px; padding: 1px 3px !important; font-size: 1em !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; }
#usermenu_changestate { clear: both; margin: -5px 10px 10px 10px; }
#change_userstate_dropdown { float: right; margin: -2px 5px 2px; }

#logo_container { padding: 0 0 0 10px; float: left; margin: 5px 30px 5px 5px; display: block; }
#logo_container .logo { float: left; margin: 0px 5px 0 0; text-decoration: none; border: 0; line-height: 0; }
#logo_container a.logo:hover { text-decoration: none; border: 0; }
#logo_container .logo_name { font-size: 1.2em; color: #ECF0F4; margin: 2px 5px; padding: 0; line-height: 1.3; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); float: left; }

.submenu_strip .selected_project { font-size: 1em; font-weight: bold; color: #555; border-color: #D9D9BB; }

.submenu_strip {
    background-color: #ECF0F4;
    color: #333;
    clear: both;
    padding: 5px;
    height: 28px;
    font-size: 0.9em;
    margin: 0px;
    border-bottom: 1px solid rgba(78, 129, 171, 0.15);
}
#quicksearchform { float: right; }
#quicksearch_container input[type="submit"] { position: absolute; right: 1px; top: 0; padding: 4px 13px !important; border-radius: 0 2px 2px 0 !important; }
#quicksearch_container input[type="search"] {
    margin: 1px 6px;
    width: 317px;
    font-size: 13px;
    padding: 4px !important;
    height: 17px;
    line-height: 17px;
    box-sizing: initial;
    display: block !important;
    position: relative;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
#quicksearch_indicator { position: absolute; left: -19px; top: 5px; z-index: 10; }
div.autocomplete ul li.quicksearch_user_item img { float: none; }
/* End main header area */

/* error and success message popups / slidedowns */
input[type=checkbox].semi-checked { filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; }
.semi_transparent { filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; }
.semi_transparent img { vertical-align: middle; }
.medium_transparent { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.medium_transparent img { vertical-align: middle; }
.almost_not_transparent { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.popup_message { margin: 0 0 0 -375px; position: fixed; top: 20px; left: 50%; width: 750px; padding: 5px !important; box-sizing: border-box; font-size: 1em; color: #000; border: 1px solid rgba(100, 100, 100, 0.3); cursor: pointer; text-align: center; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19) !important; }
.dismiss_me { position: absolute; top: 5px; right: 5px; color: rgb(170, 170, 170); text-align: right; font-size: 0.8em; line-height: 1; padding: 0; margin: 0; }
.popup_message .messagetitle { font-weight: normal; color: #555; display: block; }
.popup_message.failure { z-index: 200001; background-color: #FFE2E2; border: 1px solid rgba(66, 19, 19, 0.45); }
.popup_message.failure .dismiss_me { color: rgb(184, 134, 134); }
.popup_message.failure .messagetitle { color: #691717; }
.popup_message.success { z-index: 200000; background-color: #DEEFDE; border: 1px solid rgba(30, 69, 24, 0.45); }
.popup_message.success .dismiss_me { color: rgb(154, 184, 134); }
.popup_message.success .messagetitle { color: #23642B; }

/* end slidedowns */

#main_container { position: relative; width: 100%; min-height: 100%; min-width: 1020px; padding: 0; margin: 0; }
#main_container.fullscreen header, #main_container.fullscreen .project_header { display: none; }

/* main page layout dimensions and details */
#content_container { padding-bottom: 50px; height: auto; }
.side_bar {
    width: 310px;
    background-color: transparent;
    vertical-align: top;
    padding: 7px 5px 0 5px;
    position: relative;
    transition: width 0.3s ease;
    box-shadow: 10px 0 15px -17px rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
@-moz-document url-prefix() {
    .side_bar {
        box-shadow: 10px 0 15px -21px rgba(0, 0, 0, 0.8);
    }
}
.side_bar .header .button-group {
    float: right;
    margin: -3px 0 0;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.side_bar .header:hover .button-group {
    opacity: 1;
}
.main_area { text-align: left; vertical-align: top; padding: 10px 10px 10px 15px; width: auto; min-width: 700px; }
/* end main page layout */

/* footer section */
footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    vertical-align: middle;
    height: 35px;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); /* W3C */
    border: 0;
    text-align: center;
    font-size: 0.9em;
    line-height: 1.4;
    padding: 5px 0;
    text-shadow: 1px 1px 0px #FFF;
}
footer img { margin: 4px 3px -6px 0; }
/* footer section */

/* login and registration page styling */
.backdrop_box.login_popup { text-align: left; width: 450px; margin: 0 -222px 0 -223px; }
.login_popup .article { padding: 0; margin-left: 0; width: auto; font-size: 1.1em; }
.login_popup .article h1 {
    font-size: 1.7em;
    font-weight: normal;
    border-bottom: none;
    margin: 5px 0;
    color: #555;
    padding: 7px 0 7px 60px;
}
.login_popup .article h1 a {
    font-size: 1em;
    color: #555;
    padding: 0;
    margin: 0;
    border: none;
}
#tbg3_username, #forgot_password_username, .login_popup input[type=password], #fieldusername {
    background-position: 7px 10px;
    background-repeat: no-repeat;
    padding: 8px 8px 8px 28px;
    font-size: 1.2em;
    border-radius: 4px;
    width: 383px;
}
.account_popupform input[type=text] {
    padding: 8px;
    font-size: 1.2em;
    border-radius: 4px;
    width: 383px;
}
#register input[type=text]#fieldusername {
    padding: 8px 8px 8px 28px;
    font-size: 1.1em;
    width: 358px;
    -webkit-transition: background-image 0.3s ease, background-color 0.3s ease;
    -moz-transition: background-image 0.3s ease, background-color 0.3s ease;
    -ms-transition: background-image 0.3s ease, background-color 0.3s ease;
    transition: background-image 0.3s ease, background-color 0.3s ease;
}
#register input[type=text], #register input[type=email] {
    padding: 6px;
    font-size: 1.1em;
    border-radius: 4px;
    width: 383px;
}
#register .error_message {
    display: none;
    color: #AE0000;
}
#register input.invalid + .error_message {
    display: block;
}
#register_message { margin-bottom: 0px; }
#login_indicator, #register_indicator, .login_button_container .indicator { vertical-align: middle; margin-right: 5px; }
#tab_forgot_pane { width: 600px; margin-left: auto; margin-right: auto; }
.logindiv { border: 0px; padding: 10px; display: none; }
.logindiv.active { display: block; }
.logindiv.openid_container { width: 600px; float: right; }
.logindiv.openid_container form { width: 590px; }
.login_popup h2.login_header {
    font-size: 1.2em;
    font-weight: normal;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    margin: 5px 0;
    color: #888;
}
.login_formlist, .account_popupform {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}
.login_formlist li, .account_popupform li {
    padding: 0;
    margin: 5px 0;
}
.login_formlist label, .account_popupform label {
    font-weight: bold;
    font-size: 1.1em;
    padding: 5px 0;
    clear: both;
    float: none;
    display: block;
}
.login_formlist input[type=checkbox] {
    display: inline;
    vertical-align: middle;
    margin-right: 5px;
}
.login_formlist label.login_fieldlabel {
    clear: none;
    display: inline-block;
    font-weight: normal;
    font-size: 1.1em;
    vertical-align: middle;
    padding: 2px 0;
}
.login_formlist li.security_check {
    padding-top: 20px;
}
.login_button_container {
    padding: 0;
    margin: 0;
    text-align: right;
}
.login_button_container .button, .login_button_container .button:hover {
    font-size: 1.1em;
    padding: 3px 7px !important;
    font-weight: normal !important;
}
.registration_button_container {
    text-align: center;
    padding: 5px 0 15px 0;
    display: none;
}
.registration_button_container.active {
    display: block;
}
.loggedindiv { margin: 10px; text-align: center; font-weight: bold; }
.login_page_div { width: 800px; margin-left: auto; margin-right: auto; margin-top: 40px; text-align: center; }
.register_success { width: 600px; margin-top: 20px; margin-left: auto; margin-right: auto; }
/* end login / registration styling */

/* tooltip styling */
.tooltip {
    display: block;
    position: absolute;
    bottom: 35px;
    left: -12px;
    font-size: 1em;
    opacity: 0;
    color: #333;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 0;
    background-color: #FFF;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
    -ms-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    overflow: hidden;
    width: 0;
    height: 0;
    padding: 0;
    white-space: normal;
}
.tooltip.from-above {
    bottom: auto;
    top: 20px;
}
.article .title_left_images .tooltip.from-above {
    top: 35px;
    left: -4px;
    transition-delay: 1s;
}
.tooltip.big {
    width: 450px;
}
*:hover > .tooltip, *:active > .tooltip, input:focus + .tooltip {
    z-index: 200000;
    width: 350px;
    height: auto;
    bottom: 35px;
    left: -12px;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
    -moz-transition: opacity 0.7s ease, visibility 0.7s ease;
    -ms-transition: opacity 0.7s ease, visibility 0.7s ease;
    -o-transition: opacity 0.7s ease, visibility 0.7s ease;
    transition: opacity 0.7s ease, visibility 0.7s ease;
}
*:hover > .tooltip.from-above, *:active > .tooltip.from-above, input:focus + .tooltip.from-above {
    bottom: auto;
    top: 25px;
}
.tooltip:before,
.tooltip:after,
.dropdown_box:before,
.dropdown_box:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #CCC;
}
.tooltip:after {
    bottom: -10px;
    margin-left: -10px;
    border-top: 10px solid #FFF;
}
.tooltip.from-above:before, .dropdown_box:before, .tooltip.from-above:after, .dropdown_box:after {
    border-top: none;
    bottom: auto;
    top: -12px;
    border-bottom: 12px solid #CCC;
}
.tooltip.from-above:after, .dropdown_box:after {
    border-bottom: 10px solid #FFF;
    top: -10px;
}
.tooltip.leftie:before,
.tooltip.leftie:after,
.dropdown_box.leftie:before,
.dropdown_box.leftie:after{
    left: 10%;
}
.tooltip.rightie:before,
.tooltip.rightie:after,
.dropdown_box:before,
.dropdown_box:after {
    left: 90%;
}
#search_more_actions .tooltip.rightie { right: 50px; left: auto; }
.sc_actions .dropdown_box:before,
.sc_actions .dropdown_box:after {
    left: 95%;
}
*.no_direction:before,
*.no_direction:after {
    border: none;
    content: '';
    display: none;
}

/* end tooltip styling */

/* table column containing an image */
.imgtd { width: 22px; text-align: center; vertical-align: middle; }

/* frontpage article layout styling */
.article { font-size: 1em; color: #666; width: auto; padding: 5px; position: relative; }
.main_area.article { padding: 5px 5px 5px 15px; }
.main_area.frontpage .article { padding-top: 0; }
.main_area.frontpage .article h1, .main_area.frontpage .article h2, .main_area.frontpage .article h3, .main_area.frontpage .article h4, .main_area.frontpage .article h5, .main_area.frontpage .article h6 {
    margin: 0 0 5px 0;
    padding: 5px 0;
    color: #888;
    border-bottom: none;
    font-weight: normal;
}

/* comments and commits styling */
.comment { padding-bottom: 10px; clear: both; border-top: 85px solid transparent; margin-top: -85px; }
#article_comments .comment { border-top: 0px; margin-top: 0; }
.comment_main { position: relative; overflow: visible; padding: 5px; }
.comment:target .comment_main { border: 1px solid rgba(100, 100, 100, 0.2); background-color: rgba(240, 247, 255, 0.6); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); }
.comment.syntax_md p, .comment.syntax_md pre, .comment.syntax_md code, .article.syntax_md p, .article.syntax_md pre, .article.syntax_md code { margin: 0px; }
.comment_delete { margin-top: 10px !important; }
.commenttitle { font-weight: bold; display: inline-block; }
.dropper_container { position: relative; display: inline-block; vertical-align: middle; line-height: 1em; }
.dropper_container .dropper, .dropper_container .dropper:hover { cursor: pointer; margin-left: 5px; opacity: 1; }
.project_overview .header .dropper_container .more_actions_dropdown { left: 5px; margin-top: 3px; right: auto; font-size: 0.9em; text-transform: none; }
.commenttitle img.avatar { position: absolute; left: -35px; top: 2px; }
#issue_details .commenttitle img.avatar { top: 7px; left: 3px; }
.commenttitle .userlink { margin-left: 0; font-size: 1.1em; }
.comment_hash { float: right; font-size: 2.0em; line-height: 1em; font-weight: normal; color: #B1B8E9; text-align: center; }
.comment_hash a { color: #B1B8E9; }
#issue_details .comment_hash { font-size: 1.4em; margin-top: 0; }
.comments_none { font-weight: normal; }
.comment_restricted { position: absolute; left: 7px; top: 35px; }
.commentdate { color: #AAA; font-weight: normal; font-size: 0.9em; display: inline-block; margin-left: 5px; }
#issue_details .commentdate, .comment.commit .commentdate { display: block; margin-left: 0; }
.commentheader { padding: 0 0 1px 40px; border: none; position: relative; }
.comment_add_title { font-size: 1.2em; font-weight: normal; padding: 5px 0; margin-top: 0; color: #888; border-bottom: 1px dotted #CCC; }
.commentbody { padding: 1px 5px 5px 40px; font-size: 1em; overflow: hidden; }
#issue_details .commentbody { padding-left: 0; }
.commentbody .image_container.thumb img.image { width: 130px; }
.commenttools { display: block; margin-top: 10px; font-size: 0.9em; text-align: left; }
.commenttools a { color: #AAA; text-transform: uppercase; display: inline-block; margin: 0 10px 0 0; border-bottom: 1px dotted transparent; }
.commenttools a:hover { border-bottom-color: #AAA; }
.comment_controls { margin-top: 10px; font-size: 1em; }
.comment_controls .button, .comment_controls .button:hover { font-size: 1.1em; padding: 4px 8px; }
.comment_editsave, .comment_addsave { font-weight: bold; }
.comment_titlebox { width: 600px; margin-bottom: 8px; }
.comment_visibilitybox { width: 100%; margin-bottom: 8px; }
.system_comment .comment_main { background-color: #EBEBEB; border: 1px solid #DDD; }
.private_comment .comment_main { background-color: #E8F6E8; border: 1px solid #D8E6D8; }
.comment_editor { position: fixed; width: 650px; z-index: 120; padding: 10px; bottom: 5px; right: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background-color: #FFF; border: 0; }

.commit_header { font-weight: bold; font-size: larger; }
.commit_expander { display: block; }
.commit_expander img { vertical-align: text-bottom; }
.commit_left { min-width: 650px; float: left; margin-top: 10px; margin-bottom: 20px; }
.commit_right { width: 200px; float: right; margin-top: 10px; margin-bottom: 20px;}
.commit_left .commit_header, .commit_right .commit_header { padding-bottom: 5px; }
.commits_next { clear: both; }
.commit_left td { border: none !important; }
.commit_main pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.commitbranch { display: inline-block; font-weight: normal; background-color: #D4E5FF; color: #99C; padding: 2px; font-size: 0.6em; margin: 7px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* end comments and commits styling */

/* generic closed and blocking issue styling */
.issue_closed td { text-decoration: line-through; }
.issue_blocking td { color: #F44; font-weight: bold; }
/* end closed / blocking */

/* faded text styles */
.faded_out, .faded_out td { color: #AAA; }
.selected_green span.faded_out { color: #D1F1D1; }
.selected_red span.faded_out { color: #F1D1D1; }
.faded_out.dark { color: #999; }
.faded_out.blue { color: #77C; }
.faded_out a { color: #549D54; }
.faded_out a.disabled { color: #BABFBA; }
/* end faded text */

/* autocompleter styling */
div.autocomplete { position: absolute; z-index: 200000; background-color: white; border: 0; padding: 0px; box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.2); }
div.autocomplete ul { list-style-type: none; margin: 0px; width: 320px; padding: 0px; border: 0; display: block; }
div.autocomplete li.header { padding-top: 15px; font-size: 1.2em; font-weight: bold; border-top: 0; }
div.autocomplete ul li.selected, div.autocomplete ul li.selected:hover { background-color: #F1F1F1; text-align: left; font-weight: normal; border-top: 1px dotted #BBB; color: #333; text-align: left; }
div.autocomplete ul li div { font-weight: bold; }
div.autocomplete ul li img { float: left; margin-right: 5px; }
div.autocomplete ul li span { font-size: 0.8em; }
div.autocomplete ul li span.url { display: none; }
div.autocomplete ul li.disabled { cursor: default; }
div.autocomplete ul li.issue_closed { color: #AAA; }
div.autocomplete .extra { display: none; font-weight: bold; font-size: 1em; }
div.autocomplete .extra.attached { text-align: right; height: 20px; }
div.autocomplete .extra.attached span, div.autocomplete .extra.attached img { float: right; }
div.autocomplete .extra.attached img { margin-left: 3px; margin-right: 15px; }
div.autocomplete .extra span { font-weight: normal; font-size: 1em; }
div.autocomplete li.selected .extra { display: block; }
div.autocomplete ul li.no_issues_found { color: #AAA; padding: 10px; }
div.autocomplete ul li { border-top: 1px dotted #CCC; font-size: 0.9em; list-style-type: none; display: block; width: 100%; margin: 0; padding: 2px 2px 2px 5px; cursor: pointer; font-weight: normal; text-align: left; background-color: #FFF; color: #555; line-height: 1.4; }
div.autocomplete ul li.searchterm, div.autocomplete ul li.searchterm.selected { border-top: 0; }
div.autocomplete ul li.searchterm:first-line { font-style: italic; }
div.autocomplete ul li .hidden { display: none; }
/* end autocompleter */

/* tabbed menu styles */
.tab_menu { padding: 0px; margin: 0px; border: 0px; position: relative; border-bottom: 1px solid #BBB; }
#project_config_menu_panes .tab_menu { margin-top: 35px; margin-bottom: 10px; }
.tab_menu ul { position: absolute; bottom: -1px; padding: 0px; margin: 0; list-style: none; }
.tab_menu ul.right { right: 10px; }
.tab_menu li img.menu_dropdown { float: right; margin: 2px 0 -2px 5px; border: 1px solid transparent; }
.tab_menu li img.menu_dropdown:hover { background-color: rgba(255, 255, 255, 0.2); }
.tab_menu li.selected img.menu_dropdown:hover { background-color: rgba(225, 225, 225, 0.7); border-color: rgba(200, 200, 200, 0.7); }
#topmenu-container.active .tab_menu li img.menu_dropdown:hover { background-color: rgba(225, 225, 225, 0.5); border-color: rgba(200, 200, 200, 0.4); }
.tab_menu li img { display: inline-block; margin-right: 6px; vertical-align: middle; margin-top: -2px; }
.tab_menu li { color: #777; border-bottom: none; border-top: 1px solid #BBB; border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; padding: 3px 4px 3px 4px; display: block; }
.tab_menu li:hover { text-decoration: none; border-bottom: none; display: block; }
.tab_menu li { float: left; display: block; font-size: 0.9em; border: 1px solid #CCC; border-bottom: 1px solid #BBB; background-color: #EBEBEB; margin: 0 0 0 5px; border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.tab_menu li.selected, .tab_menu li:hover { color: #444; display: block; box-shadow: 0 -3px 5px -4px rgba(50, 50, 50, 0.5); }
.tab_menu li.selected, .tab_menu li.selected:hover { border-bottom: none; }
.tab_menu .selected { font-weight: bold; }
.tab_menu li:hover { background-color: #EFEFEF; border: 1px solid #BBB; border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.tab_menu li.nohover:hover a, .tab_menu li.nohover a { display: block; }
.tab_menu li.nohover:hover, .tab_menu li.nohover, .more_actions_dropdown li.nohover:hover, .more_actions_dropdown li.nohover { background-color: transparent; border: 0px; margin: 0; }
.tab_menu li a { color: inherit; float: left; }
.tab_menu li a:hover { border-bottom: 0; }
a.not_clickable:hover { cursor: default; }
.tab_menu .tab_menu_dropdown, .tab_menu_container .tab_menu_dropdown { display: none; position: absolute; top: 25px; margin-left: -5px; width: 250px; font-size: 0.9em; background-color: #A4C0E4; color: #FFF; padding: 5px 0; z-index: 10000; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; }
.tab_menu .tab_menu_dropdown .disabled { color: #AAA; cursor: default; padding: 5px; font-size: 0.95em; }
.tab_menu .tab_menu_dropdown#issues_menu { width: 300px; }
.tab_menu .tab_menu_dropdown#issues_menu a { width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tab_menu .tab_menu_dropdown#wiki_dropdown_menu { width: 300px; }
.tab_menu .tab_menu_dropdown#wiki_dropdown_menu input[type=search] { width: calc(100% - 5px); box-sizing: border-box; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 2px; font-size: 1em; padding: 4px; }
#header_userinfo .tab_menu_dropdown { top: 25px; right: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; }
.user_menu_dropdown a { font-size: 0.9em; }
.user_menu_dropdown .header:first-child { padding-top: 0; margin-top: 0 !important; }
.tab_menu .tab_menu_dropdown a, .tab_menu_container .tab_menu_dropdown a { float: none; }
#header_userinfo .tab_menu_dropdown a { font-weight: normal; font-size: 1em; }
#header_userinfo .tab_menu_dropdown .userstate { font-weight: normal; }
#header_userinfo:hover img.dropdown { background-color: #669BDA; }
div.dropdown_separator { border-left: 1px dotted #EAEAF5; padding: 0 0 0 4px; margin: 0; float: right; font-size: 0; }
.tab_menu_dropdown { box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
.tab_menu_dropdown a img { display: inline-block; margin-right: 6px; vertical-align: middle; }
#topmenu-container.active .tab_menu li:hover .tab_menu_dropdown, .tab_menu li.force_dropdown .tab_menu_dropdown, #topmenu-container.active .tab_menu_container:hover .tab_menu_dropdown { display: block; }
.tab_menu li.selected .tab_menu_dropdown, .tab_menu_container li.selected .tab_menu_dropdown { background-color: #FFF; color: #333; }
.tab_menu .tab_menu_dropdown a, .tab_menu_container .tab_menu_dropdown a { color: inherit; font-weight: normal; display: block; padding: 3px 5px; background-color: transparent; }
.tab_menu .tab_menu_dropdown div.header, .header_menu li.selected:hover div.header, .tab_menu_container .tab_menu_dropdown div.header { font-weight: normal; color: #AAA; margin: 15px 5px 2px 5px; text-transform: uppercase; font-size: 1em; }
.tab_menu .tab_menu_dropdown div.header:first-child, .tab_menu_container .tab_menu_dropdown div.header:first-child { margin-top: 5px; }
.tab_menu .tab_menu_dropdown a:hover, .tab_menu_container .tab_menu_dropdown a:hover { background-color: #669BDA; border: 0; }
.tab_menu li.selected .tab_menu_dropdown a:hover, .tab_menu_container li.selected .tab_menu_dropdown a:hover { background-color: #EAEAF5; border: 0; }
.tab_menu .tab_menu_dropdown a.selected, .tab_menu_container .tab_menu_dropdown a.selected { background-color: rgb(236, 240, 244); border: 0; padding: 3px 5px; }
.tab_menu.inset {
    margin: 15px 0;
    padding: 10px 5px 0;
    height: 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    background-color: #F8F8F8;
}
.tab_menu.inset ul {
    display: block;
}
.tab_menu.inset ul#usersteamsgroups_menu {
    width: 710px;
}
.tab_menu.inset .selected a {
    box-shadow: none;
}
.tab_menu.inset li.selected {
    border-bottom: 1px solid #FFF;
}
.tab_menu.inset li.selected a {
    padding: 3px 8px 3px 5px;
}
.tab_menu.inset li {
    padding: 0;
    border-width: 1px;
    border-color: rgba(100, 100, 100, 0.2);
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.tab_menu.inset li.right {
    float: right;
}
.tab_menu.inset li a {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 1.1em !important;
    padding: 3px 5px 3px 3px;
    box-shadow: inset 0 -3px 3px -3px rgba(0, 0, 0, 0.4);
}
.tab_menu.inset li.modest {
    background: transparent;
    color: rgba(50, 50, 50, 0.6);
    border-color: transparent;
}
.tab_menu.inset li.modest.selected {
    background-color: #FFF;
}
.tab_menu.inset li.modest a {
    box-shadow: none;
}
.tab_menu.inset li a span {
    vertical-align: middle;
}
.tab_menu.inset li a img {
    height: 22px;
    width: 22px;
    vertical-align: middle;
}
/* end tabbed menu */

/* header tabbed menu */
.header_menu { background-color: transparent; width: auto; height: 35px; color: #FFF; border-bottom: none; }
.header_menu .selected, .header_menu li.selected:hover { background-color: #ECF0F4; }
.header_menu ul { height: 100%; bottom: 0px; }
.header_menu li { text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); font-size: 1.1em; }
.header_menu li div { color: #ECF0F4; padding-top: 6px; }
.header_menu li.selected div { color: #333; }
.header_menu li.selected {
    background: #ECF0F4;
    text-shadow: 1px 1px 2px #ffffff;
    border-bottom: 0;
}
.header_menu li, .header_menu li:hover {
    padding-left: 5px;
    padding-right: 5px;
    background-color: transparent;
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    height: 100%;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-right: 10px;
    border-top: none;
    color: #FFF;
}
#topmenu-container.active .header_menu li:hover, .header_menu li.force_dropdown, #topmenu-container.active .header_menu li.selected:hover, .header_menu li.active {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    background: #FFF; /* Old browsers */
    text-shadow: none;
    color: #555;
}
#topmenu-container.active .header_menu li:hover .menuitem_container, .header_menu li.force_dropdown .menuitem_container, .header_menu li.selected:hover .menuitem_container {
    color: #555;
}
.header_menu li.nohover:hover { box-shadow: none; }
.header_menu .tab_menu_dropdown, .header_menu li.selected .tab_menu_dropdown {
    margin-top: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    background: #FFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.header_menu .tab_menu_dropdown a, .header_menu li.selected .tab_menu_dropdown a {
    color: #555;
}
.header_menu .tab_menu_dropdown a:hover, .header_menu li.selected .tab_menu_dropdown a:hover { background-color: rgba(78, 129, 171, 0.75); color: #FFF !important; }
.reportissue_button_container { display: inline-block; vertical-align: top; }
.reportissue_button_container .button, .reportissue_button_container .button:hover { color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5) !important; font-weight: normal; margin-top: 4px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) !important; font-size: 1.1em !important; padding: 4px 8px !important; border: 0 !important; border-radius: 1px !important; }
.reportissue_button_container .button:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6) !important; }
/* end header menu */

/* project menu strip */
.project_stuff { float: left; position: relative; height: 25px; border-color: transparent; list-style-type: none; margin: 0; padding: 0; margin-top: 5px; margin-left: 6px; }
.project_stuff img.dropdown_activator { display: inline-block; margin: 0 3px 0 2px; border: 1px solid transparent; vertical-align: middle; }
.project_stuff img.dropdown_activator.clickable:hover { background-color: #FFF; border: 1px dotted #CCC; }
.project_stuff a.dropper:hover { border: none; text-decoration: none; }
.project_stuff a.button-pressed img.dropdown_activator, .project_stuff a.button-pressed img.dropdown_activator:hover { background-color: #FFF; border: 1px dotted #CCC; }
.project_stuff .more_actions_dropdown { right: auto; left: 22px; top: -18px; margin-top: 0; font-size: 1.1em; }
.project_stuff .button-pressed + .more_actions_dropdown { display: inline-block; left: auto; }
.project_stuff .more_actions_dropdown li a, .project_stuff .more_actions_dropdown li a:hover { padding: 5px 20px 5px 5px; }
.project_stuff > li { height: 23px; float: none; display: inline-block; position: relative; margin: 0; padding-bottom: 0; }
.project_stuff li.project_name { font-size: 1em; font-weight: bold; padding-top: 1px; }
.project_stuff li.no_project_name { font-size: 0.9em; font-weight: normal; padding-top: 2px; color: #888; }
.project_stuff li.project_name span { font-weight: normal; font-size: 0.9em; color: #886; }
.project_stuff li.project_name a { color: #555; }
.project_stuff li.breadcrumb { color: #886; font-size: 1.1em; padding-top: 0; }
.menu_project_strip .faded_out.dark { color: #B0aa64; }
/* end project menu */

/* project front page menu */
.project_strip .project_name a { color: #333; font-size: 1.1em; }
.project_strip .project_name a:hover { color: #555; }
.project_strip .search_results { padding-top: 5px; }
.project_strip .subprojects_list { clear: both; padding-top: 5px; }
.project_strip .subprojects_list .subproject_link { font-weight: normal; margin-left: 10px;}
.project_strip nav { float: right; margin: 10px; position: relative; text-align: right; }
.project_strip nav a { font-weight: normal; }
.project_strip nav a.button { font-weight: bold; }
.project_strip nav .more_actions_dropdown { text-align: left; font-size: 1.1em; }
.project_strip nav .more_actions_dropdown li { padding: 2px 0; }
/* end project frontpage menu */

/* unformatted lists */
.simple_list { list-style-type: none; padding: 0; margin: 5px 0 0 0; }
.simple_list.more_actions_dropdown { margin-top: 12px; }
.simple_list ul { list-style-type: none;}

/* generic header formatting */
.header { font-weight: bold; text-align: left; }

/* general text area styling */
.editor_container.focussed .textarea_hint { opacity: 0; visibility: hidden; }
.editor_container .textarea_hint .header { font-size: 1.2em; color: #999; border: 0; font-weight: bold; }
.editor_container .textarea_hint {
    color: #999;
    font-size: 1em;
    padding: 10px;
    margin: 0;
    width: auto;
    left: 10px;
    right: 10px;
    color: #555;
    bottom: 10px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(200, 200, 200, 0.4);
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease;
    -ms-transition: opacity 0.3s ease, visibility 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.textarea_container .textarea_hint .hint_container, .backdrop_box p.hint_container { display: none; padding: 0; margin: 0; }
.textarea_container.syntax_md .textarea_hint .syntax_md_hint { display: block; }
.textarea_container.syntax_mw .textarea_hint .syntax_mw_hint { display: block; }
.textarea_container.syntax_pt .textarea_hint .syntax_pt_hint { display: block; }
.textarea_container.syntax_pt .markItUpHeader ul { visibility: hidden; }
.textarea_hint .header { font-weight: bold; }
.textarea_hint .example { font-style: italic; }
.syntax_picker_container, .textarea_container {
    position: relative;
}
.button.syntax_picker, .button.syntax_picker:hover {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -2px;
    margin-right: 0px;
    padding: 3px 7px;
    font-size: 1em;
}
#report_form .button.syntax_picker, #report_form .button.syntax_picker:hover {
    margin-top: -24px;
    margin-right: 0px;
}
.syntax_picker + ul {
    margin-top: 22px;
    min-width: 200px;
}
.syntax_picker + ul li.selected a {
    font-weight: bold;
}
.syntax_picker + ul li {
    height: auto;
}
.syntax_picker + ul li a, .syntax_picker + ul li a:hover {
    padding: 3px;
    font-size: 1em;
}
/* end text area styling */

/* shadowed boxes */
.shadowed { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
a.shadowed { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
a.shadowed:active { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

/* user popups */
.user_popup {z-index: 100; width: 300px; margin-top: 10px; display: none; position: absolute; }
.user_popup, #user_details_popup { font-size: 0.9em; color: #555; }
.user_popup .user_realname { font-size: 1.2em; font-weight: bold; padding: 0; width: 240px; float: left; }
#user_details_popup .user_realname { font-size: 1.5em; font-weight: bold; padding: 2px 0 0 10px; float: left; line-height: 1.2; }
.account_details { margin: 10px 0px 10px 10px; padding: 10px; font-size: 1em; }
.account_details .user_realname { font-size: 1.2em; font-weight: bold; line-height: 1.3; padding-bottom: 2px; }
.account_details .user_username { font-size: 0.9em; line-height: 1.2; }
.account_details .user_status { font-size: 0.9em; line-height: 1.2; }
#account_user_info img { float: left; margin: -3px 5px 0 0; }
#account_user_info { font-size: 1.2em; font-weight: normal; color: #CCC; margin: 15px 0 0 0; line-height: 1.2; }
#account_user_info:first-line { font-size: 1.5em; font-weight: bold; color: #333; }
#account_info_container { width: 900px; margin: 0 auto; }
#username_unavailable { color: darkred; }
#username_confirmation_popup { text-align: left; }
.button-group { position: relative; }
.profile_buttons { padding: 0; margin: 5px 0 20px 0; height: 20px; position: relative; clear: both; }
.profile_buttons .button-group { float: right; }
.profile_buttons .button, .profile_buttons .button:hover { font-weight: normal !important; padding: 2px 3px 3px 3px !important; }
.profile_syntax_table {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}
.profile_syntax_table th {
    border: 0;
    margin: 0;
    background-color: #FFF;
    text-align: center;
    font-size: 0.9em;
    font-weight: normal;
    width: 100px;
    color: #888;
}
.profile_syntax_table th:first-child {
    width: auto;
}
.profile_syntax_table tbody tr td {
    border-bottom: 1px dotted #DDD;
    padding: 3px;
    margin: 0;
    text-align: center;
}
.profile_syntax_table tbody tr td:first-child {
    text-align: left;
}
.profile_syntax_table tbody tr:hover td {
    border-color: #888;
}
#account_tabs_panes table { width: 885px; margin-bottom: 25px; }
#account_tabs_panes td { padding: 5px 0; }
#account_tabs_panes label { padding: 0; margin: 0; }
#account_tabs_panes h3, .configuration_page h3, #project_config_menu_panes h3 {
    font-weight: normal;
    font-size: 1.4em;
    color: #888;
    border-bottom: 1px dotted #CCC;
    position: relative;
}
#account_tabs_panes h3 + p {
    color: #888;
    padding: 5px 0 15px;
}
label[for=profile_prefer_wiki_markdown] { font-weight: normal; }
#gravatar_change { font-weight: normal; font-size: 1em; margin: 8px 0; padding: 4px 6px !important; }
#account_tabs_panes h3 .button { float: right; font-size: 0.7em; }
#account_tabs_panes h4 { font-size: 1em; font-weight: bold; padding: 0; margin: 0; }
#account_tabs_panes ul.access_keys_list { margin: 0 0 15px 0; padding: 0; list-style: none; }
#account_tabs_panes ul.access_keys_list li {
    display: block;
    clear: both;
    margin: 0 0 10px;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
#account_tabs_panes ul.access_keys_list li:hover { background-color: #F5F5F5; }
#account_tabs_panes ul.access_keys_list li button { float: right; margin: 7px; }
#account_tabs_panes .access_keys_list p { color: #888; font-weight: normal; font-size: 0.9em; font-style: italic; }
.application_password_preview {
    background-color: #F1F1F1;
    border: 1px solid rgba(200, 200, 200, 0.4);
    display: block;
    font-size: 2em;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
    width: 300px;
}
.application_password_preview span {
    display: inline;
    margin: 0 0 0 8px;
}
#add_application_password_response .button {
    margin: 0 auto;
    text-align: center;
}
.usercard .user_username { font-weight: normal; font-size: 0.9em; color: #AAA; font-style: italic; line-height: 1.2; }
.usercard .user_id { float: right; font-size: 2.3em; font-weight: normal; color: #C4CAE9; }
.user_popup .user_realname .user_status, .usercard .user_realname .user_status { font-size: 0.8em; font-weight: normal; color: #AAA; }
.usercard .user_realname .user_email { font-size: 0.6em; font-weight: normal; color: #AAA; }
.usercard .user_details { font-size: 1.0em; font-weight: normal; padding: 3px; clear: both; }
.user_popup .user_avatar { padding: 2px; width: 36px; height: 36px; text-align: center; background-color: #FFF; border: 1px solid #DDD; margin-right: 6px; display: inline-block; }
.user_popup .user_details { font-size: 0.8em; width: 230px; font-weight: normal; padding: 3px 0; display: inline-block; clear: none; color: #666; line-height: 1.3em;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: top; }
.user_popup .user_details:first-line { font-size: 1.7em; font-weight: normal; }
.user_details ul.teamlist { list-style-type: none; }
.user_details ul.teamlist li { margin: 0 0 0 10px; }
/* end user popups */

/* rounded boxes styling */
.rounded_box { border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; }
.rounded_box.green { background-color: #CFE8CF; border-color: #aaC6aa; color: #242; }
.rounded_box.yellow { background-color: #F9EF9E; border-color: #D9D9BB; }
.rounded_box.lightyellow { background-color: #F9F5B2; border-color: #D9D9BB; }
.rounded_box.verylightyellow { background-color: #FFFBD7; border-color: #E3DDa5; }
.rounded_box.red { background-color: #E8CFCF; border-color: #C6aaaa; color: #422; }
.rounded_box.blue { background-color: #585DB2; border: 0; }
.rounded_box.iceblue { background-color: #D4E5FF; border-color: #B1B8E9; }
.rounded_box.mediumgrey { background-color: #E7E7E7; border-color: #D7D7D7; }
.rounded_box.lightgrey { background-color: #F3F3F3; border-color: #DDD; }
.rounded_box.verylightgrey { background-color: #F8F8F8; border-color: #DDD; }
.rounded_box.invisible { background-color: transparent; border-color: transparent; }
.rounded_box.invisible:hover { background-color: #F5F5F5; border-color: #F5F5F5; }
.rounded_box.invisible.nohover:hover { background-color: transparent; border-color: transparent; }
.issue_detail_unmerged { background-color: #F5C3BA; border: 0; border-radius: 3px; }
.issue_detail_changed { background-color: #F7F4DF; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.rounded_box.cut_bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
.rounded_box.cut_top { border-top-right-radius: 0; border-top-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; }
.rounded_bottom { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
.rounded_top { border-top-right-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; }
.rounded_box.borderless { border: 0; }

.rounded_box .description { padding: 3px 3px 3px 0; }
.rounded_box .question_header { font-size: 0.9em; }

.rounded_box.iceblue .percent_filled { background-color: #88C; }
.rounded_box.red .percent_filled { background-color: #C88; }
.rounded_box.yellow .percent_filled { background-color: #CC8; }
.rounded_box.lightgreen .percent_filled, .rounded_box.green .percent_filled { background-color: #8C8; }

.rounded_box.iceblue .percent_unfilled { background-color: #aaF; }
.rounded_box.red .percent_unfilled { background-color: #FCC; }
.rounded_box.yellow .percent_unfilled { background-color: #FFa; }
.rounded_box.lightgreen .percent_unfilled, .rounded_box.green .percent_unfilled { background-color: #CFC; }

.rounded_box.red .faded_out { color: #B77; }
.rounded_box.iceblue .faded_out { color: #99C; }
.issue_detail_unmerged .faded_out { color: #FFD9D6; }
.rounded_box.lightgreen .faded_out, .rounded_box.green .faded_out { color: #7B7; }

.rounded_box.iceblue .faded_out dark { color: #77C; }

.rounded_box.iceblue th { border-color: #a0aDC0; background-color: #C1D1E8; }
.rounded_box.iceblue .header_div { border-color: #a0aDC0; }

.rounded_box.lightgrey.highlighted { background-color: #FFF299; border: 0; }

.rounded_box.blue a { color: #B5B5FF; font-weight: bold; }
.rounded_box.lightgreen a, .rounded_box.green a { color: #4E703D; border-bottom-color: #4E703D; }

.rounded_box.blue a:hover { color: #C9C9FF; font-weight: bold; }
.rounded_box.lightgreen a:hover, .rounded_box.green a:hover { color: #6a9753; border-bottom-color: #6a9753; }

.rounded_box.white { background-color: #FFF; border-color: #CCC; }
.rounded_box.white th { font-weight: bold; background-color: #F1F1F1; border-bottom: 1px solid #DDD; padding-bottom: 2px; }
.rounded_box.white thead.light th { background-color: #F9F9F9; border-color: #EEE; }

#report_form > div.rounded_box.report_issue_submit_container.report_issue_desc.green.borderless { padding: 10px !important; }
/* end rounded box styling */

/* hoverable styles */
tbody.hover_highlight tr:hover, tr.hover_highlight:hover, ul.hover_highlight li:hover { background-color: #F1F1F1; }
tbody.hover_highlight tr:hover td.highlighted_column, tr.hover_highlight:hover td.highlighted_column { background-color: #E5E5E5; }

/* selected green and selected red styling */
tr.selected_green { background-color: #CFE8CF; }
tr.selected_green:hover { background-color: #BED7BE; }
tr.selected_red { background-color: #F39a9a; }
tr.selected_red:hover { background-color: #E68989; }
tr.selected_red td { color: #FFF; }
td.selected_red { background-color: #F39a9a; color: #FFF; }
td.selected_red:hover { background-color: #E68989; color: #FFF; }
td.selected_red span { color: #FFF; }
/* end selected green / red */

/* some table styling */
.padded_table td { padding: 2px; }
td.highlighted_column { background-color: #F1F1F1; }
th.highlighted_column { background-color: #C1C1C1; }
table.cleantable { border: 0; border-collapse: collapse; }
table.cleantable td, table.cleantable th { border: 1px solid #DDD; padding: 4px; }
table.cleantable th { text-align: center; }
/* end table styling */

/* configuration section styling */
.configuration_update_check_container { background-color: rgba(200, 200, 200, 0.1); padding: 5px; margin: 10px; border: 1px solid rgba(100, 100, 100, 0.3); line-height: 21px; }
#update_button { float: right; margin-left: 5px; font-size: 1em; }
#update_spinner { float: right; }
.configuration_container { padding: 0 10px; }
.configuration_container h1 { margin: 15px 0 5px 0; background-color: transparent; font-weight: normal; border: 0px; padding: 7px 0px 3px 0px; border-bottom: 1px dotted #CCC; font-size: 1.4em; }
.configuration_container h1:first-child { margin-top: 5px; }

.config_explanation { color: #999; padding: 5px 0 10px 5px; }
.config_explanation a { color: #549D54; font-weight: bold; }
.config_buttons, .config_badges { list-style: none; padding: 0px; }
.config_buttons { width: 235px; padding-top: 7px; padding-bottom: 7px; margin-left: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.config_buttons li { margin: 0; padding: 0px; text-align: left; width: 235px; font-size: 0.9em; border: 0; background-color: transparent; }
.config_buttons li:hover { background-color: #E5E5E5; }
.config_buttons li.config_selected { background-color: #FFF; font-weight: bold; }
.config_buttons li a { display: block; height: 20px; padding: 5px 0 0px 5px; }
.config_buttons li a:hover { border: 0px; }

.config_badges { margin: 0; }
.config_badges li { margin: 5px 10px 5px 0; width: 315px; font-size: 0.9em; border: 1px solid #DDD; padding: 0px; background-color: #FFF; display: inline-block; vertical-align: top; box-shadow: 0 0 3px rgba(200, 200, 200, 0.3); }
.config_badges li:hover    { border-color: #CCC; box-shadow: 0 0 4px rgba(200, 200, 200, 0.7); }
.config_badges li a    { display: block; height: 60px; padding: 7px; }
.config_badges li a:hover { border: 0px; }
.config_badges li a span { color: #555; }
.config_badges b { font-size: 1.2em; display: block; margin-bottom: 5px; font-weight: normal; }
.config_badges b img { margin-top: 2px; }

.config_plugins .header .plugin_shortname { font-weight: 300; font-size: 0.95em; }
.config_plugins .content { padding-top: 5px; text-align: left; }
.config_plugins .plugin_status img { float: left; margin: 2px 5px -2px 0; }
.config_plugins .plugin_status.core { background-color: rgba(150, 150, 150, 0.2); color: #888; }
.config_plugins .plugin_status.enabled { background-color: rgba(177, 210, 143, 0.6); }
.config_plugins .plugin_status.disabled { background-color: rgba(150, 150, 150, 0.1); }
.config_plugins .plugin_status.outofdate { background-color: rgba(177, 143, 210, 0.1); display: none; }
.config_plugins .plugin.out-of-date .plugin_status.outofdate { display: inline-block; }

.plugins-list {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.plugins-list .plugin {
    vertical-align: top;
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px;
    margin: 10px 10px 10px 0;
    width: calc(50% - 5px);
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
    opacity: 1;
    transition: opacity 0.3s ease;
}
.plugins-list .plugin:first-child, .plugins-list.installed .plugin {
    width: 100%;
    margin-top: 0;
}
.available_plugins_container .plugin.installed {
    opacity: 0.5;
}
.plugin .plugin-actions form { display: inline-block; }
.plugin .button img { display: none; }
.plugin .button.installing img { display: inline; }
.plugins-list .plugin:nth-child(odd) {
    margin-right: 0;
}
.plugins-list .plugin-actions .button.update-button {
    display: none;
}
.plugin.theme .enable-button, .plugin.theme.enabled .button-more-actions {
    display: none;
}
.plugin.theme.disabled .enable-button {
    display: inline-block;
}
.plugins-list .plugin.can-update .plugin-actions .button.update-button {
    display: inline-block;
}
.plugins-list .button, .plugins-list .button:hover {
    font-size: 1.1em;
    padding: 5px 8px;
}
.plugins-list .plugin-actions {
    position: absolute;
    top: 12px;
    right: 12px;
}
.plugins-list .plugin > h1 {
    margin: 0;
    padding: 0;
    font-size: 1.3em;
    color: #888;
    text-transform: uppercase;
}
.plugins-list .plugin .description {
    padding: 5px 0;
    margin-top: 10px;
    font-size: 1.1em;
}
.plugin-website-link { display: block; margin: 15px 0 0 0; text-align: right; clear: both; }
.available_plugins_container .plugin .status_badge { display: none; }
.available_plugins_container .plugin.installed .status_badge { display: block; }
.available_plugins_container .plugin.installed .plugin-actions .button { display: none; }
.rating {
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
    width: 80px;
    height: 16px;
    padding: 0;
    margin: 5px 0 0 0;
    position: relative;
}
.rating .score {
    display: block;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
}

.projectbox .permission_list ul { width: 670px; }
#tab_permissions_pane .permission_list ul { width: 780px; }
.projectbox td { font-size: 0.9em; }
.child_project_container { margin-left: 25px; }

#issuetypes_menu_panes .content { padding: 0px 0px 10px 0px }
.issuetype_box a.image, .issuetype_box a.image:hover { border: 0; }
.issuetype_scheme_associate_link { font-weight: normal; font-size: 0.9em; }
.issuetype_description { width: 550px; }

#config_issuefields .issuefield_item_option { cursor: move; height: 30px; padding-top: 6px;}
#config_issuefields .issuefield_item_option .button-group { margin-top: -6px; }
#config_issuefields .issuefield_item_option:hover { background-color: rgba(100, 100, 100, 0.1); }

.more_than_one_project_warning { color: #C55; }

.tab_content { padding-top: 5px; }
.tab_header { padding-top: 10px; font-weight: bold; border-bottom: 1px solid #DDD; }

/* permissions configuration styling */
.config_permissions { font-size: 0.9em; }
.config_permissions .faded_out.smaller { font-size: 0.7em; padding-left: 10px; }
.config_permissions .permission_list .tab_pane { border: 1px solid #AAA; border-top: 0; padding: 10px; }
.config_permissions .permission_list .tab_pane p { margin-bottom: 15px; }
.permission_list ul { list-style-type: none; padding: 0; margin: 0; width: 715px; }
.permission_list ul li { margin: 0px; padding: 0; font-weight: normal; clear: both; background-color: transparent; }
.permission_list ul li:hover { background-color: #FaFaFa; }
.permission_list ul li a { display: block; padding: 2px 0 2px 0; }
.permission_list ul li a.permission_description { display: block; width: 670px; }
.permission_list ul li a:hover { border: 0; }
.permission_list ul li .content a { display: inline; }
.permission_list ul li ul { margin: 5px 10px 20px 10px; width: 665px; }
.permission_list ul li ul li { font-size: 0.95em; }
.permission_list ul li ul li:hover { background-color: #F1F1F1; }
.permission_list ul li ul li a.permission_description { display: block; width: 580px; }
.permission_list ul li ul li ul { margin: 10px 10px 15px 10px; width: 635px; }
.permission_list ul li ul li ul li { font-size: 0.9em; }
.permission_list ul li ul li ul li:hover { background-color: #E8E8E8; }
.permission_list ul li ul li ul li ul li:hover { background-color: #dfdfdf; }
.permission_list ul li ul li ul li a.permission_description { display: block; width: 540px; }
.permissions_warning { background-color: rgba(255, 111, 85, 0.3); border: 1px solid rgba(121, 35, 35, 0.4); padding: 10px; font-size: 1em; font-weight: normal; display: block; margin: 10px 0 10px 0; color: rgb(183, 24, 24); border-radius: 3px; }
.permissions_warning strong { display: block; font-weight: bold; text-transform: uppercase; }
/* end permissions */

/* configure users / teams / groups styling */
#create_group_form label, #create_team_form label, #create_client_form label { }
#create_group_form input[type="text"], #create_team_form input[type="text"], #create_client_form input[type="text"] { width: 200px; }
#create_group_form input[type="submit"], #create_team_form input[type="submit"], #create_client_form input[type="submit"] { font-size: 0.9em; }
.groupbox_header, .teambox_header, .clientbox_header { font-weight: bold; }
.groupbox_membercount, .teambox_membercount, .clientbox_membercount { font-weight: normal; font-size: 0.8em; color: #888; }

#users_results { position: relative; }
#users_more_actions_container { float: right; }
#users_more_actions_container button { float: left; }
#tab_users_pane > strong { font-weight: bold; display: block; }
.project_list nav .more_actions_dropdown li.finduser_container { padding: 5px; height: auto; }
.project_list nav .more_actions_dropdown li.finduser_container:hover { background-color: #FFF; }
#users_more_actions_container .more_actions_dropdown li.separator { height: 1px; }
.finduser_container #findusers { width: 300px; }
.finduser_container input[type=submit], .finduser_container input[type=submit]:hover { font-size: 1em; }
.finduser_container label { padding: 0 0 0 3px; padding: 0; margin: 0 0 5px 0; }
#adduser_div dl { width: 590px; font-size: 1em; }
#adduser_div dt label { font-weight: normal; }
#adduser_div dt label.required { font-weight: bold; }
#adduser_div dt label.required:before { content: '* '; }
#adduser_div dt { width: 150px; }
#adduser_div dd { width: 410px; }
.teamlist_container { display: inline-block; width: 200px; }
.teamlist_container input { float: left; margin-right: 2px; }
.teamlist_container label { font-weight: normal; font-size: 0.9em; }
#adduser_div .createuser_submit_container { padding: 10px; text-align: right; }
#adduser_div .createuser_submit_container input { padding: 3px 6px !important; font-size: 1.1em; }

.collection_user_list li { padding: 3px; }
.collection_user_list li:hover { background-color: rgba(255, 255, 255, 0.7); }
.collection_user_list li > .button { float: right; font-weight: normal; }

/* end users / teams / groups */

#project_table .config_header { font-size: 0.9em; }

/* workflow styling */
.scheme_list li { padding: 3px; font-size: 14px; }
.scheme_list li table td { font-size: 14px; padding: 0; margin: 0; }
.scheme_list td.workflow_info { width: 400px; }
.scheme_list td.workflow_info.workflow_scheme { width: 350px; }
.scheme_list td.workflow_inactive { color: #A88; font-weight: bold; width: 100px; text-align: center; }
.scheme_list td.workflow_active { color: #390; font-weight: bold; width: 100px; text-align: center; }
.scheme_list td.workflow_steps { width: 100px; text-align: left; }
.scheme_list td.workflow_steps span { font-weight: bold; }
.scheme_list td.workflow_scheme_issuetypes { width: 250px; text-align: center; }
.scheme_list td.workflow_scheme_projects { width: 200px; text-align: center; font-size: 1em; }
.scheme_list td.workflow_scheme_issuetypes span, .scheme_list td.workflow_scheme_projects span { font-weight: bold; }
.scheme_list td.workflow_actions { width: 170px; font-weight: bold; font-size: 0.9em; text-align: right; }
.scheme_list td.workflow_actions .button-group { float: right; }
.scheme_list.issuetype_scheme_list td.workflow_info { width: 400px; }
.workflow_name { font-weight: bold; margin-bottom: 5px; }
.workflow_description, .workflow_name span.builtin { font-weight: normal; font-style: italic; font-size: 0.9em; }
.workflow_name span.builtin { color: #AAA; }
.workflow_description { color: #777; }
.workflow_change_div { height: 400px; overflow: auto; margin-top: 10px; }

#no_such_workflow_error { margin-top: 10px; }

#workflow_steps_container { }
#workflow_steps_container .workflow_steps_intro, #workflow_step_container .workflow_step_intro { margin: 0 0 5px 0; font-size: 1em; }
#workflow_steps_container .workflow_steps_intro { margin-bottom: 15px; }
#workflow_step_container .workflow_step_intro { float: left; width: 400px; }
.workflow_step_intro .header { font-size: 1.3em; }
#workflow_steps_list { width: 100%; }
#workflow_steps_list td, #workflow_steps_list th { font-size: 0.9em; }
#workflow_steps_list_tbody tr.step td { border-bottom: 1px dotted #AAA; }
#workflow_steps_list_tbody tr.step a.step_name { color: #555; }
#workflow_steps_list_tbody tr.step a.step_name:hover { color: #777; }
#workflow_steps_list_tbody tr.step a.step_name.faded_out { color: #AAA; }
#workflow_steps_list_tbody tr.step a.step_name.faded_out:hover { color: #CCC; }
#workflow_steps_list_tbody tr.step td.workflow_step_actions a { font-size: 0.9em; }
#workflow_steps_list_tbody tr.status td { border-bottom: 0; }
#workflow_steps_list_tbody dl { font-size: 0.9em; }
#workflow_steps_list_tbody dt label.optional span { font-weight: normal; color: #AAA; }
#workflow_steps_list_tbody dt { width: 150px; text-align: right; padding-right: 5px; }
#workflow_steps_list_tbody dd { width: 500px; }
#workflow_steps_list_tbody .add_transition_separation { font-size: 1px; line-height: 0; margin: 10px 20px; border-bottom: 1px dotted #AAA; }
#workflow_steps_list_tbody input[type="submit"] { font-size: 1.1em; font-weight: bold; }
#workflow_steps_list_tbody form a { font-weight: bold; }

.workflow_step_transition_name { font-weight: bold; font-size: 0.9em; font-style: italic; margin: 5px 0px; }
.workflow_step_transition_outgoing_step { margin-left: 5px; font-size: 0.95em; color: #AAA; font-weight: normal; font-style: italic; }

#workflow_transition_actions_validations { margin-bottom: 100px;}
#workflow_transition_actions_validations h3 { margin-top: 25px; position: relative; }
#workflow_transition_actions_validations h3 ul { margin: 25px 3px 0 0; font-size: 0.8em; }
#workflow_transition_actions_validations h3 ul#add_post_action { top: auto; bottom: 0; margin-bottom: 30px; }
#workflow_details_transition, #workflow_details_step { margin-top: 0; float: left; width: 400px; }
#workflow_details_transition label, #workflow_details_step label { font-size: 0.9em; }
#workflow_details_transition li, #workflow_details_step li { margin-bottom: 5px; }
#workflow_details_transition dl, #workflow_details_step dl { font-size: 0.9em; }
#workflow_details_transition dt, #workflow_details_step dt { width: 110px; }
#workflow_details_transition dd, #workflow_details_step dd { width: 290px; }
#workflow_details_transition dd.description, #workflow_details_step dd.description { font-style: italic; }
#workflow_details_step dd div.workflow_step_status { line-height: 0; height: 14px; width: 14px; font-size: 1px; float: left; margin-right: 5px; border: 1px solid #AAA; }
#add_post_action.more_actions_dropdown { width: 710px; padding: 0 5px; bottom: 0; margin-bottom: 30px; }
#add_post_action.more_actions_dropdown .column { width: 230px; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
#add_post_action.more_actions_dropdown .column .simple_list { margin-top: 0; }
#add_post_action.more_actions_dropdown .column .simple_list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#add_post_action.more_actions_dropdown h1 { font-size: 0.9em; font-weight: normal; border-bottom: 1px dotted #CCC; color: #AAA; padding: 5px 0; margin: 0; }

#workflow_browser_step { float: right; width: 300px; padding: 5px; text-align: center; margin-left: 0; }
#workflow_browser_step .header { font-size: 1.1em; text-align: center; margin-bottom: 5px; }
#workflow_browser_step .content { font-size: 0.9em; text-align: center; }
.workflow_browser_step_image { line-height: 0; clear: both; }
.workflow_browser_step_transition { padding: 2px; border: 1px dotted #AAA; background-color: #F8F8F8; }
.workflow_browser_step_transition span { font-style: italic; }
.workflow_browser_step_transition .image { float: right; margin: 1px 2px 0 -5px; }
.workflow_browser_step_transition.outgoing .image { margin: 10px 5px 0 -5px; }
.workflow_browser_step_transition.transition { padding-left: 0px; }
.workflow_browser_step_name { padding: 5px; font-size: 1.1em; font-style: italic; font-weight: normal; }

input[type=submit].workflow_transition_submit_button, input[type=submit].workflow_transition_submit_button:hover { padding: 4px 8px; font-size: 1.1em; }
/* end workflow styling */

/* end config styling */

/* sidebar formatting */
.side_bar .header { margin: 2px 0 5px 0; padding: 3px 3px 3px 5px; font-weight: bold; border-bottom: 1px solid #CCC; background-color: transparent; }
.side_bar .content { padding: 0 0 3px 0; font-size: 0.9em; }

/* project list, client/team dashboard and overview */
ul.project_list { margin-bottom: 30px; text-align: left; }
.project_list .button-group.project-config-buttons .project-quick-edit, .project_list .button-group.project-config-buttons .project-quick-edit:hover, .project_list .button-group.project-config-buttons .project-settings, .project_list .button-group.project-config-buttons .project-settings:hover { font-size: 0.85em !important; padding: 0 3px !important; float: none; }
ul.project_list > li { margin: 0px; font-size: 1.0em; font-weight: bold; padding: 5px 0 5px 0; clear: both; }
.client_dashboard, .project_overview { clear: both; }
.client_dashboard .header, .project_overview .header { padding: 5px 5px 5px 2px; margin-bottom: 8px; border-bottom: 1px dotted #DDD; font-size: 1.1em; text-transform: uppercase; font-weight: normal }
.client_dashboard { padding: 10px; }
.team_dashboard, .project_overview { clear: both; }
.project_overview .button-group { float: right; }
.project_overview .button-group .button { font-weight: normal; }
.project_overview .button-group .button.lefthugging, .project_overview .button-group .button.lefthugging:hover { padding-left: 7px !important; font-size: 0.8em !important; }
.project_overview .button-group .button.righthugging, .project_overview .button-group .button.righthugging:hover { padding-right: 4px !important; }
.team_dashboard { padding: 10px; }
.dashboard_client_info { margin-bottom: 10px; width: 100%; }
.dashboard_client_info .dashboard_client_header { font-size: 1.9em; }
.dashboard_client_info .dashboard_client_viewusers { float: right; }
.dashboard_team_info { margin-bottom: 10px; width: 100%; }
.dashboard_team_info .dashboard_team_header { font-weight: bold; font-size: 2.1em; }
.dashboard_team_info .dashboard_team_viewusers { float: right; }
.team_dashboard_table, .client_dashboard_table { width: 100%; }
.team_dashboard_table td.padded, .client_dashboard_table td.padded { padding: 10px; padding-top: 0; vertical-align: top; }
.team_dashboard_table td.team_dashboard_projects, .client_dashboard_table td.client_dashboard_projects { padding-left: 0; }
.team_dashboard_table td.team_dashboard_users, .client_dashboard_table td.client_dashboard_users { padding-right: 0; width: 350px; }
ul.client_users, ul.team_users, ul.project_users { margin: 0; padding: 0; }
ul.client_users li, ul.team_users li, ul.project_users li { list-style-type: none; padding-bottom: 5px; margin: 0;}
.project_commits_box { margin-right: 10px; }
.commit_box { margin-top: 5px }
#global_roles_list .button-group .button, .project_roles_list .button-group .button { font-size: 0.9em; padding: 1px 5px; }
#project_settings_roles { padding: 0 15px; }
#project_settings_roles h4 { margin: 15px 0 0 0; }
/* end project styling */

/* account page tab panes content */
#account_tabs_panes .content { padding: 5px 0 15px 5px; text-align: left; font-size: 0.95em; }

/* friend names links */
a.friend { color: #277CBA; }
.friends_status { font-size: 0.9em; color: #CCC; }

/* reporting an issue styles */
.report_button { float: right; }
.issuetype_list { text-align: center; padding: 0; margin: 10px auto 0 auto; clear: both; }
.issuetype_list .button, .issuetype_list .button:hover { margin: 10px; font-size: 1.5em; font-weight: normal; padding: 15px !important; text-align: center; min-width: 320px; }
.issuetype_list .button img { float: left; clear: none; margin: 0 10px 0 0; }
.issuetype_list .button span, .issuetype_list .button:hover span { display: block; padding: 5px 0; text-align: left; }
.issuetype_list .button span:first-line, .issuetype_list .button:hover span:first-line { font-size: 0.8em; }
.report_issue_header { margin: 10px auto 0 auto; font-size: 1.5em; font-weight: bold; padding: 2px 0 10px 0; width: 990px; }
#report_issue_more_options_indicator { text-align: left; margin-top: 10px; }
#reportissue_content { width: 1010px; margin: 0 auto; text-align: center; }
.report_issue_desc { width: auto; margin: 0 auto 0 auto; text-align: left; }
.report_issue_desc select { }
#report_more_here { color: #999; font-size: 1.1em; text-align: center; padding-top: 20px; min-height: 30px; }
#report_form { margin: 10px auto 0 auto; padding: 0; width: 1000px; text-align: left; }
#report_form table { width: 990px; margin: 0 auto; }
#report_form table table { width: auto; }
#shortname_div { margin-top: 10px !important; }
#report_form label { font-size: 1.1em; padding: 3px 0 3px 0; font-weight: normal; }
.backdrop_detail_content #report_form label { font-size: 1em; text-transform: uppercase; color: #888; font-weight: normal; }
#report_form label span { display: none; }
#report_form label.required { font-weight: bold; }
#report_form label.required span { display: inline; }
#report_form input[type="text"] { font-size: 1.3em; padding: 4px; height: 20px; text-align: left; width: 100%; }
.backdrop_detail_content #report_form input[type="text"] { font-size: 1.1em; padding: 2px; }
#report_form input#title { width: 804px; }
#report_form input#shortname { width: 804px; }
#report_form select { font-size: 1.1em; padding: 2px; height: 24px; text-align: left; width: 100%; }
.backdrop_detail_content #report_form select { font-size: 1em; padding: 1px; height: 25px; text-align: left; width: auto; }
.report_issue_help { padding: 5px 0 0 2px; }
.backdrop_detail_content #report_issue_reported_issue_details { padding: 5px; font-size: 1.1em; }
.backdrop_detail_content .report_issue_help { padding: 3px 0 0 1px; }
.backdrop_detail_content .reportissue_additional_information_container { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0px 7px 9px 7px; background-color: #F5F5F5; margin-top: 10px; margin-bottom: 0; }
#report_form table.additional_information { float: left; width: 323px; margin: 0 0 10px 5px; }
.backdrop_detail_content .additional_information .report_issue_help { /*display: none;*/ }
#report_form table.additional_information { margin-top: 10px; width: 986px; }
#reportissue_additional_information_container .markItUp { display: none; }
.report_issue_submit_container { font-size: 1.1em; clear: both; vertical-align: middle; margin-top: 10px; padding: 10px; text-align: right; }
.report_issue_submit_container > div { padding: 7px; vertical-align: middle; display: inline-block; float: left; }
.report_issue_submit_container .button, .report_issue_submit_container .button:hover { font-size: 1.1em; padding: 7px 10px; vertical-align: middle; }
.report_issue_submit_container img { float: right; margin-right: 5px; }
#report_issue_add_extra { margin-top: 15px; color: #333; font-size: 1.1em; }
.upload_container {
    padding: 35px 0;
    margin: 20px 10px;
    color: rgba(100, 100, 100, 0.3);
    cursor: pointer;
    font-size: 2em;
    font-weight: normal;
    text-align: center;
    border: 3px rgba(100, 100, 100, 0.2) dashed;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.upload_container .upload_click_here { color: rgba(50, 150, 50, 0.65); }
.upload_container.file_hover { background-color: rgba(225, 225, 200, 0.7); }
#file_upload_list { list-style: none; margin: 0; padding: 0; }
#file_upload_list li { list-style: none; margin: 0; padding: 7px; font-size: 1.1em; }
#attach_file #file_upload_list li { height: 100px; position: relative; margin-bottom: 10px; }
#attach_file #file_upload_list li .progress { position: absolute; bottom: -7px; left: 0; }
#file_upload_list li .filename { font-style: italic; }
#file_upload_list li .filesize { color: #AAA; display: inline-block; margin-left: 10px; }
#file_upload_list li label { width: 180px; display: inline-block; font-size: 1.1em; font-weight: normal; }
#file_upload_list li label:first-of-type { font-weight: bold; }
#file_upload_list li input[type="text"] { width: 619px; }
#file_upload_list .progress { display: block; width: 1%; height: 4px; margin: 5px 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.5); background-color: #7777CC; }
#file_upload_list .progress.completed { background-color: #00CC33; opacity: 0.5; }
#issue_view pre { padding: 3px; background-color: #F1F1F1; border: 1px dotted #AAA; }
.textarea_save_container { display: block; margin: 0; padding: 7px; box-sizing: border-box; background-color: rgb(245, 245, 245); border: 1px solid rgba(100, 100, 100, 0.5); border-top: 0; text-align: right; }
.textarea_save_container .button, .textarea_save_container .button:hover { padding: 7px 10px; font-weight: normal; font-size: 1.1em; }
#issue_view { position: relative; z-index: 100; overflow: auto; }
#issue_main_container { float: left; overflow: hidden; width: 100%; }
#issue_main {
    margin: 0 10px 0 380px;
    overflow: auto;
    -webkit-transition: margin 0.3s ease;
    -moz-transition: margin 0.3s ease;
    -ms-transition: margin 0.3s ease;
    -o-transition: margin 0.3s ease;
    transition: margin 0.3s ease;
}
#issue_main_container.uncollapsed #issue_main { margin-left: 50px; }
#issue_details_container {
    float: left;
    width: 360px;
    margin-left: -100%;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
#issue_details {
    display: inline-block;
    float:left;
    width: 350px;
    margin: 0 10px;
    vertical-align: top;
    border-right: 1px solid #DDD;
    box-shadow: 10px 0 15px -18px rgba(0, 0, 0, 0.8);
    position: relative;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
@-moz-document url-prefix() {
    #issue_details {
        box-shadow: 10px 0 15px -22px rgba(0, 0, 0, 0.8);
    }
}
#issue_details .issue_details_fieldsets_wrapper {
    width: 350px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, margin-left 0.3s ease;
    -moz-transition: opacity 0.3s ease, visibility 0.3s ease, margin-left 0.3s ease;
    -ms-transition: opacity 0.3s ease, visibility 0.3s ease, margin-left 0.3s ease;
    -o-transition: opacity 0.3s ease, visibility 0.3s ease, margin-left 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease, margin-left 0.3s ease;
}
#issue_details_container.collapsed .issue_details_fieldsets_wrapper {
    opacity: 0;
    visibility: hidden;
    margin-left: -350px;
}
#issue_view fieldset { border: 0; padding: 5px; margin: 0; }
#issue_view fieldset legend {
    border: 0;
    color: #777;
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    padding: 30px 0 5px;
    width: 100%;
    border-bottom: 1px dotted #CCC;
}
#issue_view fieldset:first-of-type legend, #issue_details_container fieldset legend {
    padding-top: 5px;
}
.reportissue_error tr { background-color: #FEE; }
.reportissue_error tr td input, .reportissue_error tr td textarea, .reportissue_error tr td select { background-color: #FEE; border-color: #B77; }
.reportissue_error label { color: #955; }
.reportissue_error .faded_out dark { color: #aa8D8D; }
#reportissue_extrafields { list-style-type: none; padding: 0; margin: 10px 0 0 0; width: 1005px; clear: both; font-size: 1em; }
#reportissue_extrafields li { font-weight: normal; clear: none; margin: 5px; min-height: 26px; width: 310px; text-align: left; float: left; }
#reportissue_extrafields li img { margin: 2px 5px 0 0; float: left; }
#reportissue_extrafields li div { clear: none; margin-top: 2px; }
#reportissue_extrafields li select, #reportissue_extrafields input[type="text"] { width: 255px; font-size: 0.8em; height: 20px; padding: 1px; float: left; }
#reportissue_extrafields li a.img:hover { border-bottom: 0; }
/* end report issue styling */

/* very visible green button */
.nice_button { padding: 0px; color: #FFF; border: 0; position: relative; display: inline; text-align: center; margin-left: 10px; }
.nice_button input { border: 0; border-top: 1px solid #9D9; color: #FFF; padding: 3px; font-weight: bold; background-color: #5a5; cursor: pointer; }
.nice_button input:active { background-color: #7B7; }
.nice_button input:hover { background-color: #8C8; }

.nice_button.disabled { padding: 0px; color: #FFF; border: 0; position: relative; display: inline; text-align: center; margin-left: 10px; }
.nice_button.disabled input { border: 0; border-top: 1px solid #F9F9F9; color: #AAA; padding: 3px; font-weight: bold; background-color: #EEE; cursor: pointer; }
.nice_button.disabled input:active { background-color: #F5F5F5; }

.nice_button.workflow { padding: 0px; color: #FFF; border: 1px solid #E3DDA5; position: relative; display: inline; text-align: center; margin: 0; }
.nice_button.workflow input { border: 0; border-top: 0; border-left: 1px solid #CDC895; border-bottom: 1px solid #CDC895; color: #6E6E53; padding: 2px 3px; font-weight: normal; background-color: #E3DDA5; cursor: pointer; }
.nice_button.workflow input:active { background-color: #E9E9B0; }
.nice_button.workflow input:hover { background-color: #D3CE99; }
.workflow_actions .button, .workflow_actions .button:hover, .button-group .button, .button-group .button:hover { border-radius: 0; border-left-width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 1em; padding: 4px 8px; }
.workflow_actions .button.first, .workflow_actions .button.first:hover, .button-group .button:first-child, .button-group .button:first-child:hover, .button-group .button.first, .button-group .button.first:hover { border-left-width: 1px; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.workflow_actions .button.last, .button-group .button:last-child, .button-group .button:last-of-type, .button-group .button.last { border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
.button-group .button.lefthugging { border-left: none; }
.button-group .button.righthugging { border-right: none; }
.workflow_actions li.more_actions { margin-left: 5px; }
#workflow_actions .more_actions_dropdown { margin-top: 2px; border-radius: 2px; font-size: 1.1em; }
.workflow_actions li.workflow { position: relative; }
.workflow_actions li.workflow .tooltip { left: auto; right: 0; bottom: auto; top: 34px; width: auto; white-space: nowrap; transition-delay: 1s; }
.workflow_actions li.workflow .tooltip:before, .workflow_actions li.workflow .tooltip:after { left: auto; right: 10px; }
.button-group .button { float: left; }
.project_header_right .button, .project_header_right .button:hover, #tab_csv_pane .button-group .button, #tab_csv_pane .button-group .button:hover, .project_strip .button-group .button, .project_strip .button-group .button:hover { padding: 4px 8px; font-size: 1em; font-weight: normal; }
.project_header_right .button.reportissue_dropdown_button, .project_header_right .button.reportissue_dropdown_button:hover { padding-left: 0px !important; }
.button-group.inset .button, .button-group.inset .button:last-child, .button-group.inset .button:first-child, .button-group.inset .button:hover { border: none; font-size: 1.1em; padding: 8px 12px; color: #555; box-shadow: none; font-weight: normal; }
.button-group.inset .button.button-pressed, .button-group.inset .button.button-pressed:hover { box-shadow: 0 0 6px rgba(150, 150, 150, 0.4) inset; color: #888; }
/* end very visible button */

#issue_details_container.collapsed { width: 30px; }
#issue_details_container.collapsed #issue_details { width: 20px; }
#issue_details fieldset {
    margin: 0 8px 15px 0;
    border-color: rgba(0, 0, 0, 0.2);
}
#issue_details fieldset ul { margin-top: 0; padding-top: 0; }
#issue_details legend { cursor: pointer; }
#issue_details fieldset .popup_box { font-size: 1em; left: 0; right: 2px; top: 50%; margin-top: 14px; z-index: 10001; text-align: left; border-top-right-radius: 0; }
a.dropper.dropdown_link { position: absolute; right: 2px; top: 50%; margin-top: -11px; line-height: 1em; }
a.dropper.dropdown_link:hover { border: none; text-decoration: none; }
#issue_details fieldset img.dropdown { float: none; margin: 3px; }
#issue_details fieldset dl:hover img.dropdown { display: inline; }
#issue_details fieldset dl { padding: 3px; }
#issue_details fieldset dt, #issue_details fieldset dd { float: none; display: inline-block; vertical-align: middle; padding: 0; line-height: 1em; }
#issue_details fieldset #issue_percent_complete { width: 160px; float: right; display: inline; }

#project_planning.milestone-sort #project_planning_action_strip, #project_planning #milestone-sort-actions { display: none; }
#project_planning.milestone-sort #milestone-sort-actions { display: block; }
.project_header_right .button-pressed, #issue_details fieldset a.dropper.button-pressed, .milestone_box .header .dropper.button-pressed, #project_planning_action_strip .dropper.button-pressed { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; border-radius: 2px; }
#project_planning_action_strip .more_actions_dropdown { margin-top: -1px; }
#project_planning_action_strip .fancydropdown {
    width: 360px;
    height: 32px;
    text-align: center;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgba(150, 150, 150, 0.3);
    border-radius: 2px;
    background: -o-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F1F1F1 100%);
    vertical-align: middle;
    position: relative;
}
#project_planning_action_strip .fancydropdown img { vertical-align: middle; margin: 0; float: none; }
#project_planning_action_strip .fancydropdown #selected_milestone_status_details { position: absolute; width: 100%; left: 0; top: 0; height: 30px; }
.milestone_virtual_status .statusblocks {
    display: block;
    width: 100%;
    height: 100%;
}
.milestone_virtual_status .statusblock {
    display: block;
    float: left;
    clear: none;
    height: 27px;
    opacity: 0.2;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin-top: 0;
    margin-left: 0;
}
.milestone_virtual_status .statusblock:hover { opacity: 0.35; }
.milestone_virtual_status .milestonename { position: absolute; width: 100%; left: 6px; top: 7px; font-size: 0.9em; line-height: 1em; padding: 0; }
.milestone_virtual_status .milestone_percentage { width: 100%; position: absolute; bottom: -5px; left: 0; }
.milestone_virtual_status .tooltip { font-size: 0.9em; opacity: 1; }
#project_planning_action_strip .fancydropdown + ul { left: auto; right: 15px; font-size: 0.9em; }
#issue_details fieldset a.dropper.button-pressed img { display: inline; }
#issue_details fieldset .more_actions_dropdown li a, #issue_details fieldset ul.more_actions_dropdown li a:hover { font-size: 1em; }
#issue_details fieldset .userdropdown { position: inherit; }
.issue_detail_field { font-size: 1.1em; margin-bottom: 2px; }
.issue_detail_field dl { font-size: 0.9em; }
.issue_detail_field:hover { background-color: rgba(200, 200, 200, 0.2); border-radius: 3px; }
.issue_detail_field dt { width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; color: rgb(125, 125, 125); }
.issue_detail_field dd { width: auto; color: rgb(35, 35, 35); }
#issue_timetracking_container { position: relative; }
#issue_timetracking_log_time { position: absolute; top: -26px; right: 0; }

/* workflow actions */
@-webkit-keyframes show {
    from { opacity: 0; }
    to { opacity: 100; }
}
@-moz-keyframes top_slide {
    from { top: -35px; }
    to { top: 14px; }
}
@-o-keyframes top_slide {
    from { top: -35px; }
    to { top: 14px; }
}
@keyframes top_slide {
    from { top: -35px; }
    to { top: 14px; }
}
#workflow_actions { position: absolute; margin-top: 3px; right: 14px; height: 25px; z-index: 102;
    -webkit-animation: show 0.3s ease-out;
    -moz-animation: show 0.3s ease-out;
    -o-animation: show 0.3s ease-out;
    animation: show 0.3s ease-out;
}
ul.workflow_actions { margin-top: 0; }
ul.workflow_actions > li { display: block; float: left; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 0; line-height: 1; }
ul.workflow_actions li form { display: inline; margin: 0; padding: 0; }
ul.workflow_actions li input, ul.workflow_actions li:hover input { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important; }
ul.workflow_actions li:hover { box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

#viewissue_find_issue_input { width: 350px; }
/* end workflow actions */

/* fullpage (faded out) backdrop styling */
#fullpage_backdrop ul.duplicate_issues { list-style-type: none; padding: 0; margin: 0; clear: both; }
#fullpage_backdrop ul.duplicate_issues li { font-weight: normal; margin: 0 0 3px 0; text-align: left; }
#fullpage_backdrop ul.duplicate_issues li input[type="checkbox"] { margin-left: 0; }
#fullpage_backdrop ul.duplicate_issues li { padding-left: 5px; margin-bottom: 5px; }
#fullpage_backdrop ul.duplicate_issues { margin: 10px 0 5px 0; }
#fullpage_backdrop_indicator { position: absolute; top: 45%; left: 50%; width: 300px; margin-left: -150px; z-index: 100001; color: #999; font-size: 15px; font-weight: normal; }

.fullpage_backdrop_content { position: relative; z-index: 100001; }
.fullpage_backdrop { background-color: rgba(255, 255, 255, 0.7); z-index: 100000; width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; left: 0; margin: 0; padding: 0; text-align: center; }

.backdrop_box { position: absolute; top: 60px; left: 50%; z-index: 100001; clear: both; padding: 0 !important; }
.backdrop_box#reportissue_container { top: 10px; }
.backdrop_box.small { width: 400px; margin: 0 -200px 0 -200px; }
.backdrop_box.mediumsmall { width: 500px; margin: 0 -250px 0 -250px; }
.backdrop_box.medium { width: 600px; margin: 0 -300px 0 -300px; }
.backdrop_box.large { width: 800px; margin: 0 -400px 200px -400px; }
.backdrop_box.huge { width: 1010px; margin: 0 -500px 200px -500px; }
.backdrop_box .backdrop_detail_header { text-align: left; }
.backdrop_detail_content { font-weight: normal; font-size: 1.0em; padding: 5px; background: transparent; text-align: left; }
#reportissue_container .backdrop_detail_content { padding: 5px; font-size: 0.9em; }
#reportissue_container .backdrop_detail_footer { padding: 5px; font-size: 1.1em; }
#reportissue_container .backdrop_detail_footer a { font-weight: normal; }
.backdrop_detail_content #report_issue_add_extra, .backdrop_detail_content #reproduction_steps_div { display: none; }
.backdrop_detail_content .tab_menu { margin-top: 30px; margin-bottom: 10px; font-size: 1.1em; }
.backdrop_detail_footer { clear: both; font-size: 1.1em; padding: 5px; text-align: right; background-color: transparent; }

#dialog_backdrop_content, #dialog_backdrop_modal_content { margin-left: -300px; width: 600px; overflow: hidden; }
#dialog_backdrop_content h3, #dialog_backdrop_modal_content h3 {
    margin: 5px;
    padding: 0 0 7px 0;
    color: #999;
    border-bottom: 1px dotted rgb(185, 185, 185);
    font-weight: normal;
}
#dialog_content, #dialog_modal_content { padding: 0 7px; font-size: 1em; margin: 0; z-index: 1; background-color: transparent; }
#dialog_yes, #dialog_no, #dialog_okay { font-size: 1em; padding: 5px 10px !important; }
#dialog_indicator { display: inline-block; margin-right: 5px; vertical-align: middle; float: none; }
/* end backdrop styling */

/* main issue view styling */
.viewissue_container { width: 100%; text-align: left; padding: 0 0 50px 0; margin: 0; line-height: 1.9; }
#viewissue_changed > form > div > input, #viewissue_changed > form > div > button, #viewissue_saved > div > button { line-height: 21px !important; margin-top: -3px; padding: 0.5px 8px; }
/* issue info boxes */
#viewissue_menu li { box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.2); -webkit-box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px -1px 1px rgba(50, 50, 50, 0.2); }
#viewissue_menu li.selected { box-shadow: 0 -3px 5px -4px rgba(50, 50, 50, 0.5); -webkit-box-shadow: 0 -3px 5px -4px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0 -3px 5px -4px rgba(50, 50, 50, 0.5); }
#viewissue_menu li a { font-size: 1em; }
#viewissue_tabs { clear: both; height: 30px; margin: 50px 5px 0 5px; }
#issue_info_container { text-align: left; z-index: 0; vertical-align: middle; font-size: 1em; font-weight: normal; color: #F5F5F5; width: auto; position: relative; margin: 0 5px 3px 5px; background: rgba(248, 245, 222, 0.92); border-radius: 0 0 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
.issue_info { color: #333; text-shadow: 1px 1px 0px #FFF; position: relative; padding: 3px 3px 3px 5px; font-weight: normal; min-height: 22px; }
.issue_info .buttons { float: right; margin: 0; }
.issue_info .buttons .button input, .issue_info .buttons .button button { padding: 0 4px; font-size: 0.9em; }
.issue_info a { font-size: 0.95em; font-weight: bold; }
.issue_info.aligned { margin: 10px auto 5px auto; padding: 3px; width: auto; text-align: center; }
.issue_info.full_width { margin: 5px 5px 0 5px; padding: 5px; position: relative; }
.issue_info.full_width img { float: left; margin: 0 10px 0 5px; }
.issue_info .header { font-size: 1.1em; line-height: 1.3; }
.issue_info .content, .notfound_error .content { font-weight: normal; font-size: 0.95em; line-height: 1; }
.issue_info.error.active ~ .issue_info_backdrop { background-color: #FAA; }
#issue_deleted_message { width: 900px; font-size: 1.1em; text-align: center; margin: 25px auto 0 auto; }
#issue_deleted_message .header, #issue_deleted_message .content { text-align: center; }
#notfound_error { vertical-align: middle; text-align: center; padding: 15px; color: #B32626; font-size: 1.3em; width: 600px; margin: 25px auto 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); background-color: rgba(255, 50, 50, 0.25); }
#notfound_error .content { font-weight: normal; }
#notfound_error .header { text-align: center; }
#viewissue_saved { cursor: pointer; }
#viewissue_error .content { font-size: 1.1em; padding-top: 5px; padding-bottom: 5px; text-align: left; }
/* end issue info boxes */

/* issue extra data (pain and votes) - includes search result styling */
#viewissue_header_container
{
    position: relative;
    margin: 10px; z-index: 1000;
    -webkit-transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
    -moz-transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out;
}
#viewissue_header_container.fixed { position: fixed; top: 0; left: 0; margin: 0; }
#viewissue_header_container.fixed #issue_info_container .issue_info_backdrop { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
#viewissue_header_container table.title_area {
    table-layout: fixed;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCC;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFFFFF 0%,#F1F1F1 100%); /* W3C */
}
.blocking #viewissue_header_container table.title_area {
    border-bottom-color: #C59494;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(70%,#F1F1F1), color-stop(100%,#FF8181)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4D1D1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%, #F4D1D1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%, #F4D1D1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFFFFF 0%, #F4D1D1 100%); /* W3C */
}

@-webkit-keyframes top_slide {
    from { top: -35px; }
    to { top: 6px; }
}
@-moz-keyframes top_slide {
    from { top: -35px; }
    to { top: 6px; }
}
@-o-keyframes top_slide {
    from { top: -35px; }
    to { top: 6px; }
}
@keyframes top_slide {
    from { top: -35px; }
    to { top: 6px; }
}
#workflow_actions.fixed {
    position: fixed;
    top: 6px;
    right: 67px;
    margin-top: 0;
    z-index: 1001;
    display: block;
    -webkit-animation: top_slide 0.3s ease-out;
    -moz-animation: top_slide 0.3s ease-out;
    -o-animation: top_slide 0.3s ease-out;
    animation: top_slide 0.3s ease-out;
}
#viewissue_header_container.fixed #votes_additional, #viewissue_header_container.fixed #user_pain_additional { display: none; }
#workflow_actions.fixed #comment_add_button { margin-left: 5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#comment_add_button { padding: 0; }
#issue_main .button_container { display: inline-block; float: right; margin: -6px 0 0; font-size: 1.1em; }
#issue_main .button_container .button { font-weight: normal; padding: 4px 8px; font-size: 0.8em; }
#viewissue_comments #comment_add_button .button { padding: 2px 10px; font-size: 1em; }
.user_pain, .votes { font-size: 2.3em; font-weight: bold; line-height: 1.2; }
.user_pain { color: rgb(115, 137, 113); }
#votes_additional { vertical-align: middle; }
.votes { color: #999; text-align: center; }
.votes .votes_header { text-transform: uppercase; font-size: 0.43em; line-height: 1.3; }
#vote_up, #vote_down { width: 16px; text-align: center; padding: 2px; }
.user_pain_calculated { font-size: 0.8em; font-weight: normal; color: rgb(119, 133, 116); }
#user_pain_additional {
    text-align: center;
    border-left: 1px solid rgba(100, 100, 100, 0.1);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150, 200, 150, 0.1)), color-stop(100%,rgba(140, 190, 140, 0.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(150, 200, 150, 0.1) 0%,rgba(140, 190, 140, 0.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(150, 200, 150, 0.1) 0%,rgba(140, 190, 140, 0.4) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(150, 200, 150, 0.1) 0%,rgba(140, 190, 140, 0.4) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(150, 200, 150, 0.1) 0%,rgba(140, 190, 140, 0.4) 100%); /* W3C */
}
#viewissue_triaging {
    display: block;
    margin: 0;
    padding: 5px;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle;
}
.search_results .yellow_borderless .user_pain { color: #B6aC6D; }
.search_results .user_pain, .search_results .votes { font-size: 1.5em; }
.search_results .votes { color: #88C; }
.search_results .red_borderless .user_pain { color: #B55; }
.userpain_below_threshold td { border-top: 2px solid #B77; }
.userpain_below_threshold td .status_table td { border-top: 0; }
/* end issue pain and votes */

/* viewissue navigation */
.issue_navigation {
    width: 30px;
    text-align: center;
    position: relative;
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#EAEAEA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#EAEAEA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FAFAFA 0%,#EAEAEA 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FAFAFA 0%,#EAEAEA 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#EAEAEA',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to bottom, #FAFAFA 0%,#EAEAEA 100%); /* W3C */
}
.issue_navigation:hover {
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(to bottom, #F5F5F5 0%,#E5E5E5 100%); /* W3C */
}
.issue_navigation:hover .tooltip { top: 65px; bottom: auto; right: auto; left: auto; width: 300px; position: absolute; text-align: left; }
.issue_navigation:hover .tooltip.leftie:before, issue_navigation:hover .tooltip.leftie:after { left: 25px; right: auto; }
.issue_navigation:hover .tooltip.rightie:before, issue_navigation:hover .tooltip.rightie:after { right: 24px; left: auto; }
.issue_navigation:hover .tooltip.leftie:before,
.issue_navigation:hover .tooltip.leftie:after {
    left: 15px;
}
.issue_navigation:hover .tooltip.rightie:before,
.issue_navigation:hover .tooltip.rightie:after {
    left: 305px;
}
#go_previous_issue:hover .tooltip { left: 0px; }
#go_previous_open_issue:hover .tooltip { left: 0px; }
#go_next_issue:hover .tooltip { right: 0px; }
#go_next_open_issue:hover .tooltip { right: 0px; }
#go_next_issue { border-left: 1px solid rgba(100, 100, 100, 0.3); }
#go_previous_issue { border-right: 1px solid rgba(100, 100, 100, 0.3); }
.issue_navigation a { display: block; padding-top: 20px; padding-bottom: 20px; line-height: 0px; }
/* end viewissue navigation */

/* time spent */
.issue_timespent_form { margin-top: 5px; margin-bottom: 10px; }
.issue_timespent_form li label { display: inline-block; min-width: 150px; }
.issue_timespent_form li label.optional { font-weight: normal; }
#spent_time_content a { font-size: 1em; }
#estimated_percentbar { width: 200px; margin-top: 5px; }
/* end time spent */

/* issue edit and undo link styling - also what makes them appear and disappear */
#title_edit { margin-top: 5px; }
img.dropdown { float: left; margin-right: 5px; display: none; cursor: pointer; margin-top: 6px; }
img.spinning { float: right; margin-right: 5px; }
dd:hover img.dropdown, .hoverable:hover img.dropdown { float: left; margin-right: 5px; display: inline; }
.issue_detail_changed img.undo, .issue_detail_unmerged img.undo { float: left; margin-right: 5px; display: inline; }
img.undo { display: none; }
#viewissue_left_box_issuetype img.undo, #viewissue_left_box_issuetype img.dropdown { margin-top: 7px; }
/* end edit and undo styling */

/* issue left hand list */
.issue_lefthand { width: 300px; padding: 0; vertical-align: top; }
dl { margin: 0; font-size: 0.85em; padding: 0 0 0 0; position: relative; min-height: 16px; clear: both; }
dt { width: 85px; font-weight: bold; padding: 3px 2px 2px 2px; clear: both; }
dd { float: left; display: block; width: 195px; font-weight: normal; margin: 0; padding: 3px 5px 1px 2px; min-height: 16px; }

#viewissue_left_box_top { margin: 0; }
#viewissue_left_box_bottom { margin: 5px; }
#viewissue_left_box_issuetype, #viewissue_left_box_status { margin: 0 5px 0 2px; }
#viewissue_left_box_issuetype table tr td { font-size: 1.1em; font-weight: bold; }
#viewissue_left_box_status { font-weight: normal; }
#viewissue_left_box_status table tr td { font-weight: normal; }
.issue_closed .status_badge { opacity: 0.7; }
.status_badge { font-weight: normal; display: inline-block; color: rgba(0, 0, 0, 0.45); text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0.2); padding: 3px 5px; line-height: 1; border-radius: 3px; vertical-align: middle; }
*.button-pressed + .more_actions_dropdown { display: block; }
.userdropdown .more_actions_dropdown, .article .userdropdown .more_actions_dropdown { right: auto; font-size: 1em; }
.more_actions_dropdown { padding: 0; position: absolute; z-index: 99999; right: 0; display: none; background: #FFF; border: 1px solid #CCC; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
.more_actions_dropdown li { min-height: 23px; position: relative; display: block; line-height: 1.7; text-transform: none; }
.more_actions_dropdown li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.more_actions_dropdown li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.more_actions_dropdown li a, .more_actions_dropdown li a:hover { display: block; font-size: 0.9em; font-weight: normal; color: #333; text-decoration: none; border: 0; padding: 3px 5px; line-height: 1.3; white-space: nowrap; }
#issue_details .more_actions_dropdown li a, #issue_details .more_actions_dropdown li a:hover { white-space: normal; }
.more_actions_dropdown li:hover { background-color: #F1F1F1; }
ul.workflow_actions .more_actions_dropdown li:hover { box-shadow: none; }
.more_actions_dropdown li.header:hover, .more_actions_dropdown li.nohover:hover { background-color: transparent; }
.more_actions_dropdown li:hover .tooltip { bottom: 31px !important; top: auto !important; width: 400px; left: auto; right: 0; margin-left: 0; margin-right: 0; font-size: 0.9em; }
.more_actions_dropdown li .tooltip { bottom: 31px !important; top: auto !important; }
.more_actions_dropdown li img { display: inline-block; vertical-align: text-bottom; margin-right: 5px; }
.more_actions_dropdown li.disabled a { color: #AAA !important; text-shadow: 1px 1px 0px #FFF; }
.more_actions_dropdown li.form_container { padding-left: 5px; }
.title_left_images { width: 32px; padding: 0; position: relative; line-height: 0; }
.title_left_images > .tooltip.from-above.leftie { line-height: 1.43; }

.title_left_images:first-child { width: 42px; }
.title_left_images:hover .tooltip { left: 0; right: auto; top: 65px; bottom: auto; width: 370px; position: absolute; }
.title_left_images:hover .tooltip:before, .title_left_images:hover .tooltip:after { left: 15px; }
.title_left_images img { margin-left: 5px; }
.title_left_images:first-child img { margin-left: 10px; }

.typeahead.dropdown-menu {
    list-style: none;
    padding: 1px;
    border: 1px solid rgba(100, 100, 100, 0.3);
    border-radius: 2px;
    font-size: 1.1em;
    display: block;
    width: 100%;
    background: #FFF;
    margin: 2px 0;
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 10000;
}
.typeahead.dropdown-menu li {
    padding: 3px;
    display: block;
    font-size: 1em;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    background-color: transparent;
    font-size: 1.1em;
}
.typeahead.dropdown-menu li a, .typeahead.dropdown-menu li img {
    vertical-align: middle;
    display: inline-block;
    color: #333;
}
.typeahead.dropdown-menu li.active {
    background-color: rgba(100, 100, 100, 0.2);
}
.typeahead.dropdown-menu li img {
    margin-right: 5px;
    border-radius: 5px;
}

/* left hand dropdown boxes */
.dropdown_header, .more_actions_dropdown li.header { font-weight: normal; font-size: 1.05em; color: #888; border-bottom: 1px dotted #CCC; padding: 7px; margin-bottom: 5px; }
.dropdown_content { font-weight: normal; padding-top: 5px; font-size: 0.9em; }
.dropdown_content ul { list-style-type: none; padding: 0; margin: 5px 0 0 0; clear: both; }
.dropdown_content table { margin: 5px 0 0 0; }
.dropdown_content ul li { font-size: 1em; font-weight: normal; margin: 0; text-align: left; min-height: 18px; padding: 1px; }
.dropdown_content table, .dropdown_content table td { font-weight: normal; margin: 0; text-align: left; height: 18px; padding: 1px; }
.dropdown_content table { margin-top: 5px; }
.dropdown_content label { display: block; text-transform: uppercase; font-weight: normal; color: #888; }
.dropdown_content label + br { display: none; }
.dropdown_content > ul.choices { max-height: 250px; overflow-y: auto; }
/* end dropdown */
/* end left hand list */

.error_message { color: #E44; font-weight: bold; margin: 10px 5px 5px 0; }

/* changed, merged and unmerged styling */
#title_content.issue_detail_unmerged { background-color: #E0aC9C; }
#title_content.issue_detail_changed { background-color: #FFF299; }
/* end changed, merged, unmerged */

#title_field { font-size: 18px; width: auto; padding: 8px 10px 8px 7px; min-width: 930px; }
.viewissue_title { white-space: nowrap; min-width: 700px; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
#title_field.editing .viewissue_title { white-space: normal; overflow: visible; }
#title_field.editing #title_edit { display: none; }
.issue_state, .affected_state { display: inline-block; border-radius: 4px; background-color: rgba(150, 150, 150, 0.2); padding: 2px 4px; font-weight: normal; font-size: 0.8em; margin-right: 2px; text-transform: uppercase; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.2); line-height: 1.4; }
.affected_state, .affected_item .affected_status { cursor: pointer; }
.affected_item { position: relative; margin-bottom: 7px; }
.affected_item .icon_affected_type { display: block; float: left; margin: 10px 10px 0 5px; vertical-align: middle; width: 22px; }
.affected_item .affected_name { display: block; font-size: 1em; margin-bottom: 2px; width: 300px; }
.affected_state { clear: left; }
#issue_details fieldset .affected_status + ul.dropdown_box { margin-top: 32px; margin-left: 37px; }
.affected_item .affected_state img { display: none; }
.issue_state.closed, .affected_state.unconfirmed { background-color: rgba(150, 150, 150, 0.2); color: rgba(100, 100, 100, 0.7); }
.issue_state.open, .affected_state.confirmed { background-color: rgba(177, 210, 143, 0.6); color: rgba(107, 140, 73, 0.8); }
.affected_state.loading img { display: inline-block; vertical-align: middle; }
#title_header, #issue_title, #title_change { display: block; }
#issue_title { margin-top: 3px; margin-bottom: 0px;}
#title_change { margin-top: -2px; }
#title_header { font-size: 0.8em; }
#title_form { display: inline-block; vertical-align: middle; width: 500px; position: relative; }
#title_form input[type="text"] { font-size: 0.8em; margin-right: 5px; width: 100%; box-sizing: border-box; vertical-align: top; height: 26px; display: inline-block; padding-left: 8px; }
#title_form .title_form_save_container { vertical-align: middle; display: block; white-space: nowrap; font-size: 0.9em; position: absolute; height: auto; right: 0; top: 26px; z-index: 101; padding: 4px 8px; background-color: rgb(235, 235, 235); border: 1px solid rgba(100, 100, 100, 0.5); border-top: 0; }
#title_form .title_form_save_container .button, #title_form .title_form_save_container .button:hover { padding: 5px 8px; font-weight: normal; font-size: 1em; }
.viewissue_description_header, .viewissue_affects_header, .viewissue_reproduction_steps_header, .viewissue_customfield_header { font-weight: bold; font-size: 1.1em; padding: 0 0 5px 0; }
.viewissue_description, .viewissue_affects, .viewissue_reproduction_steps, .viewissue_customfield { font-weight: normal; padding: 0; margin: 0; }
.issue_inline_description { width: auto; overflow: auto; }


.header_div { border-bottom: 1px solid #CCC; padding: 3px; margin-top: 5px; font-weight: normal; color: #888; font-size: 1.1em; text-transform: uppercase; }
.header_div td { font-weight: bold; vertical-align: middle; }
.header_div td.nice_button input { font-size: 0.8em; }
.header_div.smaller, label.smaller, div.smaller { font-size: 0.9em; }
.header_div.bigger, label.bigger, div.bigger { font-size: 1.2em; }
.header_div.light { border-color: #EEE; }
.no_items { color: #AAA; font-size: 1em; padding: 5px 0; }
.percent_filled { background-color: #8C8; }
.percent_unfilled { background-color: #aFa; }
.issue_lefthand .percent_filled a, .percent_unfilled a { display: block; height: 14px; }
.issue_lefthand .percent_filled a:hover, .percent_unfilled a:hover { border: 0; }

.faded_out .percent_filled { background-color: #BBEDB9; }
.faded_out .percent_unfilled { background-color: #D8FFD1; }
.priority_percentage .percent_unfilled, .priority_percentage .faded_out .percent_unfilled { background-color: #E2FFE1; }
.statistics_percentage .hover_highlight > td:first-child {font-weight: normal; font-size: 13px !important; padding-left: 3px;}
.statistics_percentage .hover_highlight > td:nth-child(2) {text-align: right; font-weight: bold !important; padding-right: 5px; vertical-align: middle;}
.statistics_percentage .hover_highlight > td:last-child {width: 50%; vertical-align: middle;}


#upload_error_div { margin: 10px 5px 5px 5px; }
#viewissue_attached_information, #viewissue_related_information, #viewissue_duplicate_issues { margin-top: -5px; }
#viewissue_related_information li, #viewissue_attached_information li, #viewissue_duplicate_issues li { width: 335px; position: relative; }
#viewissue_related_information li button, #viewissue_attached_information li button, #viewissue_duplicate_issues li button {
    float: right;
    margin-right: 3px;
    font-size: 0.9em;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#viewissue_related_information li:hover button, #viewissue_attached_information li:hover button, #viewissue_duplicate_issues li:hover button { opacity: 1; }
#viewissue_related_information li.closed > a, #viewissue_duplicate_issues li.closed > a { color: #549D54; text-decoration: line-through; }
.userdropdown { display: inline-block; position: relative; }
#viewissue_affected { margin: 5px 0 0 0; }
#viewissue_log_loading_indicator { display: inline-block; vertical-align: middle; margin-left: 5px; }
#viewissue_log_items ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#viewissue_log_items ul li { list-style: none; margin: 0; padding: 2px 0; }
#viewissue_log_items ul li img { margin: 3px 5px -3px 5px; }
#viewissue_log_items ul li span.date { font-size: 0.85em; color: #AAA; display: inline-block; min-width: 120px; }
.comment_log_items { list-style: none; margin: 5px 10px; padding: 0; }
.comment_log_items span.date { display: none; }
.comment_log_items img { margin: 3px 5px -3px 5px; }
#affected_list th { font-size: 0.85em; }
#viewissue_commits { margin: 10px 0 0 0; }
#viewissue_attached_information .header_div a { float: right; margin-left: 5px; }
#viewissue_attached_information .header_div a:hover { border: 0; }
#attach_file .rounded_box { position: absolute; top: 25px; left: 50%; z-index: 100001; clear: both; width: 500px; margin: 0 0 0 -250px; }
#attach_file .rounded_box { padding: 0 5px 5px 5px; text-align: left; font-size: 0.9em; }
#attach_file .rounded_box .header_div.bigger { padding-top: 5px; margin: 0 0 5px 0; }
#attach_file .rounded_box .content { padding: 0 5px 0 5px; }
#attach_file .rounded_box #done_div { text-align: center; font-size: 1.1em; padding: 10px; margin-top: 5px; background-color: #F1F1F1; }
#attach_file #uploaded_files_container { max-height: 160px; overflow: auto; }
#attach_file #uploaded_files { table-layout: fixed; width: 100%; background-color: #FFF; }
#uploader_no_uploaded_files { padding: 5px 0 15px 5px; }

#viewissue_add_relation_div, #viewissue_add_item_div { text-align: left; padding: 10px; }
#viewissue_find_issue_form div { text-align: left; font-size: 0.9em; margin-top: 10px; }
#viewissue_find_issue_form input[type="text"] { width: 300px; }
#viewissue_relation_results table { margin-top: 5px; }
#viewissue_relation_results .issue_title { width: auto; }
#viewissue_relation_results .faded_out { font-weight: normal; }

ul.attached_items { list-style: none; padding: 0; margin: 5px 0 0 0; }
.attached_item a.downloadlink, .attached_item a.downloadlink:hover { display: inline-block; font-size: 1em; width: 303px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; padding: 0 5px 0 0; text-decoration: none; border: none; }
.attached_item a.downloadlink img, .affected_item img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.affected_item .removelink, .attached_item .removelink, .relatedissue .removelink, .duplicatedissue .removelink, .attached_item .removelink:hover, .relatedissue .removelink:hover, .duplicatedissue .removelink:hover { display: inline-block; vertical-align: middle; margin-right: 5px; width: 17px; opacity: 0.3; transition: opacity 0.3s ease; }
.relatedissue .removelink, .affected_item .removelink, .duplicatedissue .removelink { float: right; }
.attached_item:hover .removelink, .affected_item:hover .removelink, .relatedissue:hover .removelink, .duplicatedissue:hover .removelink, .attached_item:hover .removelink:hover, .relatedissue:hover .removelink:hover, .duplicatedissue:hover .removelink:hover { opacity: 1; }
.attached_item:hover .removelink a:hover, .affected_item:hover .removelink a:hover, .relatedissue a.removelink:hover, .duplicatedissue a.removelink:hover { text-decoration: none; border: none; }
.attached_item .upload_details { display: block; padding: 5px 0; font-size: 0.9em; color: #AAA; font-style: italic; }
#viewissue_attached_information .attached_item.file_image, #article_attachments .attached_item.file_image { display: inline-block; width: 160px; margin-top: 10px; position: relative; vertical-align: top; }
#viewissue_attached_information .attached_item.file_image:nth-child(odd), #article_attachments .attached_item.file_image { margin-right: 5px; }
#viewissue_attached_information .attached_item.file_image .removelink, #article_attachments .attached_item.file_image .removelink { position: absolute; top: 5px; right: 0; cursor: pointer; padding: 3px 2px; }
#viewissue_attached_information .attached_item .filename, #article_attachments .attached_item .filename { display: block; }
#viewissue_attached_information .attached_item.file_image .removelink:first-of-type, #article_attachments .attached_item.file_image .removelink:first-of-type { right: 20px; }
#viewissue_attached_information .attached_item.file_image:hover .removelink, #article_attachments .attached_item.file_image:hover .removelink { background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(200, 200, 200, 0.8); border-radius: 2px; padding: 2px; line-height: 1em; width: 16px; height: 16px; }
#file_upload_list { display: block; clear: both; }
#file_upload_list li { clear: both; }
#file_upload_list .imagepreview { display: block; float: left; margin-right: 10px; width: 160px; height: 90px; overflow: hidden; }
.imagepreview { display: block; margin: 0; padding: 0; border: 4px solid #FFF; transition: box-shadow 0.3s ease; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.imagepreview:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.imagepreview img { display: block; width: 100%; margin: 0; padding: 0; }

.popup_box li.separator {
    margin: 5px 0px;
    padding: 0;
    height: 1px;
    min-height: 1px;
    border-top: 1px dotted rgba(100, 100, 100, 0.2);
}
.popup_box li.separator:hover {
    background-color: #FFF;
}
.popup_box .form_controls {
    padding: 5px;
    text-align: right;
}
.popup_box .form_controls .button, .popup_box .form_controls .button:hover {
    padding: 2px 6px;
    font-size: 1.1em;
}
.estimator_table {
    padding: 0;
    table-layout: fixed;
    margin: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}
.estimator_table td, .dropdown_content table.estimator_table td {
    padding: 2px;
    width: 20%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.estimator_table td input {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 90%;
    display: inline-block;
}
.estimator_table tr:nth-child(2) td {
    text-transform: uppercase;
    color: #888;
    font-size: 0.9em;
}

.issuedetailspopup .button-group { float: right; }
.issuedetailspopup .button-group .button { padding: 3px 7px; font-size: 0.85em; }
.issuedetailspopup ul.simple_list { margin-top: 0; }
.issuedetailspopup ul.simple_list > li:first-child { padding-top: 0; }
.issuedetailspopup ul.simple_list > li { clear: both; padding: 5px 0; }
.issuedetailspopup li.faded_out { padding: 3px 3px 10px 3px; }
.issuedetailspopup label { display: inline-block; float: none; min-width: 150px; padding: 4px 0; vertical-align: top; color: #888; font-weight: normal; font-size: 1em; text-transform: uppercase; }
.issuedetailspopup #popup_assigned_to_change { position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -249px; }
.issuedetailspopup .time_logger_summary { display: inline-block; float: none; width: 500px; }
.issuedetailspopup .time_logger_summary label { color: #333; }
.issuedetailspopup .textarea_hint { color: #AAA; }
.issuedetailspopup select {
    width: 635px;
    padding: 5px;
    height: 30px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.show_duplicate_search .duplicate_search { display: block; margin: 5px 0; }
.duplicate_search { display: none; }
.duplicate_search input[type=text] {
    font-size: 13px;
    line-height: 17px;
    padding: 5px;
    width: 555px;
    vertical-align: middle;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.duplicate_search input[type=button] {
    font-size: 13px;
    line-height: 17px;
    padding: 5px;
    display: inline-block;
    margin-left: -4px;
    width: 70px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

table.issue_affects td { padding: 3px; }
table.issue_affects td img { vertical-align: bottom; }
#viewissue_left_box_top table.issue_affects th { background: rgb(244, 236, 139); border-bottom-color: #e3dda5; }
.issue_affects img.hover_visible { display: none; }
.issue_affects td:hover img.hover_visible { display: inline; }
/* end view issue styling */

/* user dashboard styling */
.dashboard.layout_standard { list-style-type: none; padding: 0; margin: 0 5px 0 0; clear: both; }
#customize_dashboard_icon img, #customize_dashboard_icon span { float: right; margin-right: 10px; }
#customize_dashboard_icon span { display: none; color: #AAA; font-size: 1.1em; }
#customize_dashboard_icon:hover span { display: inherit; }
.dashboard.layout_standard {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: left;
    float: none;
    padding: 0;
    margin: 0;
}
.dashboard.layout_standard ul.dashboard_column {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 49.8%;
    vertical-align: top;
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
.dashboard.layout_standard ul.dashboard_column > li {
    font-size: 1em;
    font-weight: normal;
    clear: both;
    margin: 5px 0;
    padding: 0;
    text-align: left;
    float: none;
    width: 100%;
    list-style: none;
    position: relative;
}
.dashboard.layout_standard ul.dashboard_column > li .container_div {
    margin: 5px;
    border: 1px solid rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.15);
    margin-bottom: 15px;
}
.dashboard.layout_standard ul.dashboard_column > li img.mover, .dashboard.layout_standard ul.dashboard_column > li img.remover { float: right; margin: 3px 5px 0 5px; display: none; }
.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.mover { display: inline-block; cursor: move; }
.dashboard.layout_standard.editable ul.dashboard_column.jsortable > li:hover img.remover { display: inline-block; cursor: pointer; }
.dashboard.layout_standard ul.dashboard_column > li .faded_out { font-size: 0.9em; font-weight: normal; }
.dashboard.layout_standard ul.dashboard_column > li table tr td { font-size: 1em; font-weight: normal; vertical-align: top; }
.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td { text-decoration: line-through; color: #AAA; }
.dashboard.layout_standard ul.dashboard_column > li table tr.issue_closed td a { color: #88C688; }
.dashboard.layout_standard ul.dashboard_column > li table tr td .issue_closed { text-decoration: line-through; }
.dashboard.layout_standard ul.dashboard_column > li .imgtd img {padding: 4px 5px 0 0}
.dashboard.layout_standard ul.dashboard_column > li .header, #dashboard_lefthand .header, #dashboard_righthand .header { margin: 2px 5px; padding: 3px 3px 5px 2px; font-weight: normal; font-size: 1em; border-bottom: 1px dotted #CCC; background-color: #FFF; }
.dashboard.layout_standard ul.dashboard_column > li .milestone_box .header { margin: 0 -10px; padding: 0; border: none; background: none; border-bottom: 1px dotted #CCC; }
.dashboard.layout_standard .dashboard_view_header { font-weight: bold; color: #666; font-size: 1em; padding: 4px; }
.dashboard.layout_standard .dashboard_view_content { padding: 5px 10px; }
.dashboard.layout_standard .dashboard_view_content ul li { float: none; width: auto; }
.dashboard.layout_standard .dashboard_view_content .button.dash { float: right; margin-left: 5px; overflow: visible; font-size: 0.9em; }
.dashboard.layout_standard .dashboard_view_content .project_list { font-size: 0.8em; }
.dashboard.layout_standard .dashboard_view_header img { margin-right: 2px; }
.dashboard.layout_standard .latest_action_dates{ font-weight: bold; padding: 10px 0 0 7px; }
.dashboard.layout_standard .faded_out.smaller { font-size: 0.8em; padding-right: 5px; }
.dashboard.layout_standard .issue_link { display: block; font-size: 1em; }
.dashboard.layout_standard .issue_link img { float: left; display: block; margin: 7px; vertical-align: middle; }
.dashboard.layout_standard .issue_link + .status_badge { font-size: 0.8em; }
#dashboard_lefthand, #dashboard_righthand { font-size: 0.95em; position: relative; }
#dashboard_lefthand { width: 250px; padding: 5px 10px 5px 0; border-right: 1px solid #DDD; }
#dashboard_righthand { width: 250px; padding: 5px 5px 5px 10px; box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.3) inset; border-left: 1px dotted #DDD;}
#dashboard_lefthand a.friend { color: #00a400; }
#dashboard_lefthand.side_bar.collapsed { width: 25px; margin: 0; }
#dashboard_righthand.side_bar.collapsed { width: 25px; border: none; padding: 0; margin: 0; }
#dashboard_lefthand .container_divs_wrapper {
    width: 239px;
}
#dashboard_lefthand.collapsed .container_divs_wrapper {
    margin-left: -239px;
}

.jsortable .sortable-placeholder {
    display: block;
    margin: 5px;
    width: auto;
    box-shadow: none;
    border: 1px dotted rgba(100, 100, 100, 0.3);
    height: 70px;
    box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: rgba(240, 240, 240, 0.2);
}
.dashboard_add_view_container { display: none; }
.dashboard.layout_standard.editable .dashboard_add_view_container { display: block; cursor: pointer; }
.dashboard_add_view_container > div { font-size: 2.1em; font-weight: normal; border: 2px dotted #DDD; padding: 50px 0; text-align: center; background-color: #FAFAFA; color: rgba(100, 100, 100, 0.4); margin: 0 5px 10px 5px; }
.dashboard_indicator, .planning_indicator { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); z-index: 11; }
#planning_indicator { position: fixed; }
.dashboard_indicator img, .milestone_box .planning_indicator img, .planning_indicator img { position: absolute; left: 50%; top: 50%; margin-top: -8px; margin-left: -8px; }
#planning_indicator.planning_indicator img { top: 200px; }
.planning_indicator .milestone_percentage {
    width: 400px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 250px;
    height: 20px;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.4) inset;
    border-radius: 10px;
}
.planning_indicator .milestone_percentage .filler {
    height: 20px;
    border-radius: 10px;
}

#add_dashboard_views .available_views_list { list-style: none; margin: 0; padding: 0; }
#add_dashboard_views h3, #add_dashboard_views h4 { font-weight: normal; color: #888; text-transform: uppercase; border-bottom: 1px dotted #CCC; padding: 0 0 5px 0; margin: 0 0 5px 0; }
#add_dashboard_views h3 { font-size: 1.1em; }
#add_dashboard_views h4 { font-size: 1em; }
#add_dashboard_views .project_left { width: 200px; display: inline-block; vertical-align: top; }
#add_dashboard_views .available_views_container { width: 570px; margin-left: 10px; display: inline-block; vertical-align: top; height: 500px; overflow-x: auto; }
#add_dashboard_views .available_views_list li {
    display: block;
    float: none;
    padding: 10px;
    vertical-align: top;
    border: 1px solid rgba(100, 100, 100, 0.3);
    box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.4);
    margin: 0 10px 7px 0;
}
#add_dashboard_views .available_views_list li .icon_container {
    padding: 5px 0;
    width: 7%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#add_dashboard_views .available_views_list li .description {
    color: #666;
    font-size: 1em;
    padding: 5px 0;
    width: 92%;
    display: inline-block;
    vertical-align: top;
}
#add_dashboard_views .available_views_list li .add_button_container {
    padding: 10px 0;
    display: block;
    text-align: right;
}
#add_dashboard_views .available_views_list li .add_button_container img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#add_dashboard_views .available_views_list li .add_button_container .button, #add_dashboard_views .available_views_list li .add_button_container .button:hover {
    font-size: 1em;
    padding: 4px 7px;
}
#add_dashboard_views .backdrop_detail_footer {
    padding: 15px 10px;
}
#add_dashboard_views .backdrop_detail_footer .button, #add_dashboard_views .backdrop_detail_footer .button:hover {
    font-size: 1.2em;
    padding: 5px 8px;
}

#dashboard_righthand .collapser_link { left: -1px; right: auto; border-left: none; border-right: 1px dotted #CCC; box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.2); }
#issue_details .collapser_link { right: -1px; top: 8px; position: absolute; background-color: #FFF; border: 1px solid #E5E5E5; border-right-style: none; line-height: 1; padding: 5px 3px 2px 3px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) inset; }
@-moz-document url-prefix() {
    #issue_details .collapser_link {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    }
}
#issue_details .collapser_link:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 19px;
    background-color: #FFF;
    top: 2px;
    left: 16px;
}
@-moz-document url-prefix() {
    #issue_details .collapser_link:before {
        top: 1px;
    }
}
#issue_details .collapser_link:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 24px;
    background-color: #FFF;
    top: -2px;
    left: 20px;
}
#issue_details .collapser_link .collapser { display: inline; }
#issue_details .collapser_link .expander { display: none; }
#issue_details.collapsed .collapser_link .collapser { display: none; }
#issue_details.collapsed .collapser_link .expander { display: inline; }

.backdrop_box.sectioned input[type=text] {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 3px;
    font-size: 1em;
}

.backdrop_box.sectioned input[type=text].primary {
    padding: 6px;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.backdrop_box.sectioned .input[type=text].secondary {
    padding: 4px;
    font-size: 1em;
    margin-bottom: 10px;
}
.backdrop_box.sectioned h2 {
    font-weight: normal;
    color: #888;
    padding: 5px 0;
    margin: 15px 5px 5px 5px;
    border-bottom: 1px dotted #CCC;
    font-size: 1.1em;
}
.backdrop_box.sectioned label {
    display: block;
}
.backdrop_box.sectioned .fancyfilter {
    display: block;
    clear: both;
    margin-bottom: 8px;
    margin-right: 0;
    max-width: none;
}
.backdrop_box.sectioned .fancyfilter label {
    display: inline-block;
    margin-top: 0;
}
.sectioned_table {
    padding: 0;
    margin: 0;
    width: 790px;
    table-layout: auto;
}
.sectioned_table td {
    width: auto;
    vertical-align: top;
}
.sectioned_table td:first-child {
    width: 280px;
    white-space: nowrap;
}
.sectioned_table td .description { color: #AAA; padding: 0 8px 8px 8px; font-size: 1em; font-style: italic; }
.sectioned_table td label { margin-top: 15px; }
.sectioned_table td label:first-child { margin-top: 0; }
.edit_milestone .milestone_include_issues {
    border: 1px solid rgba(100, 100, 100, 0.3);
    background-color: #F7F4DF;
    padding: 6px;
    font-weight: normal;
    font-size: 1.1em;
    margin: 20px 5px;
    color: rgba(0, 0, 0, 0.6);
}

.planning_filter_title {
    float: left;
    font-size: 1.1em;
    vertical-align: middle;
    padding: 4px 4px 4px 28px;
    width: 150px;
    background-position: 6px 6px;
    background-repeat: no-repeat;
    transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
}
.planning_filter_title:focus {
    width: 250px;
}

#project_planning.issue_title_filtered .milestone_issue,
#project_planning.issue_title_filtered .whiteboard-issue {
    display: none;
}
#project_planning.issue_title_filtered .milestone_issue.title_unfiltered,
#project_planning.issue_title_filtered .whiteboard-issue.title_unfiltered {
    display: block;
}

#builds_list, #epics_list {
    list-style: none;
    margin: -15px 0 0 0;
    padding: 15px;
    display: none;
    background-color: #FFF;
    border-top: 1px solid rgba(100, 100, 100, 0.25);
    box-shadow: 0 3px 6px rgba(100, 100, 100, 0.1) inset, 0 -3px 6px rgba(100, 100, 100, 0.1) inset;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    max-height: 135px;
}
#builds_list.expanded, #epics_list.expanded {
    display: block;
}
#builds_list li, #epics_list li {
    margin: 0 10px 10px 0;
    background-color: rgba(200, 200, 200, 0.1);
    border: 1px solid rgba(100, 100, 100, 0.1);
    padding: 10px;
    min-height: 100px;
    width: 250px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    -o-transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    -ms-transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    -moz-transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
    -webkit-transition: opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
#epics_list li.epic {
    padding: 10px 10px 10px 20px;
}
#epics_list li .story_color {
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    opacity: 0.6;
    height: 100%;
}
#epics_list li.add_epic_container {
    width: auto; background-color: rgba(200, 200, 200, 0.1); font-size: 3.2em; line-height: 2.4em; font-weight: 100; color: rgba(100, 100, 100, 0.5); text-align: center; vertical-align: middle; border: 1px dotted rgba(100, 100, 100, 0.5); cursor: pointer; padding: 0;
}
#epics_list li.add_epic_container:hover, #epics_list li.add_epic_container.selected {
    background-color: rgba(200, 200, 200, 0.2); border-color: rgba(100, 100, 100, 0.6); color: rgba(100, 100, 100, 0.7);
}
#epics_list li.add_epic_container .plus {
    display: block;
    width: 50px;
    padding: 11px;
}
#epics_list li.add_epic_container form {
    display: none;
    text-align: left;
}
#epics_list li.add_epic_container label {
    font-weight: normal;
    font-size: 0.9em;
    padding: 5px 0 0 0;
    display: block;
    margin: 0;
    float: none;
}
#epics_list li.add_epic_container label:first-of-type {
    padding-top: 0;
}
#epics_list li.add_epic_container form input[type=text] {
    font-size: 1.1em;
    padding: 2px 5px;
    width: 240px;
}
#epics_list li.add_epic_container form input[type=text][name=shortname] {
    font-size: 1em;
    padding: 1px 5px;
}
#epics_list li.add_epic_container form .actionbuttons {
    display: block;
    font-size: 1em;
    text-align: right;
    margin: 7px 0 0 0;
}
#epics_list li.add_epic_container form .actionbuttons .button {
    font-weight: normal;
    padding: 2px 5px;
    font-size: 1em;
    margin-right: -1px;
}
#epics_list li.add_epic_container.selected {
    cursor: default;
    border-style: solid;
    font-size: 1em;
    line-height: 1.2em;
    width: 250px;
    padding: 5px 10px;
}
#epics_list li.add_epic_container.selected form {
    display: block;
}
#epics_list li.add_epic_container.selected .plus {
    display: none;
}
#builds_list li:hover, #epics_list li:hover {
    cursor: pointer;
    border-color: rgba(100, 100, 100, 0.3);
    background-color: rgba(200, 200, 200, 0.2);
}
#builds_list.filtered li, #epics_list.filtered li {
    opacity: 0.4;
}
#builds_list.filtered li.selected, #epics_list.filtered li.selected {
    opacity: 1;
    border-color: rgba(150, 150, 50, 0.3);
    background-color: rgba(200, 200, 150, 0.2);
}
#builds_list li.drop-hover, #epics_list li.drop-hover {
    background-color: rgba(75, 175, 75, 0.1);
    border-color: rgba(100, 100, 100, 0.4);
}
#builds_list .release_name, #epics_list .epic_name {
    font-size: 1.1em;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    border: none;
    padding: 3px 0;
}
.release_percentage, .epic_percentage { display: block; height: 5px; background-color: #E8E8E8; padding: 0; width: 100%; margin: 5px 0; position: relative; }
.release_percentage .filler, .epic_percentage .filler {
    display: block;
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(83, 83, 183, 0.5);
    transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
}

.backlog_toggler {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid transparent;
    vertical-align: top;
    display: inline-block;
    line-height: 1em;
    opacity: 0.4;
    transition: opacity 0.3s ease, border-color 0.3s ease;
    -o-transition: opacity 0.3s ease, border-color 0.3s ease;
    -ms-transition: opacity 0.3s ease, border-color 0.3s ease;
    -moz-transition: opacity 0.3s ease, border-color 0.3s ease;
    -webkit-transition: opacity 0.3s ease, border-color 0.3s ease;
}
.backlog_toggler img { vertical-align: top; display: block; }
.backlog_toggler:hover { cursor: pointer; border-color: rgba(100, 100, 100, 0.1); opacity: 1; }
.left_toggled .backlog_toggler { box-shadow: 0 0 4px rgba(100, 100, 100, 0.2) inset; border-color: rgba(100, 100, 100, 0.3); background-color: rgba(220, 220, 220, 0.1); opacity: 1; }
.left_toggled #milestone_0_issues { display: none; }

.planning_board_intro {
    font-size: 1em;
    color: #555;
    margin: 15px auto;
    padding: 15px;
    width: 50%;
    border: 1px solid #CCC;
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2);
}

#planning_board_settings_gear { margin-left: 5px; margin-right: 0; cursor: pointer; padding: 4px; }
.project_header .planning_board_settings_gear, .project_header .planning_board_settings_gear:hover { margin-top: 6px; margin-right: -5px; margin-left: 10px; display: inline-block; float: right; cursor: pointer; border: none; padding: 4px; }
.project_header .planning_board_settings_gear.button-pressed + ul { margin-top: 32px; font-size: 1.1em; margin-right: -5px; }

#no_milestones {
    color: #888;
    padding: 5px 20px;
    font-size: 1.1em;
}

#milestone_list {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    float: none;
    clear: both;
}
.milestone_box {
    margin: 0;
    font-size: 1em;
    position: relative;
    border: none;
    padding: 0 5px;
    box-shadow: none;
    border-radius: 0;
}
#milestone_list .milestone_box {
    border: 1px dotted rgba(100, 100, 100, 0.2);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    padding: 5px 10px;
}
.milestone_box.highlighted { background-color: #FFF299; }
.dashboard_milestones { padding: 5px 10px; }
.milestone_box.unavailable:hover { opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; }
.milestone_box .status { font-weight: normal; text-align: right; margin-top: 10px; }
.milestone_box .percentage { position: relative; margin-top: 5px; }
.milestone_box .percentage .numbers { position: absolute; right: 2px; text-align: right; font-size: 0.8em; }
.milestone_box .header { padding: 4px 0; border: none; font-size: 1.1em; font-weight: normal; }
.milestone_box .milestone_basic_container, .milestone_box .milestone_counts_container {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 25px;
}
.milestone_counts_container table, .milestone_box .milestone_counts_container tr { border: 0; padding: 0; margin: 0; width: auto; color: #555; background-color: #FFF; font-size: 0.8em; }
.milestone_counts_container td { padding: 0 10px; text-align: center; font-weight: normal; }
.milestone_counts_container tr:first-child td { font-size: 2.3em; line-height: 1.1em; }
.milestone_counts_container tr:nth-child(2) td { font-size: 1em; line-height: 1.1em; text-transform: uppercase; color: #AAA; }
.milestone_box .milestone_name { font-weight: normal; font-size: 1.2em; text-transform: uppercase; color: #777; display: inline-block; vertical-align: middle; margin-bottom: 5px; }
.milestone_box .milestone_name.milestone_virtual_status { height: 30px; width: 400px; padding-bottom: 2px; background-color: #FFF; position: relative; border: 1px solid transparent; }
.milestone_box .header .button, .milestone_box .header .button:hover { font-size: 0.9em; padding: 2px 5px; }
.milestone_box .header .button img { display: none; }
.milestone_box .header .button[disabled] img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.milestone_box .header .settings_container, .milestone_box .header .draggable { position: relative; float: right; margin: 0 5px; line-height: 1em; }
.milestone_box .header .settings_container img, .milestone_box .header .draggable img { padding: 3px 5px; cursor: pointer; }
.milestone_box .header .draggable { display: none; }
#project_planning.milestone-sort .milestone_box { cursor: move; }
#project_planning.milestone-sort .milestone_box .header .draggable { display: block; }
#project_planning.milestone-sort .milestone_box .header .settings_container, #project_planning.milestone-sort .milestone_box .header .button-group, #project_planning.milestone-sort .milestone_box .milestone_issues { display: none; }
dl.info { display: block; white-space: normal; }
.milestone_box .backlog dl.info { display: inline-block; margin-left: 25px; }
.fancydropdown + ul li dl.info { display: inline-block; margin-left: 0; width: 265px; }
dl.info dt, dl.info dd { display: inline-block; width: auto; text-align: left; float: none; padding: 2px; vertical-align: middle; font-weight: normal; }
dl.info dt { margin: 0 5px 0 0; text-transform: uppercase; color: #AAA; white-space: nowrap; }
.release dl.info dt, .epic dl.info dt { width: 100px; }
.fancydropdown + ul li dl.info dt { width: 85px; }
.release dl.info dd, .epic dl.info dd { width: 120px; }
.fancydropdown + ul li dl.info dd { width: 160px; }
.milestone_box dl.info dt.milestone_issues_count { margin-right: 0; line-height: 1em; }
.milestone_box dl.info dt.milestone_issues_count.collapsable, .milestone_box dl.info dt.milestone_issues_count.collapsable + dd { cursor: pointer; }
.milestone_box dl.info dt.milestone_issues_count img { vertical-align: middle; }
.milestone_box dl.info dt.milestone_issues_count + dd { margin-left: -5px; min-width: 25px; }
.milestone_box dl.info dd { margin: 0 20px 0 0; min-width: 90px; }
.milestone_percentage { display: block; height: 3px; background-color: #E7E7E7; padding: 0; width: 100%; margin: 5px 0; position: relative; }
.milestone_percentage .filler {
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(119, 183, 83, 0.5);
    transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
}
.milestone_issue_actions .more_actions_dropdown { position: absolute; margin: 23px 0 0; padding: 0; z-index: 10; text-align: left; }
.milestone_issue_actions .more_actions_dropdown li:hover .tooltip { bottom: 35px !important; top: auto !important; width: auto; margin-left: -100px; font-size: 0.9em; }
.milestone_issue_actions .more_actions_dropdown li .tooltip { bottom: 70px !important; top: auto !important; }
.milestone_moreactions.more_actions_dropdown { left: auto; right: 0; margin-top: 0; }
.more_actions { margin-top: 0; }
.more_actions_dropdown .header { padding: 5px; background-color: rgb(253, 250, 223); }
.more_actions_dropdown .header:hover { background-color: rgb(253, 250, 223) !important; }
.milestone_box .milestone_issues {
    list-style: none;
    padding: 0 15px 0 0;
    margin: 10px 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px dotted transparent;
    transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -webkit-transition: border 0.3s ease;
    border-radius: 2px;
}
#milestone_list .milestone_box .milestone_issues {
    margin: 10px 0;
    padding: 10px 20px;
}
#milestone_list .milestone_box .milestone_issues.empty, #milestone_list .milestone_box .milestone_issues.collapsed {
    border: 1px dotted rgba(100, 100, 100, 0.2);
    width: auto;
}
.milestone_box .milestone_no_issues {
    color: #888;
    padding: 0 15px 15px 15px;
}
.milestone_box .milestone_error_issues {
    color: #D66;
    padding: 5px;
    margin: 10px;
    border: 1px solid #D66;
}
.milestone_box .milestone_issues li.new_milestone_marker {
    margin: 3px 0 3px -7px;
}
.milestone_box .milestone_issues li.new_milestone_marker:first-child {
    margin: 0 0 2px -7px;
    padding: 1px 0;
}
.milestone_box .milestone_issues li.new_milestone_marker .draggable {
    padding: 3px 5px;
    border-top: 2px solid rgba(0, 140, 0, 0.2);
    border-bottom: 2px solid rgba(0, 140, 0, 0.2);
    background: #FFF;
    cursor: row-resize;
    text-align: left;
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    z-index: 10;
    transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -webkit-transition: border 0.3s ease;
    opacity: 1;
}
.milestone_box .milestone_issues:hover li.new_milestone_marker .draggable {
    border-top: 2px solid rgba(0, 140, 0, 0.8);
    border-bottom: 2px solid rgba(0, 140, 0, 0.8);
}
.milestone_box .milestone_issues li.new_milestone_marker .button, .milestone_box .milestone_issues li.new_milestone_marker.ui-sortable-helper:first-child .button, .milestone_box .milestone_issues li.new_milestone_marker .milestone_counts_container, .milestone_box .milestone_issues li.new_milestone_marker:first-child.ui-sortable-helper .milestone_counts_container {
    display: inline-block;
    padding: 3px 8px;
    font-size: 1.1em;
}
.milestone_box .milestone_issues li.new_milestone_marker.ui-sortable-helper .button {
    opacity: 0.3;
}
.milestone_box .milestone_issues li.new_milestone_marker .button {
    float: right;
    margin-top: 9px;
}
.milestone_box .milestone_issues li.new_milestone_marker:first-child .button, .milestone_box .milestone_issues li.new_milestone_marker:first-child .milestone_counts_container {
    display: none;
}
.milestone_box .milestone_issues li.milestone_issue {
    position: relative;
}
.milestone_box .milestone_issues.collapsed li.milestone_issue, .milestone_box .milestone_issues li.milestone_issue.filtered {
    display: none;
}
.milestone_box .milestone_issues.collapsed li.milestone_issue.ui-sortable-placeholder {
    display: block;
    background-color: rgba(200, 200, 50, 0.1);
}
.milestone_box .milestone_issues li.milestone_issue .issue_container {
    padding: 0;
    border: 1px solid rgba(225, 225, 225, 0.6);
    background-color: #FFF;
    display: block;
    position: relative;
    margin: 0;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease;
    -ms-transition: background-color 0.3s ease, border-color 0.3s ease;
    -moz-transition: background-color 0.3s ease, border-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    margin-top: -1px;
}
.whiteboard-issue.blocking {
    border: 1px solid rgba(200, 50, 50, 0.15) !important;
    background-color: rgba(252, 244, 244, 1);
}
.milestone_box .milestone_issues li.milestone_issue .child_issues_container { padding: 0 0 0 15px; list-style: none; margin: 0; }
.milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container, .milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container:hover { box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); border: 1px solid rgba(100, 100, 100, 0.2) !important; background-color: #FFF; display: block; }
.milestone_box .milestone_issues li.milestone_issue .issue_container:hover { background-color: rgba(240, 240, 240, 0.4); }
.milestone_box .milestone_issues li.milestone_issue .issue_container.blocking:hover { background-color: rgba(250, 180, 180, 0.4); }
.milestone_box .milestone_issues li.milestone_issue.included .issue_container { background-color: rgba(200, 240, 200, 0.4); }
.milestone_box .milestone_issues li.milestone_issue.included .issue_container:hover { background-color: rgba(180, 220, 180, 0.4); }

.story_color { display: block; position: absolute; left: 0; height: 100%; width: 10px; padding: 0; border-right: 1px solid rgba(200, 200, 200, 0.2); opacity: 0.6; }
.epic .story_color { border-color: rgba(100, 100, 100, 0.2); }
.story_color.dropper { cursor: pointer; }
.story_color_selector { position: absolute; top: 0px; left: 0px; width: 450px; height: auto; z-index: 999; padding: 5px; color: #333; }
.story_color_selector .color_items { margin: 5px; }
.issue_closed .story_color_selector a, .story_color_selector a { color: #00A400; }
.story_color_selector_item { cursor: pointer; float: left; width: 15px; height: 15px; font-size: 1px; font-weight: normal; padding: 0; border: 0; border: 1px solid rgba(0, 0, 0, 0.5); margin-right: 5px; opacity: 0.6; }

.issue_container .priority {
    position: absolute;
    top: 50%;
    height: 12px;
    margin-top: -7px;
    left: 17px;
    width: 15px;
    text-align: center;
    padding: 0 2px;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 1em;
}
.issue_container .priority.priority_1 { color: #BF0303; font-style: normal; }
.issue_container .priority.priority_2, .issue_container .priority_3 { color: #C39500; }
.issue_container .priority.priority_4 { color: #00892C; font-weight: normal; }
.issue_container .priority.priority_5, .issue_container .priority.priority_6 { color: #888; font-weight: normal; }
.issue_container .priority.priority_0 { color: #DDD; font-weight: normal; }

.milestone_box .milestone_issues li .issue_link, .milestone_box .milestone_issues li .issue_link:hover {
    display: block;
    float: none;
    clear: both;
    padding: 4px 2px 5px 40px;
    margin: 0;
}
.milestone_box .milestone_issues li .issue_link a, .milestone_box .milestone_issues li .issue_link a:hover {
    border: none;
    text-decoration: none;
}
.milestone_box .milestone_issues li .issue_link img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.milestone_box .milestone_issues li .issue_info {
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
    width: auto;
    padding: 2px 2px 2px 17px;
    top: 0;
    text-shadow: none;
    vertical-align: middle;
    line-height: 1em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15px);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
}
.milestone_box .milestone_issues li .issue_container.blocking .issue_info {
    background: linear-gradient(to right, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
    background: -o-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
    background: -ms-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
    background: -moz-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
    background: -webkit-linear-gradient(left, rgba(255, 100, 100, 0) 0%, rgba(255, 100, 100, 0.2) 50px);
}
.milestone_issue .issue_release, .milestone_issue .issue_component, .whiteboard-issue .issue_release, .whiteboard-issue .issue_component, .whiteboard-issue .epic_badge {
    display: inline-block;
    padding: 3px 6px;
    background: #F5F5F5;
    border-radius: 2px;
    color: #777;
    border: 1px solid rgba(100, 100, 100, 0.3);
    vertical-align: middle;
    margin: 1px 1px 0 1px;
    line-height: 1em;
    text-shadow: none;
}
.whiteboard-issue .issue_component, .milestone_issue .issue_component {
    background: rgba(225, 225, 100, 0.5);
}
#project_planning.type-kanban .issue_estimates, #project_planning.type-scrum #project_backlog_sidebar .issue_estimates.estimated_hours { display: none; }
.milestone_issue .issue_estimates, .whiteboard-issue .issue_estimates {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    line-height: 1em;
}
.milestone_issue .issue_estimate {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 2px;
    background: rgba(50, 50, 50, 0.8);
    color: #FFF;
    font-size: 0.85em;
    border: 1px solid rgba(100, 100, 100, 0.3);
    vertical-align: middle;
    margin: 0 1px;
    line-height: 1.25em;
    text-shadow: none;
    margin-top: 1px;
}
.whiteboard-issue .issue_estimates {
    display: block;
    padding: 0;
    color: #AAA;
    font-size: 1.2em;
    font-weight: normal;
    border: none;
    vertical-align: middle;
    text-shadow: none;
    position: absolute;
    top: 4px;
    right: 4px;
    text-align: right;
}
.whiteboard-issue .issue_estimate {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 2px;
    background: rgba(50, 50, 50, 0.8);
    color: #FFF;
    font-size: 0.85em;
    border: 1px solid rgba(100, 100, 100, 0.3);
    vertical-align: middle;
    margin: 0 1px;
    line-height: 1.25em;
    text-shadow: none;
    margin-top: 1px;
}
.milestone_issue .issue_estimate.points,
.whiteboard-issue .issue_estimate.points {
    background: rgba(200, 200, 200, 0.8);
    border-color: rgba(200, 200, 200, 0.8);
    color: rgba(50, 50, 50, 1);
}
.milestone_issue img.avatar, .milestone_issue .status_badge, .milestone_issue .epic_badge {
    opacity: 0.8;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.milestone_box .milestone_issues li .issue_container:hover img.avatar, .milestone_box .milestone_issues li .issue_container:hover .status_badge {
    opacity: 1;
}
.milestone_issue img.blocking, .whiteboard-issue img.blocking {
    display: none;
}
.milestone_issue .status_badge, .milestone_issue .epic_badge, .whiteboard-issue .epic_badge, .milestone_issue .blocking img.blocking, .whiteboard-issue.blocking img.blocking {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 1px 0 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    opacity: 0.6;
}
.milestone_issue .blocking img.blocking, .whiteboard-issue.blocking img.blocking {
    opacity: 1;
}
.epic .status_badge {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0;
    border-radius: 2px;
    width: 13px;
    height: 13px;
}
.epic_badge {
    padding: 3px 4px;
}
a.dynamic_menu_link, a.dynamic_menu_link:hover {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: middle;
    border: none;
    line-height: 1em;
    padding: 2px;
    opacity: 0;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.milestone_issue .issue_container:hover a.dynamic_menu_link, .milestone_issue .issue_container:hover a.dynamic_menu_link:hover, .whiteboard-issue:hover a.dynamic_menu_link, .whiteboard-issue:hover a.dynamic_menu_link:hover {
    opacity: 1;
}
.milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container:hover a.dynamic_menu_link, .milestone_box .milestone_issues li.milestone_issue.ui-sortable-helper .issue_container:hover a.dynamic_menu_link:hover {
    opacity: 0;
}
a.dynamic_menu_link.button-pressed, a.dynamic_menu_link.button-pressed:hover {
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.4) inset;
}
.issue_more_actions_link_container {
    position: absolute;
    right: -21px;
    top: 4px;
}
.whiteboard-issue .issue_more_actions_link_container {
    left: 16px;
    right: initial;
    bottom: 2px;
    top: initial;
}
.milestone_issue .more_actions_dropdown {
    margin-top: 2px;
    right: 0;
}
.whiteboard-issue .more_actions_dropdown {
    margin-top: -1px;
    right: initial;
}
.milestone_issue .more_actions_dropdown .spinning, .milestone_issue .more_actions_dropdown .spinning:hover {
    text-align: center;
    padding: 10px;
    line-height: 1em;
    min-height: 16px;
    vertical-align: middle;
    background: #FFF;
}
.milestone_issue .more_actions_dropdown .spinning img {
    margin: 0;
    opacity: 0.8;
    vertical-align: middle;
}

.milestone_box .milestone_issues { width: 100%; }
.milestone_box .milestone_issues th { background-color: #FFF; border: none; color: #888; font-size: 0.85em; padding: 2px; font-weight: normal; text-transform: uppercase; border-bottom: 1px dotted #CCC; }
.milestone_issues_container { margin-bottom: 20px; }
.milestone_issue_row:hover { background-color: #EFEFEF; }
.milestone_issue_row select { font-size: 0.9em; }
.milestone_issues_indicator { float: right; margin: 0 5px 0 0; }

#project_backlog_sidebar .issue_closed { display: none; }
.milestone_box .milestone_issues .issue_closed .issue_link a, .milestone_box .milestone_issues .issue_closed .issue_link a:hover { color: #A1CFA1; text-decoration: line-through; }
.milestone_box .issue_closed img, .milestone_box .issue_closed .status_badge, .milestone_box .issue_closed .epic_badge, .milestone_box .issue_closed .avatar { opacity: 0.35; }

.milestone_box .milestone_issues li.milestone_issue .issue_container.issue_closed, .milestone_box .milestone_issues li.milestone_issue.issue_closed.has_child_issues .child_issues_container { display: none; }
#milestone_list.show_closed .milestone_box .milestone_issues li.milestone_issue .issue_container.issue_closed, #milestone_list.show_closed .milestone_box .milestone_issues li.milestone_issue.issue_closed.has_child_issues .child_issues_container { display: block; }

#associated_projects li { padding: 0 5px 5px 0; border: 0; position: relative; margin: 0; }
#associated_projects li .project_name { text-align: left; padding: 5px; font-weight: bold; font-size: 0.9em; float: left; }
/* end user dashboard */

/* scrum page styling */
#project_planning td { vertical-align: top; }

.project_boards_list { padding: 10px; }
.project_boards_list ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
.project_boards_list ul li { padding: 0; margin: 0 10px 10px 0; background: #FFF; border: 1px solid rgba(100, 100, 100, 0.5); box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); display: inline-block; vertical-align: top; position: relative; }
.project_boards_list ul li .actionlinks {
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: 0.2;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.project_boards_list ul li:hover .actionlinks {
    opacity: 1;
}
.project_boards_list ul li .actionlinks a, .project_boards_list ul li .actionlinks a:hover {
    display: inline-block;
    float: none;
    text-decoration: none;
    border: none;
    padding: 3px;
}
.project_boards_list ul li a.board, .project_boards_list ul li a.board:hover { min-height: 65px; width: 300px; padding: 10px; margin: 0; display: block; vertical-align: top; color: #555; border: none; text-decoration: none; }
.project_boards_list ul li a.board img { display: inline-block; margin: 5px 10px 0 0; }
.project_boards_list ul li.add_board_container { width: 80px; padding: 12px; background-color: rgba(200, 200, 200, 0.1); font-size: 3.2em; font-weight: 100; color: rgba(100, 100, 100, 0.5); text-align: center; vertical-align: middle; border: 1px dotted rgba(100, 100, 100, 0.5); box-shadow: none; }
.project_boards_list ul li.add_board_container:hover { background-color: rgba(200, 200, 200, 0.2); border-color: rgba(100, 100, 100, 0.6); color: rgba(100, 100, 100, 0.7); cursor: pointer; }
.project_boards_list ul li .board_details { display: inline-block; width: 235px; vertical-align: top; }
.project_boards_list ul li .board_name { font-size: 1.2em; font-weight: normal; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project_boards_list ul li .board_description { font-size: 1em; font-weight: normal; color: #888; font-style: italic; }
.sectioned .fancydropdown + ul li {
    font-size: 1em;
}
.sectioned .fancydropdown + ul li h1, .sectioned .fancydropdown + ul li h1:first-child {
    font-size: 1.15em;
    text-align: left;
}
.fancydropdown {
    display: inline-block;
    position: relative;
    padding: 5px 25px 5px 5px;
    font-size: 1.2em;
    vertical-align: middle;
    border: 1px solid transparent;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    color: #555;
}
.sectioned .fancydropdown {
    display: block;
    font-size: 1.1em;
}
.fancydropdown.changeable:hover {
    border: 1px solid rgba(200, 200, 200, 0.4);
    cursor: pointer;
}
.fancydropdown.changeable:after {
    content: "\25bc";
    font-size: 0.75em;
    vertical-align: top;
    line-height: 1em;
    margin: 5px 10px 0 10px;
    display: inline-block;
    position: absolute;
    right: 0;
}
.fancydropdown.changeable.selected {
    background-color: rgba(200, 200, 200, 0.3);
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.3) inset;
}
.fancydropdown.changeable.selected + ul {
    display: block;
}
.fancydropdown + ul {
    list-style: none;
    font-size: 1em;
    display: none;
    position: absolute;
    padding: 5px;
    margin: 2px 0 5px 0;
    background: #FFF;
    border: 1px solid rgba(200, 200, 200, 0.4);
    box-shadow: 0 0 3px rgba(200, 200, 200, 0.4);
    z-index: 10;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 360px;
}
.fancydropdown + ul li {
    text-align: left;
    display: block;
    clear: both;
    padding: 5px 10px;
    font-size: 1.1em;
    border: 1px solid transparent;
    margin: 0 0 10px 0;
    min-height: 100px;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    transition: border 0.3s ease;
    vertical-align: top;
    background: #FFF;
    white-space: normal;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}
.fancydropdown + ul li.novalue {
    min-height: 0;
}
.fancydropdown + ul li.selected {
    box-shadow: 0 0 3px rgba(100, 100, 100, 0.2) inset;
    background-color: rgba(240, 240, 240, 0.3);
    border: 1px solid rgba(200, 200, 200, 0.6);
}
.fancydropdown + ul li:hover {
    border: 1px solid rgba(200, 200, 200, 0.9);
    cursor: pointer;
}
.fancydropdown + ul li img {
    float: left;
    margin: 10px 15px 20px 0;
}
.fancydropdown + ul li h1, .fancydropdown + ul li h1:first-child {
    font-weight: normal;
    font-size: 1.3em;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
    color: #999;
}
.fancydropdown + ul li p {
    font-weight: normal;
    font-size: 1em;
}

ul.milestone_issues_container, #project_dashboard ul, #associated_projects { list-style-type: none; padding: 0; margin: 10px 0 0 0; clear: both; }
#associated_projects { font-size: 0.9em; }
#associated_projects li { margin-bottom: 5px; }
#associated_projects li:last-child { margin-bottom: 0; }
ul.milestone_issues_container { padding: 0; }
ul.milestone_issues_container li { padding: 0; background-color: #FFF; border: 1px solid #BBB; position: relative; margin: 0; clear: both; }
.moveable, .draggable { cursor: move; }
ul.milestone_issues_container li .header, .infobox .header { font-size: 1.1em; font-weight: bold; }
ul.milestone_issues_container li .content { padding-top: 3px; line-height: 15px; font-weight: normal; margin-bottom: 12px; }
ul.milestone_issues_container li .story_title { font-size: 0.9em; font-weight: bold; padding-top: 1px; height: 18px; overflow: hidden; }
ul.milestone_issues_container li:hover .story_color { border-bottom: 1px solid #BBB; }
.story_estimation_div, .scrum_sprint_details_actions .quickaddtask { position: absolute; top: 0px; right: 10px; width: 300px; z-index: 999; text-align: left; margin: 1px; }
.scrum_sprint_details_actions a:hover { border: 0; }
.story_estimation_div .header { float: left; padding-top: 3px; font-weight: bold; }
.story_estimation_div a { font-weight: bold; }
.story_estimation_div input[type="text"] { width: 30px; }
ul.milestone_issues_container li .story_no { float: left; font-size: 1.1em; font-weight: bold; font-style: italic; background-color: transparent; color: #AAA; padding: 1px 2px 1px 2px; margin-right: 3px; }
ul.milestone_issues_container li .story_estimate { float: right; margin-left: 3px; font-weight: normal; padding: 1px 0 0 0; }
ul.milestone_issues_container li .story_estimate img { float: right; margin: 0 2px 0 3px; }
ul.milestone_issues_container li .story_owner { position: absolute; bottom: 1px; left: 8px; font-size: 1.1em; font-weight: normal; padding: 1px 4px 1px 1px; }
ul.milestone_issues_container li .story_tags { padding-top: 3px; line-height: 15px; font-weight: normal; }
ul.milestone_issues_container li .actions { display: none; clear: both; padding: 3px; }
ul.milestone_issues_container li .actions a:hover { border: 0; }
ul.milestone_issues_container li .actions .task_count { font-size: 1.1em; font-weight: normal; color: #AAA; }
ul.milestone_issues_container li:hover .actions { display: block; }
ul.milestone_issues_container li .actions label { float: left; font-weight: bold; margin: 0 5px 0 0; padding: 0; font-size: 0.9em; }
#scrum .story_card { position: relative; }
#scrum .story_task_list .faded_out { padding: 5px; }
#scrum #scrum_menu .header { font-weight: bold; margin-bottom: 5px; }
#scrum #scrum_menu a { font-size: 0.9em; }
.user_story_task { display: block; cursor: default; background-color: #FFFFC0; border: 1px solid #D6D6a1; margin: 2px; padding: 2px; font-weight: normal; }
.related_issue { display: block; cursor: default; background-color: #FFF; border: 1px solid #DDD; margin: 2px; padding: 2px; font-weight: normal; }
#related_parent_issues_inline td, #related_child_issues_inline td { font-size: 0.9em; }
.related_issues_list li > .status_badge, .affected_item > .status_badge { font-size: 0.8em; border-radius: 4px; display: inline-block; vertical-align: middle; margin-right: 3px; line-height: 1.4; padding: 2px 4px; }
#no_child_issues, #no_parent_issues { text-align: center; }
#scrum_unassigned #add_story, .planning_container #add_sprint { text-align: right; padding-top: 3px; }
#scrum_unassigned { width: 440px; border-top: 1px solid #ccc; padding: 10px 5px; vertical-align: top; }
#scrum_unassigned .header_div { border: 0; margin: 0; font-size: 1.2em; }
h3 .button, h3 .button:hover { float: right; margin-top: 0; padding: 3px 7px !important; }
#configure_permissions_advanced h3 .button { float: left; margin-right: 5px; }
h3 .dropdown_box { margin: 0; left: auto; right: 0; top: 35px; }
h3 .dropdown_box a, h3 .dropdown_box a:hover { font-size: 0.7em; text-transform: none; }
#scrum_unassigned #story_title { width: 300px; }
#scrum_unassigned .add_story_header { font-weight: bold; float: left; }
.planning_container { margin: 0 10px; }
.planning_container h3, .project_information_main h3 { font-weight: normal; text-transform: uppercase; color: #888; }
.planning_container h3 .button, .planning_container h3 .more_actions_dropdown { text-transform: none; }
.planning_container label { float: left; padding-top: 4px; }
.planning_container label, .planning_container input[type="submit"], .planning_container input[type="submit"]:hover { font-size: 0.9em; font-weight: bold; }
.planning_container .milestone_box.unavailable { display: none; }
.planning_container.show_unavailable .milestone_box.unavailable, #project_planning.milestone-sort .milestone_box.unavailable { display: block; }
#milestone_details_overview .milestone_date { font-size: 0.9em; padding: 0 15px; color: #888; font-weight: normal; text-transform: uppercase; }
#milestone_details_issue_list th { background: #FFF; text-align: center; border-bottom: 1px dotted rgba(100, 100, 100, 0.4); padding: 5px; font-size: 0.8em; text-transform: uppercase; color: #555; width: 50px; }
#milestone_details_issue_list th:first-child { width: auto; }
#milestone_details_issue_list th:last-child { width: 25px; }
#milestone_details_issue_list td { padding: 2px; width: auto; }
#milestone_details_overview h3 { line-height: 1.2; }
#milestone_details_overview .issue_title_container { padding: 3px 3px 3px 5px; font-size: 13px; width: 592px; }
#milestone_details_overview .issue_title_container a { color: #555; border-bottom: 1px solid transparent; padding: 0 3px 0 5px; font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#milestone_details_overview a { color: #555; border-bottom: none; }
#milestone_details_overview a.button, #milestone_details_overview a.button:hover { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
#milestone_details_overview .faded_out a { color: #888; border-bottom: 0; }
#milestone_details_overview a:hover { color: #777; border-bottom: none; }
#milestone_details_overview .faded_out a:hover { color: #999; border-bottom: 0; }
#milestone_details_overview a.img, #milestone_details_overview a.img:hover { border-bottom: 0; }
#milestone_details_overview td.estimates { padding: 3px; text-align: center; font-weight: normal; }
#milestone_details_overview td.milestone_issue_actions { text-align: right; position: relative; }
#milestone_details_overview td.milestone_issue_actions div { /*position: relative;*/ }
#milestone_details_overview tr.canhover_light:hover { background-color: transparent; }
#milestone_details_overview tr.canhover_light:hover td.estimates { background-color: #F1F1F1; }
.milestone_box .milestone_description { padding: 10px 1px; font-size: 1em; color: #AAA; }

.whiteboard .project_save_container .button-group {
    float: none;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    margin-right: 10px;
}
.whiteboard .project_save_container .button-group .button {
    padding: 3px 6px;
}
.whiteboard .project_save_container .button-group .button img {
    margin: 0;
}

.whiteboard.edit-mode .fancydropdown, .whiteboard.edit-mode .whiteboard-view-mode, .whiteboard.edit-mode input[type=search] { display: none; }
.whiteboard .edit-mode-buttons, .whiteboard #planning_whiteboard_columns_form, .whiteboard.edit-mode #whiteboard { display: none; }
.whiteboard.edit-mode .edit-mode-buttons, .whiteboard.edit-mode #planning_whiteboard_columns_form { display: block; }
#planning_whiteboard { position: relative; }
.whiteboard-columns {
    width: 100%;
    height: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.whiteboard-columns td,
.whiteboard-columns .td {
    width: auto;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.whiteboard-columns td.ui-sortable-placeholder,
.whiteboard-columns .td.ui-sortable-placeholder {
    width: 35px;
    border: 2px dotted #CCC;
    background-color: rgba(225, 225, 225, 0.3);
    height: 100%;
    display: table-cell;
    visibility: visible;
}
.whiteboard.edit-mode .edit-column .draggable {
    position: absolute;
    right: 35px;
    top: 10px;
}
.whiteboard.edit-mode .edit-column .remover {
    position: absolute;
    right: 10px;
    top: 10px;
}
.whiteboard.edit-mode .edit-column .remover:hover {
    text-decoration: none;
    border: none;
}
.whiteboard.edit-mode .edit-column > label {
    display: block;
    font-weight: normal;
    padding-left: 0;
}
.whiteboard.edit-mode .edit-column input.column-name {
    padding: 5px;
    font-size: 1.1em;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.whiteboard.edit-mode .edit-column > label.workload-label {
    display: inline-block;
    width: 40%;
    margin: 10px 5% 5px 0;
}
.whiteboard.edit-mode .edit-column input.column-workload {
    width: 10%;
    font-size: 1.1em;
    padding: 5px;
    margin-right: 33%;
}
.whiteboard.edit-mode .edit-column p {
    margin: 15px 0 10px;
}
.whiteboard.edit-mode .edit-column .fancyfilter {
    display: block;
    max-width: none;
    margin: 8px 0 0 0;
}
.whiteboard.edit-mode .edit-column .fancyfilter .interactive_menu {
    width: 100%;
}
.whiteboard.edit-mode .edit-column {
    display: block;
    float: none;
    width: auto;
    background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    background: -ms-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 25%);
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-bottom: none;
    padding: 15px;
    margin: 0 5px;
    height: 400px;
}
.whiteboard.edit-mode .edit-column:after {
    content: '';
    display: block;
    width: auto;
    height: 50px;
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    left: -1px;
    right: -1px;
    bottom: 0;
    margin: 0;
}
.whiteboard-columns thead td,
.whiteboard-columns .thead .td {
    padding: 0 10px;
    background-color: #FFF;
}
.whiteboard-columns thead h1,
.whiteboard-columns .thead h1 {
    font-size: 1.1em;
    font-weight: bold;
    color: #777;
    margin: 0;
    border-bottom: 3px solid rgba(200, 200, 200, 0.3);
    transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -webkit-transition: border-color 0.3s ease;
}
.type-kanban .whiteboard-columns thead td.over-workitems h1,
.type-kanban .whiteboard-columns .thead .td.over-workitems h1 {
    border-bottom-color: rgba(225, 100, 100, 0.8);
}
.type-kanban .whiteboard-columns tbody td.over-workitems,
.type-kanban .whiteboard-columns .tbody .td.over-workitems {
    background-color: rgba(225, 100, 100, 0.8);
}
.type-kanban .whiteboard-columns thead td.under-workitems h1,
.type-kanban .whiteboard-columns .thead .td.under-workitems h1 {
    border-bottom-color: rgba(255, 255, 50, 0.6);
}
.type-kanban .whiteboard-columns tbody td.under-workitems,
.type-kanban .whiteboard-columns .tbody .td.under-workitems {
    background: rgba(255, 255, 50, 0.6);
}
.whiteboard-columns thead h1 .column_count,
.whiteboard-columns .thead h1 .column_count {
    display: inline-block;
    font-weight: normal;
    background-color: #FFF;
    color: #888;
    text-transform: none;
    font-size: 1em;
    margin-left: 5px;
}
.whiteboard-columns thead h1 .column_count.under, .whiteboard-columns thead h1 .column_count.over, .whiteboard-columns thead td.under-workitems h1 .column_count.primary, .whiteboard-columns thead td.over-workitems h1 .column_count.primary, .whiteboard-columns thead td.under-workitems h1 .column_count.workitems, .whiteboard-columns thead td.over-workitems h1 .column_count.workitems,
.whiteboard-columns .thead h1 .column_count.under, .whiteboard-columns .thead h1 .column_count.over, .whiteboard-columns .thead .td.under-workitems h1 .column_count.primary, .whiteboard-columns .thead .td.over-workitems h1 .column_count.primary, .whiteboard-columns .thead .td.under-workitems h1 .column_count.workitems, .whiteboard-columns .thead .td.over-workitems h1 .column_count.workitems {
    display: none;
}
.whiteboard-columns thead td.under-workitems h1 .column_count.under, .whiteboard-columns thead td.over-workitems h1 .column_count.over,
.whiteboard-columns .thead .td.under-workitems h1 .column_count.under, .whiteboard-columns .thead .td.over-workitems h1 .column_count.over {
    display: inline-block;
}
.whiteboard-columns thead h1 .status_badge,
.whiteboard-columns .thead h1 .status_badge {
    float: right;
    line-height: 1em;
    margin-left: 2px;
    font-weight: normal;
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.7);
}
.whiteboard-columns.transition-selector thead h1 .status_badge, .whiteboard-columns.transition-selector thead h1 .column_count,
.whiteboard-columns.transition-selector .thead h1 .status_badge, .whiteboard-columns.transition-selector .thead h1 .column_count {
    display: none;
}
.whiteboard-columns tbody,
.whiteboard-columns .tbody {
    position: relative;
}
.whiteboard-columns .tbody .td.column:before,
.whiteboard-columns .tbody.collapsed .td.swimlane-header:before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    box-shadow: inset 0 6px 8px -8px rgba(50, 50, 50, 0.3);
    top: 100%;
}
.whiteboard-columns.swimlanes tbody td.swimlane-header,
.whiteboard-columns.swimlanes .tbody .td.swimlane-header {
    padding: 0;
    border: none;
}
.whiteboard-columns tbody.collapsed tr:first-child,
.whiteboard-columns .tbody.collapsed .tr:first-child {
    display: table-row;
}
.whiteboard-columns tbody.collapsed tr, .whiteboard-columns tbody.collapsed .collapser, .whiteboard-columns tbody .expander,
.whiteboard-columns .tbody.collapsed .tr, .whiteboard-columns .tbody.collapsed .collapser, .whiteboard-columns .tbody .expander {
    display: none;
}
.whiteboard-columns tbody.collapsed .expander,
.whiteboard-columns .tbody.collapsed .expander {
    display: initial;
}
.whiteboard-columns .expander, .whiteboard-columns .collapser {
    cursor: pointer;
    opacity: 0.8;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.whiteboard-columns .expander:hover, .whiteboard-columns .collapser:hover {
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    opacity: 1;
}
.whiteboard-columns.swimlanes tbody tr:first-child td > .header,
.whiteboard-columns.swimlanes .tbody .tr:first-child .td > .header {
    font-size: 1.1em;
    margin: 5px 0 0 0;
    padding: 10px;
    font-weight: normal;
    border-bottom: 1px dotted rgba(100, 100, 100, 0.3);
}
.whiteboard-columns.swimlanes tbody tr:first-child td > .header .issue_header.closed,
.whiteboard-columns.swimlanes .tbody .tr:first-child .td > .header .issue_header.closed {
    color: #999;
    text-decoration: line-through;
}
.whiteboard-columns tbody td.column,
.whiteboard-columns .tbody .td.column {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: rgba(245, 245, 245, 0.4);
    min-height: 50px;
    transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    position: relative;
}
.whiteboard-columns.swimlanes tbody[data-swimlane-identifier=swimlane_0] td.column,
.whiteboard-columns.swimlanes .tbody[data-swimlane-identifier=swimlane_0] .td.column {
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,0.4) 10px, rgba(255,255,255,0.4) 20px);
}
.whiteboard-columns tbody td.column.drop-valid,
.whiteboard-columns .tbody .td.column.drop-valid {
    background-color: rgba(150, 225, 150, 0.3);
}
.whiteboard-columns tbody td.column.drop-valid.drop-hover,
.whiteboard-columns .tbody .td.column.drop-valid.drop-hover {
    background-color: rgba(225, 225, 150, 0.3);
}
.whiteboard-columns tbody td.column.drop-hover .whiteboard-issue,
.whiteboard-columns .tbody .td.column.drop-hover .whiteboard-issue {
    opacity: 0;
}
.whiteboard-columns td.column.current_column .whiteboard-issue,
.whiteboard-columns .td.column.current_column .whiteboard-issue {
    opacity: 0.3;
}
.transition-selector-indicator {
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -17px;
    z-index: 2;
}
.transition-selector h2 {
    font-weight: normal;
    margin: 25px 5px 5px 5px;
    padding: 5px 0;
    color: #888;
    border-bottom: 1px dotted #CCC;
    font-size: 1.1em;
    text-transform: uppercase;
}
.transition-selector .transition {
    display: block;
    padding: 10px;
    background: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.2);
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.2);
    margin: 10px 5px;
}
.transition-selector .transition .button {
    float: right;
}
.whiteboard-columns.transition-selector {
    margin-bottom: 20px;
}
.whiteboard-columns tbody td.column.drop-hover .whiteboard-issue.ui-draggable-dragging,
.whiteboard-columns .tbody .td.column.drop-hover .whiteboard-issue.ui-draggable-dragging {
    opacity: 1;
}
.whiteboard-columns.no-swimlanes thead h1,
.whiteboard-columns.no-swimlanes .thead h1 {
    margin-bottom: 10px;
}
.whiteboard-columns.no-swimlanes tbody td.column,
.whiteboard-columns.no-swimlanes .tbody .td.column {
    border-top: 1px solid rgba(100, 100, 100, 0.2);
}
.whiteboard-columns tbody td:first-child,
.whiteboard-columns .tbody .td:first-child {
    border-left: none;
}
.whiteboard-columns tbody td:last-child,
.whiteboard-columns .tbody .td:last-child {
    border-right: none;
}
.whiteboard-issue {
    position: relative;
    display: block;
    padding: 0;
    margin: 10px;
    background-color: #FFF;
    border: 1px solid rgba(100, 100, 100, 0.2);
    border-radius: 2px;
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    opacity: 1;
}
.whiteboard-issue.issue-closed {
    opacity: 0.7;
}
.whiteboard-issue.ui-draggable {
    cursor: move;
}
.whiteboard-issue.ui-draggable-dragging {
    box-shadow: 0 0 5px rgba(200, 200, 200, 0.3);
    z-index: 1;
}
.whiteboard-issue .issue_header, .whiteboard-issue .issue_header:hover {
    color: #555;
    display: block;
    border: 0;
    padding: 5px 0 5px 0;
    margin: 0 57px 0 20px;
    text-decoration: none;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.6;
}
.whiteboard-issue .extra {
    display: none;
    margin: 0 5px 0 20px;
}
#whiteboard {
    position: relative;
}
#whiteboard-headers, #whiteboard-headers-placeholder {
    height: 35px;
}
#whiteboard-headers-placeholder {
    display: none;
}
#whiteboard.fixedheader #whiteboard-headers {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    right: 0;
    display: table;
    table-layout: fixed;
    background-color: #FFF;
    z-index: 1;
    box-shadow: 0 0 5px -3px rgba(0, 0, 0, 0.6);
}
#whiteboard.fixedheader #whiteboard-headers-placeholder {
    display: table-header-group;
}
#whiteboard.viewmode-detailed .whiteboard-issue .extra {
    display: block;
}
.whiteboard-issue ol {
    list-style: decimal;
    font-size: 0.9em;
    margin-top: 3px;
    margin-bottom: 2px;
}
.whiteboard-issue ol, .whiteboard-issue ol a {
    color: #888;
}
.whiteboard-issue ol.closed a {
    text-decoration: line-through;
}
.whiteboard-issue .description {
    display: block;
    white-space: nowrap;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 0.95em;
}
.whiteboard-issue .issue_info {
    display: block;
    text-align: right;
    padding: 5px;
    margin-left: 13px;
    position: inherit;
}
.whiteboard-columns.transition-selector .whiteboard-issue .issue_info {
    display: none;
}
.whiteboard-issue .issue_info + .issue_info {
    padding-top: 0;
}
.table { display: table; }
.table, .td { height: 100%; }
.thead { display: table-header-group; }
.tbody { display: table-row-group; }
.tr { display: table-row; clear: left; }
.td { display: table-cell; }
.td-colspan-1 { width: 100% !important; display: inline; float: left; }
.td-colspan-2 { width: 200% !important; display: inline; float: left; }
.td-colspan-3 { width: 300% !important; display: inline; float: left; }
.td-colspan-4 { width: 400% !important; display: inline; float: left; }
.td-colspan-5 { width: 500% !important; display: inline; float: left; }
.td-colspan-6 { width: 600% !important; display: inline; float: left; }
.td-colspan-7 { width: 700% !important; display: inline; float: left; }
.td-colspan-8 { width: 800% !important; display: inline; float: left; }
.td-colspan-9 { width: 900% !important; display: inline; float: left; }
.td-colspan-10 { width: 1000% !important; display: inline; float: left; }
/* end scrum page styling */

/* menu links */
.menu_links .header { font-size: 1em; border-bottom: 0; font-weight: bold; margin-bottom: 5px; }
.menu_links .dropper { opacity: 0.4; float: right; }
.menu_links .dropper:hover { opacity: 1; float: right; }
.menu_links .more_actions_dropdown { margin-top: 25px; font-size: 0.9em; }
.menu_links .content li { font-size: 1.0em; padding: 1px; min-height: 20px; }
.menu_links .content a { font-weight: bold; }
.menu_links .content a.selected { font-weight: bold; color: #006700; }
.menu_links .content a.selected:hover { font-weight: bold; color: #00a400; }
.menu_links .content .delete-icon { display: none; z-index: 10; }
.menu_links li { cursor: default; }
.menu_links.menu_editing .content .delete-icon { display: inline; position: absolute; right: 2px; top: 3px;}
.menu_links.menu_editing li:hover { cursor: move; background-color: rgba(230, 230, 230, 0.4); }
/* end menu links */

/* generic blue infobox */
.infobox { position: relative; text-align: left; }
.infobox .close_me { position: absolute; top: 5px; right: 5px; }
.infobox .close_me label, .infobox .close_me input[type="checkbox"] { float: left; }
.infobox .close_me label { padding-top: 3px; }
.infobox .close_me input[type="submit"] { font-weight: bold; margin-left: 5px; }
.infobox .content { padding: 0; font-size: 0.95em; text-align: left; font-weight: normal; margin: 0; }
.infobox_modal .backdrop_detail_content { padding: 10px; }
.infobox_modal .close_me { padding: 10px; text-align: right; }
.infobox_modal .close_me label { font-weight: normal; vertical-align: middle; font-size: 0.9em; }
.infobox_modal .close_me .button { font-size: 1.1em; padding: 3px 7px; }
.infobox_modal .close_me input[type=submit] { font-size: 1.1em; }
.infobox_modal .close_me input[type=checkbox] { vertical-align: middle; }
#scrum .infobox .content ul { list-style-type: disc; margin-left: 30px; }
#scrum .infobox .content li { background-color: transparent; border: 0; }
/* end infobox */

/* add task popup */
.close_micro_popup_link { position: absolute; right: 7px; top: 7px; font-size: 0.9em; }
div.quickaddtask .close_micro_popup_link { position: static; float: right; }

/* project dashboard */
#timeline td { vertical-align: top; }
.download_links { margin: 10px 0 15px 0; }
#project_settings_popout .button { cursor: pointer; float: none; margin: none; }
.dashboard_view_content a.more { float: right; font-weight: bold; padding-top: 5px; }
#project_dashboard_menu_panes a.more:hover { border: 0; }
#project_header_container { clear: both; position: relative; }
#project_header_container .config_link { float: right; margin: 1px 20px 0 0; }
.project_header_logo { display: inline-block; vertical-align: top; margin: 8px 10px 5px 10px; }
#project_name { font-size: 1.7em; font-weight: normal; margin: 8px 5px 5px 0; line-height: 1.3; display: inline-block; }
#project_key_span { margin: 3px 0 0 0; font-size: 0.7em; font-weight: normal; display: inline; padding: 3px; color: #AAA; }
#project_sub_page { display: block; font-size: 0.65em; text-transform: uppercase; font-weight: normal; color: #888; }
#project_team, #project_client { font-weight: normal; margin: 0 5px 5px 0; }
#owned_by_change, #lead_by_change, #qa_by_change { left: 0; margin-top: 5px; font-size: 14px; }
#assignees_list h4 { border: none; }
.project_info_container { position: relative; z-index: 100; overflow: visible; height: auto; }
.project_info_container .project_right_container { float: left; overflow: visible; width: 100%; height: auto; margin: 0; }
.project_info_container .project_right_container .project_right {
    margin: 0 0 0 361px;
    overflow: visible;
    -webkit-transition: margin 0.3s ease;
    -moz-transition: margin 0.3s ease;
    -ms-transition: margin 0.3s ease;
    -o-transition: margin 0.3s ease;
    transition: margin 0.3s ease;
}
#project_planning.project_info_container.left_toggled .project_right_container .project_right {
    margin-left: 61px;
}
#project_planning.project_info_container.whiteboard .project_right_container .project_right {
    margin-left: 0;
}
#project_planning.project_info_container .project_right_container .project_right {
    margin-left: 451px;
}
.project_save_container {
    display: block;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    text-align: right;
    background-color: rgba(245, 245, 245, 0.7);
    border-top: 1px solid rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid rgba(240, 240, 240, 0.8);
}
.project_save_container .more_actions_dropdown {
    margin-right: 15px;
    font-size: 1.1em;
}
.project_save_container img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.project_info_container .padded_table { width: auto; clear: both; border-spacing: 0px 3px; }
.project_info_container .padded_table td:first-child { width: 200px; padding-left: 15px; }
.project_info_container .padded_table td { width: 580px; }
.project_info_container .padded_table label[for=project_name_input] { margin: 5px 0; display: block; font-size: 1.1em; }
.project_info_container .padded_table input#project_name_input { padding: 5px; font-size: 1.2em; box-sizing: border-box; }
.project_save_container .button, .project_save_container .button:hover {
    font-size: 1.1em;
    padding: 6px 12px;
}
.button-group.project_icons_buttons { float: right; margin-top: 5px; }
.project_info_container .config_explanation { padding-bottom: 20px; }
.project_info_container .project_left_container {
    float: left;
    width: 360px;
    margin: 0 0 0 -100%;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -ms-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.project_info_container .project_left_container:after {
    content: '';
    clear: both;
    display: block;
}
#project_planning.project_info_container .project_left_container {
    width: 430px;
    overflow: visible;
}
#project_planning.project_info_container.left_toggled .project_left_container {
    width: 40px;
}
.project_info_container .project_left_container .project_left {
    display: inline-block;
    float:left;
    width: 340px;
    min-height: 63px;
    margin: 0 10px 0 0;
    padding: 0 10px;
    vertical-align: top;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 10px 0 15px -18px rgba(0, 0, 0, 0.9);
    overflow: visible;
    position: relative;
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -ms-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
}
#project_planning.project_info_container .project_left_container .project_left {
    width: 430px;
}
#project_planning.project_info_container.left_toggled .project_left_container .project_left {
    margin-left: -390px;
}
.project_info_container h1, .project_info_container h2, .project_info_container h3, .project_info_container h4 {
    font-weight: normal;
    color: #888;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dotted #CCC;
    text-transform: uppercase;
}
.project_info_container .project_right_container h3, .project_info_container .project_right_container h4 { margin-left: 15px; margin-right: 15px; }
.project_left ul.simple_list {
    margin-bottom: 30px;
}
.project_left ul.simple_list li {
    position: relative;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid transparent;
    border-left: none;
    border-right: none;
}
.project_left ul.simple_list li.selected:after {
    content: '';
    position: absolute;
    right: -14px;
    top: 0;
    width: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #FFF;
    -o-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}
.project_left ul.simple_list li.selected {
    box-shadow: 8px 0 10px -2px rgba(0, 0, 0, 0.2);
}
.project_left ul.simple_list li.selected a, .project_left ul.simple_list li.selected a:hover {
    color: #555;
}
.project_left ul.simple_list li h3 {
    margin-top: 25px;
}
.project_left ul.simple_list li img {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.project_left ul.simple_list li a, .project_left ul.simple_list li a:hover {
    display: block;
    color: #999;
    border: none;
    padding: 3px;
    font-size: 1.1em;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.dashboard_view_content .project_role {font-weight: normal; margin: 5px 0; font-size: 0.9em; }
.project_role .label {font-weight: bold; float: left; margin: 0 10px 0 0;}
.project_role .value {width: auto; display: table-cell; clear: none; padding: 0 10px 0 0;}

.project_team_list_container {
    display: inline-block;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 49%;
    padding: 0 10px;
    margin: 0;
    vertical-align: top;
}
.project_team_list { list-style: none; margin: 0; padding: 0; }
.project_team_list li { vertical-align: top; padding: 5px; background-color: #FFF; border: 1px solid rgba(200, 200, 200, 0.5); font-size: 1.1em; box-shadow: 0 0 3px rgba(100, 100, 100, 0.2); margin: 5px 0 0 0; }
.project_team_list.users li {
    display: inline-block;
    width: 49%;
    min-width: 300px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.project_team_list.teams li { display: block; width: auto; margin-left: 0; }
.project_team_list.teams li .userdropdown { display: inline-block; width: 250px; }
.project_team_list.teams li .roles_list { display: inline-block; width: auto; margin-top: 0; }
.project_team_list li:first-child { margin-left: 0; }
.project_team_list .roles_list { font-size: 1em; font-weight: normal; display: block; clear: both; margin-top: 5px; padding: 5px 5px 5px 0; }

.dashboard_view_issues {
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}
.dashboard_view_issues tr:hover {
    background-color: #F8F8F8;
}
.dashboard_view_issues td {
    padding: 5px;
}
.dashboard_view_issues td:first-child {
    width: auto;
}
.dashboard_view_issues td:last-child {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}
.dashboard_view_issues .secondary {
    color: #AAA;
    font-size: 0.9em;
}
.dashboard_view_issues .secondary img {
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 10px;
}
.dashboard_view_issues .secondary img:first-of-type {
    margin-left: 20px;
}

#project_description {font-size: 1.1em; font-weight: normal; color: #666;}
#project_description.none {color: #AAA;}
.project_information_sidebar { vertical-align: top; border-right: 1px solid #CCC; height: 100%; width: 255px; padding: 0 0 50px 10px; position: relative; }
#search_sidebar { height: 100%; border-right: 1px solid #DDD; font-size: 1.1em; padding-top: 0; }
#search_sidebar .num_results_badge { vertical-align: middle; float: none; position: absolute; right: 0; }
#search_sidebar .container_divs_wrapper {
    width: 294px;
}
#search_sidebar.collapsed .container_divs_wrapper {
    margin-left: -294px;
}
#search_sidebar .container_div { border: none; box-shadow: none; }
#search_sidebar .header { background: transparent; font-weight: normal; margin: 0; padding: 6px 0; border-bottom: 1px dotted #AAA; font-size: 15px; }
#search_sidebar .container_div ul { margin: 5px 0; padding: 0; }
#search_sidebar .container_div li {
    clear: both;
    display: block;
    list-style: none;
    margin: 0 0 6px 0;
    font-size: 0.9em;
    padding: 0;
    transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
}
#search_sidebar .container_div li .action_icons { float: right; margin-left: 2px; display: none; }
#search_sidebar .container_div li .action_icons img { vertical-align: middle; display: inline-block; margin: 0; }
#search_sidebar .container_div li:hover .action_icons { display: block; }
#search_sidebar .container_div li:hover { background-color: rgba(225, 225, 225, 0.4); }
#search_sidebar .container_div .my_saved_searches { font-size: 1em; }
#search_sidebar .container_div .my_saved_searches li:hover .num_results_badge { display: none; }
#search_sidebar .container_div li a, #search_sidebar .container_div li a:hover { font-weight: normal; display: inline-block; vertical-align: top; text-decoration: none; border: none; }
.side_bar .expander { display: none; }
.side_bar .collapser { display: inline; }
.side_bar.collapsed .collapser, .side_bar.collapsed .container_div { display: none; }
#search_sidebar.collapsed .container_div, #dashboard_lefthand.collapsed .container_div { display: block; }
.side_bar.collapsed .expander { display: inline; }
.side_bar.collapsed { width: 25px; border: none; padding: 0; margin: 0; }
.side_bar .collapser_link { cursor: pointer; position: absolute; left: 290px; right: auto; width: 14px; background-color: #FFF; border: 1px solid #DDD; line-height: 1; padding: 3px; box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.1); transition: left 0.3s ease, right 0.3s ease; }
@-moz-document url-prefix() {
    .side_bar .collapser_link {
        box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
    }
}
.side_bar .collapser_link:before { content: ""; position: absolute; width: 10px; height: 21px; background-color: #FFF; top: 2px; left: 16px; }
.side_bar .collapser_link:after { content: ""; position: absolute; width: 10px; height: 27px; background-color: #FFF; top: -2px; left: 19px; }
.side_bar.collapsed .collapser_link, #dashboard_lefthand.collapsed .collapser_link { left: 5px; right: auto; }
#dashboard_righthand.side_bar .collapser_link { left: auto; right: 250px; }
#dashboard_righthand.side_bar.collapsed .collapser_link { right: 10px; }
.side_bar .collapser_link a { padding: 0; }
.side_bar .collapser_link a:hover { text-decoration: none; border: 0; }
.project_information_sidebar.collapsed .sidebar_links, .project_information_sidebar.collapsed #project_header_container div { display: none; }
.project_information_sidebar .sidebar_links a { display: block; padding: 8px; color: #555; border-top: 1px dotted #DDD; border-left: 1px dotted #DDD; background-color: #FAFAFA; border-right: 1px solid #CCC; margin: 0 -1px 0 7px; box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.2) inset; }
.project_information_sidebar .sidebar_links a:first-child { border-top-left-radius: 3px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 3px; }
.project_information_sidebar .sidebar_links a:last-child { border-bottom: 1px dotted #DDD; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 3px; }
.project_information_sidebar .sidebar_links a:hover { border-bottom: none; background-color: #F1F1F1; border-right-color: #CCC; }
.project_information_sidebar .sidebar_links a:last-child:hover { border-bottom: 1px dotted #DDD; }
.project_information_sidebar .sidebar_links a.selected { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border: 1px solid #CCC; border-right-color: #FFF; margin-left: 0; padding: 12px; font-weight: bold; background-color: #FFF; box-shadow: -3px 3px 3px -2px rgba(0, 0, 0, 0.2); }
.project_information_sidebar .sidebar_links a.selected + a { border-top: none; box-shadow: -3px 3px 3px -3px rgba(0, 0, 0, 0.3) inset; }
.project_information_sidebar .sidebar_links a.selected:hover { border: 1px solid #CCC; border-right-color: #FFF; background-color: #FFF; }
.project_information_sidebar .sidebar_links .simple_list { margin: 0 0 0 25px; padding: 10px; border-top: none; background-color: #F1F1F1; box-shadow: -3px 3px 3px -3px rgba(0, 0, 0, 0.3) inset; }
.project_information_sidebar .sidebar_links .simple_list li a { border: 0; padding: 3px; margin: 0; background-color: transparent; box-shadow: none; }
.project_information_sidebar .sidebar_links .simple_list li.selected { font-style: italic; }
.project_information_sidebar .sidebar_links { box-shadow: -3px 0 3px -3px rgba(0, 0, 0, 0.3) inset; height: 100%; }
.project_information_sidebar .sidebar_links img {float: left; position: relative; margin-right: 5px;}
.project_information_main { padding: 10px 15px 10px 15px; vertical-align: top; border-top: 1px solid #ccc; }
.project_client_info .project_client_header { font-weight: bold; font-size: 1.5em; }
.project_client_info .project_client_viewusers { float: right; }
.client_users_div { border: 1px solid #BBB; width: 100%; height: 300px; margin-top: 10px; overflow: auto; text-align: left; }
.client_users_div_inner { padding: 10px; }
.project_header { padding: 10px; }
.project_header_right { float: right; margin: 14px 10px 0 0; }
#project_website, #project_documentation { margin-top: 5px; }
#edition_table, #component_table { list-style: none; margin: 10px 15px 30px 15px; padding: 0; line-height: 1.2; }
#edition_table > li, #component_table > li { list-style: none; margin: 0; padding: 0px 3px 3px 3px; clear: both; position: relative; line-height: 26px; }
#edition_table > li:hover, #component_table > li:hover { background-color: rgba(245, 245, 245, 0.7); }
#edition_table > li .edition_actions, #component_table > li .component_actions { float: right; }
#component_table .component_name img, #edition_table .edition_name img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}
/* end dashboard */

/* project timeline */
.recent_activities td .time { font-size: 0.9em; }
#timeline { padding: 5px 0 30px 15px; }
#timeline .latest_action_dates { font-weight: normal; color: #888; text-transform: uppercase; border-bottom: 1px dotted #CCC; padding: 15px 0 5px; margin-bottom: 5px; }
.project_timeline_more_button_container { text-align: center; width: 790px; margin: 30px 0; }
.project_timeline_more_button_container .button, .project_timeline_more_button_container .button:hover { padding: 6px 12px; font-size: 1.1em; }
.recent_activities, .recent_activities td { font-size: 0.9em; line-height: 1.2; }
.recent_activities td a { font-size: 0.9em; }
.recent_activities td.imgtd { padding: 0 5px; }
.recent_activities_details { font-size: 0.8em; }
.recent_activities td.latest_action_dates { font-size: 1.1em; font-weight: bold; padding: 15px 0 0 0; }
.project_information_main .recent_activities td { padding-bottom: 7px; }
#timeline .user { font-size: 0.9em; color: #AAA; }
.timeline_actions a { font-weight: bold; }
.timeline_actions .content { padding-top: 5px; }
.timeline_inline_details { color: #AAA; font-style: italic; margin: 5px 0 0 7px; padding-left: 5px; border-left: 1px dotted #CCC; font-size: 0.9em; }
/* end timeline */

/* project roadmap styling */
#project_roadmap { margin: 5px 15px; }
#project_roadmap_page.upcoming .milestone_box.closed, #project_roadmap_page.upcoming .milestone_details_link.closed { display: none; }
#milestone_details_loading_indicator { text-align: center; padding: 50px; }
.milestone_points { color: #888; font-weight: bold; }
.roadmap_percentbar .percentcontainer { width: 490px; padding: 1px; border: 1px solid #8a8; float: left; margin-right: 10px; }
.roadmap_percentdescription { float: left; padding: 5px; font-weight: normal; color: #555; }
.roadmap_actions { float: right; padding: 5px; }
.roadmap_actions a, .roadmap_actions a:hover { float: right; margin-left: 5px; }
.roadmap_dates { display: inline-block; margin-left: 5px; font-weight: normal; color: #888; font-size: 0.9em; text-transform: none; }
.milestones_indicator { font-size: 1.3em; color: #888; }
.milestones_indicator img { float: left; margin-right: 10px; }
.milestones_indicator button { text-transform: uppercase; float: right; font-size: 0.8em; margin-right: 10px; }
.roadmap_issues { clear: both; font-size: 0.9em; padding-top: 5px; }
.roadmap_issue { padding: 3px; }
.roadmap_issue .issue_status { display: inline; width: 20px; float: left; }
.roadmap_issue .issue_points { display: inline; color: #AAA; font-size: 0.8em; margin-left: 10px; }
.roadmap_issue.issue_closed { text-decoration: line-through; }
.roadmap_issue.blocking .issue_title { font-weight: bold; color: red; }
/* end roadmap */

/* project releases styling */
#project_releases_container .simple_list, #project_release_center_container .simple_list, #project_releases_container .faded_out, #project_release_center_container .faded_out { padding: 0 15px; }
#project_releases_container h3, #project_release_center_container h3 { margin-top: 30px; }
#project_releases_container h3:first-of-type, #project_release_center_container h3:first-of-type { margin-top: 0; }
#project_release_center_container.only_active .release_item, #project_release_center_container.only_archived .release_item.active, #project_release_center_container.only_downloads .release_item { display: none; }
#project_release_center_container.only_active .release_item.active, #project_release_center_container.only_archived .release_item, #project_release_center_container.only_downloads .release_item.download { display: block; }
.release_item { display: block; clear: both; margin-bottom: 5px; }
.release_item .button-group { float: right; margin: 5px 5px 0 0; }
.release_item .button-group .button { font-size: 1.1em; padding: 5px 10px; }
.release_item .release_name { font-size: 1.2em; }
.release_item.active .release_name { font-size: 1.4em; }
.release_item .release_version { font-size: 0.9em; background-color: rgba(245, 245, 245, 0.7); display: inline-block; margin: -2px 5px 0 5px; padding: 3px 6px; vertical-align: middle; border-radius: 2px; }
.release_item .release_icon { float: left; margin: 8px 8px 5px 5px; }
.release_item .release_date { display: block; color: #888;  font-size: 13px; }
.release_item .release_date span { font-size: 13px; }
/* end project releases */

/* statistics page */
#statistics_main, #statistics_help { width: 695px; margin-left: auto; margin-right: auto; }

/* search styling */
/* search boxes */
#find_issues { width: auto; padding: 5px 5px 5px 10px; vertical-align: top; }
#find_issues .results_header { font-weight: normal; font-size: 1.4em; padding: 0 0 5px 2px; margin-bottom: 0; border-bottom: 1px solid #AAA; color: #333; background: transparent; box-shadow: none; position: relative; }
.searchbuilder_filterstrip { background-color: rgba(200, 200, 200, 0.2); border-bottom: 1px solid rgba(200, 200, 200, 0.6); padding: 5px; }
.searchbuilder_filterstrip input[type=image] { vertical-align: middle; margin: 0 5px; }
.searchbuilder_filterstrip .interactive_dropdown > span.value { float: left; }
.interactive_dropdown, .interactive_plus_button {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    border: 1px solid rgba(200, 200, 200, 0.6);
    border-radius: 2px;
    background: -o-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);
    padding: 3px 25px 3px 5px;
    transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -ms-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    -webkit-transition: border 0.3s ease;
    max-width: 300px;
    vertical-align: middle;
    cursor: pointer;
}
.interactive_plus_container {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}
.interactive_plus_button {
    padding: 2px 10px 3px 10px;
    margin-right: 0;
}
.interactive_plus_button img {
    display: inline;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: -1px -4px 1px -4px;
}
.interactive_plus_button.selected + .interactive_filters_list, .interactive_plus_button.selected + .interactive_menu {
    display: block;
    right: 0;
    margin-right: 0;
    z-index: 1;
}
.interactive_plus_button.selected + .interactive_filters_list.three_columns {
    margin-right: -175px;
}
#interactive_settings_container {
    position: absolute;
    right: 10px;
}
#interactive_save_button {
    cursor: pointer;
}
.interactive_dropdown:after {
    content: '';
    position: absolute;
    right: 7px;
    top: 10px;
    width: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0, 0, 0, 0.5);
}
#searchbuilder_filterstrip_filtercontainer .interactive_dropdown {
    margin-top: 5px;
    padding-right: 50px;
}
#searchbuilder_filterstrip_filtercontainer .interactive_dropdown:after {
    right: 30px;
}
.interactive_dropdown:hover, .interactive_plus_button:hover, .filter_searchfield:hover, .filter_searchfield:focus {
    border-color: rgba(150, 150, 150, 0.7);
}
.interactive_dropdown.selected, .interactive_plus_button.selected {
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.2);
    border-color: rgba(150, 150, 150, 0.7);
}
.interactive_dropdown label {
    font-weight: normal;
    display: inline-block;
    padding: 0;
    float: none;
}
.interactive_dropdown > label {
    color: #888;
    margin: 0 5px 0 0;
    float: left;
}
.interactive_dropdown li label {
    vertical-align: top;
    margin: 0;
    text-transform: none;
    color: #555;
}
.interactive_dropdown li.disabled label, .interactive_dropdown li.disabled:hover label {
    color: #CCC;
    cursor: default;
}
.interactive_dropdown > span {
    color: #333;
    font-size: 1em;
    margin: 0 5px 0 0;
}
.interactive_dropdown > span.value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.interactive_menu h1, .interactive_filters_list h1 {
    font-size: 1.1em;
    font-weight: normal;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 5px 0;
    margin: 0 5px;
    color: #888;
}
.interactive_menu, .interactive_filters_list {
    display: none;
    position: absolute;
    top: 0;
    margin-top: 28px;
    border-radius: 2px;
    background-color: #FFF;
    border: 1px solid rgba(150, 150, 150, 0.7);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    width: auto;
    white-space: nowrap;
    cursor: default;
}
.interactive_menu.wider {
    width: 370px;
}
.interactive_menu.two_columns, .interactive_filters_list.two_columns {
    width: 500px;
}
.interactive_menu.three_columns, .interactive_filters_list.three_columns {
    width: 750px;
}
.interactive_menu.two_columns.wide, .interactive_filters_list.two_columns.wide {
    width: 650px;
}
.interactive_menu.two_columns.wide .column, .interactive_filters_list.two_columns.wide .column {
    width: 320px;
}
.interactive_menu.two_columns .column, .interactive_filters_list.two_columns .column, .interactive_menu.three_columns .column, .interactive_filters_list.three_columns .column {
    width: 245px;
    display: inline-block;
    vertical-align: top;
}
.interactive_menu.two_columns .column h1, .interactive_filters_list.two_columns .column h1, .interactive_menu.three_columns .column h1, .interactive_filters_list.three_columns .column h1 {
    margin-top: 10px;
}
.interactive_menu.two_columns .column h1:first-child, .interactive_filters_list.two_columns .column h1:first-child, .interactive_menu.three_columns .column h1:first-child, .interactive_filters_list.three_columns .column h1:first-child {
    margin-top: 0;
}
.interactive_menu input[type=search] {
    padding: 2px;
    width: 350px;
    margin: 5px;
}
.interactive_menu .column input[type=search] {
    width: 230px;
}
.interactive_menu input[type=search].filtering + .filter_indicator {
    display: inline-block;
    margin-left: -30px;
    margin-top: 2px;
    z-index: 10;
}
.interactive_menu_values#filter_export_options {
    margin-top: 5px;
}
.interactive_menu_values#filter_export_options img.icon {
    vertical-align: middle;
}
.interactive_menu .filter_indicator {
    display: none;
}
.interactive_filters_list .search_template_list ul {
    display: block;
    list-style: none;
    margin: 5px;
    padding: 0;
    white-space: normal;
}
.interactive_filters_list .column .search_template_list li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 5px;
    width: 300px;
    transition: border 0.3s ease;
    border-radius: 2px;
    border: 1px solid transparent;
    font-size: 0.9em;
    clear: none;
    white-space: normal;
    min-height: 50px;
    vertical-align: top;
}
.interactive_filters_list .column .search_template_list li:hover, .search_template_list li.selected {
    border: 1px solid rgba(100, 100, 100, 0.2);
    background-color: transparent;
}
.interactive_filters_list .column .search_template_list li.selected {
    background-color: rgba(200, 200, 200, 0.2);
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.2);
}
.interactive_filters_list .column .search_template_list li img {
    float: left;
    margin: 5px 10px 10px 5px;
}
.interactive_filters_list .column .search_template_list li h1 {
    font-weight: normal;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #888;
    padding: 0;
    margin: 3px 0 0 0;
    border: 0;
}
#search_grouping_container.nogrouping .nogrouping, #search_grouping_container .groupingdetails, #search_grouping_container.parameter .parameterdetails { display: block; }
#search_grouping_container.nogrouping .groupingdetails, #search_grouping_container .nogrouping, #search_grouping_container .parameterdetails { display: none; }
#search_grouping_container .parameterdetails label { display: inline-block; text-transform: none; margin: 5px; }
#search_grouping_container .parameterdetails input[type=text] { display: inline-block; width: 35px; }
#search_grouping_container .nogrouping { padding: 5px; color: #777; font-size: 0.9em; }
.interactive_dropdown.selected .interactive_menu {
    display: block;
    left: -1px;
    z-index: 1;
}
.interactive_menu_values {
    transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
}
.interactive_menu_values.updating {
    opacity: 0.2;
}
.interactive_values_container {
    max-height: 300px;
    overflow-y: auto;
}
.interactive_menu .separator, .interactive_menu .separator:hover, .interactive_menu .column li.separator, .interactive_menu .column li.separator:hover {
    display: block;
    padding: 5px 0 0 0;
    margin: 0 5px 5px 5px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    background-color: transparent;
    cursor: default;
}
.interactive_menu.filtered .separator, .interactive_menu.filtered .separator:hover {
    display: none;
}
.interactive_menu ul, .interactive_filters_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.interactive_menu li, .interactive_filters_list li {
    padding: 2px 5px;
    margin: 0;
    clear: both;
    display: block;
    white-space: nowrap;
    position: relative;
}
.interactive_menu .column li, .interactive_filters_list .column li {
    margin: 0 5px;
}
.interactive_menu li:hover, .interactive_filters_list li:hover {
    background-color: rgba(200, 200, 200, 0.2);
    cursor: pointer;
}
.interactive_menu li.disabled, .interactive_filters_list li.disabled {
    color: #CCC;
}
.interactive_menu li.disabled:hover, .interactive_filters_list li.disabled:hover {
    background-color: transparent;
    cursor: default;
}
.searchable li.filtervalue {
    display: none;
}
.searchable li.filtervalue.unfiltered {
    display: block;
}
li.filtervalue .hidden { display: none; }
.interactive_menu li.highlighted {
    background-color: rgba(200, 200, 200, 0.2);
    cursor: pointer;
}
.interactive_menu li.selected {
    background-color: rgba(100, 200, 100, 0.3);
    cursor: pointer;
}
.interactive_menu li.highlighted.selected {
    background-color: rgba(50, 150, 50, 0.3);
    cursor: pointer;
}
.interactive_menu img.icon {
    display: inline-block;
    margin: 0 5px 0 0;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
}
.interactive_menu li img.checked {
    display: inline-block;
    margin: 0 5px 0 0;
    opacity: 0.1;
    transition: opacity 0.3s ease;
    vertical-align: text-top;
}
.interactive_menu li.selected img.checked {
    opacity: 1;
}
.interactive_menu li input[type=checkbox], .interactive_menu li input[type=radio] {
    display: none;
}
.interactive_menu li span {
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.filter_remove_button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 16px;
    padding: 4px 3px;
    line-height: 1;
    border-left: 1px solid rgba(100, 100, 100, 0.2);
    transition: background-color 0.3s ease;
}
.filter_remove_button:hover {
    border-color: rgba(100, 100, 100, 0.4);
    background-color: rgba(250, 0, 0, 0.2);
    cursor: pointer;
}
.filter_remove_button img {
    vertical-align: middle;
}
.filter_searchfield {
    vertical-align: middle;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(100, 100, 100, 0.3);
    padding: 3px;
    width: 180px;
    margin-right: 5px;
    transition: width 0.5s ease, border 0.3s ease;
}
.filter_searchfield:focus {
    width: 230px;
}
.slider_container {
    position: relative;
    width: auto;
    margin: 20px 0 20px 25px;
    height: 20px;
}
.slider {
    width: 500px;
    height: 10px;
    margin: 0 50px 20px 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
}
.handle {
    width: 15px;
    height: 30px;
    border: 1px solid rgba(100, 100, 100, 0.3);
    background-color: #F1F1F1;
    box-shadow: 0 0 2px rgba(100, 100, 100, 0.4);
    cursor: move;
    position: absolute;
    margin-top: -5px;
}
.slider_value {
    position: absolute;
    right: 25px;
    top: -25px;
    font-size: 2em;
    font-weight: normal;
    color: #CCC;
    padding: 15px;
}

#find_issues .results_header .searchterm { font-weight: normal; font-style: italic; }
#find_issues .results_header .faded_out, .num_results_badge { font-weight: normal; font-size: 0.8em; background-color: rgba(200, 200, 200, 0.3); color: rgba(50, 50, 50, 0.6); margin-left: 5px; padding: 2px 5px; border-radius: 3px; vertical-align: baseline; }
#find_issues .main_content { font-size: 0.9em; font-weight: normal; padding: 3px; }
#find_issues #no_issues { padding: 4px; }
#find_issues .search_export_links { float: right; font-size: 0.8em; }
#find_issues .search_export_links img { margin: 0 3px -4px 10px; }
.column_settings { font-size: 0.8em; }
.backdrop_detail_content .column_settings { font-size: 1em; }
.column_settings .button-icon { cursor: pointer; }
.column_settings h4 { margin-bottom: 5px; }
.column_settings input { float: left; margin: 0 3px 0 0; padding: 0; }
.backdrop_detail_content .column_settings input { float: none; margin: 0 3px 0 0; padding: 0; }
.backdrop_detail_content .column_settings label div { float: none; display: inline-block; padding: 3px; }
.column_settings label div { float: left; padding: 3px; }
.column_settings label { padding: 3px; }
.column_settings li { clear: both; }
.column_settings_save_button { margin-right: 10px; }
.search_buttons { float: right; }
.search_buttons .button, .search_buttons .button:hover { font-size: 1.15em !important; padding: 2px 10px !important; font-weight: normal !important; }
#find_issues #search_filters ul { list-style-type: none; margin: 0; padding: 0; }
#find_issues #search_filters ul li { margin: 0; padding: 0; }
#search_filters_list li { clear: both; }
#search_filters_list button, #search_filters_list label, #search_filters_list input, #search_filters_list select { float: left; }
#find_issues #add_filter_form label { display: inline-block; min-width: 200px; }
#find_issues #search_filters label { display: block; min-width: 200px; float: left; }
#search_button_bottom, #search_button_bottom:hover { font-weight: bold !important; }
#find_issues button { font-weight: normal; padding: 2px 5px 1px 5px !important; }
/* end boxes */

#search_error, #search_message { font-weight: bold; color: #333; }
.generic_error_message { font-weight: normal; color: #E44; }

/* search results */
#saved_search_details input[type=submit] { font-size: 1em; }
#search_results_container { position: relative; }
#search_results_loading_indicator { width: 100%; height: 100%; padding: 0; margin: 0; vertical-align: middle; text-align: center; position: absolute; background-color: rgba(255, 255, 255, 0.6); }
#search_results_loading_indicator img { vertical-align: middle; }
.search_results { margin: 0 0 5px 0; }
.search_results h5 { margin: 0; padding: 6px; font-size: 1.2em; font-weight: normal; text-transform: uppercase; border: none; background-color: #FFF; }
.search_results h5 img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.search_results table.results_container { margin-bottom: 0; table-layout: auto; }
.search_results table.results_container tbody { border-collapse: collapse; }
.search_results th { background-color: #FFF; background-repeat: no-repeat; background-position: 5px center; padding: 2px; font-weight: bold; text-transform: uppercase; font-size: 0.85em; border: none; border-right: 2px solid transparent; border-bottom: 1px dotted rgba(200, 200, 200, 0.5); color: #666; width: 170px; }
.search_results .results_normal th:hover { cursor: pointer; border-right: 2px dotted rgba(150, 150, 150, 0.3); }
.search_results th:last-child:hover, .search_results .results_normal th.nosort:hover { border-right: 2px dotted transparent; cursor: default; }
.search_results th img { width: 16px; height: 16px; display: inline-block; vertical-align: middle; }
.search_results th.sc_datetime { width: 100px; }
.search_results th.sc_title_container { width: auto; }
.search_results td { font-size: 0.9em; padding: 2px; }
.search_results tbody tr:nth-child(odd) { background-color: #F8F8F8; }
.search_results tbody tr.selected { background-color: #F1F1CA; }
.search_results tbody tr:hover { background-color: #F1F1F1; }
.search_results tbody tr.closed td, tr.closed td { color: #888; text-decoration: line-through; }
.search_results tbody tr.changed { background-color: #FFFBE2; }
.search_results tbody tr.changed:hover { background-color: #FFF299; }
.search_results tbody tr.blocking { background-color: #FCC; }
.search_results tbody tr.blocking:hover { background-color: #E0aC9C; }
.search_results tbody tr.changed.blocking { background-color: #FFDFCC; }
.search_results tbody tr.changed.blocking:hover { background-color: #E0BF9C; }
.search_results td.result_issue a .issue_title { color: #333; }
.search_results td.result_issue a:hover .issue_title { color: #555; }
.search_results td.result_issue a, .search_results td.result_issue a:hover { font-weight: normal; font-size: 1.1em; }
.search_results td.smaller { font-size: 0.85em; }
.search_results div.results_summary { border: 1px dotted #CCC; font-size: 0.9em; margin: 5px 0 20px; padding: 10px; padding: 5px 10px; line-height: 1.7; }
.search_results div.results_summary .summary_header { font-weight: bold; font-size: 1.1em; }
.search_results div.results_summary .issue_count, .search_results div.results_summary .issue_spent_time_summary, .search_results div.results_summary .issue_estimated_time_summary { font-weight: bold; font-size: 1.1em; }
.search_results tr.priority_0 td { background-color: transparent; }
.search_results .sc_issuetype img { float: left; margin-right: 3px; }
.search_results td.result_issue img { float: left; margin-right: 3px; }
.search_results td.result_issue .issue_state { display: none; }
.search_results td.sc_status { font-size: 0.9em; }
.search_results td.sc_actions { position: relative; font-size: 1.1em; text-align: left; line-height: 1em; }
.sc_actions .image { background-repeat: no-repeat; background-position: 5px 5px; width: 22px; height: 22px; display:inline-block; }
.sc_actions .image.button-pressed { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; border-radius: 2px; }
.search_results td.sc_actions .more_actions_dropdown { margin-top: 24px; margin-right: 0; top: 0; z-index: 10001; width: 300px; }

.search_results tr:hover td.sc_actions { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.bulk_action_container { height: 35px; position: relative; }
.bulk_action_form.fixed { position: fixed; top: 0; left: 30px; right: 6px; margin: 0; z-index: 100; margin-left: -30px; margin-right: -6px; transition: margin-left 0.3s ease-in-out, margin-right 0.3s ease-in-out; }
.bulk_action_form.fixed .search_bulk_container { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-bottom-style: solid; }
.search_bulk_container { font-size: 0.9em; border: 1px dotted #DDD; background-color: #FAFAFA; padding: 5px; transition: opacity 0.3s ease; border-left: 0; border-right: 0; }
.search_bulk_container input[type=text] { padding-top: 1px; }
.search_bulk_container.top { border-top: none; margin-bottom: 5px; }
.search_bulk_container.bottom { margin-top: 5px; }
.search_bulk_container.unavailable { filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; }
.search_bulk_container input[type=submit][disabled], .search_bulk_container input[type=submit][disabled]:hover, .search_bulk_container input[type=submit], .search_bulk_container input[type=submit]:hover { margin-top: -3px; height: 21px; vertical-align: middle; }
/*.search_results tr.priority_1 td { background-color: #EFE; }
.search_results tr.priority_2 td { background-color: #DFD; }
.search_results tr.priority_3 td { background-color: #FFD; }
.search_results tr.priority_4 td { background-color: #EEA; }
.search_results tr.priority_5 td { background-color: #FCC; }
.search_results tr.priority_6 td { background-color: #FAA; }*/
/* end results */

/* paginator */
.issue_paginator { text-align: center; width: auto; margin: 10px auto 10px auto; padding: 3px 5px 3px 5px; font-size: 13px; text-align: center; }
.issue_paginator.fixed { width: 100%; margin: 10px auto 0 auto; padding: 5px 0; background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(100, 100, 100, 0.3); position: fixed; bottom: 0; left: 0; z-index: 100; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
.issue_paginator.fixed.visible { opacity: 1; visibility: visible; }
/* end paginator */

/* saved searches */
.saved_searches { font-size: 0.9em; padding: 5px 5px 5px 10px; width: 310px; vertical-align: top; }
.side_bar.saved_searches .collapser_link {transition: left 0.3s ease; }
.saved_searches a { font-size: 0.9em; font-weight: bold; padding-left: 3px; }
.saved_searches .container_div { margin-bottom: 10px; }

.backdrop_box { margin: 5px 0; clear: both; font-size: 1em; display: block; padding: 0px; padding-bottom: 2px; background-color: #FFF; border: 1px solid #CCC; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); border-radius: 3px; }
.side_bar .container_divs_wrapper {
    margin-left: 0px;
    visibility: visible;
    opacity: 1;
    transition: margin-left 0.3s ease 0s, opacity 1s ease 0s, visibility 1s ease 0s;
}
.side_bar.collapsed .container_divs_wrapper {
    opacity: 0;
    visibility: hidden;
}
.container_div { margin: 5px; clear: both; font-size: 1.1em; display: block; padding: 0 0 2px; background-color: #FFF; border: none; box-shadow: none; position: relative; }
.container_div .header, .team_dashboard .header, .project_overview .header {
    margin: 0;
    padding: 5px 0;
    border: none;
    border-bottom: 1px dotted #CCC;
    font-weight: normal;
    font-size: 1.1em;
    color: #888;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-transform: uppercase;
}
.team_dashboard .header, .project_overview .header {
    font-size: 1.2em;
    text-transform: uppercase;
}
.metallic_header {
    margin-top: 0;
    height: 18px;
    padding: 2px 5px;
    border: none;
    border-bottom: 1px solid #CCC;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F1F1F1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F1F1F1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #FFFFFF 0%,#F1F1F1 100%); /* W3C */
}
/* end search styling */

/* non-link-styled issue titles */
a .issue_title { color: #333; }
.faded_out a .issue_title { color: #888; }
a:hover .issue_title { color: #555; }

/* article styles */
.article_placeholder { margin: 10px 0 15px 2px; }

/* import */
.csv_import_data_box { margin: 5px; border: 1px solid #AAA; width: 98%; height: 200px; }
.csv_import_dry { float: left; }
.csv_import_go { float: right; }
#csv_button_area { clear: both; padding-top: 5px; padding-bottom: 5px; }
#csv_button_area button { float: left; }
#csv_button_area button:last-child { clear: right; }
#id_zone .tab_header { clear: both; }
#id_zone .clear, #csv_button_area .clear { clear: both; }
.csv_data_box { width: 250px; float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }
.csv_data_box_right { clear: right; }
.csv_data_box table { width: 100%; }
.csv_data_box table thead tr th:last-child { width: 25px; }
.csv_data_box .header { padding-bottom: 5px; }
#csv_import_control { height: 20px }

#config_scopes .nice_button { margin-left: 0; }
#config_scopes .rounded_box .content .header { margin-top: 15px; }
#config_scopes a.action_button { float: right; }
#scopes_list ul.simple_list li span { color: #333; font-size: 1em; font-weight: normal; }
#scopes_list .scope_description { font-size: 0.9em; }

a.action_button { padding: 3px; background-color: #FAFAFA; border: 1px solid #CCC; display: block; line-height: 0; margin-left: 5px; }
a.action_button:hover { background-color: #FCFCFC; border-color: #AAA; }

input[type=submit], input[type=submit]:hover, button, .button, .button:hover {
    line-height: 17px !important;
    height: auto;
    margin: 0;
    padding: 1px 3px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #AAA; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, .button-silver:hover, input.button-silver[type=submit]:hover {
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    cursor: pointer;
}

.smaller_buttons .button span, .button.big-button span, .smaller_buttons .button input, .smaller_buttons .button button, .button.big-button input, .button.big-button button { padding: 8px 15px; font-size: 18px; }

/* When pressed, move it down 1px */
/*----------------------------*/
.button-icon, .button-icon:hover { padding: 1px 2px; line-height: 18px !important; }
.button img { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; }
.button-icon img, .button-icon:hover img { margin: 1px; float: none; }
.button a, .button a:hover, .button a:visited, .button a:active { color: #FFF; }

.button-silver, .button.disabled, .button.disabled:active, .button.disabled:hover, button, input[type=submit][disabled], input[type=submit][disabled]:hover, input[type=submit], input[type=submit]:hover, .button-green.disabled, .button-green.disabled:hover, input[type=submit].button-green[disabled], input[type=submit].button-green[disabled]:hover, input[type=submit].button-green[disabled]:active, .button-green[disabled], .button-green[disabled]:hover {
    background: #c5c5c5;
    background: -moz-linear-gradient(top, #F5F5F5 0%, #E5E5E5 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E5E5E5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#E5E5E5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F5F5F5 0%,#E5E5E5 100%); /* W3C */
}

.button-silver:focus, input[type=submit]:focus, button:focus {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.35);
}

.button-silver:active, input[type=submit]:active, button:active, input[type=submit].button-pressed, input[type=submit].button-pressed:hover, button.button-pressed, button.button-pressed:hover, .button.button-pressed, .button.button-pressed:hover {
    box-shadow: 0 0 4px rgba(100, 100, 100, 0.3) inset;
}
.button-silver, input[type=submit], button, input[type=submit].button-silver, button.button-silver, a.button-silver, .button-silver:active, button.button-silver:active, input[type=submit].button-silver:active, a.button-silver:active { color: #555; text-shadow: 1px 1px #FFF; box-shadow: none; }
input[type=button][disabled], input[type=button].disabled, input[type=submit][disabled], input[type=submit].disabled, button[disabled], button.disabled, .button.disabled, .button.button-silver.disabled { color: #AAA !important; text-shadow: 1px 1px 0px #FFF !important; }
.button-icon.disabled img { filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; }
/*----------------------------*/
.button-khaki, input[type=submit].button-khaki {
    background: #A2B598;
    background: -moz-linear-gradient(top, #BDD1B4 0%, #A2B598 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#BDD1B4), color-stop(100%,#A2B598)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BDD1B4), color-stop(100%,#A2B598)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #BDD1B4 0%,#A2B598 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #BDD1B4 0%,#A2B598 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #BDD1B4 0%,#A2B598 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BDD1B4', endColorstr='#A2B598',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #BDD1B4 0%,#A2B598 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-khaki:active, input[type=submit].button-khaki:active {
    background: #BDD1B4;
    background: -moz-linear-gradient(top, #A2B598 0%, #BDD1B4 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#A2B598), color-stop(100%,#BDD1B4)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A2B598), color-stop(100%,#BDD1B4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #A2B598 0%,#BDD1B4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #A2B598 0%,#BDD1B4 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #A2B598 0%,#BDD1B4 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2B598', endColorstr='#BDD1B4',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #A2B598 0%,#BDD1B4 100%); /* W3C */
}
/*.button-khaki:active { background: #A2B598; }*/
/*----------------------------*/
.button-blue, input[type=submit].button-blue {
    background: #4477a1;
    background: -moz-linear-gradient(top, #81A8CB 0%, #4477A1 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#81A8CB), color-stop(100%,#4477A1)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81A8CB), color-stop(100%,#4477A1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #81A8CB 0%,#4477A1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #81A8CB 0%,#4477A1 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #81A8CB 0%,#4477A1 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81A8CB', endColorstr='#4477A1',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #81A8CB 0%,#4477A1 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-blue:active, input[type=submit].button-blue:active, .button-blue.button-pressed {
    background: #81a8cb;
    background: -moz-linear-gradient(top, #4477A1 0%, #81A8CB 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#4477A1), color-stop(100%,#81A8CB)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4477A1), color-stop(100%,#81A8CB)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4477A1 0%,#81A8CB 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4477A1 0%,#81A8CB 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4477A1 0%,#81A8CB 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4477A1', endColorstr='#81A8CB',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #4477A1 0%,#81A8CB 100%); /* W3C */
}
/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-lightblue, input[type=submit].button-lightblue {
    background: #C7D4E0;
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-lightblue[disabled], input[type=submit].button-lightblue[disabled] {
    background: #4477a1;
    background: -moz-linear-gradient(top, #C5EAE6 0%, #A1B2C0 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#C5EAE6), color-stop(100%,#A1B2C0)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5EAE6), color-stop(100%,#A1B2C0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #C5EAE6 0%,#A1B2C0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #C5EAE6 0%,#A1B2C0 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #C5EAE6 0%,#A1B2C0 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5EAE6', endColorstr='#A1B2C0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #C5EAE6 0%,#A1B2C0 100%); /* W3C */
}
.button-lightblue:active, input[type=submit].button-lightblue:active {
    background: #81a8cb;
    background: -moz-linear-gradient(top, #8BA6C0 0%, #A9CBEA 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#8BA6C0), color-stop(100%,#A9CBEA)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8BA6C0), color-stop(100%,#A9CBEA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8BA6C0 0%,#A9CBEA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8BA6C0 0%,#A9CBEA 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8BA6C0 0%,#A9CBEA 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8BA6C0', endColorstr='#A9CBEA',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #8BA6C0 0%,#A9CBEA 100%); /* W3C */
}
/*.button-blue:active { background: #4477a1; }*/
/*----------------------------*/
.button-brown, input[type=submit].button-brown {
    background: #8f3714;
    background: -moz-linear-gradient(top, #BF6F50 0%, #8F3714 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#BF6F50), color-stop(100%,#8F3714)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BF6F50), color-stop(100%,#8F3714)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #BF6F50 0%,#8F3714 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #BF6F50 0%,#8F3714 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #BF6F50 0%,#8F3714 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BF6F50', endColorstr='#8F3714',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #BF6F50 0%,#8F3714 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-brown:active, input[type=submit].button-brown:active {
    background: #bf6f50;
    background: -moz-linear-gradient(top, #8F3714 0%, #BF6F50 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#8F3714), color-stop(100%,#BF6F50)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8F3714), color-stop(100%,#BF6F50)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8F3714 0%,#BF6F50 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8F3714 0%,#BF6F50 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8F3714 0%,#BF6F50 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8F3714', endColorstr='#BF6F50',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #8F3714 0%,#BF6F50 100%); /* W3C */
}
/*.button-brown:active { background: #8f3714; }*/
/*----------------------------*/
.button-green, input[type=submit].button-green {
    background: #92BA6F;
    background: -moz-linear-gradient(top, #92BA6F 0%, #428739 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#92BA6F), color-stop(100%,#428739)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92BA6F), color-stop(100%,#428739)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #92BA6F 0%,#428739 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #92BA6F 0%,#428739 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #92BA6F 0%,#428739 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92BA6F', endColorstr='#428739',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #92BA6F 0%,#428739 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-green:active, input[type=submit].button-green:active {
    background: #c8dd95;
    background: -moz-linear-gradient(top, #428739 0%, #92BA6F 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#428739), color-stop(100%,#92BA6F)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428739), color-stop(100%,#92BA6F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #428739 0%,#92BA6F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #428739 0%,#92BA6F 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #428739 0%,#92BA6F 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428739', endColorstr='#92BA6F',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #428739 0%,#92BA6F 100%); /* W3C */
}
/*.button-green:active { background: #428739; }*/
/*----------------------------*/
.button-red, input[type=submit].button-red {
    background: #D82741;
    background: -moz-linear-gradient(top, #E84B6E 0%, #D82741 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#E84B6E), color-stop(100%,#D82741)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E84B6E), color-stop(100%,#D82741)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E84B6E 0%,#D82741 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E84B6E 0%,#D82741 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #E84B6E 0%,#D82741 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E84B6E', endColorstr='#D82741',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #E84B6E 0%,#D82741 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-red:active, input[type=submit].button-red:active {
    background: #E84B6E;
    background: -moz-linear-gradient(top, #D82741 0%, #E84B6E 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#D82741), color-stop(100%,#E84B6E)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D82741), color-stop(100%,#E84B6E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #D82741 0%,#E84B6E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #D82741 0%,#E84B6E 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #D82741 0%,#E84B6E 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D82741', endColorstr='#E84B6E',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #D82741 0%,#E84B6E 100%); /* W3C */
}
/*.button-red:active { background: #D82741; }*/
/*----------------------------*/
.button-purple, input[type=submit].button-purple {
    background: #6F50E7;
    background: -moz-linear-gradient(top, #B8A9F3 0%, #6F50E7 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#B8A9F3), color-stop(100%,#6F50E7)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B8A9F3), color-stop(100%,#6F50E7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #B8A9F3 0%,#6F50E7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #B8A9F3 0%,#6F50E7 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #B8A9F3 0%,#6F50E7 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B8A9F3', endColorstr='#6F50E7',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #B8A9F3 0%,#6F50E7 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-purple:active, input[type=submit].button-purple:active {
    background: #B8A9F3;
    background: -moz-linear-gradient(top, #6F50E7 0%, #B8A9F3 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#6F50E7), color-stop(100%,#B8A9F3)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6F50E7), color-stop(100%,#B8A9F3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6F50E7 0%,#B8A9F3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6F50E7 0%,#B8A9F3 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #6F50E7 0%,#B8A9F3 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6F50E7', endColorstr='#B8A9F3',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #6F50E7 0%,#B8A9F3 100%); /* W3C */
}
/*.button-purple:active { background: #6F50E7; }*/
/*----------------------------*/
.button-black, input[type=submit].button-black {
    background: #141414;
    background: -moz-linear-gradient(top, #656565 0%, #141414 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#141414)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#141414)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #656565 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #656565 0%,#141414 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #656565 0%,#141414 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #656565 0%,#141414 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-black:active, input[type=submit].button-black:active {
    background: #656565;
    background: -moz-linear-gradient(top, #141414 0%, #656565 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#656565)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#656565)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #141414 0%,#656565 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #141414 0%,#656565 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #141414 0%,#656565 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #141414 0%,#656565 100%); /* W3C */
}
/*.button-black:active { background: #141414; }*/
/*----------------------------*/
.button-orange, input[type=submit].button-orange {
    background: #f09c15;
    background: -moz-linear-gradient(top, #F8C939 0%, #F09C15 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#F8C939), color-stop(100%,#F09C15)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8C939), color-stop(100%,#F09C15)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F8C939 0%,#F09C15 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F8C939 0%,#F09C15 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F8C939 0%,#F09C15 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8C939', endColorstr='#F09C15',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F8C939 0%,#F09C15 100%); /* W3C */
    color: #fff; text-shadow: 1px 1px 0px #666;
}
.button-orange:active, input[type=submit].button-orange:active {
    background: #f8c939;
    background: -moz-linear-gradient(top, #F09C15 0%, #F8C939 100%); /* FF3.6+ */
    background: -khtml-gradient(linear, left top, left bottom, color-stop(0%,#F09C15), color-stop(100%,#F8C939)); /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F09C15), color-stop(100%,#F8C939)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F09C15 0%,#F8C939 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F09C15 0%,#F8C939 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #F09C15 0%,#F8C939 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F09C15', endColorstr='#F8C939',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #F09C15 0%,#F8C939 100%); /* W3C */
}
/*.button-orange:active { background: #f09c15; }*/
/*----------------------------*/

.buildbox { margin-bottom: 5px; line-height: 1.3; }
.build_buttons { float: right; margin: 3px 0 0 0; }
.build_buttons button { font-size: 0.85em; padding: 1px 2px !important; }
#edit_build_download_options li { clear: both; }
#edit_build_download_options input[type="radio"] { float: left; margin: 0 5px 0 0; }
#edit_build_download_options label { float: left; margin: 0 5px 0 0; }

/*
        Simple OpenID Plugin
        http://code.google.com/p/openid-selector/

        This code is licensed under the New BSD License.
*/

#openid_choice {
    display: none;
}

#openid_input_area {
    clear: both;
    padding: 10px 0;
}

#openid_btns, #openid_btns br {
    clear: both;
}

.openid_container input[type=submit] { float: right; font-size: 1.1em !important; padding: 3px 4px !important; clear: both; margin-top: 5px; }
.openid_container input[type=text], .openid_container label { float: right; }

.openid_large_btn, .openid_large_btn:hover {
    width: 94px;
    height: 60px;

    margin: 0 3px 3px 0;
    display: inline-block;
    position: relative;
}

.openid_large_btn.button img {
    float: none;
    position: absolute;
    margin: 0;
    top: 10px;
    left: 5px;
}

.openid_small_btn, .openid_small_btn:hover {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
}

.openid_small_btn.button img {
    float: none;
    position: absolute;
    margin: 0;
    top: 5px;
    left: 7px;
}

.openid_accounts_list img { float: left; margin-right: 5px; }
.openid_accounts_list li { padding: 5px; position: relative; }
.openid_accounts_list .button { position: absolute; top: 4px; right: 4px; }
.openid_provider_name { font-weight: bold; }

/* sortable tables */
.sortcol {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.sortasc {
    background-repeat: no-repeat;
}
.sortdesc {
    background-repeat: no-repeat;
}
.nosort {
    cursor: default;
}
th.resize-handle-active {
    cursor: e-resize;
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #88C !important;
    position:absolute;
    top:0;
    left:0;
}

table.sortable tr th {
    background-repeat: no-repeat;
    background-position: 5px center;
}

table.sortable tr th.nosort {
    padding-left: 0px !important;
    background-image: none;
}

.roweven {
    background-color: #F8F8F8;
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
    margin:0px; padding:0px;
    outline:none;
}
.markItUp a:link,
.markItUp a:visited {
    color:#000;
    text-decoration:none;
}
.markItUp  {
    margin: 5px 0 0 0;
}
.markItUpContainer  {
    font:11px 'Droid Sans', sans-serif;
}
.markItUpEditor {
    box-sizing: border-box;
    font:12px 'Droid Sans Mono', monospace;
    padding:5px;
    width:690px;
    height:320px;
    clear:both;
    line-height:18px;
    overflow:auto;
    display: block;
    box-sizing: border-box;
}
.markItUpPreviewFrame    {
    overflow:auto;
    background-color:#FFF;
    width:99.9%;
    height:300px;
    margin:5px 0;
}
.markItUpFooter {
    display: none;
}
.markItUpResizeHandle {
    overflow:hidden;
    width:22px; height:5px;
    margin-left:auto;
    margin-right:auto;
    cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li    {
    list-style:none;
    float:left;
    position:relative;
}
.markItUpHeader ul li:hover > ul{
    display:block;
}
.markItUpHeader ul .markItUpDropMenu {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 115% 50%;
    margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
    margin-right:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
    display:none;
    position:absolute;
    top:18px; left:0px;
    background:#FFF;
    border:1px solid #000;
}
.markItUpHeader ul ul li {
    float:none;
    border-bottom:1px solid #000;
}
.markItUpHeader ul ul .markItUpDropMenu {
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.markItUpHeader ul .markItUpSeparator {
    margin:0 10px;
    width:1px;
    height:16px;
    overflow:hidden;
    background-color:#CCC;
}
.markItUpHeader ul ul .markItUpSeparator {
    width:auto; height:1px;
    margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
    position:absolute;
    top:-1px; left:150px;
}
.markItUpHeader ul ul ul li {
    float:none;
}
.markItUpHeader ul a {
    display:block;
    width:16px; height:16px;
    text-indent:-10000px;
    background-repeat:no-repeat;
    padding:3px;
    margin:0px;
}
.markItUpHeader ul ul a {
    display:block;
    padding-left:0px;
    text-indent:0;
    width:120px;
    padding:5px 5px 5px 25px;
    background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
    color:#FFF;
    background-color:#000;
}
.markItUpHeader a:hover  {
    border-bottom: none;
}

/* Link body */
.persona-button{
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px rgba(0,0,0,0.5), 0 0 2px rgba(0,0,0,0.2);

    background: #297dc3;
    background: -moz-linear-gradient(top, #43a6e2, #287cc2);
    background: -ms-linear-gradient(top, #43a6e2, #287cc2);
    background: -o-linear-gradient(top, #43a6e2, #287cc2);
    background: -webkit-linear-gradient(top, #43a6e2, #287cc2);
    background: linear-gradient(top, #43a6e2, #287cc2);

    -moz-border-radius:   3px;
    -ms-border-radius:     3px;
    -o-border-radius:     3px;
    -webkit-border-radius:   3px;
    border-radius:       3px;

    -moz-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow:   0 1px 0 rgba(0,0,0,0.2);
    -o-box-shadow:     0 1px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow:     0 1px 0 rgba(0,0,0,0.2);
}

.persona-button:hover{
    background: #21669f;
    background: -moz-linear-gradient(top, #3788b9, #21669f);
    background: -ms-linear-gradient(top, #3788b9, #21669f);
    background: -o-linear-gradient(top, #3788b9, #21669f);
    background: -webkit-linear-gradient(top, #3788b9, #21669f);
    background: linear-gradient(top, #3788b9, #21669f);
    border: none;
}

.persona-button:active, .persona-button:focus{
    top: 1px;
    box-shadow: none;
}

.persona-button span{
    display: inline-block;
    padding: 5px 10px 5px 40px;
}

/* Icon */
.persona-button span:after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA4klEQVR42o2RWaqEMBRE3YaCiDjPwQGcd9CrysLv4wTyoLFD90dxqbp1EgdPRB7Kskznea6Zn/aPoKoqUUrJOI5m4l2QBfSyLHKep1zXZSae3An1fS/7vst931bGkzuhaZrsLVbGkzuheZ7lOI6HyJ2QUkqv6yrbtv0LT+6E7G0UrfBfP3lZlpoXH4ZBmHgn5Pv+KwxDfqp0XQdgJp6c/RsUBIGOokiSJDE/s21bACbe5Ozp0TdAHMdSFIXUdS1N01C2wpObPT36HifwCJzI0iX29Oh7XP0E3CB9L01TzM+i/wePv4ZE5RtAngAAAABJRU5ErkJggg==) 10px center no-repeat;
    content: '';
    display: block;
    width: 31px;

    position: absolute;
    bottom: 0;
    left: -3px;
    top: 0;
    z-index: 10;
}

/*  Icon background */
.persona-button span:before{
    content: '';
    display: block;
    height: 100%;
    width: 20px;

    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1;

    background: #42a9dd;
    background: -moz-linear-gradient(top, #50b8e8, #3095ce);
    background: -ms-linear-gradient(top, #50b8e8, #3095ce);
    background: -o-linear-gradient(top, #50b8e8, #3095ce);
    background: -webkit-linear-gradient(top, #50b8e8, #3095ce);
    background: linear-gradient(top, #50b8e8, #3095ce);

    -moz-border-radius:   3px 0 0 3px;
    -ms-border-radius:     3px 0 0 3px;
    -o-border-radius:     3px 0 0 3px;
    -webkit-border-radius:   3px 0 0 3px;
    border-radius:       3px 0 0 3px;
}

/* Triangle */
.persona-button:before{
    background: #42a9dd;
    content: '';
    display: block;
    height: 26px;
    width: 26px;

    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -13px;
    z-index: 0;

    background: -moz-linear-gradient(-45deg, #50b8e8, #3095ce);
    background: -ms-linear-gradient(-45deg, #50b8e8, #3095ce);
    background: -o-linear-gradient(-45deg, #50b8e8, #3095ce);
    background: -webkit-linear-gradient(-45deg, #50b8e8, #3095ce);
    background: linear-gradient(-45deg, #3095ce, #50b8e8); /* flipped for updated spec */

    -moz-box-shadow:   1px -1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow:   1px -1px 1px rgba(0,0,0,0.1);
    -o-box-shadow:     1px -1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px -1px 1px rgba(0,0,0,0.1);
    box-shadow:     1px -1px 1px rgba(0,0,0,0.1);

    -moz-transform:   rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:     rotate(45deg);
    -webkit-transform:   rotate(45deg);
    transform:       rotate(45deg);
}

/* Inset shadow (required here because the icon background clips it when on the `a` element) */
.persona-button:after{
    content: '';
    display: block;
    height: 100%;
    width: 100%;

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;

    -moz-border-radius:   3px;
    -ms-border-radius:     3px;
    -o-border-radius:     3px;
    -webkit-border-radius:   3px;
    border-radius:       3px;

    -moz-box-shadow:   inset 0 -1px 0 rgba(0,0,0,0.3);
    -ms-box-shadow:   inset 0 -1px 0 rgba(0,0,0,0.3);
    -o-box-shadow:     inset 0 -1px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.3);
    box-shadow:     inset 0 -1px 0 rgba(0,0,0,0.3);
}

/* ========================================================
 *    Dark button
 * ===================================================== */
.persona-button.dark{
    background: #3c3c3c;
    background: -moz-linear-gradient(top, #606060, #3c3c3c);
    background: -ms-linear-gradient(top, #606060, #3c3c3c);
    background: -o-linear-gradient(top, #606060, #3c3c3c);
    background: -webkit-linear-gradient(top, #606060, #3c3c3c);
    background: linear-gradient(top, #606060, #3c3c3c);
}
.persona-button.dark:hover{
    background: #2d2d2d;
    background: -moz-linear-gradient(top, #484848, #2d2d2d);
    background: -ms-linear-gradient(top, #484848, #2d2d2d);
    background: -o-linear-gradient(top, #484848, #2d2d2d);
    background: -webkit-linear-gradient(top, #484848, #2d2d2d);
    background: linear-gradient(top, #484848, #2d2d2d);
}
.persona-button.dark span:before{ /* Icon BG */
    background: #d34f2d;
    background: -moz-linear-gradient(top, #ebac45, #d34f2d);
    background: -ms-linear-gradient(top, #ebac45, #d34f2d);
    background: -o-linear-gradient(top, #ebac45, #d34f2d);
    background: -webkit-linear-gradient(top, #ebac45, #d34f2d);
    background: linear-gradient(top, #ebac45, #d34f2d);
}
.persona-button.dark:before{ /* Triangle */
    background: #d34f2d;
    background: -moz-linear-gradient(-45deg, #ebac45, #d34f2d);
    background: -ms-linear-gradient(-45deg, #ebac45, #d34f2d);
    background: -o-linear-gradient(-45deg, #ebac45, #d34f2d);
    background: -webkit-linear-gradient(-45deg, #ebac45, #d34f2d);
    background: linear-gradient(-45deg, #d34f2d, #ebac45); /* flipped for updated spec */
}

/* ========================================================
 *    Orange button
 * ===================================================== */
.persona-button.orange{
    background: #ee731a;
    background: -moz-linear-gradient(top, #ee731a, #d03116);
    background: -ms-linear-gradient(top, #ee731a, #d03116);
    background: -o-linear-gradient(top, #ee731a, #d03116);
    background: -webkit-linear-gradient(top, #ee731a, #d03116);
    background: linear-gradient(top, #ee731a, #d03116);
}
.persona-button.orange:hover{
    background: #cb6216;
    background: -moz-linear-gradient(top, #cb6216, #b12a13);
    background: -ms-linear-gradient(top, #cb6216, #b12a13);
    background: -o-linear-gradient(top, #cb6216, #b12a13);
    background: -webkit-linear-gradient(top, #cb6216, #b12a13);
    background: linear-gradient(top, #cb6216, #b12a13);
}
.persona-button.orange span:before{ /* Icon BG */
    background: #e84a21;
    background: -moz-linear-gradient(top, #f7ad27, #e84a21);
    background: -ms-linear-gradient(top, #f7ad27, #e84a21);
    background: -o-linear-gradient(top, #f7ad27, #e84a21);
    background: -webkit-linear-gradient(top, #f7ad27, #e84a21);
    background: linear-gradient(top, #f7ad27, #e84a21);
}
.persona-button.orange:before{ /* Triangle */
    background: #e84a21;
    background: -moz-linear-gradient(-45deg, #f7ad27, #e84a21);
    background: -ms-linear-gradient(-45deg, #f7ad27, #e84a21);
    background: -o-linear-gradient(-45deg, #f7ad27, #e84a21);
    background: -webkit-linear-gradient(-45deg, #f7ad27, #e84a21);
    background: linear-gradient(-45deg, #e84a21, #f7ad27); /* flipped for updated spec */
}

.redbox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); color: #8C0D0D; background-color: rgba(255, 50, 50, 0.6); padding: 5px; }
.greybox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: rgba(200, 200, 200, 0.1); padding: 5px; }
.lightyellowbox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: rgba(249, 245, 178, 0.8); padding: 5px; }
.yellowbox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: rgba(249, 245, 178, 1); padding: 5px; }
.greenbox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: rgba(177, 210, 143, 0.6); padding: 5px; }
.bluebox { box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: rgba(212, 229, 255, 0.6); padding: 5px; }
.redbox, .greybox, .lightyellowbox, .yellowbox, .greenbox, .bluebox { border: 1px solid rgba(50, 50, 50, 0.3); }

.tutorial-message {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #333;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.25);
    width: 400px;
    margin: 100px auto 0 auto;
    padding: 10px;
    text-align: left;
    border-radius: 3px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: normal;
    position: fixed;
    z-index: 9999999;
}
.tutorial-message:before, .tutorial-message:after, .popup-menu.above:before, .popup-menu.above:after, .popup-menu.below:before, .popup-menu.below:after {
    content: '';
    position: absolute;
    margin-left: -9px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
}
.tutorial-message.above:before, .tutorial-message.above:after, .popup-menu.above:before, .popup-menu.above:after {
    bottom: -20px;
    top: auto;
    left: 50%;
    border-top: 10px solid rgba(0, 0, 0, 0.75);
}
.tutorial-message.above:after, .popup-menu.above:after {
    margin-left: -10px;
    border-top: 10px solid rgba(255, 255, 255, 1);
}
.tutorial-message.below:before, .tutorial-message.below:after, .popup-menu.below:before, .popup-menu.below:after {
    top: -20px;
    bottom: auto;
    left: 50%;
    border-bottom: 10px solid rgba(0, 0, 0, 0.25);
}
.tutorial-message.below:after, .popup-menu.below:after {
    margin-left: -10px;
    border-bottom: 10px solid rgba(255, 255, 255, 1);
}
.tutorial-message.left:before, .tutorial-message.left:after, .popup-menu.left:before, .popup-menu.left:after {
    top: 50%;
    bottom: auto;
    right: -20px;
    left: auto;
    border-left: 10px solid rgba(0, 0, 0, 0.25);
}
.tutorial-message.left:after, .popup-menu.left:after {
    margin-top: -1px;
    border-left: 10px solid rgba(255, 255, 255, 1);
}
.tutorial-message.right:before, .tutorial-message.right:after, .popup-menu.right:before, .popup-menu.right:after {
    top: 50%;
    bottom: auto;
    right: auto;
    left: -11px;
    border-right: 10px solid rgba(0, 0, 0, 0.25);
}
.tutorial-message.right:after, .popup-menu.right:after {
    margin-top: -1px;
    border-right: 10px solid rgba(255, 255, 255, 1);
}
.tutorial-message.left, .tutorial-message.right, .tutorial-message.above, .tutorial-message.below { margin-top: 0; }
.tutorial-message.full { top: 100px; left: 50%; }
.tutorial-message.large { width: 500px; padding: 15px 15px 5px 15px; }
.tutorial-message.large.full { margin-left: -250px; }
.tutorial-message.medium { width: 350px; padding: 10px 10px 0 10px; }
.tutorial-message.medium.full { margin-left: -170px; }
.tutorial-message.small { width: 250px; padding: 10px 10px 0 10px; }
.tutorial-message.small.full { margin-left: -100px; }
.tutorial-message h1, .tutorial-message h2, .tutorial-message h3, .tutorial-message h4, .tutorial-message h5 {
    margin-bottom: 15px;
    padding: 0 0 7px 0;
    color: #999;
    border-bottom: 1px dotted rgb(185, 185, 185);
    font-weight: normal;
}
.tutorial.block_overlay { position: absolute; z-index: 1000000; }
.tutorial-message .button, .tutorial-message .button:hover, .tutorial-buttons a { margin: 20px auto; display: inline-block; float: right; font-size: 1.1em !important; padding: 5px 10px !important; }
.tutorial-buttons a:hover { border: none; }
.tutorial-message .button.button-silver { font-weight: normal !important; font-size: 1em !important; margin: 22px 5px 0 0; padding: 3px 7px !important; }
.tutorial-status { text-align: right; font-size: 0.8em; font-weight: normal; color: #888; margin-bottom: 5px; }
.tutorial-buttons { white-space: nowrap; }
.fullpage_backdrop.tutorial { background-color: rgba(255, 255, 255, 0.6); }
.fullpage_backdrop.dark { background-color: rgba(0, 0, 0, 0.7); }
.fullpage_backdrop.tutorial.seethrough { background-color: rgba(0, 0, 0, 0); }

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

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

div.calendar table
{
    background-color: #eee;
    border: none;
    border-collapse: collapse;
}

div.calendar thead {
    background-color: white;
}

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

div.calendar td.title
{
    font-weight: normal;
    font-size: 1.4em;
}

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 td.button {
    float: none;
    display: table-cell;
}

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: #fff;
    color: #000;
}

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

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



/* ============================ */
/* Oxygen New - theme additions */
/* ============================ */


/* General */

.more_actions_dropdown li
{
    margin-bottom: 0px;
    padding: 2px;
}

.more_actions_dropdown
{
    text-align: left !important;
}

img[id^='toggle_friend_'][id$='_indicator']
{
    margin-left: 5px;
    margin-top: 4px;
    margin-bottom: 3px;
    margin-right: 3px;
}
tr[id^='users_results_user_'] > td > img[id^='toggle_friend_'][id$='_indicator']
{
    margin-left: 5px;
    margin-top: 2px;
    margin-bottom: 1px;
    margin-right: 3px;
}

#dialog_backdrop
{
    z-index: 100001;
}

button:focus, input:focus, select:focus {outline:0;}


/* Configure */

.configuration_page .tab_menu li.selected,
.configuration_page .tab_menu li.selected:hover,
ul#account_tabs li.selected,
ul#account_tabs li.selected:hover
{
    background-color: #FFF;
}

.config_badges > li > a > span
{
    font-size: 13px;
}

span.config_explanation > span.tooltip.from-above.leftie
{
    top: 38px;
    left: -20px;
}

#settings_menu_panes .config_explanation,
#config_auth .config_explanation,
#config_uploads .config_explanation
{
    padding-bottom: 10px;
}

#settings_menu_panes label,
#config_auth label,
#config_uploads label
{
    padding-left: 0px;
}

#settings_menu_panes .greybox,
#config_auth .greybox,
#config_uploads .greybox
{
    line-height: 1.73;
    height: 25px !important;
}

.greybox #config_settings_button,
.greybox #config_auth_button,
.greybox #config_uploads_button
{
    padding: 3px 23px !important;
    margin-left: 5px;
}

.config_explanation br:nth-of-type(2)
{
    display: none;
}

.more_than_one_project_warning
{
    margin-top: 5px;
    display: block;
}

#offline_msg_syntax_picker
{
    top: 10px;
}

#config_settings .greybox
{
    padding: 7px 7px 7px 10px !important;
}

#settings_menu_panes > div > table,
#config_uploads > table
{
    border-spacing: 0px 5px;
}

#settings_menu_panes > div
{
    margin-top: -5px;
}

.update_div
{
    background-color: #FAF5CA !important;
    margin: 20px 10px 0px 10px !important;
    padding: 10px;
}


/* Configure authentication */

#tab_offline_settings_pane .button.syntax_picker,
#config_auth .button.syntax_picker
{
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#config_auth .button.syntax_picker
{
    width: 28px;
}

#register_message_syntax_picker,
#forgot_message_syntax_picker,
#changepw_message_syntax_picker,
#changedetails_message_syntax_picker
{
    top: 10px;
}

#offline_msg, #register_message, #forgot_message,
#changepw_message, #changedetails_message
{
    resize: vertical;
}


/* Configure permissions */

#permissions_team_configurator_tabs_panes > div > p
{
    margin-top: 10px;
    margin-bottom: 10px;
}

#permissions_team_configurator_tabs_panes ul,
div[id^='permissions_user_'][id$='_tabs_panes'] ul,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul
{
    margin: 5px;
}

#permissions_team_configurator_tabs_panes ul > li,
div[id^='permissions_user_'][id$='_tabs_panes'] ul > li,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li
{
    line-height: 24px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li a,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li a
{
    padding: 0;
}

#permissions_team_configurator_tabs_panes ul > li > ul
{
    margin-left: 12px;
    width: 698px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li > ul,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li > ul
{
    margin-left: 12px;
    width: 748px !important;
}

#permissions_team_configurator_tabs_panes ul > li > ul > li
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li > ul > li,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li > ul > li
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 24px;
}

#permissions_team_configurator_tabs_panes ul > li > ul > li > ul
{
    width: 681px;
    margin-left: 12px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li > ul > li > ul,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li > ul > li > ul
{
    width: 731px !important;
    margin-left: 12px;
}

#permissions_team_configurator_tabs_panes ul > li > ul > li > ul > li
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
}

#permissions_team_configurator_tabs_panes ul > li > ul > li > ul > li > ul
{
    width: 664px;
    font-size: 11.8px;
    margin-left: 12px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] ul > li > ul > li > ul > li > ul,
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] ul > li > ul > li > ul > li > ul
{
    width: 714px !important;
    font-size: 11.8px;
    margin-left: 12px;
}

#permissions_team_configurator_tabs_panes ul > li > ul > li > ul > li > ul > li
{
    padding-left: 5px;
    padding-right: 5px;
    line-height: 18px;
}

img[id^='team_configurator'][id$='_details_indicator']
{
    margin-top: 6px;
    margin-left: 15px;
}

img[id^='permissions_'][id$='_indicator']
{
    float: right;
    margin-top: 0px;
    margin-right: 21px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div[id^='permissions_user_'][id$='_tabs_panes'] img[id^='permissions_'][id$='_indicator'],
div[id^='team_'][id$='_permissions'] div[id^='permissions_team_'][id$='_tabs_panes'] img[id^='permissions_'][id$='_indicator']
{
    float: right;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-right: 1px;
    padding-top: 4px;
    padding-bottom: 2px;
}

div[id^='user_'][id$='_tab_projects_pane'] ul > li > a > img,
div[id^='team_'][id$='_permissions'] div[id^='team_'][id$='_tab_projects_pane'] ul > li > a > img
{
    margin-top: 6px !important;
}

div[id^='user_'][id$='_tab_modules_pane'] ul > li > a > img,
div[id^='team_'][id$='_permissions'] div[id^='team_'][id$='_tab_modules_pane'] ul > li > a > img
{
    margin-top: 6px !important;
}

#team_configurator_tab_projects_pane > ul > li > a > img
{
    margin-top: 4px !important;
}

div[id^='team_'][id$='_tab_projects_pane'] img[id$='_details_indicator']
{
    position: absolute;
    margin-left: -45px !important;
    margin-top: -25px;
}

#team_configurator_tab_projects_pane img[id^='configuratorproject_'][id$='_details_indicator']
{
    position: inherit;
    margin-left: 16px !important;
    margin-top: 3px !important;
}

img[id^='team_'][id$='_permissions_indicator']
{
    margin-top: 10px;
}


/* Configure roles */

#new_role_form label
{
    margin-top: 1px;
    margin-right: 5px;
    display: block;
    float: left;
}

#new_role_form input[type=submit]
{
    padding: 3px 14px;
}

#global_roles_list input[type=submit]
{
    padding: 3px 14px;
    margin-top: 10px;
}

img[id^='role_'][id$='_form_indicator']
{
    margin-top: 14px;
}

form[id^='role_'][id$='_form'] ul li:hover
{
    background-color: rgba(0, 0, 0, 0.05);
}

form[id^='role_'][id$='_form'] ul li a:hover
{
    border-bottom: none;
}


/* Backdrop -> Permission details */

span[id^='permissions_'] a
{
    display: block;
    margin-top: 3px;
}

img[id^='permissions_'][id$='_indicator']
{
    margin-top: 1px;
    margin-bottom: 2px;
}


/* Configure projects */

#noprojects_tr
{
    padding: 0 !important;
}

#add_project_additional label
{
    margin-top: 10px;
    display: block;
    float: left;
    margin-right: 5px;
}

#add_project_additional select
{
    margin-top: 7px;
    display: block;
}

#add_project_additional br
{
    display: none;
}

#add_project_form > div:first-child
{
    height: 27px !important;
}

#add_project_form div:first-child label
{
    display: block;
    float: left;
    margin-top: 3px;
}

#add_project_form div:first-child input[type=text]
{
    margin-top: 2px;
    margin-left: 5px;
}

#add_issuetype_form input[type=submit]
{
    padding: 3px 14px;
}

#project_add_indicator
{
    float: left;
}

button[id^='project_'][id$='_more_actions']
{
    padding: 3px 14px;
    margin-top: -4px;
    margin-right: -5px;
}

ul[id^='project_'][id$='_more_actions_dropdown']
{
    top: 21px !important;
    width: auto !important;
    margin-right: -5px;
}


/* Backdrop -> Update header icon and favicon */

#build_form li
{
    margin-bottom: 5px;
}

#backdrop_detail_content .simple_list > li > input[name=small_icon_action],
#backdrop_detail_content .simple_list > li > input[name=large_icon_action]
{
    margin-top: -1px !important;
}

#backdrop_detail_content .simple_list > li > input[name=small_icon],
#backdrop_detail_content .simple_list > li > input[name=large_icon]
{
    margin-top: 7px;
    margin-left: 4px;
}

#update_icons_indicator
{
    margin-right: 5px;
    margin-top: 4px;
}


/* Backdrop -> Quick edit project */

#project_config_popup_main_container .button-blue,
#project_config_popup_main_container .button-green
{
    padding: 4px 10px;
    font-size: 13px;
}

#project_config_popup_main_container h5
{
    margin-left: 4px;
}

#project_config_popup_main_container .textarea_container
{
    margin-top: 25px;
}

#project_config_popup_main_container .syntax_picker_container
{
    top: -22px;
}

#project_config_popup_main_container .config_explanation
{
    padding-left: 0px;
    margin-left: -7px;
}

#project_description_input_syntax_picker
{
    margin-top: 44px;
    min-width: 159px;
}

#project_info_indicator
{
    position: absolute;
    margin-left: -23px;
    padding-top: 5px;
}

#project_description_input_toggle_syntax_button
{
    width: 145px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 22px;
}

#markItUpProject_description_input textarea
{
    resize: vertical;
}

#project_key_indicator {
    margin-left: 137px;
    height: auto !important;
    width: auto !important;
    text-align: inherit !important;
    background-color: inherit !important;
}


/* Backdrop -> Edit project permissions */

div[id^='project'][id$='_settings_roles'] .content.faded_out
{
    padding-left: 5px;
    width: 780px !important;
}

div[id^='project'][id$='_settings_roles'] h4
{
    padding-left: 5px;
    width: 780px !important;
}

div[id^='project'][id$='_settings_roles'] .project_roles_list
{
    padding-left: 5px;
    width: 780px !important;
}

#global_roles_list .greybox,
.project_roles_list .greybox
{
    padding: 6px 10px !important;
    margin-bottom: 12px !important;
    line-height: 22px;
}

#global_roles_list .greybox .button-group,
.project_roles_list .greybox .button-group
{
    margin-top: 0px !important;
}

#global_roles_list .greybox .button-group a,
.project_roles_list .greybox .button-group a
{
    border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

.project_roles_list .greybox .button-group a,
.project_roles_list .greybox .button-group button,
.project_roles_list .greybox .button-group a:hover,
.project_roles_list .greybox .button-group button:hover
{
    font-size: 0.9em;
    padding: 1px 5px;
}

.project_roles_list input[type=submit]
{
    padding: 3px 14px;
    margin-top: 10px;
}

#global_roles_list .greybox .simple_list a,
.project_roles_list .greybox .simple_list a
{
    position: absolute;
    margin-top: 5px;
    margin-left: -23px;
}

div[id^='project'][id$='_settings_advanced_permissions'] h3,
div[id^='project'][id$='_settings_advanced_permissions'] .content.faded_out
{
    margin: 0 5px;
    width: auto;
}

div[id^='project'][id$='_settings_advanced_permissions'] .content.faded_out
{
    margin-top: 5px;
}

div[id^='new_project'][id$='role']
{
    top: 15px;
    right: auto !important;
    left: 15px;
}

.project_save_container ul
{
    margin-top: -1px !important;
}

form[id^='new_project'][id$='role_form'] > label
{
    margin-top: 1px;
    display: block;
    float: left;
    margin-right: 5px;
}

form[id^='new_project'][id$='role_form'] > input[type=text]
{
    width: 260px !important;
}

ul[id^='project_permission_details_']
{
    width: auto;
    padding: 0px 5px;
}

ul[id^='project_permission_details_'] > li
{
    line-height: 27px;
    padding: 0px 5px;
}

ul[id^='project_permission_details_'] > li a
{
    padding: 0;
}

ul[id^='project_permission_details_'] > li > ul
{
    width: 762px;
    margin: 0px 0px 0px 13px;
}

ul[id^='project_permission_details_'] > li > ul > li
{
    padding: 0px 5px;
}

ul[id^='project_permission_details_'] > li > ul > li > ul
{
    width: 745px;
    margin: 0px 0px 0px 12px;
}

ul[id^='project_permission_details_'] > li > ul > li > ul > li
{
    padding: 0px 5px;
}


/* Configure uploads & attachments */

#config_uploads .rounded_box.yellow.borderless
{
    width: auto !important;
}

#config_uploads input[type=radio]
{
    margin-top: -3px;
}


/* Import data */

#tab_csv_pane,
#tab_tbg_pane,
#tab_sample_pane
{
    margin-top: -10px;
}

#csv_button_area
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.csv_data_box
{
    width: 230px;
}

.csv_import_go input[type=submit]
{
    padding: 2.5px 10px;
    margin-top: -2px;
}


/* Configure issue types */

#config_issuetypes, #tab_schemes_pane, #tab_scheme_pane
{
    width: 730px !important;
}

#add_issuetype_form > label
{
    margin-top: 2px;
    float: left;
    margin-right: 5px;
}

#add_issuetype_form > input
{
    float: left;
    margin-right: 5px;
}

#add_issuetype_form > input[type=submit]
{
    float: inherit;
}

#add_issuetype_indicator
{
    margin-top: 5px;
    position: absolute;
}

.issuetype_description
{
    margin-top: 5px;
}

form[id^='edit_issuetype_'][id$='_form'] > div
{
    font-size: 13px !important;
    text-align: right;
}

img[id^='edit_issuetype_'][id$='_indicator']
{
    float: right;
    margin-top: -35px;
    margin-right: 180px;
}

#issuetypes_list .button-group > a:first-child
{
    border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

#issuetypes_list tbody > tr > td:nth-child(2)
{
    padding-bottom: 10px;
}

form[id^='edit_issuetype_'][id$='_form'] > div
{
    margin: 15px 0px 0px 0px !important;
    padding: 10px;
}

form[id^='edit_issuetype_'][id$='_form'] input[type=submit]
{
    padding: 4px 6px;
    font-weight: normal !important;
}

#issuetypes_list div[id^='issuetype_'][id$='_box'] .button-group
{
    margin-top: 0px !important;
    margin-right: 0px;
    margin-bottom: 5px;
}


/* Configure issue types -> Issue type schemes & Configure workflows */

.issuetype_scheme_list div[id^='issuetype_'][id$='_box'] .button-group
{
    margin-top: -6px !important;
    margin-right: -1px;
    margin-bottom: 5px;
}

div[id^='issuetype_'][id$='_box'] .button-group > a,
div[id^='issuetype_'][id$='_box'] .button-group > button,
div[id^='issuetype_'][id$='_box'] .button-group > a:hover,
div[id^='issuetype_'][id$='_box'] .button-group > button:hover
{
    padding: 6px 8px;
}

div[id^='issuetype_'][id$='_box'] .button-group > a
{
    border-top-right-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;;
    -webkit-border-top-right-radius: 0px !important;;
    border-bottom-right-radius: 0px !important;;
    -moz-border-radius-bottomright: 0px !important;;
    -webkit-border-bottom-right-radius: 0px !important;;
}

#issuetype_schemes_list .rounded_box.white.shadowed,
#workflow_schemes_list .rounded_box.white.shadowed,
.rounded_box.white.shadowed.copy_workflow_popup
{
    padding: 5px !important;
}

#issuetype_schemes_list .rounded_box.white.shadowed .content
{
    padding: 0 0 5px 0 !important;
}

img[id^='issuetype_'][id$='_indicator']
{
    position: absolute;
    margin-left: 382px !important;
}

img[id^='copy_issuetype_scheme_'][id$='_indicator'],
img[id^='delete_issuetype_scheme_'][id$='_indicator']
{
    margin-top: 5px;
    position: absolute;
    margin-left: -23px;
}

.issuetype_scheme_list img[id^='edit_issuetype_'][id$='_indicator']
{
    margin-top: -28px !important;
}

span[id^='update_'][id$='_choices_indicator']
{
    margin-right: 5px !important;
    margin-top: 2px;
}

#issuetype_schemes_list .rounded_box.white.shadowed .header,
#workflow_schemes_list .rounded_box.white.shadowed .header,
.rounded_box.white.shadowed.copy_workflow_popup .header
{
    margin-bottom: 5px;
}

#issuetype_schemes_list .rounded_box.white.shadowed .content form,
#workflow_schemes_list .rounded_box.white.shadowed .content form,
.rounded_box.white.shadowed.copy_workflow_popup .content form
{
    margin-top: 5px;
}

#issuetype_schemes_list .rounded_box.white.shadowed .content form label,
#workflow_schemes_list .rounded_box.white.shadowed .content form label,
.rounded_box.white.shadowed.copy_workflow_popup .content form label
{
    padding: 0 !important;
}

#issuetype_schemes_list .rounded_box.white.shadowed .content input[type=submit],
#workflow_schemes_list .rounded_box.white.shadowed .content input[type=submit],
.rounded_box.white.shadowed.copy_workflow_popup .content input[type=submit]
{
    padding: 3px 14px;
}

.scheme_list.issuetype_scheme_list.simple_list > div
{
    margin: 0px 0 10px 0 !important;
    padding: 15px 10px 10px 10px;
}

.scheme_list.issuetype_scheme_list.simple_list > div > .header
{
    margin-bottom: 5px;
}

.scheme_list.issuetype_scheme_list.simple_list .rounded_box.white.borderless
{
    margin: 0 !important;
    padding: 10px;
}

.scheme_list.issuetype_scheme_list.simple_list .rounded_box.white.borderless select
{
    width: 500px !important;
}

.scheme_list.issuetype_scheme_list.simple_list form
{
    margin-top: 15px;
}

.scheme_list.issuetype_scheme_list.simple_list .content
{
    padding: 0px !important;
}

.scheme_list.issuetype_scheme_list.simple_list .content input[type=submit]
{
    padding: 3px 14px !important;
}

#tab_schemes_pane > .content > br
{
    display: none;
}

#tab_schemes_pane > .content > .faded_out.dark
{
    display: block;
    margin-top: 5px;
}

#workflow_transition_actions_validations .status_badge
{
    padding: 2px 3px;
    margin: 4px 0;
}


/* Configure issue fields */

#config_issuefields ul[id$='_more_actions_dropdown']
{
    margin-top: -3px !important;
    margin-right: 5px;
}

form[id^='edit_custom_type_'][id$='_form'] input[type=submit]
{
    padding: 4px 6px !important;
    font-weight: normal !important;
}

img[id^='edit_custom_type_'][id$='_indicator']
{
    position: absolute;
    margin-top: 2px;
    margin-left: 12px !important;
}

#config_issuefields img[id^='add_'][id$='_indicator']
{
    margin-top: 5px;
    margin-left: 3px;
    position: absolute;
}

#config_issuefields img[id^='edit_status_'][id$='_indicator']
{
    position: absolute;
    margin-left: -25px;
    margin-top: 4px;
}

#custom_types_list > div[id^='item_'] > img[id$='_indicator']
{
    margin-right: 64px;
    margin-top: 18px;
}

#add_custom_type_indicator
{
    margin-left: -29px !important;
    margin-top: -20px !important;
}

#new_custom_field_type
{
    width: 350px !important;
}

#config_issuefields .greybox
{
    margin: 0px 0 10px 0 !important;
    padding: 10px;
}

#config_issuefields .greybox button
{
    padding: 3px 11px;
    margin-top: -4px;
}

#add_option_status_itemdata
{
    margin-left: 5px;
}

#config_issuefields input[type=submit]
{
    padding: 3px 11px;
}

.issuefield_item_option
{
    margin: 4px 0px;
}

.issuefield_item_option form table
{
    margin-top: -3px;
    padding: 0 3px;
}

.issuefield_item_option form table input[name=itemdata]
{
    width: 24px;
}

#config_issuefields form label:nth-of-type(2)
{
    margin-top: 7px;
}

#custom_types_list form > .rounded_box.white
{
    margin: 14px 0 0 0 !important;
    padding: 10px !important;
}

#custom_types_list button
{
    margin-right: 5px;
}

#custom_types_list textarea
{
    margin-bottom: 10px;
}


/* Configure workflows */

#add_workflow_form label
{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

#add_workflow_form input[type=submit]
{
    padding: 3px 11px;
}

#config_workflows br
{
    display: none;
}

form[id^='delete_workflow_'][id$='_form'] input[type=submit]
{
    padding: 3px 11px;
}

img[id^='delete_workflow_'][id$='_indicator'],
img[id^='copy_workflow_'][id$='_indicator']
{
    margin-top: 4px;
    position: absolute;
    margin-left: -26px;
}

#workflow_steps_container > .rounded_box.shadowed.white,
#workflow_steps_list div[id^='step_'][id$='_delete'],
div[id^='step_'][id$='_transition_add']
{
    box-sizing: border-box;
    padding: 10px !important;
}

#workflow_steps_list div[id^='step_'][id$='_delete'],
div[id^='step_'][id$='_transition_add']
{
    margin-left: 3px !important;
}

#workflow_steps_container > .rounded_box.shadowed.white > .header,
#workflow_steps_list div[id^='step_'][id$='_delete'] > .header,
div[id^='step_'][id$='_transition_add'] .header
{
    margin-bottom: 10px;
}

div[id^='step_'][id$='_transition_add'] .content input[type=radio]
{
    margin-top: -3px;
}

div[id^='step_'][id$='_transition_add'] .content > form > div
{
    text-align: right !important;
}

#workflow_steps_container > .rounded_box.shadowed.white input[type=submit],
#workflow_steps_list div[id^='step_'][id$='_delete'] input[type=submit],
div[id^='step_'][id$='_transition_add'] input[type=submit]
{
    padding: 3px 11px;
}

#workflow_steps_container > .rounded_box.shadowed.white dl > dt
{
    width: 130px;
    margin-top: 5px;
}

#workflow_steps_container > .rounded_box.shadowed.white dl > dd
{
    width: 430px;
}

#workflow_steps_list div[id^='step_'][id$='_transition_add'] dl > dt
{
    text-align: left;
}

#workflow_steps_list div[id^='step_'][id$='_transition_add'] dl > dd
{
    margin-bottom: 5px;
}

#step_update_indicator,
div[id^='step_'][id$='_delete_indicator']
{
    margin-top: 15px !important;
    padding: 0 !important;
}

#step_update_indicator img,
div[id^='step_'][id$='_delete_indicator'] img
{
    margin-left: 5px;
}

#update_step_buttons input[type=submit]
{
    padding: 3px 11px;
}

#workflow_details_transition,
#workflow_details_step
{
    margin-top: 10px;
}

#workflow_details_transition dd > input,
#workflow_details_transition dd > .faded_out,
#workflow_details_step dd > input,
#workflow_details_step dd > .faded_out
{
    width: 390px !important;
}

#transition_update_indicator > span,
#step_update_indicator > span
{
    margin-left: 5px;
}

#update_transition_buttons input[type=submit]
{
    padding: 3px 11px;
}

#workflow_scheme_form input[type=submit]
{
    padding: 3px 11px;
    margin-right: -8px;
}

#workflow_scheme_indicator
{
    margin-top: 4px;
    position: absolute;
    margin-left: -26px;
}

tr[id^='workflowtransitionvalidationrule_'],
#workflowtransitionactions_list tr
{
    height: 31px;
}

tr[id^='workflowtransitionvalidationrule_'] > td:first-child,
#workflowtransitionactions_list tr > td:first-child
{
    padding: 0px 5px !important;
}

tr[id^='workflowtransitionvalidationrule_'] > td:last-child,
#workflowtransitionactions_list tr > td:last-child
{
    padding: 0px 5px !important;
}

tr[id^='workflowtransitionvalidationrule_'] button,
#workflowtransitionactions_list tr button
{
    margin-top: 5px;
}

tr[id^='workflowtransitionvalidationrule_'] td,
tr[id^='workflowtransitionaction_'] td
{
    vertical-align: top;
}

td[id^='workflowtransitionvalidationrule_'][id$='_description'],
td[id^='workflowtransitionaction_'][id$='_description']
{
    vertical-align: middle;
}

button[id^='workflowtransitionvalidationrule_'][id$='_cancel_button']
{
    margin-top: 5px;
}

form[id^='workflowtransitionvalidationrule_'][id$='_form'],
form[id^='workflowtransitionaction_'][id$='_form']
{
    padding: 1px 0;
}

form[id^='workflowtransitionvalidationrule_'][id$='_form'] input[type=submit],
form[id^='workflowtransitionaction_'][id$='_form'] input[type=submit]
{
    margin-right: -58px;
    margin-top: 2px;
}

form[id^='workflowtransitionvalidationrule_'][id$='_form'] > br,
form[id^='workflowtransitionaction_'][id$='_form'] > br
{
    display: block;
    content: "";
    margin-top: 5px;
}

form[id^='workflowtransitionvalidationrule_'][id$='_form'] input[type=checkbox],
form[id^='workflowtransitionaction_'][id$='_form'] input[type=checkbox]
{
    margin-top: -2px;
}

img[id^='workflowtransitionvalidationrule_'][id$='_indicator'],
img[id^='workflowtransitionaction_'][id$='_indicator']
{
    position: absolute;
    margin-top: 2px;
}

.workflow_browser_step_transition a > img
 {
     position: absolute;
     margin-left: -14px;
 }


/* Configure users, teams and clients */

#createuser_form_quick
{
    height: 27px !important;
}

#createuser_form_quick label
{
    display: block;
    float: left;
    margin-top: 3px;
}

#createuser_form_quick input[type=text]
{
    margin-top: 2px;
    margin-left: 5px;
}

#createuser_form_quick input[type=submit]
{
    padding: 3px 14px;
    margin-top: 1px;
}

#createuser_form_quick a
{
    margin-top: 5px;
}

ul[id^='user_'][id$='_more_actions_dropdown']
{
    width: auto !important;
}

#tab_users_pane img.userstate
{
    margin: 0px 2px 2px 0;
}


/* Configure users, teams and clients -> Quick selection */

#usersteamsgroups_menu_panes .button-group
{
    margin-top: 5px;
}

#usersteamsgroups_menu_panes .button-group a
{
    width: 9.5px !important;
}

#usersteamsgroups_menu_panes .button-group a:last-child
{
    width: 21px !important;
}


/* Backdrop -> Add a user */

.teamlist_container input[type=checkbox]
{
    margin-top: 3px;
}

input[type=checkbox][name=send_login_details]
{
    margin-top: -2px;
}


/* Backdrop -> User details popup */

#user_details_popup
{
    width: 700px;
    margin: 0 -350px 200px -350px;
}

#user_details_popup .user_realname
{
    font-weight: normal;
    margin-top: 3px;
}

#user_details_popup .user_username:before
{
    content: "(";
}

#user_details_popup .user_username:after
{
    content: ")";
}

#user_details_popup .user_status:before
{
    display: block;
    content: "";
    margin-top: 3px;
}

#user_details_popup .user_status
{
    display: inline;
}

#user_details_popup .user_email
{
    display: inline;
}

#user_details_popup .user_details
{
    padding: 5px 0px;
}

#user_details_popup .user_details i:after
{
    display: block;
    content: "";
    margin-top: -15px;
}

#user_details_popup .user_details h4
{
    margin: 10px 0 0 0;
    padding: 0;
}

#user_details_popup .user_details ul > li
{
    margin-bottom: 5px;
}

#user_details_popup .teamlist
{
    padding: 0;
}

#user_details_popup .teamlist .userdropdown > div > div > div:nth-child(3)
{
    font-size: 13px;
}

#user_details_popup .teamlist .userdropdown .user_realname
{
    font-size: 15px;
    font-weight: bold;
    margin-top: -1px;
    margin-left: -4px;
}

#user_details_popup .teamlist .userdropdown .user_status
{
    font-size: 12px;
    display: block;
    margin-top: 5px;
}


/* Configure users, teams and clients -> Search button */

#users_more_actions_container
{
    margin-top: 10px;
}

#users_more_actions_container button
{
    padding: 3px 14px;
}

.finduser_container > form
{
    padding: 5px;
}

.finduser_container > form > input[type=submit]
{
    padding: 3px 12px;
}

#users_more_actions_container #users_more_actions_dropdown
{
    margin-top: 25px !important;
    width: 380px !important;
}


/* Backdrop -> Edit user */

td > input[name=password_action],
td > input[type=radio][name=activated],
td > input[type=radio][name=enabled]
{
    margin-top: -3px;
}

div[id^='edit_user_'] + input[type=submit]
{
    padding: 4px 12px;
}

div[id^='edit_user_'][id$='_indicator']
{
    position: absolute;
}


/* Configure users, teams and clients -> Scopes available to this user */

form[id^='edit_user_'][id$='_scopes_form'] input[type=checkbox]
{
    margin-top: 3px;
}

form[id^='edit_user_'][id$='_scopes_form'] input[type=submit]
{
    padding: 4px 12px;
    margin-bottom: 5px;
}

img[id^='edit_user_'][id$='_scopes_form_indicator']
{
    position: absolute;
    right: 67px;
    margin-top: 5px;
}


/* Configure users, teams and clients -> Teams & Clients & Groups */

#create_team_form label
{
    margin-top: 1px;
    float: left;
    margin-right: 5px;
}

#create_team_form input[type=submit]
{
    padding: 3px 14px;
    margin-top: 0px;
}

ul[id^='team_'][id$='_more_actions_dropdown']
{
    width: auto !important;
    margin-top: -2px !important;
}

div[id^='team_members_'][id$='_container'],
div[id^='client_members_'][id$='_container'],
div[id^='group_members_'][id$='_container']
{
    margin: 0 5px 5px 5px;
}

div[id^='clone_team_'],
div[id^='clone_group_']
{
    margin: 5px 0 0 0 !important;
    padding: 10px;
}

div[id^='clone_team_'] .dropdown_header,
div[id^='clone_group_'] .dropdown_header
{
    padding: 2px 2px 7px 2px;
}

#teamconfig_list #add_team input[name=clone_permissions],
#teamconfig_list #add_team input[name=clone_memberships]
{
    position: relative;
    top: 11px;
}

#teamconfig_list #add_team label
{
    margin-left: 14px;
    margin-top: -7px;
}

#teamconfig_list #add_team label:first-child
{
    margin-left: 0px;
    margin-top: 0px;
}

#teamconfig_list #add_team label:last-child
{
    margin-bottom: 10px;
}

#teamconfig_list button,
#clientconfig_list button
{
    padding: 3px 11px;
    margin-top: -4px;
}

div[id^='team_members_'][id$='_list'] > ul > li,
div[id^='client_members_'][id$='_list'] > ul > li,
{
    padding: 8px 5px;
}

div[id^='team_members_'][id$='_list'] > ul > li > .userdropdown > ul > li.header
{
    padding: 7px 7px 0px 7px;
}

#teamconfig_list ul > li > button,
#clientconfig_list ul > li > button
{
    margin-top: -3px;
}

#teamconfig_list .simple_list.collection_user_list,
#clientconfig_list .simple_list.collection_user_list,
#groupconfig_list .simple_list
{
    overflow: visible !important;
}

.dropdown_content.copy_team_link a
{
    font-size: 13px;
    font-weight: bold !important;
}

.dropdown_content.copy_team_link b a
{
    font-weight: normal !important;
}

div[id^='team_members_'][id$='_no_users'],
div[id^='client_members_'][id$='_no_users']
{
    padding-left: 8px;
}

table[id^='clone_team_'][id$='_indicator']
{
    position: absolute;
    bottom: 10px;
    left: 8px;
}


/* Configure users, teams and clients -> Teams & Clients -> Add a member to this team */

ul[id^='addmember_team_']
{
    top: 20px !important;
}

form[id^='addmember_team_'][id$='_form'] input[type=submit],
form[id^='addmember_client_'][id$='_form'] input[type=submit]
{
    padding: 4px;
    margin-left: 4px;
}

input[id^='addmember_team_'][id$='_input'],
input[id^='addmember_client_'][id$='_input']
{
    padding: 4px !important;
    width: 236px !important;
}

ul[id^='addmember_team_'] li > a,
ul[id^='addmember_team_'] li > a:hover,
ul[id^='addmember_team_'] li.disabled,
ul[id^='addmember_client_'] li > a,
ul[id^='addmember_client_'] li > a:hover,
ul[id^='addmember_client_'] li.disabled
{
    font-size: 13px;
}

li[id^='addmember_team_'][id$='_change_error'],
li[id^='addmember_client_'][id$='_change_error']
{
    margin: 0;
    padding: 5px;
}

li[id^='addmember_team_'][id$='_spinning'],
li[id^='addmember_client_'][id$='_spinning']
{
    padding-left: 5px;
    padding-bottom: 5px;
}

ul[id^='addmember_client_']
{
    margin-top: -2px;
    width: 324px;
}

ul[id^='addmember_team_'] li.disabled,
ul[id^='addmember_client_'] li.disabled,
ul[id^='comp_'][id$='_auto_assign_change'] li.disabled
{
    font-size: 0.9em;
    padding: 2px 7px;
    color: #AAA;
}


/* Configure users, teams and clients -> Clients */

#add_client label:first-child
{
    margin-top: 1px;
    display: block;
    float: left;
    margin-right: 5px;
}

#add_client input[type=submit]
{
    padding: 3px 14px;
}

#create_client_form
{
    margin-bottom: 5px;
}

div[id^='clientbox_'] > div > div > .more_actions_dropdown
{
    margin-top: -2px !important;
    width: auto !important;
}

input[id^='edit_client_'][id$='_save_button']
{
    padding: 4px 14px !important;
}

table[id^='edit_client_'][id$='_indicator'] img
{
    margin-right: 5px;
}


/* Configure users, teams and clients -> Groups */

#create_group_form label
{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}

#create_group_form input[type=submit]
{
    padding: 3px 14px;
}

button[id^='group_'][id$='_more_actions']
{
    padding: 3px 11px;
    margin-top: -4px;
}

input[id^='clone_group_'][id$='_permissions']
{
    position: relative;
    top: 11px;
}

#add_group label[for^='clone_group_'][for$='_permissions']
{
    margin-left: 14px;
    margin-top: -7px;
}

ul[id^='group_'][id$='_more_actions_dropdown']
{
    margin-top: -2px !important;
    width: auto !important;
}

div[id^='clone_group_'] .dropdown_content div:nth-child(2)
{
    font-size: 13px !important;
}

table[id^='clone_group_'][id$='_indicator']
{
    position: absolute;
    bottom: 10px;
    left: 8px;
}

table[id^='clone_group_'][id$='_indicator'] img
{
    margin-right: 5px;
}

#groupconfig_list #add_group label:last-child
{
    margin-bottom: 10px;
}

li#tab_groups,
li#tab_groups:hover
{
    box-shadow: none;
}

li#tab_groups.selected
{
    border: 1px solid;
    border-color: rgba(100, 100, 100, 0.2);
    border-bottom: 1px solid #FFF;
}


/* Backdrop -> Configure advanced permissions */

tr > td[id$='_permissions_container'] > .permissions_warning
{
    margin: 10px 5px;
}

tr > td[id$='_permissions_container'] > img
{
    margin: 0px 5px;
}

.backdrop_detail_content.config_permissions .tab_menu.inset
{
    margin: 0 !important;
}

.backdrop_detail_content.config_permissions .permission_list .tab_pane > ul
{
    width: 765px;
}

.backdrop_detail_content.config_permissions .permission_list .tab_pane > ul > li > ul
{
    width: 755px;
}

.backdrop_detail_content.config_permissions .permission_list .tab_pane > ul > li > ul > li > ul
{
    width: 745px;
}

.backdrop_detail_content.config_permissions .permission_list .tab_pane > ul li > img
{
    position: absolute;
    margin-left: 5px;
}


/* Configure scopes */

#config_scopes .redbox,
#config_scopes .greenbox
{
    margin: 10px 0 15px 0 !important;
}

#config_scopes .button.button-green
{
    float: right;
    padding: 4px 9px;
    margin-top: -6px;
    margin-right: -3px;
}

#new_scope_hostname .content > .header
{
    margin-bottom: 10px;
}

#new_scope_hostname .content
{
    margin-bottom: 10px;
}

#new_scope_hostname > form > div:nth-child(2)
{
    padding: 5px 5px 0 5px !important;
}

#new_scope_hostname > form label
{
    margin-top: 1px;
    float: left;
    margin-right: 5px;
}

#add_scope_indicator
{
    margin-top: 6px;
    margin-bottom: 7px;
}

#config_scopes .scope_description
{
    margin-bottom: 5px;
}

#add_scope_submit_button
{
    padding: 3px 7px;
}

form > .config_header
{
    padding: 3px 3px 3px 0;
    margin: 5px 0 10px 0;
    font-weight: normal;
    font-size: 1.4em;
    color: #888;
    border-bottom: 1px dotted #CCC;
    position: relative;
}

#config_scopes .config_explanation
 {
     padding-bottom: 10px;
 }

#config_scopes label
{
    padding: 0px;
}

#config_scopes input[type=radio]
{
    margin-top: -3px;
}

#config_scopes input[type=submit]
{
    padding: 5px 10px;
}

.scope_description
{
    margin-top: 10px;
}

#config_scopes > div > div > table
{
    border-spacing: 0px 5px;
}


/* Configure theme(s) */

#installed_themes_indicator
{
    margin-top: -4px;
    width: initial;
    height: initial;
}


/* Configure modules */

#installed_modules_indicator
{
    margin-top: -4px;
    width: initial;
    height: initial;
}

.status_badge.authentication-module
{
    padding-left: 19px;
}

.status_badge.authentication-module > img
{
    position: absolute;
    margin-left: -17px;
    margin-top: -2px;
}

#modules_menu_panes > #tab_uninstalled_pane > div > p:first-child
{
    margin-top: -5px;
    margin-bottom: 10px;
}


/* Wiki */

#publish_tab_settings_pane td
{
    padding: 2px !important;
}

#publish_tab_settings_pane td > label
{
    padding: 0px !important;
}

#publish_tab_settings_pane .config_explanation
{
    padding-bottom: 10px !important;
}

#publish_tab_settings_pane input[type=radio]
{
    margin-top: -2px;
}

#publish_tab_settings_pane #submit_settings_button,
#publish_tab_import_pane #submit_import_button
{
    padding: 3px 23px !important;
}

#publish_tab_settings_pane .bluebox,
#publish_tab_import_pane .bluebox
{
    height: 25px;
    padding: 10px 10px 5px 10px;
}

#publish_tab_settings_pane > form > table
{
    border-spacing: 0px 5px;
}

#publish_tab_settings_pane > form
{
    margin-top: -5px;
}


/* Email communication */

#mailnotification_settings_container td
{
    padding: 2px !important;
}

#mailnotification_settings_container td > label
{
    padding: 0px !important;
}

#mailnotification_settings_container .config_explanation
{
    padding-bottom: 10px !important;
}

#mailnotification_settings_container input[type=radio]
{
    margin-top: -2px;
}

#mailnotification_settings_container input[type=checkbox]
{
    width: auto !important;
}

#config_modules #submit_settings_button
{
    padding: 3px 23px !important;
}

#config_modules .bluebox
{
    padding: 10px;
}

#config_modules .bluebox .permission_list > ul
{
    width: auto;
}

#config_modules .bluebox .permission_list > ul > li
{
    padding: 3px;
}

#mailnotification_settings_container > table
{
    border-spacing: 0px 5px;
}


/* Project settings */

#project_settings input[type="text"], #project_settings input[type="email"],
#project_settings input[type="search"], #project_settings input[type="password"],
#project_settings input[type="url"], #project_settings textarea, #project_settings select
{
    box-sizing: border-box;
}

#project_settings #project_description_input_toggle_syntax_button
{
    top: 0;
}

#project_settings #project_description_input_syntax_picker
{
    margin-top: 22px;
}

#project_settings #project_info_indicator
{
    margin-left: -29px;
}

#project_settings #release_day,
select[id^='edition_'][id$='_release_day']
{
    width: 50px !important;
}

#project_settings #release_month,
select[id^='edition_'][id$='_release_month']
{
    width: 100px !important;
}

#project_settings #release_year,
select[id^='edition_'][id$='_release_year']
{
    width: 65px !important;
}

#project_settings label
{
    padding: 0px;
}

#change_workflow_box h3
{
    font-size: 14px;
    font-weight: normal;
}

#change_workflow_box select
{
    padding: 0px;
    margin-left: 10px;
    margin-top: -3px
}

#change_workflow_box .button
{
    padding: 5px 10px;
    float: right;
    font-size: 13px;
    margin-bottom: 5px;
}

#change_workflow_spinner
{
    position: absolute;
    bottom: 0;
}

#change_workflow_table input.button.button-green
{
    padding: 4px 7px;
}

#change_workflow_table #update_workflow_indicator
{
    margin-top: 3px;
    margin-right: 10px;
}

#project_editions .faded_out,
#project_components .faded_out
{
    padding: 0px 15px !important;
}

#add_edition_form, #add_component_form
{
    margin: 0px 15px 10px 15px;
}

#add_edition_form label, #add_component_form label
{
    margin-top: 3px;
    float: left;
    margin-right: 5px;
}

#add_edition_form input.button.button-silver, #add_component_form input.button.button-silver
{
    padding: 4px 8px;
}

#edition_add_indicator img, #component_add_indicator img
{
    margin-right: 5px;
}

#edition_add_indicator, #component_add_indicator
{
    margin-top: 5px;
}

.edition_actions > ul,
.component_actions > ul
{
    margin-top: -2px !important;
    margin-right: 3px;
    font-size: 14px;
}

ul#edition_table > li > div.faded_out
{
    padding: 0px 0px 0px 22px!important;
}

#project_editions_disabled,
#project_components_disabled
{
    padding-left: 15px !important;
}

#edition_settings_pane label
{
    padding: 0px;
}

#edition_submit_settings_button
{
    padding: 4px 20px;
}

#edition_settings_pane table tr:last-child td
{
    padding: 15px 0 10px 0px !important;
}

#edition_settings_pane table tr:last-child td .config_explanation
{
    padding: 5px 0 10px 2px;
}

#edition_save_indicator
{
    margin-top: 3px;
    margin-right: 10px;
}

#edition_components_pane > div
{
    font-size: 13px !important;
    padding: 15px 7px 0px 7px;
}

#edition_components_pane table tr > td > div:first-child
{
    font-size: 13px !important;
}

#edition_team_pane .description.faded_out
{
    padding: 2px;
}

#tab_developers_pane .faded_out
{
    margin: 0px 15px 10px 15px;
}

#tab_developers_pane table
{
    margin: 0px 15px;
}

#tab_developers_pane #assignees_list table
{
    font-size: 14px;
}

#no_project_team_teams
{
    padding-left: 15px !important;
    padding-top: 0px !important;
}

#add_people_to_project_container
{
    margin: 0px 15px !important;
    width: inherit !important;
}

#add_people_to_project_container table
{
    margin: 0px;
}

#add_people_to_project_container .faded_out
{
    margin: 0px;
}

#add_people_to_project_container input[type=submit]
{
    padding: 2.5px 0px;
}

ul[id^='edition_'][id$='_owned_by_change'],
ul[id^='edition_'][id$='_lead_by_change'],
ul[id^='edition_'][id$='_qa_by_change']
{
    margin-top: 5px;
    margin-right: 10px;
    font-size: 14px;
}

ul[id^='edition_'][id$='_owned_by_change'] > li.disabled,
ul[id^='edition_'][id$='_lead_by_change'] > li.disabled,
ul[id^='edition_'][id$='_qa_by_change'] > li.disabled,
#owned_by_change > li.disabled,
#lead_by_change > li.disabled,
#qa_by_change > li.disabled
{
    font-size: 0.9em;
    padding: 2px 7px;
    color: #AAA;
}

ul[id^='comp_'][id$='_auto_assign_change']
{
    margin-top: -73px;
    margin-right: 7px;
    font-size: 14px;
}

#owned_by_change .nohover, #lead_by_change .nohover, #qa_by_change .nohover
{
    margin-left: 5px;
}

#owned_by_input, #lead_by_input, #qa_by_input,
input[id^='edition_'][id$='_owned_by_input'],
input[id^='edition_'][id$='_lead_by_input'],
input[id^='edition_'][id$='_qa_by_input'],
input[id^='comp_'][id$='_auto_assign_input']
{
    margin: 0px !important;
    padding: 3px !important;
}

#owned_by_change > .dropdown_content.nohover.form_container,
#lead_by_change > .dropdown_content.nohover.form_container,
#qa_by_change > .dropdown_content.nohover.form_container
{
    padding: 0px 0px 8px 2px;
}

#owned_by_form input[type=submit],
#lead_by_form input[type=submit],
#qa_by_form input[type=submit],
form[id^='edition_'][id$='_owned_by_form'] input[type=submit],
form[id^='edition_'][id$='_lead_by_form'] input[type=submit],
form[id^='edition_'][id$='_qa_by_form'] input[type=submit],
form[id^='comp_'][id$='_auto_assign_form'] input[type=submit]
{
    padding: 3px;
    margin-left: 3px;
}

#owned_by_results_container,
#lead_by_results_container,
#qa_by_results_container
{
    margin-right: 5px;
}

#owned_by_results_container .nohover,
#lead_by_results_container .nohover,
#qa_by_results_container .nohover
{
    margin-left: 0px;
}

#owned_by_results_container .disabled,
#lead_by_results_container .disabled,
#qa_by_results_container .disabled
{
    margin: 0px;
    font-size: 0.9em;
    padding: 2px 5px;
    color: #AAA;
}

#owned_by_spinning,
#lead_by_spinning,
#qa_by_spinning,
li[id^='edition_'][id$='_owned_by_spinning'],
li[id^='edition_'][id$='_lead_by_spinning'],
li[id^='edition_'][id$='_qa_by_spinning'],
li[id^='comp_'][id$='_auto_assign_spinning']
{
    margin-left: 5px;
}

#owned_by_change_error,
#lead_by_change_error,
#qa_by_change_error,
li[id^='edition_'][id$='_owned_by_change_error'],
li[id^='edition_'][id$='_lead_by_change_error'],
li[id^='edition_'][id$='_qa_by_change_error'],
li[id^='comp_'][id$='_auto_assign_change_error']
{
    margin: 5px;
}

#component_table .component_name, #edition_table .edition_name { display: inline; }

form[id^='edit_component_'][id$='_form'] input[type=submit]
{
    padding: 4px 18px;
    float: right;
    margin-bottom: 8px;
}

img[id^='component_'][id$='_indicator']
{
    position: absolute;
    right: 82px;
    margin-top: 3px;
}

#find_dev_results div[id^='assign_team_'],
#find_dev_results div[id^='assign_user_']
{
    margin-bottom: 5px;
}

#find_dev_results div[id^='assign_team_'] button,
#find_dev_results div[id^='assign_user_'] button
{
    padding: 3px 10px;
}

#project_team_teams .userdropdown
{
    font-size: 13px;
}

#no_project_team_users
{
    padding-left: 15px !important;
}

#find_dev_results .faded_out
{
    padding: 10px 2px 5px 2px !important;
}

.userdropdown > div[id^='team_'] .user_realname
{
    padding-left: 5px;
}

.userdropdown > div[id^='team_'] > div > div:first-child
{
    margin-bottom: 5px;
}

#tab_permissions_pane > div[id^='project'][id$='_settings_roles'] > .content.faded_out
{
    width: auto !important;
    padding: 0 15px;
}

#tab_permissions_pane > div[id^='project'][id$='_settings_roles'] > h4
{
    width: auto !important;
    padding: 10px 0 0 0;
    margin-bottom: 10px;
}

#tab_permissions_pane > div[id^='project'][id$='_settings_roles'] > .project_roles_list
{
    width: auto !important;
    padding: 0 15px;
}

#tab_permissions_pane form[id^='new_project'][id$='role_form'] > label
{
    margin-top: 3px;
}

#tab_permissions_pane > .permission_list > h3
{
    margin: 0 15px;
    font-size: 1.15em;
}

#tab_permissions_pane > .permission_list > .content.faded_out
{
    padding: 0 10px;
}

#tab_permissions_pane > div.permission_list > ul
{
    padding: 0 10px;
}

#tab_permissions_pane > .permission_list ul
{
    width: auto;
    padding: 0;
}

#tab_permissions_pane > .permission_list ul > li
{
    padding-right: 0;
}

#incoming_email_account_form input[type=radio]
{
    margin-top: -2px;
}

#incoming_email_account_form table
{
    border-spacing: 0px 2px;
}

#incoming_email_account_form table .faded_out
{
    padding-bottom: 5px;
}

#incoming_email_account_form table:nth-child(3) td
{
    padding: 20px 0px 0px 0px !important;
}

#incoming_email_account_form input[type=submit]
{
    padding: 5px 10px;
}

#tab_mailing_other_pane .project_save_container .content
{
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

#mailing_incoming_accounts h5
{
    padding: 3px 15px;
}

#mailing_incoming_accounts .button-group
{
    margin: 7px 0 0 5px !important;
}

#tab_vcs_pane > .rounded_box.lightgrey
{
    margin: 15px 15px 0px 15px;
    padding: 10px;
}

#vcs_custom_urls .header
{
    margin: 0 15px;
}

#vcs_custom_urls ul
{
    margin-top: 5px;
}

#vcs_button > input[type=submit]
{
    padding: 5px 15px;
}

#vcs_indicator
{
    margin-right: 10px;
    margin-top: 3px;
}

form#vcs div.config_explanation
{
    padding-top: 8px !important;
}

img[id^='remove_assignee_user_'][id$='_indicator'],
img[id^='remove_assignee_team_'][id$='_indicator']
{
    margin-top: -7px;
}

#project_team_teams .userdropdown > div > div > div:nth-child(3)
{
    font-size: 13px;
}

#add_account_indicator
{
    margin-top: 4px;
    margin-right: 10px;
}


/* Release center */

.project_save_container > ul.dropdown_box.rightie.popup_box.more_actions_dropdown
{
    margin-top: 5px !important;
}

#build_form input[type=radio]
{
    margin-top: -2px;
}

#edit_build_download_options input[type=radio]
{
    margin-top: 5px;
}

#build_form #release_month
{
    width: 105px !important;
}

#build_form #release_day
{
    width: 50px !important;
}

#build_form #release_year
{
    width: 65px !important;
}

#add_release_indicator
{
    margin-top: 4px;
    margin-right: 10px;
}


/* Timeline */

.recent_activities
{
    border-spacing: 2px 7px;
    margin-top: -11px;
}

.recent_activities .issue_open
{
    font-size: 1.1em;
    margin-bottom: 10px;
    line-height: 1.5;
}

.recent_activities br
{
    display: block;
    content: "";
    margin-top: 5px;
}

.recent_activities .timeline_inline_details
{
    font-size: 13px;
    line-height: 21px;
    margin-top: 10px;
}

.recent_activities .imgtd > img
{
    margin-top: 1px !important;
}

#timeline_indicator
{
    float: none !important;
}


/* Statistic */

#project_statistics_container #statistics_main b
{
    display: block;
    margin-top: 10px !important;
}


/* Team */

#project_team_overview .user_email
{
    font-size: 12px;
}

.dashboard_team_header
{
    font-weight: normal !important;
}

.team_dashboard_users .userdropdown .header
{
    margin: 0;
    text-transform: none;
}


/* Roadmap */

.milestone_issue_actions .more_actions_dropdown.popup_box
{
    margin: 0px 0 0;
    font-size: 14px;
}

#milestone_edit_indicator
{
    position: absolute;
    left: 8px;
    margin-top: 4px;
}

#milestone_details_overview > .milestone_details > h3 > a
{
    margin-top: -7px;
}


/* Attach file(s) to issue backdrop */

#dynamic_uploader_submit
{
    padding: 5px 10px;
    margin-top: -4px;
}

#attach_file .backdrop_detail_footer
{
    padding-top: 10px;
}

#attach_file #attachments_indicator
{
    position: absolute;
    left: 10px;
    margin-top: 2px;
}

#attach_file ul > li
{
    font-size: 1em;
}

#attach_file .file_description
{
    padding: 4px;
    width: 585px !important;
}

#attach_file #file_upload_list li .progress
{
    width: 595px !important;
    float: left;
    margin-top: 5px;
    position: inherit;
}

#attach_file #file_upload_list li .filename
{
    width: 325px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#attach_file #file_upload_list li .filesize
{
    float: right;
}


/* Add affected item backdrop */

#viewissue_add_item_div input[type=radio]
{
    margin-top: -2px;
}

#viewissue_add_item_div #item_submit
{
    padding: 4px 7px;
}

#viewissue_add_item_div #add_affected_spinning
{
    position: absolute;
    margin-top: 13px;
    margin-left: 8px;
}


/* Edit sprint details */

#edit_milestone_container select[id^='starting_month_'],
#edit_milestone_container select[id^='sch_month_']
{
    width: 110px !important;
}

#edit_milestone_container select[id^='starting_day_'],
#edit_milestone_container select[id^='sch_day_']
{
    width: 50px !important;
}


/* Find related issues */

#viewissue_add_relation_div input[type=submit]
{
    margin-top: -1px !important;
    padding: 2px 14px;
}

#viewissue_add_relation_div #find_issue_indicator
{
    position: absolute;
    margin-left: 5px;
}

#viewissue_add_relation_div #viewissue_relation_results
{
    margin-top: 5px;
}

#viewissue_add_relation_div table
{
    border-spacing: 0px 7px;
}

#viewissue_add_relation_div #viewissue_relate_issues_form input[type=submit]
{
    margin-top: 0px !important;
    padding: 4px 14px;
}

#viewissue_add_relation_div #relate_issues_indicator
{
    position: absolute;
    right: 155px;
    margin-top: 3px;
}


/* Estimate this issue */

form[id^='estimated_time_'][id$='_form'] input[id^='estimated_time_'][id$='_input']
{
    padding: 4px !important;
    margin-right: 3px;
}

form[id^='estimated_time_'][id$='_form'] > input[type=submit]
{
    padding: 3px;
    margin-top: 4px;
}

form[id^='estimated_time_'][id$='_form'] table
{
    margin-left: -1px;
}

form[id^='estimated_time_'][id$='_form'] td
{
    text-align: center;
}

form[id^='estimated_time_'][id$='_form'] input[id^='estimated_time_']
{
    margin-right: 1.5px;
    margin-left: 1.5px;
}

form[id^='estimated_time_'][id$='_form'] input[name="estimated_time"]
{
    margin: 0;
    width: 260px !important;
}

form[id^='estimated_time_'][id$='_form'] .form_controls input[type=submit]
{
    padding: 5px 17px;
}

ul[id^='estimated_time_'][id$='_change'] li[id^='estimated_time_'][id$='_spinning']
{
    position: absolute;
    margin-top: -32px !important;
    margin-left: 5px;
    font-size: 13px;
}


/* Issue time tracking - time spent */

.issue_timespent_form ul > li
{
    margin-bottom: 5px;
}

.issue_timespent_form > li
{
    margin-bottom: 5px;
}

.issue_timespent_form input[type=submit]
{
    padding: 4px 5px;
}

#timespent_list td:nth-child(2)
{
    font-size: 1em !important;
}

#timespent_list
{
    border-spacing: 2px 5px;
    margin-top: 0px !important;
}

#timespent_list .button-group > a
{
    margin-left: 2px;
}

form[id^='acl_'][id$='_publicform'] input[type=submit],
form[id^='acl_'][id$='_restrictedform'] input[type=submit]
{
    padding: 4px 8px;
}

.issue_timespent_form .tooltip
{
    transition-delay: 1s;
}


/* Issue access policy */

div[id^='acl_'][id$='_restricted'] h4
{
    margin-left: 4px;
    font-weight: normal;
}

div[id^='acl_'][id$='_restricted'] .faded_out
{
    margin-left: -6px;
}

div[id^='acl_'][id$='_restricted'] > h4 > a
{
    padding: 2px 5px;
}

ul[id^='popup_find_acl_'].more_actions_dropdown
{
    font-size: 1.1em;
    margin-top: -6px;
    margin-right: 8px;
}

ul[id^='popup_find_acl_'] input[id^='popup_find_acl_'][id$='_input']
{
    padding: 3px !important;
    margin-left: 2px;
    width: 235px !important;
}

ul[id^='popup_find_acl_'] input[type=submit]
{
    padding: 3.5px;
    margin-left: 2px;
}

ul[id^='popup_find_acl_'] li[id^='popup_find_acl_'][id$='_spinning']
{
    padding-left: 6px;
}

ul[id^='popup_find_acl_'] li[id^='popup_find_acl_'][id$='_change_error']
{
    margin: 5px;
}

ul[id^='popup_find_acl_'][id$='_results'] > li
{
    margin: 0 5px;
}

ul[id^='popup_find_acl_'][id$='_results'] > li.nohover
{
    margin: 0;
}

ul[id^='popup_find_acl_'][id$='_results'] > li.disabled
{
    font-size: 0.9em;
    padding: 2px 5px;
    color: #AAA;
}

ul[id^='issue_'][id$='_access_list'] > li
{
    margin-bottom: 5px;
}


/* Manage issue subscribers */

ul[id^='popup_find_subscriber_'].more_actions_dropdown
{
    font-size: 1.1em;
    margin-top: -12px;
    margin-right: -1px;
}

ul[id^='popup_find_subscriber_'] input[id^='popup_find_subscriber_'][id$='_input']
{
    padding: 3px !important;
    margin-left: 2px;
    width: 235px !important;
}

ul[id^='popup_find_subscriber_'] input[type=submit]
{
    padding: 3.5px;
    margin-left: 2px;
}

ul[id^='popup_find_subscriber_'] li[id^='popup_find_subscriber_'][id$='_spinning']
{
    padding-left: 6px;
}

ul[id^='popup_find_subscriber_'] li[id^='popup_find_subscriber_'][id$='_change_error']
{
    margin: 5px;
}

ul#subscribers_list > li
{
    margin-bottom: 5px;
}

ul[id^='popup_find_subscriber_'][id$='_results'] > li
{
    margin: 0 5px;
}

ul[id^='popup_find_subscriber_'][id$='_results'] > li.nohover
{
    margin: 0;
}

ul[id^='popup_find_subscriber_'][id$='_results'] > li.disabled
{
    font-size: 0.9em;
    padding: 2px 5px;
    color: #AAA;
}


/* Move issue to a different project */

#viewissue_move_issue_div input[type=submit]
{
    padding: 3px 7px;
}

#viewissue_move_issue_div #move_issue_indicator
{
    position: absolute;
    right: 146px;
    margin-top: 5px;
}

#viewissue_move_issue_div select
{
    width: 100%;
    margin-bottom: 10px;
}


/* Releases */

#project_releases_container .release_date
{
    font-size: 13px;
}


/* Dashboard & Team dashboard*/

.dashboard_view_content #project_description {
    margin-bottom: 10px;
    font-size: 0.9em;
    line-height: 1.5;
}

.dashboard_view_content .button.button-silver.dash {
    padding: 3px 7px;
    margin-top: 5px;
}

.dashboard_view_content .userdropdown .user_popup .header
{
    margin: 0 !important;
    padding: 7px 7px 0px 7px!important;
    text-transform: none;
    background-color: rgb(253, 250, 223) !important;
}

.dashboard_view_content .project_strip > div:first-child
{
    margin-top: 12px;
}

.dashboard_view_content .milestone_box,
.team_dashboard_projects .milestone_box,
.client_dashboard_projects .milestone_box,
.dashboard_milestones .milestone_box
{
    margin-top: 10px;
    margin-bottom: 20px;
    padding-right: 0;
    padding-left: 10px;
}

.dashboard_view_content .milestone_box:last-child,
.team_dashboard_projects .milestone_box:last-child,
.client_dashboard_projects .milestone_box:last-child,
.dashboard_milestones .milestone_box:last-child
{
    margin-bottom: 3px;
}

.dashboard_view_content .milestone_box > .header,
.team_dashboard_projects .milestone_box > .header,
.client_dashboard_projects .milestone_box > .header,
.dashboard_milestones .milestone_box > .header
{
    background-color: rgba(255,255,255,0.6) !important;
    padding: 5px 0 5px 10px !important;
    margin-left: -10px;
    margin-right: -10px;
}

.milestone_box > .date
{
    font-size: 13px;
    margin-top: 10px;
    margin-left: 2px;
}

.milestone_box > .percentage > .numbers
{
    right: 4px;
    top: -21px;
    font-size: 0.85em;
}

.milestone_box > .status
{
    text-align: left;
    margin-left: 2px;
    font-size: 14px;
}

.dashboard_view_content .release_item
{
    font-size: 0.8em;
}

.dashboard_view_content .release_item .release_date
{
    font-size: 1.1em;
}

.dashboard_view_content .statistics_percentage .percent_unfilled
{
    margin-top: 3px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] table
{
    border-spacing: 5px 15px;
    margin-top: -10px !important;
    margin-bottom: -10px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] table .issue_open > b,
.dashboard_view_content div[id$='_recent_issues_pane'] table .issue_closed > b
{
    font-weight: normal;
    font-size: 14px;
}

.dashboard_view_content div[id$='_recent_issues_pane'] .faded_out
{
    font-size: 13px !important;
}

.dashboard_view_content .project_client_header
{
    font-size: 1em;
}

.dashboard_view_content .project_client_viewusers
{
    font-size: 0.9em;
}

.dashboard_view_content .project_client_info table
{
    margin-top: 5px;
}

div[id^='dashboard_view_'] .recent_activities .faded_out.smaller a
{
    font-size: 1em;
}

#dashboard_lefthand .userdropdown .user_popup .header
{
    margin: 0;
    background-color: rgb(253, 250, 223) !important;
    text-transform: none;
    padding: 7px 7px 0px 7px;
}

.dashboard_view_issues .userdropdown .user_popup .header
{
    margin: 0 !important;
    background-color: rgb(253, 250, 223) !important;
    text-transform: none;
    padding: 7px 7px 0px 7px !important;
}

.dashboard_view_content .recent_activities tr td:last-child > b
{
    font-size: 1.1em;
    line-height: 1.5;
    margin-left: 5px;
}

.dashboard_view_content .recent_activities .imgtd img
{
    padding: 2px 5px 0 0 !important;
}

.dashboard_view_content .recent_activities .latest_action_dates
{
    padding-top: 15px;
}

.dashboard_view_content .project_list .project-config-buttons
{
    font-size: 1em !important;
}

.dashboard_view_content .release_item
{
    line-height: 1.4 !important;
}

.project_strip .button-group .button-wiki
{
    border-right: none;
}

.project_strip .button-group .button-report-issue
{
    border-left: 1px solid #438739;
}

.legendColorBox > div
{
    margin-top: 1px;
    margin-right: 2px;
}

.legendColorBox > div > div
{
    width: 1px !important;
}

#dashboard_lefthand .collapser_link
{
    left: 230px;
    z-index: 1;
    padding-top: 4px;
    padding-bottom: 1px;
    margin-top: 3px;
}

#dashboard_lefthand .collapser_link:before
{
    height: 16px;
}

#dashboard_lefthand .collapser_link:after
{
    height: 23px;
}

.rounded_box.milestone_box.red
{

}

.rounded_box.milestone_box.red
{
    border-color: #E8CFCF;
}

.rounded_box.milestone_box.green
{
    border-color: #CFE8CF;
}

.rounded_box.milestone_box.iceblue
{
    border-color: #D4E5FF;
}

.dashboard_view_content .statistics_percentage
{
    border-spacing: 0 5px;
}

.dashboard_view_content .statistics_percentage .percent_filled
{
    height: 7px !important;
    margin-top: 7px;
}


/* Issues */

#search_sidebar .collapser_link
{
    margin-top: 5px;
    z-index: 1;
}

#search_sidebar .collapser_link img
{
    margin-top: 3px;
}

#search_sidebar .collapser_link img
{
    margin-top: 3px;
}

#search_sidebar .container_div li > a > img,
#search_sidebar .container_div li > div > a > img
{
    margin-top: 1px;
}

#search_sidebar #no_user_saved_searches,
#search_sidebar #no_public_saved_searches
{
    font-size: 0.9em !important;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div:last-of-type
{
    font-size: 0.8em !important;
    font-style: normal !important;
    padding: 0 0 0px 26px !important;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_']
{
    z-index: 1;
    width: auto !important;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_'] .header
{
    font-size: 0.9em;
    padding: 1px;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_'] .content
{
    padding: 7px 2px 0px 2px !important;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_'] .content a
{
    font-size: 1.3em;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_'] .content div
{
    margin-bottom: 5px;
    margin-right: 5px;
}

#search_sidebar li[id^='saved_search_'][id$='_container'] div[id^='delete_search_'] .content img
{
    margin-left: -26px !important;
    position: absolute;
    margin-top: 1px;
}

#find_issues #search_results_loading_indicator
{
    z-index: 1;
    margin-top: 2px;
}

#find_issues #searchbuilder_filterstrip .interactive_menu
{
    z-index: 2;
}

#find_issues #filter_posted_calendar_container
{
    overflow-y: initial;
}

#save_search_form input[type=submit]
{
    padding: 3px 7px;
}

#save_search_form #save_search_indicator
{
    margin-top: 4px;
    position: absolute;
    left: 5px;
}

#bulk_action_form_top
{
    background-color: white;
}

#search_bulk_container_top
{
    margin-bottom: 0;
}

#search_bulk_container_top label,
#search_bulk_container_bottom label
{
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

#bulk_action_selector_top,
#bulk_action_selector_bottom
{
    font-size: 1.1em;
}

#bulk_action_submit_top,
#bulk_action_submit_bottom
{
    padding: 3px 7px;
    height: initial;
    margin-top: 0px;
}

#viewissue_add_item_div div > a.workflow_transition_submit_button
{
    padding: 4px 8px;
    font-size: 1.1em;
    margin-top: 10px;
}

#viewissue_add_item_div div > img[id^='transition_working_'][id$='_indicator']
{
    margin-top: 15px !important;
    margin-left: 8px !important;
    position: absolute;
}

#bulk_workflow_transition_form
{
    margin-top: 10px;
}

#find_issues #search_results h5
{
    padding: 6px 0;
}

div[id^='issue_transition_container_'] .button-group
{
    margin-top: -4px;
}

div[id^='issue_transition_container_'] .duplicate_search input[id^='viewissue_find_issue_'][id$='_input']
{
    width: 566px;
}

div[id^='issue_transition_container_'] .duplicate_search input[id^='viewissue_find_issue_'][id$='_submit']
{
    line-height: 18px !important;
    margin-left: -5px;
}

ul[id^='transition_popup_comment_body_'][id$='_syntax_picker']
{
    margin-top: 23px;
}

ul[id^='transition_popup_comment_body_'][id$='_syntax_picker'] > li
{
    padding: 3px;
}

.workflow_transition_submit_button
{
    margin-bottom: 5px !important;
}

#workflow_transition_form img[id^='transition_working_'][id$='_indicator']
{
    position: absolute;
    left: 0;
    margin-top: 7px !important;
}

li[id^='transition_popup_set_stop_working_specify_log_div_']
{
    padding: 7px 5px 0px 5px!important;
}

li[id^='transition_popup_set_stop_working_specify_log_div_'] li
{
    padding: 0px !important;
}

li[id^='transition_popup_set_stop_working_specify_log_div_'] .simple_list select
{
    width: 133px;
    height: 24px;
    padding: 0;
}

li[id^='transition_popup_set_stop_working_specify_log_div_'] .tooltip.from-above
{
    margin: 6px 0 0 191px !important;
}

.more_actions_dropdown.popup_box .header
{
    border-top: 1px dotted #CCC;
}

.more_actions_dropdown.popup_box .header:first-child
{
    border-top: none;
}

form[id^='estimated_time_'][id$='_form'] .estimator_table tr
{
    background-color: transparent;
}

.dashboard_view_content .project_team_assignee
{
    display: inline-block;
    padding: 0 10px 5px 0;
    font-size: 0.9em;
}

#find_issues a.dynamic_menu_link
{
    opacity: 0.5;
}

#find_issues a.dynamic_menu_link:hover
{
    opacity: 1;
}

#find_issues .more_actions_dropdown li.spinning
{
    text-align: center;
}

#find_issues .more_actions_dropdown li .tooltip
{
    min-width: 110px !important;
    max-width: 250px !important;
    width: initial;
}

#search_results .sca_actions,
#search_results .sca_action_selector
{
    padding-left: 6px !important;
}


/* Backdrop -> Save this search */

#save_search_form p
{
    padding: 0 2px 10px 2px;
}

#save_search_form table
{
    border-spacing: 2px 7px;
}

#save_search_form tr > td:first-child
{
    padding-top: 5px;
    width: auto !important;
}

#save_search_form tr:first-of-type td
{
    font-size: 1em !important;
}

#save_search_form tr:first-of-type td input[type=text]
{
    font-size: 1em !important;
    padding: 2px !important;
}


/* Backdrop -> Attach a link to this issue */

#attach_link #attach_link_form dd input
{
    font-size: 1.2em;
    width: 495px !important;
}

#attach_link #attach_link_form dt label
{
    font-size: 1.2em;
    margin-top: 2px;
    float: left;
}

#attach_link #attach_link_form div:first-of-type
{
    font-size: 13px !important;
}

#attach_link #attach_link_form div:last-of-type
{
    text-align: right !important;
}

#attach_link #attach_link_form #attach_link_submit
{
    padding: 4px 8px;
}

#attach_link #attach_link_form #attach_link_indicator
{
    position: absolute;
    right: 150px;
    bottom: -3px;
}


/* Report an issue */

#reportissue_container #description_toggle_syntax_button,
#reportissue_container #reproduction_steps_toggle_syntax_button
{
    margin-top: -2px;
}

#reportissue_container #description_syntax_picker,
#reportissue_container #reproduction_steps_syntax_picker
{
    margin-top: 23px;
}

#reportissue_container .reportissue_additional_information_container,
#reportissue_content .reportissue_additional_information_container
{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

#reportissue_content #file_upload_list li label,
#reportissue_content #file_upload_list li .filename,
#reportissue_content #file_upload_list li .filesize
{
    font-size: 0.9em;
}

#reportissue_content #file_upload_list li input
{
    font-size: 1em;
    padding: 2px;
}

#reportissue_container #file_upload_list .progress,
#reportissue_content #file_upload_list .progress
{
    float: left;
}

#reportissue_container #report_issue_report_another_button
{
    padding: 4px 10px;
}

#reportissue_container #report_issue_indicator,
#reportissue_content #report_issue_indicator
{
    margin-top: 6px;
    position: absolute;
    right: 100px;
}

#reportissue_content input#title,
#reportissue_content input#shortname
{
    width: 800px;
}

#reportissue_extrafields #priority_id_additional,
#reportissue_extrafields #status_id_additional,
#reportissue_extrafields #edition_id_additional,
#reportissue_extrafields #build_id_additional,
#reportissue_extrafields #component_id_additional,
#reportissue_extrafields #milestone_id_additional,
#reportissue_extrafields #category_id_additional,
#reportissue_extrafields #reproducability_id_additional,
#reportissue_extrafields #resolution_id_additional,
#reportissue_extrafields #severity_id_additional
{
    margin-top: -4px;
    height: 24px;
    font-size: 1em;
    width:255px;
}

#reportissue_extrafields #estimated_time_id_additional,
#reportissue_extrafields #spent_time_id_additional,
#reportissue_extrafields #percent_complete_id_additional
{
    margin-top: -13px;
}

#report_issue_add_extra
{
    padding: 10px !important;
}

#reportissue_container #report_issue_add_extra
{
    font-size: 1.1em;
    display: inherit;
}

#report_issue_more_options_indicator
{
    margin-left: 5px;
}

#reportissue_container #report_issue_more_options_indicator
{
    font-size: 1.1em;
}

#report_issue_add_extra #reportissue_extrafields_none
{
    color: #AAA;
    margin-top: 10px;
    margin-bottom: -5px;
}

#reportissue_content #description_toggle_syntax_button,
#reportissue_content #reproduction_steps_toggle_syntax_button
{
    margin-top: -2px;
}

#reportissue_content #description_syntax_picker,
#reportissue_content #reproduction_steps_syntax_picker
{
    margin-top: 22px;
}

#reportissue_content .reportissue_additional_information_container
{
    background-color: #F5F5F5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#reportissue_content .reportissue_additional_information_container select
{
    font-size: 1em;
}

#reportissue_content .additional_information label
{
    font-size: 1em;
}

#reportissue_content .additional_information:last-child
{
    margin-bottom: -10px;
}

#reportissue_content .additional_information select
{
    height: 25px;
}

#reportissue_content .additional_information #spent_time_id,
#reportissue_content .additional_information #estimated_time_id,
#reportissue_content .additional_information #percent_complete_id
{
    padding: 2px;
}

.reportissue_additional_information_container table
{
    border-spacing: 0px 2px;
}

.reportissue_additional_information_container table select
{
    width: 977px !important;
}

.reportissue_additional_information_container table #spent_time_id,
.reportissue_additional_information_container table #estimated_time_id
{
    font-size: 1em !important;
}

.reportissue_additional_information_container table #percent_complete_id
{
    font-size: 0.8em !important;
}

#reportissue_container .reportissue_additional_information_container table:first-child
{
    margin-top: 3px;
}

#reportissue_content #report_form label
{
    font-size: 1em;
}

#reportissue_content #report_form table input[type=text]
{
    font-size: 1.1em;
    padding: 2px;
    width: 804px;
}

#reportissue_content #report_form table select
{
    width: auto;
    font-size: 1em;
}

#reportissue_content #file_upload_list li:last-of-type .progress,
#reportissue_container #file_upload_list li:last-of-type .progress
{
    margin-bottom: 20px;
}

#reportissue_container .reportissue_additional_information_container
{
    margin-top: 0px;
}

#report_issue_form #file_upload_list .progress
{
    width: 805px !important;
    margin-top: 20px;
}

#report_issue_form #file_upload_list li
{
    overflow: hidden;
}

#report_issue_form #file_upload_list li br
{
    display: block;
    content: "";
    margin-top: 15px;
}

#report_issue_form #file_upload_list li .filename
{
    width: 550px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#report_issue_form #file_upload_list li .filesize
{
    float: right;
    margin-right: 3px;
}


/* Issue */

#posted_by_input,
#assigned_to_input,
#issue_details #owned_by_input,
#estimated_time_1_input
{
    padding: 5px !important;
    width: 238px !important;
}

#posted_by_form > input[type="submit"],
#assigned_to_form > input[type="submit"],
#issue_details #owned_by_form > input[type="submit"],
#estimated_time_1_form > input[type="submit"],
#estimated_time_1_form > div.form_controls > input
{
    padding: 4px;
    margin-left: 4px;
}

#estimated_time_1_form > div.form_controls > input
{
    width: 60px;
}

#posted_by_change,
#assigned_to_change,
#issue_details #owned_by_change
{
    width: 328px !important;
}

#issue_details #owned_by_form
{
    margin: 7px 0 -6px -2px;
}

#issue_details #owned_by_change li.nohover > label
{
    padding: 1px;
}

#issue_details #owned_by_results_container
{
    margin: 0;
}

#issue_details #owned_by_results_container .nohover > label
{
    margin: 4px;
}

#issue_details .tooltip
{
    transition-delay: 1s;
}

.more_actions_dropdown > li > label
{
    padding: 6px;
}

.more_actions_dropdown > li > ul > li > label
{
    padding: 5px;
    line-height: normal;
}

.more_actions_dropdown > li > ul > li.disabled
{
    margin-left: 6px;
    margin-right: 6px;
}

#posted_by_change > li.separator
{
    margin-top: 10px;
}

#title_form > input[type="submit"]
{
    line-height: 20px !important;
    font-size: 0.9em !important;
    margin: 0px 3px 0px 0 !important;
    padding: 2px 10px !important;
}

#issue_main > fieldset.comments > legend > div > ul
{
    left: -15px;
    right: auto;
}

#description_form > input,
#reproduction_steps_form > input
{
    padding: 5px 11px;
}

.user_popup > li > a,
.user_popup > li > a:hover
{
    font-size: 13px;
}

.user_popup > li.header
{
    margin-bottom: 3px;
    padding-bottom: 0;
}

li.header div.user_details
{
    font-size: 11px;
    line-height: 2em;
    margin-top: -2px;
}

li.header div.user_details b
{
    font-size: 12px;
}

li.header div.user_avatar
{
    float: left;
}

#build_form > table.padded_table input[type=submit].button-green
{
    padding: 5px 10px;
    float: right;
    font-size: 14px;
}

#build_form > table.padded_table
{
    width: 789px !important;
    padding-left: 0px !important;
}

#build_form > table.padded_table > tbody > tr > td
{
    padding: 10px 0 10px 0 !important;
    line-height: 14px !important;
}

#build_form > table.padded_table > tbody > tr > td > div
{
    line-height: 16px !important;
}

#issue_view #issue_details_container.collapsed img.expander
{
    display: inline;
}

.commentbody.article br
{
    display: block;
    content: "";
    margin-top: 5px;
}

#issue_view #issue_details_container.collapsed img.collapser
{
    display: none;
}

#issue_details .issue_detail_field dt
{
    min-height: 16px;
}

#issue_info_container .issue_info.error .header
{
    color: #D80000;
}

#issue_info_container .issue_info .header
{
    font-weight: normal;
}

#viewissue_header_container .title_area
{
    z-index: 1;
}

#issue_info_container
{
    margin-top: -1px;
}

#issue_info_container .issue_info
{
    border-top: 1px dotted rgb(219, 219, 219);
}

#issue_info_container #viewissue_unsaved,
#issue_info_container #viewissue_merge_errors
{
    padding-top: 6px;
}

#issue_info_container #viewissue_merge_errors
{
    padding-bottom: 9px;
}

#issue_info_container #viewissue_merge_errors .content
{
    color: #6E6E6E;
    margin-top: 5px;
    font-size: 1em;
}

#issue_info_container #viewissue_changed
{
    color: #6E6E6E;
}

#issue_info_container #blocking_div
{
    color: #D80000;
    font-size: 1.1em;
}

#issue_info_container #viewissue_archived
{
    color: #6E6E6E;
}

#issue_info_container #viewissue_archived img,
#issue_info_container #viewissue_closed img,
#issue_info_container #viewissue_duplicate img
{
    margin: 4px 5px 0 5px !important;
}

#issue_info_container #viewissue_being_worked_on
{
    color: #6E6E6E;
}

#issue_info_container #viewissue_being_worked_on button
{
    margin-top: -4px;
    padding: 2.5px 17px;
}

#viewissue_header_container .tooltip
{
    width: auto;
    white-space: nowrap;
    transition-delay: 1s;
}

#viewissue_header_container .tooltip.rightie:before,
#viewissue_header_container .tooltip.rightie:after
{
    right: 6px;
    left: auto;
}

#viewissue_header_container .title_left_images .tooltip
{
    white-space: normal;
    width: 350px;
}

#issue_details #shortname_change #shortname_form
{
    padding: 0 4px 4px 4px;
}

#issue_details #shortname_change #shortname_form input[type=text]
{
    padding: 3px;
    margin-right: 5px;
}

#issue_details #shortname_change #shortname_form input[type=submit]
{
    padding: 3.5px 10px;
    margin-right: 4px;
}

#issue_details #shortname_change #shortname_form a
{
    display: inline;
    color: #00a400;
    padding: 0;
}

#issue_details #shortname_change #shortname_form a:hover
{
    border-bottom: 1px dotted #AAA;
}

#issue_details img[id$='_undo_spinning']
{
    left: 118px;
    margin: -1px 5px 0 0 !important;
}

#title_field #title_form input[type=text]
{
    padding-left: 5px;
    padding-right: 5px;
}

#title_undo_spinning,
#title_change > img
{
    margin-top: 4px;
}

#title_field #issue_title img.undo
{
    margin-top: 5px;
}

#issue_details #status_table
{
    margin-top: -4px;
}

#issue_details #issue_percent_complete
{
    margin-top: -2px;
}

#issue_details #percent_complete_form #set_percent
{
    margin-top: -3px;
}

#issue_details .percent_unfilled
{
    margin-top: 1px;
}

#issue_details #issue_percent_complete .percent_filled
{
    height: 14px !important;
}

#issue_details #percent_complete_form
{
    margin-bottom: 5px;
}

#issue_details #percent_complete_form input[type=submit]
{
    padding: 2.5px 10px;
    margin-top: -3px;
    margin-left: 2px;
}

#issue_details_fieldslist_pain dl dd {
    line-height: 1.3em;
    padding-right: 23px;
    margin-bottom: 5px;
}

#issue_details .affected_item .affected_state img {
    width: 14px !important;
    height: 14px !important;
    margin: -3px 0 0 5px;
}

#issue_details form[id^='estimated_time_'][id$='_form'] > input[id^='estimated_time_'][id$='_input']
{
    width: 241px !important;
}

#issue_details form[id^='estimated_time_'][id$='_form'] > input[type=submit]
{
    margin-top: 0px;
}

#issue_details .upload_details .filename
{
    overflow: hidden;
    text-overflow: ellipsis;
}

#issue_details #viewissue_uploaded_files .embedlink,
#issue_details #viewissue_uploaded_files .removelink
{
    padding: 2px;
}

#issue_details #viewissue_uploaded_files > li.file_image > a
{
    height: 120px;
    overflow: hidden;
    padding: 0;
    border: 4px solid #FFF;
}

#issue_details #viewissue_uploaded_files > li > a.imagepreview > img,
.upload_file_listing li > span > img
{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#issue_details #viewissue_uploaded_links > li > a > img,
#issue_details #viewissue_uploaded_files > li > a > img
{
    margin-top: -3px;
}

#issue_details #viewissue_uploaded_files > li.file_image > a > img
{
    margin-top: 0;
}

#issue_details #viewissue_uploaded_files .removelink
{
    padding: 0;
}

#issue_details #viewissue_uploaded_files .file_image .removelink
{
    padding: 2px;
}

#issue_details #viewissue_uploaded_links > li > .removelink img,
#issue_details #viewissue_uploaded_files > li > .removelink img
{
    margin-top: 9px;
}

#issue_details #viewissue_uploaded_files > li.file_image > .removelink img
{
    margin-top: 0;
}

#issue_details #viewissue_uploaded_files > li .upload_details
{
    padding-top: 0;
    line-height: 1.6;
}

#issue_details #viewissue_uploaded_files > li.file_image .upload_details
{
    padding-top: 5px;
}

#issue_details #viewissue_uploaded_files > li
{
    margin-right: 5px;
}

#issue_details #viewissue_uploaded_files
{
    margin-right: -8px;
}

#issue_details #viewissue_uploaded_links > li > a,
#issue_details #viewissue_uploaded_files > li > a
{
    white-space: nowrap;
}

#issue_details #viewissue_affected .affected_item > a > img
{
    margin-top: -5px;
}

#issue_details #related_child_issues_inline > li,
#issue_details #related_duplicate_issues_inline > li
{
    margin-top: 8px;
}

#related_child_issues_inline .user_popup li,
#related_duplicate_issues_inline .user_popup li
{
    width: initial !important;
}

#related_child_issues_inline .user_popup,
#related_duplicate_issues_inline .user_popup
{
    top: initial !important;
    left: 80px !important;
}

#issue_details #related_child_issues_inline li > a > img,
#issue_details #related_duplicate_issues_inline li > a > img
{
    margin-top: 4px;
}

#issue_details #related_issues_indicator
{
    margin-right: 5px;
}

li[id^='transition_popup_assignee_div_'] > a:first-of-type
{
    float: none !important;
}

li[id^='transition_popup_assignee_div_'] > a:first-of-type img
{
    margin: 0 !important;
    position: relative;
    top: 3px;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_']
{
    top: 55px !important;
    left: 160px !important;
    width: 330px !important;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_'] > li > a
{
    font-size: 1em;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_'] > li.nohover > label
{
    padding-top: 0;
    padding-bottom: 0;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_'] ul[id^='popup_assigned_to_'][id$='_results'] > li > a
{
    font-size: 1em;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_'] input[id^='popup_assigned_to_'][id$='_input']
{
    padding: 5px !important;
}

div[id^='issue_transition_container_'] ul[id^='popup_assigned_to_change_'] input[type=submit]
{
    padding: 4.5px;
    margin-left: 4px;
}

li[id^='transition_popup_assignee_div_'] div[id^='popup_assigned_to_name_indicator_'] img
{
    float: none !important;
    margin-left: 130px !important;
    margin-top: -23px;
    position: absolute;
}

#issue_main #description_form_value_syntax_picker
{
    margin-top: 22px;
}

#issue_main #description_header,
#issue_main #description_content,
#issue_main #reproduction_steps_header,
#issue_main #reproduction_steps_content
{
    float: left;
}

#issue_main #description_header,
#issue_main #reproduction_steps_header
{
    padding-top: 0;
}

#issue_main #description_content,
#issue_main #reproduction_steps_content
{
    padding-top: 5px;
}

#issue_main #description_content hr,
#issue_main #reproduction_steps_content hr
{
    border: none;
    height: 1px;
    color: #DCDCDC; /* old IE */
    background-color: #DCDCDC; /* Modern Browsers */
    margin: 10px 0;
}

#issue_main .issue_inline_description > ul
{
    margin-top: 5px;
}

#issue_main .issue_inline_description ul,
#issue_main .issue_inline_description ol
{
    padding-left: 30px;
}

#issue_main #description_header img.undo,
#issue_main #reproduction_steps_header img.undo
{
    margin-top: 8px;
}

#issue_main #description_change,
#issue_main #reproduction_steps_change
{
    float: left;
    width: 100%;
    margin-top: 5px;
}

#issue_main #description_undo_spinning,
#issue_main #reproduction_steps_undo_spinning
{
    margin-top: 6px;
}

#issue_main #description_spinning,
#issue_main #reproduction_steps_spinning
{
    position: absolute;
    margin-top: -32px;
    margin-left: 10px;
}

#issue_main #reproduction_steps_field
{
    margin-top: 25px;
}

#issue_main #comment_bodybox_syntax_picker,
ul[id^='comment_edit_'][id$='_bodybox_syntax_picker'],
ul[id^='comment_reply_'][id$='_bodybox_syntax_picker']
{
    margin-top: 22px;
}

#issue_main .issue_inline_description,
#issue_main .commentcontent
{
    line-height: 1.8;
}

#issue_main .commentcontent .image_container.thumb
{
    width: 500px;
    padding: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    float: none !important;
    clear: none !important;
    margin: 10px 0 15px 0;
    background-color: #FFF;
}

#issue_main .commentcontent .image_container.thumb img
{
    vertical-align: text-top;
}

#issue_main .commentcontent .image_container.thumb img.image
 {
     width: 500px;
    vertical-align: inherit;
 }

#comment_add_indicator,
div[id^='comment_edit_indicator_'],
div[id^='comment_reply_indicator_']
{
    margin-top: 13px;
}

.typeahead.dropdown-menu
{
    font-family: 'Open Sans', sans-serif;
}

.typeahead.dropdown-menu a:hover
{
    border-bottom: none;
}

#issue_main .issue_inline_description p
{
    margin-bottom: 7px;
}

#issue_main .issue_inline_description p:last-of-type
{
    margin-bottom: 0;
}

#issue_main .issue_inline_description br
{
    display: block;
    content: "";
    margin-top: 7px;
}


/* Your account */

#account_info_container #user_name_span
{
    font-weight: normal;
}

#account_info_container #account_user_info img
{
    margin-right: 10px !important;
}

#account_info_container input[type=radio]
{
    margin-top: -3px;
}

#account_info_container #submit_settings_button,
#account_info_container #submit_notificationsettings_button
{
    padding: 2.5px 20px !important;
}

#account_info_container #profile_save_indicator,
#account_info_container #profile_notificationsettings_save_indicator
{
    margin-right: 10px;
    margin-top: 2px;
}

#account_info_container #password_more_actions
{
    width: auto !important;
    margin-top: -2px !important;
}

#change_password_form #change_password_indicator
{
    position: absolute;
    margin-left: -32px;
    margin-top: 2px;
}

#openid_container
{
    float: none;
}

#openid_form h1
{
    margin: 0;
}

#openid_form div:first-child
{
    padding: 0 0 5px 0;
}

#openid_form .openid_large_btn
{
    margin-bottom: 8px;
    margin-right: 8px;
}

#openid_form .openid_small_btn
{
    margin-right: 8px;
}

#account_info_container #pending_scope_memberships
{
    line-height: 2.2;
}

#account_info_container #confirmed_scope_memberships
{
    line-height: 2.2;
}

#add_application_password_indicator
{
    position: absolute;
    margin-left: -30px;
    margin-top: 3px;
}


/* Agile */

#edit_agileboard_form input[id^='agileboard_description_']
{
    padding: 6px;
}

#agileboard_edit_indicator
{
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.milestone_basic_container .milestone_name
{
    vertical-align: inherit;
}

#planning_container div[id^='milestone_'][id$='_header'] button > img
{
    width: 12px;
    height: 12px;
    margin-top: -3px;
}

#milestone_finish_container select[id^='reached_month_']
{
    width: 100px;
}

#milestone_finish_container select[id^='reached_day_']
{
    width: 50px;
}

.milestone_issue .issue_container img.avatar
{
    border-radius: 4px;
    width: 21px;
    height: 21px;
    margin: 1px 1px 0 0;
}

.milestone_issue .issue_container img.blocking
{
    border: none;
    margin-top: 2px;
}

.whiteboard-issue.blocking img.blocking
{
    border: none;
}

#selected_milestone_status_indicator
{
    margin-top: -6px !important;
}

.milestone_issue .status_badge
{
    opacity: 1;
}

.whiteboard-issue .issue_more_actions_link_container .dynamic_menu_link
{
    z-index: 1;
}

.whiteboard-issue .more_actions_dropdown li .tooltip
{
    min-width: 110px !important;
    max-width: 250px !important;
}

.whiteboard-issue img.avatar
{
    margin: 0;
    width: 21px;
    height: 21px;
    border-radius: 4px;
}

.whiteboard-issue .epic_badge,
.whiteboard-issue .issue_component,
.whiteboard-issue .issue_release
{
    margin: 1px 0 0 1px;
}

.transition .button.button-silver
{
    padding: 3px 10px;
    margin-top: -3px;
    margin-right: -3px;
}


/* Menu */

#searchfor_autocomplete_choices
{
    left: 7px !important;
    width: 331px !important;
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2);
}

#searchfor_autocomplete_choices li
{
    font-size: 1em;
}

#searchfor_autocomplete_choices li .informal
{
    font-size: 0.9em;
}

#searchfor_autocomplete_choices ul li
{
    padding: 5px 4px 5px 7px;
}

#searchfor_autocomplete_choices
{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#searchfor_autocomplete_choices ul > li:last-child
{
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#searchfor_autocomplete_choices li > div:first-of-type
{
    margin-bottom: 2px;
}

#searchfor_autocomplete_choices li > div.informal
{
    margin-top: 2px;
}

#searchfor_autocomplete_choices li > div.informal.attached
{
    margin-top: 0px;
}

#searchfor_autocomplete_choices li > img:first-child
{
    width: 16px !important;
    height: 16px !important;
}

#topmenu-container .tab_menu li a
{
    margin-top: 2px;
}

#topmenu-container .header_menu li.selected, .header_menu li.selected:hover {
    padding-left: 10px;
    padding-right: 10px;
}

#topmenu-container .header_menu li.selected a
{
    color: rgb(74, 100, 121);
}

#topmenu-container.active .header_menu li:hover > div:first-child {
    background-color: white;
    height: 100%;
    z-index: 10001;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    position: relative;
}

#topmenu-container.active .header_menu li.selected .tab_menu_dropdown {
    margin-left: -10px;
}

#topmenu-container.active #user_notifications_container:hover #user_notifications_count {
    background-color: rgba(255, 255, 255, 0.7);
    margin: 7px 0 0 0;
    padding: 4px 5px 2px 5px;
    height: initial;
    box-sizing: initial;
    height: 16px;
}

#topmenu-container.active #user_notifications_container:hover
{
    box-shadow: none;
}

li#header_usermenu_link > div
{
    color: inherit;
}

#topmenu-container ul li .tab_menu_dropdown .header
{
    border-top: 1px dotted #CCC;
    margin-top: 8px;
}

#topmenu-container ul li .tab_menu_dropdown div:first-child
{
    border-top: none;
}

#topmenu-container #usermenu_changestate_toggler
{
    margin-top: -2px;
    color: rgb(85, 85, 85) !important;
}

#usermenu_changestate a
{
    margin-top: 0px;
}

#topmenu-container #change_userstate_dropdown
{
    margin-top: 1px;
}

#topmenu-container #user_notifications_count img
{
    margin: 0;
}

#header_usermenu_link
{
    margin-left: 5px !important;
}

#user_notifications_loading_indicator
{
    margin-left: 85px;
    margin-top: 5px;
}

#user_notifications_list > li > h1
{
    font-size: 1em;
    margin: 0 25px 0px 5px;
    line-height: 1.8;
}

#user_notifications_list .notification_status_toggler
{
    margin-top: 5px !important;
}

#user_notifications > h1
{
    position: relative;
    padding: 8px 5px;
    margin: 0;
}

#user_notifications > h1:after
{
    content: "";
    top: -3px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

/** nano scroller **/
.nano {

    position : relative;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
    margin-bottom: -1px;
}
.nano > .nano-content {
    position      : relative;
    overflow      : scroll;
    overflow-x    : hidden;
    top           : 0;
    right         : 0;
    bottom        : 0;
    left          : 0;
}
.nano > .nano-content:focus {
    outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
    display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}
.nano > .nano-pane {
    background : rgba(0,0,0,0);
    position   : absolute;
    width      : 7px;
    right      : 0;
    top        : 0;
    bottom     : 0;
    visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity    : .01;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0,0,0,.25);
    position              : relative;
    margin                : 0 1px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility : visible\9; /* Target only IE7 and IE8 with this hack */
    opacity    : 0.99;
}
/** end nano scroller **/


/* Frontpage & Wiki */

#attach_link_main_menu_0_url,
#attach_link_wiki_1_url
{
    margin-bottom: 9px;
}

#attach_link_main_menu_0_form > div:last-child > br,
#attach_link_wiki_1_form > div:last-child > br
{
    display: block;
    content: "";
    margin-top: 5px;
}

#attach_link_main_menu_0_form,
#attach_link_wiki_1_form
{
    margin-bottom: -7px;
}

#attach_link_main_menu_0_form div:last-child input[type=submit],
#attach_link_wiki_1 div:last-child input[type=submit]
{
    padding: 4px 9px;
}


/* Wiki */

img[id^='article_favourite_indicator_']
{
    padding: 0px 1px;
}

#article-editor-main-container .article.syntax_mw
{
    margin-left: 5px;
}

#article-editor-main-container .article.syntax_mw .header.view
{
    margin: 10px 0 5px 0;
}

#article-editor-main-container .greybox.categories
{
    margin: 30px 5px 20px 10px;
}

#article-editor-main-container .rounded_box.yellow.borderless
{
    background-color: rgba(249, 239, 158, 0.5);
    margin: 0 5px 5px 10px !important;
    border: 1px solid #D9D9BB;
}

.page-publish_article_permissions .rounded_box.invisible.borderless
{
    margin-top: 10px;
}

.page-publish_article_permissions .rounded_box.verylightyellow button,
.page-publish_article_permissions .rounded_box.invisible.borderless button
{
    padding: 5px 7px;
}

.page-publish_article_permissions .rounded_box.verylightyellow div[id^='publish_'],
 .page-publish_article_permissions .rounded_box.invisible.borderless div[id^='publish_'][id$='_readarticle_permissions']
 {
     width: initial !important;
 }

.page-publish_article_permissions .rounded_box.verylightyellow table,
.page-publish_article_permissions .rounded_box.invisible.borderless table
{
    background-color: #FFF;
}

#article_attachments .attached_item.file_image > a.imagepreview
{
    height: 120px;
    overflow: hidden;
    padding: 0;
    border: 4px solid #FFF;
}

#article_attachments .attached_item.file_image > a.imagepreview > img
{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#article_attachments .attached_item.file_image .upload_details .filename
{
    overflow: hidden;
    text-overflow: ellipsis;
}

#article_comments #comment_bodybox_syntax_picker
{
    font-size: 1em;
    margin-top: 10px;
}

div[id^='wiki_'][id$='_no_links']
{
    padding-left: 0px !important;
}

#parent_article_name_span
{
    margin-bottom: 10px;
    display: inline-block;
}

.article.syntax_mw .content br
{
    display: block;
    content: "";
    margin-top: 7px;
}

.article .content
{
    line-height: 1.65;
}

.wiki-find-articles-button
{
    padding: 5px 20px !important;
}

.wiki-find-articles-list li
{
    margin-bottom: 10px !important;
}

.main_area.article label[for=find_article_name]
{
    margin-top: 3px;
}

.main_area.article hr
{
    border: none;
    height: 1px;
    color: #DCDCDC; /* old IE */
    background-color: #DCDCDC; /* Modern Browsers */
    margin: 10px 0;
}

.main_area.article ul,
.main_area.article ol
{
    padding-left: 30px;
}