body {
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background: white;
}

html>body {
    width: auto;
    min-width: 1000px;
}

q:before,
q:after {
    display: none;
}

em {
    color: #FF3333;
}

em.green {
    color: #00AA00;
}

textarea {
    vertical-align: top;
    border: solid 1px #b97f7f;
}

input {
    border: solid 1px #b97f7f;
}

select {
    border: solid 1px #b97f7f;
}

legend {
    color: black;
}

.textonly {
    position: absolute;
    left: -9999px;
}

.fielderror {
    background: #FFDDDD;
}

.inline {
    display: inline;
}

.floatright {
    float: right;
    margin-left: 10px;
}

.floatleft {
    float: left;
    margin-right: 10px;
}

.vcentre {
    vertical-align: middle;
}

.centred table {
    margin-left: auto;
    margin-right: auto;
}

.nonvisual {
    position: absolute !important;
    top: -999px !important;
    left: -999px !important;
}

.noborder {
    border: none;
}

.clear_both {
    clear: both;
}

.right_align {
    text-align: right;
}

.center_align {
    text-align: center;
}

.nounderline {
    text-decoration: none;
}

#skiplinks {
    position: absolute;
    left: -9999px;
}

#never {
    display: none;
}

.pre_div {
    padding: 5px;
    width: 600px;
    overflow: auto;
    border: 1px solid #5555ff;
    background: #bbbbbb;
    height: 100px;
}

html>body .pre_div {
    height: auto;
    min-height: 100px;
    max-height: 400px;
}

.hover_link {
    text-decoration: none;
    color: black;
}

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


/**** AJAX edit ****/

.textedit {
    background: #CCCCCC;
    border: 1px solid #AAAAAA;
}

.textedit input {
    background: transparent;
    border: none;
}

.textedit_wait {
    background: #FFBBBB;
    border: 1px solid #FF5555;
}

.textedit_wait input {
    background: transparent;
    border: none;
}

.dateedit {
    cursor: text;
    background-image: url("/images/icon_dropdown.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 7px 7px;
    padding-right: 10px;
}

.dateedit_active input {
    cursor: text;
    background: rgba(150, 150, 150, 0.5);
    border: 1px solid #3b679e;
}

.dateedit_wait {
    cursor: wait;
}

.dateedit_wait input {
    /* background:transparent; */
    /* border:none; */
    background: rgba(255, 150, 150, 0.5);
    border: 1px solid #FF5555;
}

.textareaedit {
    background: #CCCCCC;
    border: 1px solid #AAAAAA;
}

.textareaedit textarea {
    background: transparent;
    border: none;
}

.textareaedit_wait {
    background: #FFBBBB;
    border: 1px solid #FF5555;
}

.textareaedit_wait textarea {
    background: transparent;
    border: none;
}


/**** Logo ****/

#logoseperator {}

#logo {
    height: 56px;
    padding-left: 20px;
    position: relative;
}

#logo a {
    text-decoration: none;
}

.versionstring {
    display: inline;
    font-size: 2em;
    color: black;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    bottom: 10px;
}

.brand_logo {
    margin-left: 10px;
}


/**** usermenu ****/

#usermenu {
    position: absolute;
    z-index: 10;
    right: 20px;
    top: 5px;
    text-align: right;
    min-width: 600px;
}

#usermenu h1 {
    position: absolute;
    left: -9999px;
}

#usermenu a:hover img {
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.flag {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    vertical-align: middle;
}

.flagselected {
    border-top: 2px solid #8A0000;
    border-left: 2px solid #8A0000;
    border-right: 2px solid #8A0000;
    border-bottom: 2px solid #8A0000;
    vertical-align: middle;
}

.textsize {
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    vertical-align: middle;
}

.textsize_selected {
    border-top: 2px solid #8A0000;
    border-left: 2px solid #8A0000;
    border-right: 2px solid #8A0000;
    border-bottom: 2px solid #8A0000;
    vertical-align: middle;
}

.display_format {
    background: #BBBBBB;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    vertical-align: middle;
}


/**** Site utilities ****/

#siteutils {
    position: absolute;
    z-index: 10;
    top: 31px;
    right: 20px;
    text-align: right;
}


/* Firefox/Opera/IE7 */

html>body #siteutils {
    top: auto;
    bottom: 5px;
}


/* IE7 only */

*:first-child+html #siteutils {
    top: 31px;
}

#siteutils h1 {
    position: absolute;
    left: -9999px;
}

#siteutils a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}

#siteutils a:hover {
    color: blue;
}


/**** Main menu ****/

#mainmenu {
    height: 24px;
    background: #801517;
}

#mainmenu ul {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px;
}

#mainmenu ul li {
    background: #801517;
    list-style: none;
}

.selected {
    float: left;
    border-right: 1px solid white;
}

.selected a {
    display: block;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    color: white;
}

.selected a:hover {
    color: #233D7A;
    background: white;
}

.option {
    float: left;
    border-right: 1px solid white;
}

.option a {
    display: block;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    color: white;
}

.option a:hover {
    color: #233D7A;
    background: white;
}

.lastoption a {
    display: block;
    width: 5.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 5px;
    padding-right: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em;
    color: white;
}

.lastoption a:hover {
    color: #233D7A;
    background: white;
}

.lastoption img {
    margin-left: 10px;
    vertical-align: bottom;
    border-top: none;
    border-left: solid 1px #233D7A;
    border-bottom: solid 1px #233D7A;
    border-right: solid 1px #233D7A;
}


/**** drop-menu ****/

.menu3 {
    float: left;
    font-family: verdana, sans-serif;
    font-size: 0.85em;
    position: relative;
    width: 150px;
    z-index: 100;
}

.menu3 ul {
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

.menu3 ul li {
    float: left;
    position: relative;
}

.menu3 li.last {
    border-bottom: 1px solid #0000FF;
    margin: 0pt;
}

.menu3 ul li a,
.menu3 ul li a:visited {
    background: #FFFFFF url(../images/menu3.gif) no-repeat scroll left bottom;
    border-color: #0000FF;
    border-style: solid;
    border-width: 1px 1px 0pt;
    color: #000000;
    display: block;
    height: 30px;
    line-height: 25px;
    padding-left: 10px;
    text-decoration: none;
    width: 139px;
}

.menu3 ul li ul {
    display: none;
}

.menu3 table {
    border-collapse: collapse;
    font-size: 1em;
    margin: -1px;
}

.menu3 ul li:hover a {
    color: #CC0000;
}

.menu3 ul li:hover ul {
    display: block;
    height: auto;
    left: 0pt;
    margin-top: 1px;
    position: absolute;
    top: 29px;
    width: 150px;
}

.menu3 ul li:hover ul li ul {
    display: none;
}

.menu3 ul li:hover ul li a {
    background: #DDDDDD none repeat scroll 0%;
    color: #000000;
    display: block;
    height: auto;
    line-height: 15px;
    padding: 8px 10px;
    width: 129px;
}

.menu3 ul li:hover ul li a.drop {
    background: #DDDDDD url(../images/point3.gif) no-repeat scroll right bottom;
}

.menu3 ul li:hover ul li:hover a {
    background: #888888 none repeat scroll 0%;
    color: #FFFFFF;
}

.menu3 ul li:hover ul li:hover a.drop {
    background: #888888 url(../images/point3a.gif) no-repeat scroll right bottom;
}

.menu3 ul li:hover ul li:hover ul {
    display: block;
    left: 150px;
    position: absolute;
    top: -1px;
    width: 150px;
}

.menu3 ul li:hover ul li:hover ul li a {
    background: #DDDDDD none repeat scroll 0%;
    color: #000000;
}

.menu3 ul li:hover ul li:hover ul li:hover a {
    background: #888888 none repeat scroll 0%;
    color: #FFFFFF;
}

.menu3 ul li a:hover {
    background: #EEEEEE url(../images/menu3.gif) repeat scroll 0%;
    color: #CC0000;
}

.menu3 ul li a:hover ul {
    background: #EEEEEE none repeat scroll 0%;
    display: block;
    left: 0pt;
    margin-top: 1px;
    position: absolute;
    top: 29px;
}

.menu3 ul li a:hover ul li a {
    background: #DDDDDD none repeat scroll 0%;
    color: #000000;
    display: block;
    height: 20px;
    line-height: 15px;
    padding: 5px 10px;
    width: 129px;
}

.menu3 ul li a:hover ul li a.drop {
    background: #DDDDDD url(../images/point3.gif) no-repeat scroll right bottom;
}

.menu3 ul li a:hover ul li a ul {
    height: 0pt;
    position: absolute;
    visibility: hidden;
    width: 0pt;
}

.menu3 ul li a:hover ul li a:hover {
    background: #888888 none repeat scroll 0%;
    color: #FFFFFF;
}

.menu3 ul li a:hover ul li a.drop:hover {
    background: #888888 url(../images/point3a.gif) no-repeat scroll right bottom;
}

.menu3 ul li a:hover ul li a:hover ul {
    color: #000000;
    left: 150px;
    position: absolute;
    top: -1px;
    visibility: visible;
}

hr {
    clear: both;
    margin-bottom: 30px;
}

.left {
    clear: both;
}


/**** Content ****/

#content {
    position: relative;
    clear: left;
    height: 400px;
}

html>body #content {
    height: auto;
    min-height: 400px;
}

#shiftedcontent {
    margin-left: 200px;
}

#contentarea {
    background: #801517;
    padding-left: 10px;
    height: 400px;
}

html>body #contentarea {
    height: auto;
    min-height: 400px;
}

#frontpage {
    font-size: 1.4em;
    padding-top: 180px;
    padding-bottom: 182px;
    text-align: center;
    background: white;
}

#loginmessage {
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    background: white;
}

#loginform {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: white;
    border-top: 2px solid #a61b1e;
    border-left: 2px solid #a61b1e;
    border-bottom: 2px solid #5c0f10;
    border-right: 2px solid #5c0f10;
    width: 540px;
    margin-left: 50%;
    position: relative;
    left: -270px;
}

#login_username {
    text-align: right;
    padding-right: 160px;
}

#login_password {
    text-align: right;
    padding-right: 170px;
}

html>body #login_password {
    padding-right: 160px;
}

#logoutmessage {
    font-size: 1.4em;
    margin-top: 80px;
    text-align: center;
}

#errorpage {
    margin-top: 40px;
    width: 600px;
    margin-left: 50%;
    position: relative;
    left: -300px;
    background: white;
    border-top: 2px solid #BBBBBB;
    border-left: 2px solid #BBBBBB;
    border-bottom: 2px solid #888888;
    border-right: 2px solid #888888;
}

#errorpage h1 {
    margin: 0px;
    padding-bottom: 2px;
    color: #FF0000;
    font-size: 1em;
    text-align: center;
    background: #dddddd;
}

#errorpagecontent {
    padding-left: 5px;
    padding-right: 5px;
}

#elmsupport_col1 {
    margin-top: 30px;
    width: 45%;
    float: left;
    padding: 10px;
}

#elmsupport_col2 {
    width: 45%;
    margin-top: 30px;
    float: right;
    padding: 10px;
}

#elmsupport_clear {
    clear: both;
}

#pref_col1 {
    margin-top: 30px;
    width: 45%;
    float: left;
    padding: 10px;
}

#pref_col2 {
    width: 45%;
    margin-top: 30px;
    float: right;
    padding: 10px;
}

#pref_message {
    margin-top: 80px;
    text-align: center;
}

#changepasswordmessage {
    margin-top: 10px;
    text-align: center;
}

#changepasswordform {
    margin-top: 10px;
    padding-bottom: 20px;
    text-align: center;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
}

#changepasswordform form {
    display: inline;
}

#changepassword_who {
    background: #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

#changedetailsmessage {
    margin-top: 40px;
    text-align: center;
}

#changedetailsform {
    margin-top: 40px;
    padding-bottom: 20px;
    text-align: center;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
}

#changedetailsform form {
    display: inline;
}

#changedetails_who {
    background: #DDDDDD;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

#lastmessage {
    margin-top: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background: #DDDDDD;
    text-align: center;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

.open_section {
    margin-bottom: 5px;
    position: relative;
}

.open_section h2 {
    position: absolute;
    left: 10px;
    top: -22px;
    background: white;
    padding-left: 5px;
    padding-right: 5px;
}

.open_section_content {
    padding-top: 10px;
    border: 1px solid gray;
}

.closed_section {
    background: #AAAAAA;
    padding-left: 15px;
}


/**** Back button ****/

#backbutton {
    text-align: right;
    background: #801517;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 1.0em;
}

#backbutton img {
    border: none;
}


/**** Register ****/

.license_table {
    background: white;
}

.license_table td {
    padding-left: 5px;
    padding-right: 5px;
    background: #dec9c9;
}

.license_table th {
    padding-left: 5px;
    padding-right: 5px;
    background: #a61b1e;
    color: white;
}


/**** Navigator ****/

#navigator {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 400px;
}

#navigator h1 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    font-size: 1.0em;
    color: white;
}

#navigatorcontent {
    height: 100%;
    overflow: auto;
    background: white;
}

.hide_navigator_button {
    position: absolute;
    top: 200px;
    right: -10px;
}

.hide_navigator_button img {
    border: none;
}

#navigator_hidden {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
}

.show_navigator_button {
    position: absolute;
    top: 200px;
    right: -9px;
}

.show_navigator_button img {
    border: none;
}


/**** Tree ****/

.tree {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 0.8em;
    width: 600px;
}

.tree h2 {
    font-size: 8pt;
    background: black;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
    margin-left: -5px;
}

.tree ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.tree li {}

.tree img {
    border: none;
    vertical-align: middle;
}

.tree a {
    text-decoration: none;
    color: black;
}

.tree a:hover {
    text-decoration: underline;
}

.tree a:visited {
    color: black;
}

.treeselected {
    padding: 2px;
    border: 1px solid #BBBBBB;
    background: #FFFF88;
}

.treenoselect {
    padding: 2px;
    background: #FFCCCC;
}

.selectassettree {
    width: 400px;
    height: 300px;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    background: white;
}

html>body .selectassettree {
    height: auto;
    min-height: 300px;
}


/**** Members control ****/

.notselected_members select {
    width: 250px;
}

.selected_members select {
    width: 250px;
}

.members_buttons {
    margin-left: 95px;
}

.members_buttons input {
    background: lightgray;
    border: 1px solid black;
    border-style: outset;
}


/**** Form buttons ****/

.formbuttons {
    text-align: center;
}


/**** Help menu ****/

#helpmenu {
    background: #888888;
    margin: 0px;
    padding: 0px;
}

#helpmenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#helpmenu li {
    display: inline;
    padding: 0px;
    margin: 0px;
}

#helpmenu a {
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    background: #AAAAAA;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

#helpmenu a:hover {
    color: blue;
}

#helpmenu img {
    vertical-align: middle;
    border: none;
}

html>body #helpmenu img {
    vertical-align: sub;
}


/**** Help pages ****/

#helppages table {
    border: 1px solid black;
    border-collapse: collapse;
}

#helppages table th {
    border: 1px solid black;
}

#helppages table td {
    border: 1px solid black;
}


/**** Dashboard ****/

.user_timezone>select {
    width: 250px;
}

.user_language>select {
    width: 150px;
}


/**** DisplayList ****/

.displaylist {
    text-align: left;
}

.displaylist table {
    background: white;
}

.displaylist td {
    padding-left: 5px;
    padding-right: 5px;
    background: #dec9c9;
}

.displaylist th {
    padding-left: 5px;
    padding-right: 5px;
    background: #a61b1e;
    color: white;
    vertical-align: top;
}

.displaylist th a {
    color: #ffff99;
}

.displaylist img {
    border: none;
    margin-right: 3px;
}

.displaylist td.displaylistcontrols {
    padding: 0px;
    background: #dec9c9;
}

.displaylistcontrols form {
    padding: 0px;
    margin: 0px;
}

.displaylistcontrols img {
    border: none;
}

.displaylist_parent {
    font-weight: bold;
}

.displaylist_red {
    color: #CC0000;
    background: #FFBBBB !important;
}

.displaylist_amber {
    color: #BF6000;
    background: #FFC080 !important;
}

.displaylist_green {
    color: #008800;
    background: #BBFFBB !important;
}

.displaylist_grey {
    color: #000000;
    background: #BBBBBB !important;
}

.displaylist_bottom_border {
    border-bottom: 1px solid black;
}

.displaylist-top-left {
    background: transparent url(../images/top-left-white.gif) top left no-repeat;
}

.displaylist-top-right {
    padding: 10px 20px 0px 20px;
    background: transparent url(../images/top-right-white.gif) top right no-repeat;
}

.displaylist-bottom-left {
    background: transparent url(../images/bottom-left-white.gif) bottom left no-repeat;
}

.displaylist-bottom-right {
    background: transparent url(../images/bottom-right-white.gif) bottom right no-repeat;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.displaylist-bottom {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/*************/


/* Login log */


/*************/

.loginlog {
    background: white;
}

.loginlog td {
    padding-left: 5px;
    padding-right: 5px;
    background: #dec9c9;
    text-align: right;
}

.loginlog th {
    padding-left: 5px;
    padding-right: 5px;
    background: #a33638;
}


/**** viewdetails ****/

#viewdetails {
    padding-bottom: 20px;
    height: 400px;
    background: white;
}

html>body #viewdetails {
    height: auto;
    min-height: 400px;
}

#viewdetails h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    font-size: 1.0em;
    background: #801517;
    color: white;
}

#viewdetails img {
    border: none;
}

.viewdetailsbuttons {
    font-size: 0.8em;
}

.viewdetailsbuttons a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

.toolbarbuttonbackground {
    background: #a61b1e;
    background-position: top left;
    background-image: url("../images/toolbar_background_psoda.gif");
    background-repeat: repeat-x;
    float: left;
}

.widetoolbarbutton {
    display: block;
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-top: 2.5em;
    padding-bottom: 0.2em;
    width: 11em;
    height: 1.3em;
    background-repeat: no-repeat;
    background-position: center 5px;
    float: left;
    text-align: center;
}

.widetoolbarbutton_nolabel {
    display: block;
    overflow: hidden;
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px 16px;
    float: left;
    text-align: center;
    font-size: 0px;
    color: #a33638;
}

.toolbarbutton {
    display: block;
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-top: 2.5em;
    padding-bottom: 0.2em;
    width: 5em;
    height: 1.3em;
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 16px 16px;
    float: left;
    text-align: center;
}

.toolbarbutton_nolabel {
    display: block;
    overflow: hidden;
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px 16px;
    float: left;
    text-align: center;
    font-size: 0px;
    color: #a33638;
}

.toolbarbutton_noicon {
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    text-align: center;
}

.lasttoolbarbutton {
    display: block;
    border-top: 1px solid #c4393c;
    border-left: 1px solid #c4393c;
    border-bottom: 1px solid #5c0f10;
    border-right: 1px solid #5c0f10;
    padding-top: 2.5em;
    padding-bottom: 0.2em;
    width: 5em;
    height: 1.3em;
    background-repeat: no-repeat;
    background-position: center 5px;
    float: left;
    text-align: center;
}


/******************/


/* Toolbar images */


/******************/

.questionimage {
    background-image: url("../images/icon_question.gif");
}

.editimage {
    background-image: url("../images/edit.gif");
}

.passwordimage {
    background-image: url("../images/icon_acl.gif");
}

.blockeditimage {
    background-image: url("../images/blockedit.gif");
}

.deleteimage {
    background-image: url("../images/delete.gif");
}

.moveimage {
    background-image: url("../images/icon_move.gif");
}

.blockdeleteimage {
    background-image: url("../images/blockdelete.gif");
}

.createorganisationimage {
    background-image: url("../images/icon_organisation.gif");
}

.createprogramimage {
    background-image: url("../images/icon_program.gif");
}

.createproductimage {
    background-image: url("../images/icon_product.gif");
}

.createreleaseimage {
    background-image: url("../images/icon_release.gif");
}

.createreleasenoteimage {
    background-image: url("../images/icon_relnote.gif");
}

.createchangerequestimage {
    background-image: url("../images/icon_changerequest.gif");
}

.createissueimage {
    background-image: url("../images/icon_issue.gif");
}

.createdefectimage {
    background-image: url("../images/icon_defect.gif");
}

.createprojectimage {
    background-image: url("../images/icon_project.gif");
}

.createsubprojectimage {
    background-image: url("../images/icon_subproject.gif");
}

.createriskimage {
    background-image: url("../images/icon_risk.gif");
}

.createrequirementimage {
    background-image: url("../images/icon_requirement.gif");
}

.createtestcaseimage {
    background-image: url("../images/icon_testcase.gif");
}

.createteststepimage {
    background-image: url("../images/icon_teststep.gif");
}

.createtestrunimage {
    background-image: url("../images/icon_testrun.gif");
}

.creategroupimage {
    background-image: url("../images/icon_group.gif");
}

.createaclimage {
    background-image: url("../images/icon_acl.gif");
}

.createuserimage {
    background-image: url("../images/icon_user.gif");
}

.impersonateimage {
    background-image: url("/images/icon_impersonate.png");
}

.createcommentimage {
    background-image: url("../images/icon_comment.gif");
}

.createattachmentimage {
    background-image: url("../images/icon_attachment.gif");
}

.lockimage {
    background-image: url("../images/icon_lock.gif");
}

.lockopenimage {
    background-image: url("../images/icon_lock_open.gif");
}

.blocklockimage {
    background-image: url("../images/blocklock.gif");
}

.txtimage {
    background-image: url("../images/icon_txt.gif");
}

.htmlimage {
    background-image: url("../images/icon_reporttemplate.gif");
}

.mswordimage {
    background-image: url("../images/icon_doc.gif");
}

.msexcelimage {
    background-image: url("../images/icon_msexcel.png");
}

.rtfimage {
    background-image: url("../images/icon_rtf.gif");
}

.pdfimage {
    background-image: url("../images/icon_pdf.gif");
}

.dependantimage {
    background-image: url("../images/icon_derived.gif");
}

.determinantimage {
    background-image: url("../images/determines.svg");
}

.notificationimage {
    background-image: url("../images/icon_notification.gif");
}

.playimage {
    background-image: url("../images/icon_play.gif");
}

.pauseimage {
    background-image: url("../images/icon_pause.gif");
}

.passimage {
    background-image: url("../images/icon_pass.gif");
}

.failimage {
    background-image: url("../images/icon_fail.gif");
}

.cancelimage {
    background-image: url("../images/icon_cancel.gif");
}

.createactionimage {
    background-image: url("../images/icon_action.gif");
}

.createreporttemplateimage {
    background-image: url("../images/icon_reporttemplate.gif");
}

.createreportparameterimage {
    background-image: url("../images/icon_reportparameter.gif");
}

.xmlexportimage {
    background-image: url("../images/icon_xmlexport.gif");
}

.createlifecycleimage {
    background-image: url("../images/icon_lifecycle.gif");
}

.createlifecyclestateimage {
    background-image: url("../images/icon_lifecyclestate.gif");
}

.createlifecycletransitionimage {
    background-image: url("../images/icon_lifecycletransition.gif");
}

.createfeatureimage {
    background-image: url("../images/icon_feature.gif");
}

.createmilestoneimage {
    background-image: url("../images/icon_milestone.gif");
}

.createbudgetgroupimage {
    background-image: url("../images/icon_budgetgroup.gif");
}

.createbudgetitemimage {
    background-image: url("../images/icon_budgetitem.gif");
}

.createexpenseitemimage {
    background-image: url("../images/icon_expenseitem.gif");
}

.createtaskgroupimage {
    background-image: url("../images/icon_taskgroup.gif");
}

.createtaskimage {
    background-image: url("../images/icon_task.gif");
}

.createtimesheetimage {
    background-image: url("../images/icon_timesheet.gif");
}

.createtimesheettaskimage {
    background-image: url("../images/icon_timesheettask.gif");
}

.createbenefitimage {
    background-image: url("../images/icon_benefit.gif");
}

.createholidaycalendarimage {
    background-image: url("../images/icon_holidaycalendar.gif");
}

.createleaveapplicationimage {
    background-image: url("../images/icon_leaveapplication.gif");
}

.createholidayimage {
    background-image: url("../images/icon_holiday.gif");
}

.upvoteimage {
    background-image: url("../images/upvote.png");
}

.downvoteimage {
    background-image: url("../images/downvote.png");
}

.authoriseimage {
    background-image: url("../images/icon_authorise.gif");
}

.copyimage {
    background-image: url("../images/icon_copy.gif");
}

.rssimage {
    background-image: url("../images/icon_rss.gif");
}

.searchimage {
    background-image: url("../images/icon_search.gif");
}

#viewdetailsbuttons a:hover {
    color: #0000FF;
}

#viewdetailsseparator {
    clear: left;
}

#viewdetails h2 {
    font-size: 1.3em;
}

#viewdetailscontent {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#viewdetailscontent pre {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0px;
}

#viewdetailscontent textarea {
    font-size: 1em;
}

html>body #viewdetailscontent textarea {
    font-size: 1.3em;
}


/**** displaydetails ****/

.displaydetails th {
    text-align: right;
    vertical-align: top;
}

.displaydetails_stats th {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.displaydetails_stats td {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}


/**** releasenoteslist ****/

.col1 {
    width: 180px;
}


/**** dialog ****/

.dialog {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 300px;
    width: 600px;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

html>body .dialog {
    height: auto;
    min-height: 300px;
}

.dialog h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

.dialogcontent {
    padding-left: 5px;
    padding-right: 5px;
}

.dialogerrormessage {
    text-align: center;
}


/**** dialogtable ****/

.dialogtable {
    margin-left: 10px;
    text-align: left;
}

.dialogtable th {
    text-align: right;
}

.mandatorymessage {
    text-align: center;
}

.dialogmessage {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.input_help {
    border: none;
}

.dialogbuttons {
    margin-top: 20px;
    text-align: center;
}


/**** popup ****/

.popup {
    border-top: 2px solid #a61b1e;
    border-left: 2px solid #a61b1e;
    border-bottom: 2px solid #5c0f10;
    border-right: 2px solid #5c0f10;
    position: absolute;
    background: white;
}

.popupclose {
    text-align: right;
    background: #801517;
    color: white;
    cursor: move;
}

.popupclose img {
    border: none;
    width: 21px;
    height: 21px;
}

.popup h2 {
    float: left;
    margin-top: 2px;
    padding-left: 5px;
    display: block;
    font-size: 0.9em;
    color: white;
}

.popupcontent {
    border: 5px solid white;
}


/**** widedialog ****/

.widedialog {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 300px;
    width: 750px;
    background: white;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

html>body .widedialog {
    height: auto;
    min-height: 300px;
}

.widedialog h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

.widedialogcontent {
    padding-left: 5px;
    padding-right: 5px;
}


/**** normalview ****/

.normalview {
    padding-bottom: 20px;
    height: 400px;
    border-left: 1px solid white;
    background: white;
}

html>body .normalview {
    height: auto;
    min-height: 400px;
}

.normalview h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    font-size: 1.0em;
    background: #801517;
    color: white;
}

.normalviewcontent {
    padding: 10px;
}


/**** register ****/

.register {
    height: 300px;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    background: white;
}

html>body .register {
    height: auto;
    min-height: 300px;
}

.register h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

.registercontent {
    width: 800px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.registercontent th {
    text-align: left;
}

.registercontent a {
    text-decoration: none;
}


/**** Organisation ****/

.organisation_address textarea {
    width: 426px;
}

html>body .organisation_address textarea {
    width: 422px;
}

.organisation_country select {
    width: 426px;
}

.organisation_contact select {
    width: 326px;
}


/**** Program ****/

.program_owner select {
    width: 200px;
}


/**** Product ****/

.product_owner select {
    width: 200px;
}

.product_lifecycle select {
    width: 200px;
}


/**** Project ****/

.project_manager select {
    width: 200px;
}

.project_owner select {
    width: 200px;
}

.project_sponsor select {
    width: 200px;
}

.project_lifecycle select {
    width: 200px;
}


/**** RAG box ****/

.rag_box {
    text-align: center;
    border: none;
}

.rag-top-left {
    background: transparent url(../images/top-left-white.gif) top left no-repeat;
}

.rag-top-right {
    padding: 10px 20px 0px 20px;
    background: transparent url(../images/top-right-white.gif) top right no-repeat;
}

.rag-bottom-left {
    background: transparent url(../images/bottom-left-white.gif) bottom left no-repeat;
}

.rag-bottom-right {
    height: 10px;
    background: transparent url(../images/bottom-right-white.gif) bottom right no-repeat;
}


/**** sub-project ****/

.subproject_owner select {
    width: 200px;
}

.subproject_lifecycle select {
    width: 200px;
}


/**** Start/End selectors ****/

#startdate {
    float: left;
    width: 250px;
}

#startdate td {
    text-align: center;
}

#enddate {
    float: left;
    width: 250px;
}

#enddate td {
    text-align: center;
}


/**** Statistics ****/

.statistics {
    text-align: center;
}

.statistic_item {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}


/**** Attachments ****/

.attachment_url input {
    width: 322px;
}


/**** Test Coverage ****/

.testcoverage {
    border: 1px solid black;
    background: #777777;
    width: 100px;
}


/**** Risks ****/

#importrisks {
    height: 300px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

html>body #importrisks {
    height: auto;
    min-height: 300px;
}

#importrisks h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

#importriskscontent {
    padding-left: 5px;
    padding-right: 5px;
}

.risk_owner select {
    width: 250px;
}


/**** Requirements ****/

#importrequirements {
    height: 300px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

html>body #importrequirements {
    height: auto;
    min-height: 300px;
}

#importrequirements h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

#importrequirementscontent {
    padding-left: 5px;
    padding-right: 5px;
}

.requirement_category_dd select {
    width: 250px;
}

.requirement_reference_sel select {
    width: 150px;
}

.requirement_category_sel select {
    width: 150px;
}

.requirement_description_sel select {
    width: 150px;
}

.requirement_priority_sel select {
    width: 150px;
}

.requirement_lifecycle select {
    width: 200px;
}


/**** TestCases ****/

#importtestcases {
    height: 300px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-top: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
}

html>body #importtestcases {
    height: auto;
    min-height: 300px;
}

#importtestcases h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

#importtestcasescontent {
    padding-left: 5px;
    padding-right: 5px;
}

#edittestcase {
    margin-left: 50%;
    position: relative;
    left: -300px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 300px;
    width: 600px;
    border: 1px solid #BBBBBB;
}

html>body #edittestcase {
    height: auto;
    min-height: 300px;
}

#edittestcase h1 {
    margin-top: 0px;
    padding-left: 5px;
    padding-bottom: 2px;
    display: block;
    font-size: 0.9em;
    background: #BBBBBB;
}

#edittestcasecontent {
    padding-left: 5px;
    padding-right: 5px;
}

.testcase_title input {
    width: 300px;
}

.testcase_lifecycle select {
    width: 200px;
}


/**** Test-runs ****/

.testrun_status input {
    width: 100px;
}


/**** Test-case results ****/

.testcaseresult_title input {
    width: 300px;
}

.testcaseresult_status select {
    width: 100px;
}


/**** Test Step Result ****/

.teststepresult_status select {
    width: 100px;
}


/**** Traceability matrix ****/

.traceability_matrix {
    padding: 10px;
}

.traceability_matrix table {}

.traceability_matrix table td {
    background: #DDDDDD;
    text-align: center;
}

.traceability_matrix th {
    background: #BBBBBB;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.traceability_matrix .noborder {
    background: none;
    border: none;
}

.traceability_matrix .sameobj {
    background: #555555;
}

.traceability_matrix .highlight {
    background: #FFBBBB;
}

.traceability_matrix .thhighlight {
    background: #FF9999;
}

.vertical_heading {
    vertical-align: top;
    text-align: center;
}

.vertical_heading a {
    text-decoration: none;
}

.traceability_matrix_hbuttons {
    padding-left: 1.5em;
    background: #BBBBBB;
}

.traceability_matrix_vbuttons {
    text-align: center;
    background: #BBBBBB;
    float: left;
}

.traceability_matrix_actions {
    background: white;
}


/**** ACL ****/

.acl_fieldset {
    position: relative;
    border: solid 1px black;
}

.acl_fieldset label {
    width: 400px;
}

.no_fieldset_top-right {
    position: absolute;
    width: 15px;
    height: 15px;
    background-image: url(../images/top-right-corner.gif);
    background-repeat: no-repeat;
}

.no_fieldset_bottom-left {
    position: absolute;
    width: 14px;
    height: 15px;
    background-image: url(../images/bottom-left-corner.gif);
    background-repeat: no-repeat;
}

.no_fieldset_bottom-right {
    position: absolute;
    width: 13px;
    height: 14px;
    background-image: url(../images/bottom-right-corner.gif);
    background-repeat: no-repeat;
}


/**** Notifications ****/

.notification_fieldset label {
    width: 400px;
}


/**** Action ****/

.action_owner select {
    width: 250px;
}

.action_status select {
    width: 150px;
}


/**** Change request ****/

.changerequest_origin input {
    width: 300px;
}

.changerequest_owner select {
    width: 200px;
}

.changerequest_status select {
    width: 100px;
}


/**** Issues ****/

.issue_impact select {
    width: 100px;
}

.issue_origin input {
    width: 300px;
}

.issue_owner select {
    width: 200px;
}

.issue_status select {
    width: 100px;
}


/**** Defects ****/

.defect_module_dd select {
    width: 200px;
}

.defect_impact select {
    width: 150px;
}

.defect_origin input {
    width: 300px;
}

.defect_owner select {
    width: 200px;
}

.defect_status select {
    width: 100px;
}

.defect_lifecycle select {
    width: 200px;
}


/**** Task ****/

#allocated_users {
    width: 400px;
    height: 7em;
}

#allocated_groups {
    width: 400px;
    height: 7em;
}


/**** Report template ****/

.reporttemplate_status select {
    width: 100px;
}


/**** Report parameter ****/

.reportparameter_type select {
    width: 100px;
}


/**** Lifecycle ****/

.lifecycle_status select {
    width: 100px;
}

.lifecycle_default_state select {
    width: 100px;
}


/**** Lifecycle transition ****/

.lifecycletransition_from_state select {
    width: 200px;
}

.lifecycletransition_to_state select {
    width: 200px;
}


/**** Transition matrix ****/

.transition_matrix td {
    background: #DDDDDD;
    text-align: center;
}

.transition_matrix th {
    background: #BBBBBB;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.transition_matrix th.horizontal_heading {
    text-align: left;
}

.transition_matrix td.self {
    background: #555555;
}


/**** Request transition ****/

.request_transition_transition select {
    width: 200px;
}

.request_transition_owner select {
    width: 200px;
}


/**** Report ****/

#report {}

.report_section {}

#report h1 {
    background: none;
    color: black;
    font-size: 1.5em;
}


/**** Calendar control ****/

.dateselectorcontrol {
    width: 19em;
    text-align: center;
}

.dateselectorcontrol table {
    margin-bottom: 5px;
    border-collapse: collapse;
}

.dateselectorcontrol input {
    float: none;
    border-left: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    padding: 0px;
}

.dateselectorcontrol tr {
    background: #BBBBBB;
}

.othermonth input {
    color: #777777;
}

.selected_date input {
    background: #FF5555;
}

.today input {
    border: 1px solid red;
}


/**** License selector ****/

.license_selector table {
    background: #dec9c9;
    border-collapse: collapse;
}

.license_selector input {
    float: none;
}

.license_selector th {}

.license_selector td {}

.license_selector th.firstcolumn {
    text-align: right;
    border: none;
}

.license_selector td.firstcolumn {
    text-align: right;
    border: none;
}


/**** Feature ****/

.feature_owner select {
    width: 250px;
}

.feature_status select {
    width: 150px;
}


/**** TabbedControl ****/

.tabbed_control_menu {
    margin-left: 8px;
}

.tabbed_control_menu ul li a {
    text-decoration: none;
    color: black;
}

.tabbed_control_menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline;
}

html>body .tabbed_control_menu ul {
    border-bottom: 1px solid black;
}

.tabbed_control_menu ul li {
    margin-left: 5px;
    list-style: none;
    display: inline;
}

.tabbed_control_menu select {
    z-index: 10;
}

.unselected_tab {
    background: #dec9c9 url(../images/black_pixel.gif) top repeat-x;
}

.selected_tab {
    background: white url(../images/black_pixel.gif) top repeat-x;
    font-size: 1.1em;
    border-bottom: 1px solid white;
}

.tab-right {
    background: transparent url(../images/tab-top-right-corner.gif) top right no-repeat;
    padding-left: 5px;
    padding-right: 5px;
}

.tab-left {
    background: transparent url(../images/tab-top-left-corner.gif) top left no-repeat;
}

.tabbed_control_content-left {
    background: url(../images/black_pixel.gif) left repeat-y;
}

.tabbed_control_content-right {
    background: url(../images/black_pixel.gif) right repeat-y;
}

.tabbed_control_content {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    height: 200px;
}

html>body .tabbed_control_content {
    height: auto;
    min-height: 175px;
}

.tabbed_control_top {
    height: 15px;
    background: url(../images/black_pixel.gif) top repeat-x;
}

.tabbed_control_top-left {
    background: transparent url(../images/top-left-corner.gif) top left no-repeat;
}

.tabbed_control_top-right {
    height: 15px;
    background: transparent url(../images/top-right-corner.gif) top right no-repeat;
}

.tabbed_control_bottom {
    background: url(../images/black_pixel.gif) bottom repeat-x;
}

.tabbed_control_bottom-left {
    height: 15px;
    background: transparent url(../images/bottom-left-corner.gif) bottom left no-repeat;
}

.tabbed_control_bottom-right {
    height: 15px;
    background: transparent url(../images/bottom-right-corner.gif) bottom right no-repeat;
}

.section_header {
    position: relative;
    top: 1px;
    width: 200px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid white;
    margin-top: 10px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.section_content {
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    padding: 10px;
}

.tabbed_link a {
    text-decoration: none;
    color: black;
}

.tabbed_control_menu form {
    display: inline;
    vertical-align: top;
    margin-left: 5px;
}

.tabbed_dropdown {
    display: inline;
    position: relative;
}

.tabbed_dropdown li {
    background: white url(../images/black_pixel.gif) top repeat-x;
}

.tabbed_dropdown li ul {
    display: block;
    width: 12em;
    border: solid 1px black;
    position: absolute;
    top: -999px;
    left: -999px;
    background: white;
}

.tabbed_dropdown li:hover ul {
    top: 1.2em;
    left: 5px;
    z-index: 10;
}

.tabbed_dropdown li.sfhover ul {
    left: 5px;
    top: 1.3em;
    z-index: 10;
}

.tabbed_dropdown li ul li {
    display: block;
    border: none;
    background: white;
}

.remove_tab_button {
   display: none;
   width: 10px;
   height: 10px;
   position: absolute;
}

/**** Import ****/

#importerrors th {
    text-align: left;
    background: #BBBBBB;
}

#importerrors td {
    text-align: left;
    background: #DDDDDD;
}

#importtable th {
    text-align: left;
    background: #BBBBBB;
}

#importtable td {
    text-align: left;
    background: #DDDDDD;
}


/**** Footer ****/

#footerseperator {
    height: 24px;
    background: #801517;
    margin-bottom: 12px;
}

#footercontact {
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    font-size: 0.8em;
}

#footercontact h2 {
    font-size: 1.1em;
    margin-top: 0px;
    margin-bottom: 0px;
}

#footercontact p {
    margin-top: 0px;
}

#footer {
    padding-right: 20px;
    text-align: right;
    font-weight: bold;
    font-size: 0.9em;
}

#footer a {
    text-decoration: none;
    color: black;
}

#footer a:hover {
    color: blue;
}

#wai {
    color: #8A0000;
}


/***************/


/* Date picker */


/***************/

#datepicker {
    visibility: visible;
    position: absolute;
    left: 850px;
    top: 420px;
    display: block;
    z-index: 10000;
}

#datepicker table {
    background: initial;
    border-collapse: initial;
    border-spacing: 0px;
    /* width:initial; */
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}

#datepicker tr {
    /*background:#FFFFFF;*/
}

#datepicker tr:hover {
    background: inital;
}

#datepicker tr.even {
    background: initial;
}

#datepicker tr.even:hover {
    background: intial;
}

#datepicker td {
    vertical-align: initial;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: inherit;
    background: #ffffff;
}

#datepicker>table>tbody>tr>td {
    padding: 0px;
}

#datepicker th {
    padding-left: initial;
    padding-right: initial;
    padding-top: initial;
    padding-bottom: initial;
    background: initial;
    color: initial;
    /*   background-image:url(/images/normal/table_header.png);
   background-repeat:repeat-x;
   background-position:center;
	background-size:100% 100%;*/
    border-right: initial;
    vertical-align: initial;
    font-weight: initial;
    text-align: initial;
    position: initial;
    z-index: initial;
}

#datepicker th:hover {
    background: #4c4c4c;
    border-right: initial;
}

#datepicker th.sortfield {
    background: #4c4c4c;
    /*background-image:url(/images/normal/table_header_sorted.png);
   background-repeat:repeat-x;
   background-position:center;
	background-size:100% 100%;*/
    border-right: initial;
}

#datepicker th a {
    color: white;
    text-decoration: none;
    font-weight: 100;
}

#datepicker img {
    border: none;
    margin-right: 3px;
}


/* the div that holds the date picker calendar */

.dpDiv {}


/* the table (within the div) that holds the date picker calendar */

.dpTable {
    font-family: OpenSans, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    padding: 7px;
    width: 300px;
    height: 300px;
    /* border: 1px solid #3b679e; */
    /* box-shadow: 0px 0px 10px #d6d6d6; */
}

.dpTableHeader {
    height: 70px;
    background: #00a470 !important;
}

.dpTableOuter {
    box-shadow: 0px 0px 10px #d6d6d6 !important;
    width: 300px !important;
    height: 370px !important;
    border-spacing: 0px !important;
    padding-left: 0px;
}


/* a table row that holds date numbers (either blank or 1-31) */

.dpTR:hover {}


/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {}


/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {}


/* a table cell that holds a date number (either blank or 1-31) */

.dpTD:hover {}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {
    /* border: 1px solid green; */
    color: white;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {
    background-color: #00a470 !important;
    /* border: 1px solid #e6e6e6; */
    cursor: pointer;
    color: white;
}


/* the table cell that holds the name of the month and the year */

.dpTitleTD {
    background: #00a470 !important;
}


/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {
    background: #00a470 !important;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {
    /* background-color: #6D99C0;
    border: 1px solid #6D99C0; */
    color: #bcbcbc;
}


/* additional style information for the text that indicates the month and year */

.dpTitleText {
    font-size: 15px;
    color: #505050;
    font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight {
    color: #00a470;
    font-weight: bold;
}


/* the forward/backward buttons at the top */

.dpButton {
    font-family: OpenSans, Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #505050;
    /* background: #e6e6e6; */
    font-weight: bold;
    /* padding: 5px 0px 0px 0px; */
    /* height: 20px; */
    border: none;
    cursor: pointer;
    color: white;
}


/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {
    font-family: OpenSans, Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #505050;
    margin-left: 5px;
    /* border: 1px solid #97B4CE; */
    /* background: #97B4CE; */
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    color: #00a470;
    display: inline;
    /*  font-weight: bold; */
}

/*/////////////////
// Drag and Drop //
/////////////////*/


.mouse_drag_active {
   position: fixed; /* It will make the element move around the screen even if its parent has overflow: hidden; */
   left: 0; /* It will position the element in the initial left position of the screen. */
   top: 0; /* It will position the element in the initial top position of the screen. */
   will-change: transform; /* Warns the browsers that something will change so the browser can make all needed optimizations to make it happen. */
   z-index: 1; /* It will move the active draggable item one level in the stacking order. */
}

.touch_drag_active {
   position: fixed; /* It will make the element move around the screen even if its parent has overflow: hidden; */
   left: 0; /* It will position the element in the initial left position of the screen. */
   top: 0; /* It will position the element in the initial top position of the screen. */
   will-change: transform; /* Warns the browsers that something will change so the browser can make all needed optimizations to make it happen. */
   z-index: 1; /* It will move the active draggable item one level in the stacking order. */
   pointer-events: none; /* This is used to make the elementFromPoint() function see what is behind the draggable-item while it is moving. */
}

.drop-pending {
   opacity: 0.4;
}

.drop-failed *:not(.retry-image){
   opacity: 0.8;
}

.retry-image {
   transform: translate(-50%,-50%); 
   position: absolute;
   width: 70px;
   height: auto;
   cursor: pointer;
   transition: all .01s ease-in-out;
   top: 50%;
   left: 50%;
}

.retry-image:hover {
   transform: scale(1.03) translate(-50%,-50%);
}

#drag-placeholder {
   border: 2px dashed #bbb;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border-color: #00A470;   
   background-color: #e5f5f0;   
   border-collapse: separate;
   border-spacing: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}
#drag-placeholder-tab {
   border: 2px dashed #bbb;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   border-color: #00A470;   
   background-color: #e5f5f0;   
   border-collapse: separate;
   border-spacing: 0px;
   opacity: 0;
}

#drag-placeholder-tab.drop-notallowed {
   border-color: #FF0000;   
   background-color: #f0e7e7;   
}

#drag-placeholder.drop-notallowed {
   border-color: #FF0000;   
   background-color: #f0e7e7;   
}

.animatable {
   /*transition: transform linear 100ms, opacity linear 100ms;*/
   -webkit-transition: 150ms ease;
   -moz-transition: 150ms ease;
   -o-transition: 150ms ease;
   transition: 150ms ease;
}

.animatable-target {
   -webkit-transition: opacity 200ms;
   -moz-transition: opacity 200ms;
   -o-transition: opacity 200ms;
   transition: opacity 200ms;
}


@media print {
    #navigator,
    #usermenu,
    #mainmenu,
    #footermenu {
        display: none;
    }
    #shiftedcontent {
        margin-left: 5px;
    }
    .displaylist img {
        display: none;
    }
    .viewdetails {
        border: none;
    }
    .viewdetails h1 {
        font-size: 1.5em;
    }
    .viewdetailsbuttons {
        display: none;
    }
    .tabbed_control_menu {
        display: none;
    }
    #siteutils {
        display: none;
    }
}