/*
 * This code was developed by IDnomic, trade name of the company KEYNECTIS
 * (http://www.idnomic.com/).
 * 
 * Copyright © 2000-2017 Keynectis
 * 
 * Please refer to your license agreement for any question related to the use of
 * this software package.
 */

/*

Project: OpenTrust Core
Author: $Author$
Date: $Date$
Id: $Id$
Revision: $Revision

This is OpenTrust Core CSS, applied to all OT products (PKI, SCM, SPI,
CNS, etc.)  Some of its classes should be overloaded by products, so
that the following elements are customized per product:
- logos
- left menu colors
- header bar background image

To find in this file the classes that should be overloaded, just look
for the keyword OT_CONFIGURABLE

Notes:
- the page layout is not configurable; its structure (menu position,
  etc.) cannot be customized per product
- the following javascript files are required by pages:
  - opentrust.js : handles the top drop-down menu and tabs
  - minmax.js (external lib) : only required by IE so that the page
    min length is correctly handled

*/

/* Base elements */


body {
    margin: 0px;
    font: 15px "Lucida Grande", Arial, Verdana, Geneva, Geneva, sans-serif;
    color: #535353;
    background-color: #ffffff;
    min-width: 1000px;
}

a {
    color: #0767aa;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #df7332;
}

h1 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px;
    border-bottom: 1px solid #d1d8d8;
    font-weight: bold;
}

h4 {
    color: #ffb700;
}

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

pre {
    border: 0px;
    padding: 0px;
    font-size: 110%;
    background-color: transparent;
}

/* Content */

#content {
    background: url(/otc/images/shadow_main.png) repeat-x;
}

/* Reminder: "main" is the "content" area without the left "menu" */
#main, #main-login {
    padding-right: 0;
    padding-bottom: 0;
}

#main {
    padding-left: 10px;
    margin-left: 240px;
}

#main-login {
    position: absolute;
    width: 100%;
}

div.content {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 30px;
    font-size: 11px;
}

.hidden {
    display: none;
}

/* Header, Header logos */
#header {
    background-color: #007BAB;
    padding: 14px 70px;
}


/* The customer logo (top left), by default "OpenTrust", whose height is 32px */
span.customerLogo {
    float: left;
}

/* The product logo (top right) whose height is 32px */
span.productLogo {
    float: right;
}

.clear {
    clear: both;
}

/* Sub header: the top horizontal line containing the drop-down menu
   and the logged in user id. Its backgroud is an image whose background
   color must be coherent with the top menu background */
#subheader {
    margin-top: 1px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2px;
    background-color: #006085;
    padding-top: 1px;
    padding-bottom: 2px;
    height: 23px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-weight: bold;
}

#subheader select {
    float: left;
}

#subheader a:hover {
    /* OT_CONFIGURABLE color : subheader text (drop-down menu title +
       logged in user id) with mouse over */
    color: #ffbd00;
}

/* Top Menu (top-left drop-down menu). The drop-down background is an
   image whose color must be coherent with the subheader color */

#topmenu {
    position: absolute;
    float: left;
    margin-left: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

.topmenu_empty {
    margin-top: 2px;
    padding: 3px;
    font-weight: bold;
}


.tundra #topmenu .dijitButtonNode {
    background: transparent;
    border: 0px;
}

#dropDownTopMenu {
    background: transparent;
    border: 0px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}


#dropDownTopMenu:hover {
    cursor: pointer;
}

#dropDownTopMenu .dijitArrowButtonInner {
    display: none;
}

#topmenu2 .topMenuIcon {
    height: 0px;
    width: 5px;
}

#topmenu2 .dijitMenuItem td {
    padding: 4px;
}

#topmenu2 .dijitMenuItem {
    background-color: #e1e1e1;
    font-size: 11px;
    color: #5a5a5a;
    margin: 0pt;
    font-weight: bold;
}

#topmenu2 .dijitMenuItemHover {
    background-color: #f5f5f5;
    color: #3a3a3a;

}

/* Identification: the text of the logged in user id */
div.identification,
div.identification_nocert {
    font-size: 9px;
    color: #ffffff;
    float: right;
    opacity: 1;
    margin-right: 10px;
    font-weight: bold;
}


div.identification_nocert {
    padding: 3px;
    margin-top: 3px;
}


div.sslclientidentity {
    float: left;
}

/* The left Menu */

#menu {
    padding-top: 0px;
    width: 240px;
    float: left;
    padding-bottom: 0px;
    color: #666;
    font-size: 11px;
    font-weight: normal;
}

.submenu {
    margin-left: 0px;
    width: 198px;
    height: 100%;
    padding-bottom: 0;
    margin-bottom: 0px;
}

.menucontent {
    text-align: left;
    margin: 0px;
    padding: 0px;
}

.menucontent ul {
    padding: 0px;
    margin: 0px;
}

.menucontent li {
    margin: 0px;
    background: #f5f5f5 url(/otc/images/triangle_grey.gif) no-repeat 15px;
    list-style-image: none;
    padding: 15px 15px;
    padding-left: 30px;
    list-style-type: none;
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}

.menucontent li:hover, .menucontent li.selected {
    list-style-image: none;
    background: #cacaca url(/otc/images/triangle_grey.gif) no-repeat 15px;
}

.menucontent a {
    text-decoration: none;
    color: #535353;
}

.menucontent a:hover {
    color: #535353;
}

.menucontent ul .activ {
    margin: 0px;
    color: white;
    padding: 0px;
    list-style: none;
}

.menuTitle, #activeMenuTitle {
    font-size: 12px;
    color: white;
    /* OT_CONFIGURABLE background-color : unselected menu title */
    background-color: #858585;
    padding: 15px 15px;
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}

.menuTitle:hover, #activeMenuTitle {
    /* OT_CONFIGURABLE background-color : selected menu title */
    background-color: #858585;
}

.menuTitle li:hover {
    background-image: url(/otc/images/triangle_white.gif);
}

.menuTitle li.displayed:hover {
    background-image: url(/otc/images/triangle_white_down.gif);
}

.menuTitle ul, #activeMenuTitle ul {
    margin: 0px;
    padding: 0px;
}

.menuTitle li, #activeMenuTitle li {
    font-weight: bold;
    background: url(/otc/images/triangle_white.gif) no-repeat 1px;
    padding-bottom: 2px;
    padding-top: 2px;
    list-style-image: none;
    list-style-type: none;
    padding-left: 14px;
}

.menuTitle li {
    background: url(/otc/images/triangle_white.gif) no-repeat 1px;
    text-decoration: none;
}

.menuTitle li.displayed {
    background: url(/otc/images/triangle_white_down.gif) no-repeat 1px;
}

#activeMenuTitle li.displayed {
    background: url(/otc/images/triangle_white_down.gif) no-repeat 1px;
}

.menuTitle li a, #activeMenuTitle li a {
    color: #ffffff;
}

.menuTitle li a:hover, #activeMenuTitle li a:hover {
    /* OT_CONFIGURABLE color : menu title with mouse over it */
    color: #b4b4b4;
}

/* Messages */

div.infoMessage, div.successMessage, div.alertMessage, div.errorMessage {
    width: 580px;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #d1d8d8;
    padding: 22px 22px 22px 65px;
    margin: 10px 0px;
}

div.infoMessage {
    background: #f5f5f5 url(/otc/images/messages/medium/info.png) no-repeat 22px;
}

div.successMessage {
    background: #F5ECD2 url(/otc/images/messages/medium/success.png) no-repeat 5px;
}

div.alertMessage {
    background: #f5f5f5 url(/otc/images/messages/medium/alert.png) no-repeat 5px;
}

div.errorMessage {
    background: #f4afbd url(/otc/images/messages/medium/error.png) no-repeat 5px;
}

/* Table */

table.otc_table {
    margin-right: auto;
    background-color: #ffffff;
    /* 	border: 1px solid #b3c4ca; */
    border-collapse: collapse;
}

table.otc_table th {
    background-color: #727272;
    color: white;
    padding: 4px 7px;
    border: 1px solid #b3c4ca;
}


table.otc_table th button {
    color: #4B5759;
}


table.otc_table tr.note {
    font-weight: bold;
    font-style: italic;
}

div.content table tr:hover {
/* 	background-color: #d1dfee; */
}

td.otc_cell { /* this should be done with css child selector, but IE does not support it, grrrr.... */
    margin: 0;
    padding: 15px 15px;
    /* 	border-bottom: 0px solid #b3c4ca; */
    border: 1px solid #b3c4ca;
}

table.otc_table td p {
    font-weight: bold;
    margin: 2px 0px;
}

table.otc_table tr.even {
    background-color: #ceddea;
}

table.otc_table div.buttonDiv {
    margin: 10px 0px;
}

table.otc_table td.notice {
    margin: 10px;
    text-align: center;
    background: #F5ECD2;
}

table.otc_table th.group {
    border-top: 2px solid #697689;
    border-bottom: 1px solid #697689;
    color : #606060;
    max-height: 11px;
    margin: 0;
    padding: 0;
}

table.otc_table tr.clickable:hover {
    cursor: pointer;
}

table.otc_table th.group:hover {
    cursor: pointer;
}

table.otc_table th.odd {
    background-color: #F5F5F5;
}

table.otc_table th.even {
    background-color: #F5F5F5;
}

table.otc_table td.left, table.otc_table th.left {
    border-left: 2px solid #697689;
}
table.otc_table td.right, table.otc_table th.right {
    border-right: 2px solid #697689;
}
table.otc_table td.bottom {
    border-bottom: 2px solid #697689;
}

div.groupTitle {
    text-align: center;
    min-width: 200px;
    padding : 4px;
}

div.groupCheckBox {
}

tr.blank {
    color: white;
    background-color: white;
    border: 0px;
}

tr.multiple  {
    border-bottom: 20px solid white;
}

table.otc_table th.multiple {
    background-color: #FF8D42;
    border-bottom: 30px solid white;
    font-size: 20px;
    font-weight: bold;
}

.formcaption {
    background-color: #ffffff;
    font-weight: bold;
}

.forminput {

}

/* Footer */

#footer {
    clear: both;
    text-align: center;
    font-size: 10px;
    color: #a4aaa9;
    margin-top: 30px;
}

/* Tooltip */

.tooltip {
    margin: 10px 0px;
    border: 1px solid #d1d8d8;
    padding: 10px;
    width: 50%;
    background-color: #F5ECD2
}

.tooltip img {
    vertical-align: middle;
    padding-right: 5px;
}

/* Tab container */

.tab_container {
    margin-bottom: 5px;
}

.tab, .tab_selected {
    border: 1px solid #d1d8d8;
    /* OT_CONFIGURABLE background-color : unselected tab */
    /* Should be the same as a selected menu title (see .menuTitle) */
    background-color:#838383;
    padding: 5px;
    color: white;
}

.tab a {
    text-decoration: none;
    color: white;
}

.tab a:hover {
    cursor: pointer;
}

.tab_selected {
    font-weight: bold;
    background-color: #e4ebf7;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #d1d8d8;
    border-bottom-width: 1px;
    border-bottom-color: #e4ebf7;
}

.tab_selected a {
    text-decoration: none;
    color: #4b5759;
}

.tab_content {
    border: 1px solid #d1d8d8;
    padding: 10px;
    background-color: #e4ebf7;
    width: 600px;
}

/* Forms */

form {
    display: inline;
}

select {
    vertical-align: middle;
}

input, textarea {
    font-size: 12px;
    color: #404040;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

input[type=submit] {
    padding: 0 .5em;
    overflow: visible;
}

input.placeholder {
    color: #888888;
}


/* --------------------------------------------------------------
   "niceforms.js" syles
   --------------------------------------------------------------
*/

label {
    cursor: pointer;
    padding-left: 2px;
    line-height: 16px;
}

label.chosen {
    color: #333333;
}

/* Transparent items */
.outtaHere {
    position: absolute;
    left: -3000px;
}

/* Radio buttons */
.radioArea, .radioAreaChecked {
    display: block;
    float: left;
    clear: left;
    width: 15px;
    height: 14px;
    font-size: 0;
    cursor: pointer;
}

.radioArea {
    background: url(/images/forms/radio.gif) no-repeat left top;
}

.radioAreaChecked {
    background: url(/images/forms/radio.gif) no-repeat left bottom;
}

/* Checkboxes */
.checkboxArea, .checkboxAreaChecked {
    display: block;
    float: left;
    clear: left;
    width: 13px;
    height: 13px;
    font-size: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.checkboxArea {
    background: url(/images/forms/checkbox.gif) no-repeat left top;
}

.checkboxAreaChecked {
    background: url(/images/forms/checkbox.gif) no-repeat left bottom;
}

.focused {
    border: 1px dotted #ddd;
}

/* Text inputs */
.textinput, .textinputHovered {
    height: 15px;
    background: url(/images/forms/input_bg.gif) repeat-x left top;
    border: none;
    padding: 4px 0;
    vertical-align: middle;
}

.textinputHovered {
    background-position: left bottom;
}

.inputCorner {
    padding-bottom: 0;
    vertical-align: middle;
}

/* Text areas */
.txtarea .tr, .txtarea .tr_xon {
    background: url(/images/forms/txtarea_tr.gif) no-repeat top right;
}

.txtarea .tr_xon {
    background: url(/images/forms/txtarea_tr_xon.gif) no-repeat top right;
}

.txtarea img.txt_corner {
    width: 5px;
    height: 5px;
    display: block;
}

.txtarea .br, .txtarea .br_xon {
    background: url(/images/forms/txtarea_br.gif) no-repeat top right;
}

.txtarea .br_xon {
    background: url(/images/forms/txtarea_br_xon.gif) no-repeat top right;
}

.txtarea .cntr {
    background: url(/images/forms/txtarea_cntr.gif) repeat-y right top;
}

.txtarea .cntr_xon {
    background: url(/images/forms/txtarea_cntr_xon.gif) repeat-y right top;
}

.txtarea .cntr_l, .txtarea .cntr_l_xon {
    width: 5px;
    background: url(/images/forms/txtarea_l.gif) repeat-y left top;
    float: left;
}

.txtarea .cntr_l_xon {
    background: url(/images/forms/txtarea_l_xon.gif) repeat-y left top;
}

.txtarea textarea {
    border: 0;
    background: none;
    padding: 0;
    margin: 5px;
}

/* Selects */

.selectArea {
    width: 200px;
    height: 21px;
    background: url(/images/forms/select_bg.gif) repeat-x left top;
}

.selectArea .left {
    width: 8px;
    height: 21px;
    float: left;
    background: url(/images/forms/select_left.gif) no-repeat left top;
}

.selectArea .right {
    width: 21px;
    height: 21px;
    float: right;
    background: url(/images/forms/select_right.gif) no-repeat left top;
}

.selectArea .right a {
    display: block;
    width: 200px;
    height: 21px;
    margin-left: -179px;
    position: absolute;
}

.selectArea .right i {
    display: none;
}

.selectArea .center {
    width: 160px;
    color: #FFF;
    padding-top: 3px;
    overflow: hidden;
    white-space: nowrap;
}

/* Selects drop-down */

.optionsDivInvisible, .optionsDivVisible {
    position: absolute;
    margin-top: -1px;
    margin-left: 3px;
    width: 172px;
    background: #9FB1CE;
    padding: 2px;
    font-size: 11px;
    z-index: 20;
}

.optionsDivInvisible {
    display: none;
}

.optionsDivVisible {
    display: block;
}

.optionsDivVisible p {
    margin: 0;
    padding: 0;
}

.optionsDivVisible a {
    color: #F2F2F2;
    text-decoration: none;
    display: block;
    padding: 1px 4px;
    border: 0px solid #FFF;
}
.optionsDivVisible a:hover {
    color: #FFF;
    background: #5F6062;
    border-color: #9FB1CE;
}

/* Button */

.buttonSubmit, .buttonSubmitHovered {
    width: auto;
    height :26px;
    color: #ffffff;
    font-weight: bold;
    padding: 0px;
    background: url(/images/forms/button_bg.gif) repeat-x left top;
    cursor: pointer;
    border: none;
}

.buttonSubmitHovered {
    background-position: left bottom;
}

.buttonImg {
    vertical-align: bottom;
}

/* Action bar */

div.content table.cAction {
    width: 620px;
    border: 1px solid #8ea5be;
    padding: 0px;
    margin-bottom: 6px;
}

div.content table.cAction tr td {
    color: #304964;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;

}

div.content table.cAction tr:hover {
    background-color: transparent;
}

a.nav_current {
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

/* Login */

.login {
    margin-right: auto;
    margin-left: auto;
    width: 403px;
    margin-top: 50px;
    padding-top: 0px;
    text-align: center;
    height: 250px;
    background: url(/otc/images/login.png) no-repeat;
}

.modal {
    width: 403px;
    margin: 10px 0px;
    text-align: center;
    height: 207px;
    background: url(/otc/images/login.png) no-repeat;
}

.login h1, .modal h1 {
    color: white;
    font-size: 14px;
    padding: 8px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 35px;
}

.login p, .modal p {
    margin-left: 15px;
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.login a, .modal a {
    font-size: 10px;
    text-decoration: none;
    text-align: left;
}

.password {
    font-family: monospace;
    font-size: 200%;
}

/* Logs */

table.otc_table tr.log_type_alertrecord {
    background-color: #FFBDBE;
}

table.otc_table tr.log_type_auditrecord {
}

table.otc_table tr.log_outcome_failure {
    background-color: #FFBDBE;
}

.log_outcome_success {
}


/* Throbber */

#throbber {
    background: #F5ECD2;
    height: 23px;
    position: absolute;
    z-index: 1;
    border: 1px solid #D1D8D8;
    font-weight: bold;
    font-family: Verdana, Geneva, Arial;
    font-size: 11px;
    padding: 2px;
    padding-right: 10px;
    height: 24px;
    display: none;
    right: 10px;
    top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

span[id=throbber] {
    position: fixed !important;
    top: 0pt !important;
    right: 0pt !important;
}

#throbber-img{
    vertical-align: middle;
    margin: 5px;
}

/* result table */

.resultTable a {
    text-decoration: none;
}

/* Errors */

.formerror {
    background-color: #F4AFBD;
}

/* Need to override background-image in tabs */
.dijitTab.formerror {
    background: #F4AFBD;
}

/* Dojo */

.tundra .dijitMenuItem {
    font-size: 11px;
}

.dijitContentPane, .dijitTitlePaneContentInner {
    background-color: #F5F5F5;
}

.nomatch {
    margin: 10px;
    display: block;
    font-size: 14px;
}

/* Peer Certificate Dialog */
.tundra .identification .dijitArrowButtonInner {
    display: none;
}

.tundra .identification .dijitButtonNode,
.tundra .identification .dijitDropDownButtonHover .dijitButtonNode,
.tundra .identification .dijitDropDownButtonActive .dijitButtonNode,
#CertDialogcertDialog_label {
    background: transparent;
    border: 0px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
}

#certDialogTable {
    font-size: 11px;
}

#certDialogTable td {
    padding: 1px 10px 1px 0px;
}

/* CSS for otc.VersionDialog widget */
.otcVersionDialog {
    width: 320px;
}

.otcVersionDialog .dijitDialogPaneContent {
    background-color: #F5F5F5;
    padding: 40px;
    text-align: center;
}

.otcVersionDialog .versionMessages {
    font-weight: bold;
    padding: 10px;
}

.otcVersionDialog .appVersionMessage {
    font-size: 12px;
}

.otcVersionDialog .otcVersionMessage {
    font-size: 10px;
    margin-top: 10px;
}

.otcVersionDialog .showLicenses {
    padding-top: 20px;
}

.otcVersionDialog .showLicenses a {
}

/* Service Restarter dialog */
#dialogServiceRestarter .dijitDialogTitleBar {
    background-image:url(/images/product_bg.png);
}

#dialogServiceRestarter .dijitDialogTitle {
    color: #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 3px;
    opacity: 1;
    padding: 3px;
    outline: 0;
}

#dialogServiceRestarter .dijitDialogPaneContent {
    background-color: #F5F5F5;
}

#dialogServiceRestarter .dijitDialogPaneContent {
    background-color: #F5F5F5;
}

#dialogSRImg {
    text-align: center;
}

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

#dialogSRMsg {
    text-align: center;
}

/* AjaxSearch */

.resultsBrowsingPages {
    text-align: center;
    word-spacing: 5px;
}

.resultsBrowsingCurrentPage {
    color: #ff8500;
}



.otcFormErrorDialog,
.otcFormSuccessDialog,
.otcFormConfirmDialog,
.otcFormWarningDialog
{
    max-width: 400px;
    min-width: 300px;
}

.otcThrobberDialog {
    max-width: 400px;
}


.otcFormErrorDialogMsg,
.otcFormSuccessDialogMsg,
.otcFormConfirmDialogMsg,
.otcFormWarningDialogMsg,
.otcThrobberDialogMsg
{
    font-weight: bold;
    font-size: 12px;
    padding: 15px 15px 15px 45px;
    background: white url(/otc/images/messages/medium/error.png) no-repeat 5px 50%;
    margin-top: 10px;
}

.otcFormErrorDialogMsg {
    background: white url(/otc/images/messages/medium/error.png) no-repeat 5px 50%;
}

.otcFormSuccessDialogMsg {
    margin-top:0px;
    background: white url(/otc/images/messages/medium/success.png) no-repeat 5px 30%;
}

.otcFormConfirmDialogMsg {
    background: white url(/otc/images/messages/medium/info.png) no-repeat 5px 30%;
}

.otcFormWarningDialogMsg {
    background: white url(/otc/images/messages/medium/alert.png) no-repeat 5px 50%;
}

.otcThrobberDialogMsg {
    background: white url(/images/medium/app.png) no-repeat 5px 30%;
    padding: 10px 10px 15px 45px;
    font-weight: normal;
}

.otcFormErrorDialogDetail,
.otcFormSuccessDialogDetail,
.otcFormConfirmDialogDetail,
.otcFormWarningDialogDetail {
    font-weight: normal;
    font-size: 11px;
    margin-top: 5px;
}

.otcFormErrorDialogDetail ul,
.otcFormSuccessDialogDetail ul,
.otcFormConfirmDialogDetail ul,
.otcFormWarningDialogDetail ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

.otcFormErrorDialogButtons,
.otcFormSuccessDialogButtons,
.otcFormWarningDialogButtons {
    text-align: right;
    padding-top: 10px;
}

.otcFormErrorDialogButtons input,
.otcFormSuccessDialogButtons input,
.otcFormWarningDialogButtons input {
    padding: 2px 20px;
}

.otcFormConfirmDialogButtons {
    max-width: 400px;
    width: 400px;
    padding-bottom: 18px;
    height: 10px;
    text-align: right;
}

.otcFormConfirmDialogAcceptButton {
    padding: 2px 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.otcFormConfirmDialogCancelButton {
    padding: 2px 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tundra .dijitDialogTitleBar {
    background-image: ;
}

.tundra .dijitDialogTitle {
    font-size: 12px;
}

/***** ergo WIP *****/

.create_link {
    font-weight: bold;
    float: left;
    margin: 40px 0 20px 20px;
}

#profile_list_loading {
    display: block;
    padding-top: 50px;
}
.create_link button, .create_link_no_profile button {
    border: 0 none;
    margin: 0;
    text-align: left;
}

.create_link_no_profile {
    margin-bottom: 20px;
    padding-top: 10px;
    font-weight: bold;
    position: relative;
    left: 0;
}


.back_to_list {
    margin-bottom: 10px;
}

/*** Profile list CSS classes mainly used in view.inc:profile_list() ***/

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

.profile_list_container{
    float: left;
}
.profile_list_container > table {
    min-width: 550px;
}


.profile_list {
    padding: 0px;
    border-collapse: collapse;
    color: #4B5759;
    width: 500px;
}

.profile_list_group_title th {
    padding-top: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px dotted gray;
    color: #4B5759;
}

.profile_list_item {
    background-color: #e4ebf7;
}

.profile_list_item td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
}

.profile_list_item td a {
    text-decoration: none;
}

tr.profile_list_item:hover {
    background-color: #ceddea;
}
tr.profile_list_item {
    background-color: #e4ebf7;
}
.profile_list td {
    vertical-align: bottom;
    border-bottom: 1px dotted gray;
    border-top: 1px dotted gray;
}

.profile_name {
    font-size: 13px;
    display: block;
    font-weight: bolder;
    text-decoration: none;
    padding-bottom: 4px;
}

.profile_details {
    font-size:10px;
}

.profile_action {
    text-align: right;
    border-top: 1px dotted gray;
}

.profile_action span a {
    text-decoration: none;
}


.profile_enable_link{
    /*	float:right;*/
    padding-right:5px;
    vertical-align:bottom;
}

.profile_enable_link a{
    font-weight: normal;
    font-size: 9px;
    padding-top: 1px;
}

.invisible{
    visibility: hidden;
}

.visible{
    visibility: visible;
}

td.profile_action {
    text-align: right;
    vertical-align: bottom;
    padding-left: 5px;
    padding-bottom: 4px;
}

.awesome, .awesome:visited {
    background: #222 url(/otc/images/button-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

.profile_disabled {
    color:#9F9F9F;
}

.awesome:hover {
    background-color: #111;
    color: #fff;
}

.awesome:active {
    top: 1px;
}

.small.awesome, .small.awesome:visited {
    font-size: 11px;
}

.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.awesome, .large.awesome:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}

.green.awesome, .green.awesome:visited {
    background-color: #91bd09;
}
.green.awesome:hover {
    background-color: #749a02;
}

.blue.awesome, .blue.awesome:visited {
    background-color: #25669C;
}
.blue.awesome:hover {
    background-color: #274D8B;
}

.red.awesome, .red.awesome:visited {
    background-color: #e33100;
}

.red.awesome:hover {
    background-color: #872300;
}

.magenta.awesome, .magenta.awesome:visited {
    background-color: #a9014b;
}

.magenta.awesome:hover {
    background-color: #630030;
}

.orange.awesome, .orange.awesome:visited {
    background-color: #ff5c00;
}

.orange.awesome:hover {
    background-color: #d45500;
}

.yellow.awesome, .yellow.awesome:visited {
    background-color: #ffb515;
}

.yellow.awesome:hover {
    background-color: #fc9200;
}

.gray.awesome, .gray.awesome:visited {
    background-color:#4B5759;
}

.gray.awesome:hover {
    background-color:#4B5759;
}


/*
 * Error Handling
 */
.otcError {
    border: 2px solid red !important;
}


.dijitDialogPaneContent .otc_table,
.dijitTooltipContainer .otc_table {
    /* revert changes to content put in a dijit.Tooltip* or dijit.Dialog */
    font-size: 11px;
    color: #4B5759;
    /* avoid a huge white right margin */
    margin: 0;
}