/*
    General console styles and some specific pages
*/

/*
    General
*/
span.nobr {
    white-space: nowrap;
}

span.colTitle {
    cursor:default;
    color: #0000CC;
}

span.colTitle:hover {
  cursor:pointer;
  cursor:hand;  
  color: #000000;
  text-decoration: underline;
  background-color: #E7EFFC;
}

span.colTitleNoSort {
    cursor:default;
    color: #0000CC;
}

/*
iframe {
    border-width: 0px;
    width: 0px;
    height: 0px;
}
*/

/*
    round cornder rectangle styles
*/
.tbframe {
}

.tbframeTop {
    background: url("../images/roundcornerL.gif") no-repeat left top;
}

.tbframeTop div {
    margin: 0px;
    margin-left: 5px;
    background: url("../images/roundcornerR.gif") no-repeat right top;
}

/* In IE it would seem that when a div with layout is nested inside 
a div that is floated then that div will be made as thin as possible
in spite of any width assigned rather than expand to fill the available
or assigned width.
This is the reason for this additional nested div which gets the layout
(because of height). It doesn't matter if this div is thin because the 
background image is on its parent div.
See http://www.satzansatz.de/cssd/onhavinglayout.htm for background on 
IE has-layout */
.tbframeTop div div {
    margin: 0px;
    height: 5px;
    font-size: 1px;
    background: transparent;
}

.tbframeBottom {
    background: url("../images/roundcornerL.gif") no-repeat left -5px;
}

.tbframeBottom div {
    margin: 0px;
    margin-left: 5px;
    background: url("../images/roundcornerR.gif") no-repeat right -5px;
}

.tbframeBottom div div {
    margin: 0px;
    height: 5px;
    font-size: 1px;
    background: transparent;
}

.tbframeContent {
    padding: 0px 4px;
}

/*
    Toolbar Area
*/
.toolbar {
    padding-left: 0px;
    padding-bottom: 2px;
    overflow: hidden;
    width: 100%;
}

.toolbar li img {
    vertical-align: text-bottom;
    margin-right: 2px;
}

.toolbar-info {
    height: 100%;
    width: auto;
    float: right;
    color: #4A637B;
}

.toolbar-info .tbframe {
    background-color: #EEEEEE;
    margin-right: 6px;
    margin-top: 6px;
}

.toolbar-info .tbframeContent {
    /* The intent here is to contain the floats which usually uses
    width: 100% but in this case IE6 has a problem with that so
    height is used to give this container layout */
    overflow: hidden;
    height: 100%;
}

.toolbar-info #welcome {
    float: left;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

.toolbar-info #message {
    float: right;
    padding-left: 8px;
    padding-right: 4px;
    font-weight: normal;
}

.toolbar-info #tbitem {
    float: right;
}

.toolbar-info p {
    font-size: 1em;
    padding: 0;
    padding-bottom: 2px;
    margin: 0;
}

.toolbar-info #tbitem p {
    padding-left: 4px;
    margin-left: 4px;
    border-left: 1px dotted #4A637B;
}

.toolbar-menu {
    height: 100%;
    width: auto;
    float: left;
    color: #4A637B;
    text-align: left;
    font-weight: bold;
}

.toolbar-menu .tbframe {
    background-color: #E7EFFC;
    margin-top: 6px;
    margin-right: 6px;
}

.toolbar ul {
    list-style: none;
    padding: 0px 4px;
    margin: 0px;
    white-space: nowrap;
}

.toolbar li {
    display: inline;
    padding-left:5px;
    padding-right:5px;
    border-left: 1px dotted #4A637B;
}

.toolbar li.first {
    border-left: none;
}

.toolbar a, 
.toolbar a:active, 
.toolbar a:visited, 

.toolbar a:hover {
    color:#19355E; 
    background-color: #E7EFFC;
    text-decoration: underline;
    padding: 0px 2px;
}

.search-button {
    margin: 0px;
    margin-top: -2px;
    margin-bottom: -2px;
    padding: 0px 2px;
    border: 2px double #999;
    border-top-color: #ccc;
    border-left-color: #ccc;
    background: #2785E5 url(../images/buttons_bg.gif) no-repeat 0px 0px;
    color: #fff;
    cursor:pointer;
    cursor:hand;
    font-size: .8em;
    text-align: center;
    vertical-align: middle;
    overflow: visible; /* keeps IE from making buttons too wide */
}
.search-button:hover {
    background: #248CFC url(../images/buttons_bg.gif) no-repeat -300px 0px;
}

.toolbar-search {
    margin: 0px;
    font-size: .8em;
    padding: 0px;
    background-color: #E7EFFC;
    border: 1px solid #19355E;
}

/*
    Breadcrumb (AKA history) Definitions
*/

.breadcrumbs, .breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:visited {
    text-decoration: none;
    color: #666666;
    padding: 0px;
    font-size: .9em;
}

.breadcrumbs a:hover {
    text-decoration: underline;
    color: #666666;
    padding: 0px;
    font-size: .9em;
    background-color: #fcfcfc;
}

.breadcrumbs .bclast {
    font-weight: bold;
    color: #666666;
    padding: 0px;
    font-size: .9em;
}

/*
    Message area
*/
/* -- Used by Messages.jsp, MessagingBridgeFinal.jsp and others -- */
/* CR370096 - need a horizontal scrollbar, when necessary, in the messages box.
              Overriding hidden overflow from wlsc-window-content. adding
              non-standard x and y for IE6 to avoid unnecessary vertical scrollbar.*/
.messagesbox {
    background-color: #F6F6F6;
    overflow:auto;
    overflow-y:hidden;
    overflow-x:auto;
}

.messagesbox .messagestitle {
    color:#666666;
    font-weight: bold;
    font-size: 1em;
    text-align: left;
    padding-bottom:0px;
    margin: 0px;
    margin-bottom: 10px;
}

.messagesbox .message {
    margin-right: 10px;
    margin-left: 10px;
    padding: 4px;
}

.messagesbox .message img {
    vertical-align: middle;
}

.message_NORMAL {
    color: black;
}
.message_SUCCESS {
    color:green;
}
.message_WARNING {
    color:black;
}
.message_ERROR {
    color:#ad0e25;
}

/* special case used in change list */
.message_MIXCHANGES {
    color:#ad0e25;
    font-weight: bold;
}

/*
    Home page specific
*/
#HomePagePortlet .info-col {
    float: left;
    width: 33%;
}

#home-res1.info-col {
    float: left;
    width: 33%;
}

#home-res2.info-col {
    float: left;
    width: 66%;
}

#instructions.info-col {
    padding: 0px 0px 0px 10px;
    float: left;
    width: 66%;
}

#resources.info-col {
    padding: 0px;
    float: left;
    width: 33%;
}

#info.info-col {
    padding: 5px 0px 0px 10px;
    float: left;
    width: 100%;
}

#HomePagePortlet fieldset {
  margin-top: 10px;
}

#HomePagePortlet fieldset.first {
  margin-top: 0px;
}

#HomePagePortlet ul {
    background-color: #f9f9f9;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    margin: 0px 20px 0px 0px;
    padding-bottom: 0em;
    padding-left: 2px;
}

#HomePagePortlet li {
    padding: 2px 0px;
    margin-left: 16px;
    list-style-image: url("../images/bullet.gif");
}

#HomePagePortlet ul.sub {
    margin: 0px 20px 0px 0px;
    padding-bottom: 0px;
    padding-left: 22px;
    border-width: 0px;
}

#HomePagePortlet ul.sub li, #HomePagePortlet #home-res1.info-col li, #HomePagePortlet #home-res2.info-col li, #HomePagePortlet #instructions.info-col li, #HomePagePortlet #resources.info-col li {
    padding: 2px 0px;
    margin-left: 16px;
    list-style-image: url("../images/bullet2.gif");
}

#HomePagePortlet h3 {
    font-weight: bold;
    color:#999999;
    margin-bottom: 2px;
    margin-right: 20px;
    padding-left: 2px;
}

#HomePageSubPortlet ul {
    padding: 0px;
}

#HomePageSubPortlet li {
    padding: 2px 0px;
    margin-left: 16px;
    list-style-image: url("../images/bullet.gif");
}

/*
    Two column tuning/binding pages
*/
#tuning-nav-col {
    width: 30%;
}

#tuning-content-col {
    width: 70%;
}

/*
    Data Table Definitions
*/

.tabletitle {
    text-align: left;
    font-weight: bold;
    margin: 2px 7px;
}

.tableheader {
    text-align: left;
    font-weight: normal;
    margin: 10px 10px;
}

.tablectrl {
    background-color: #F6F6F6;
    padding: 4px 6px;
    border: 1px solid #CCCCCC;
}

.tablebuttonbar {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.tablecontrols {
    text-align: left;
    /* adding white-space: nowrap; might seem like a good idea
    so that the buttons don't wrap but it causes problems
    when combined with the overflow: visible hack to get
    IE to display a reasonable width button the button bar
    becomes as wide as the buttons would be without overflow: visible
    rather than as wide as the buttons are.
    */
}

.tablenavigation {
    text-align: right;
    white-space: nowrap;
}

/* this is for the buttonSeparator image between previous and next */
.tablenavigation img {
    width: 1px;
    height: 12px;
    border: 0px;
    margin: 0px 5px;
    vertical-align: bottom;
}

.datatable {
    width: 100%;
    background-color: #567596;
    border-collapse: separate;
    border-spacing: 1px;
    font-family: sans-serif; 
    font-size: 12px;
}

.checkboxColumn {
    width: 1px;
}

.datatable th {
    background-color: #CFDBEF;
    height: 25px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    text-align: left;
    vertical-align: middle;
    padding: 4px;
}

.datatable th a, .datatable th a:visited {
    color: #0000aa;
    font-weight: bold;
}

.datatable th a:hover {
    color: #000000;
    font-weight: bold;
}

.datatable tr {
    background-color: #FFFFFF;
    cursor:pointer;
}

/*
.datatable tr:hover {
    background-color: #E7EFFC;
}
*/

.datatable tr.rowEven td {
    background-color: #FFFFFF;
}

.datatable tr.rowOdd td {
    background-color: #F6F6F6;
}

.datatable tr.rowEven2 td {
    background-color: #FFFFFF;
    border-top: 2px solid #567596;
}

.datatable tr.rowOdd2 td {
    background-color: #F6F6F6;
    border-top: 2px solid #567596;
}

.datatable td {
    text-align: left;
    vertical-align: top;
    padding: 4px;
}

.datatable td.tablenorows {
    text-align: center;
    background-color: #FFFFFF;
}

/*
    Property Table Definitions
*/

.propertytable {
    width: 100%;
    background-color: #567596;
    border-collapse: separate;
    border-spacing: 1px;
}

.propertytable th {
    background-color: #CFDBEF;
    height: 25px;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    text-align: left;
    vertical-align: middle;
    padding: 4px;
}

.propertytable tr.rowEven td {
    background-color: #FFFFFF;
}

.propertytable tr.rowOdd td {
    background-color: #F6F6F6;
}

.propertytable td {
    text-align: left;
    padding: 4px;
}

.propertytable td.tablenorows {
    text-align: center;
    background-color: #FFFFFF;
}

/*
    Summary Table used on all summary pages
*/

.summaryTable {
    margin: 4px;
    border: solid 1px #567596;
    border-collapse: collapse;
}

.summaryTable th {
    text-align: left;
    font-weight: bold;
    padding: 4px;
    background-color: #CFDBEF;
    border: solid 1px #567596;
}

.summaryTable td {
    border: solid 1px #567596;
    padding: 4px;
}

.summaryTable tr.even {
    background-color: #FFFFFF;
}

.summaryTable tr.odd {
    background-color: #F6F6F6;
}

/*
    Layout styles
*/
.upperButtonBar {
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 4px;
}

.lowerButtonBar {
    border-top: 1px dotted #CCCCCC;
    padding-top: 4px;
}

.contenttable {
}

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

.contenttable li {    
    margin-left: 20px;
    margin-top: 5px;
    padding: 0;
    list-style-image: url("../images/bullet.gif");
}

.introText {
    padding: 6px 1em;
}

.summaryIntroText {
    padding: 0px;
}

.stepTitle {
    padding: 6px 10px;
    font-weight: bold;
}

.stepIntro {
    padding: 6px 10px;
}

.filterArea {
    padding: 6px 0px;
}

#clock {
  color: #4A637B; 
  padding-right: 10px;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto
}