/*
* Overridden default html styles
*/

html {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   overflow-y: scroll;
}

body {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   background-color: #030d30;
   color: #eaeaea;
   font-family: calibri, arial, helvetica, sans-serif;
   font-size: 100%;
   scrollbar-face-color: #144798;
   scrollbar-highlight-color: #2457a8;
   scrollbar-shadow-color: #043788;
   scrollbar-3dlight-color: #6487c8;
   scrollbar-arrow-color: #c0d0f0;
   scrollbar-track-color: #131d40;
   scrollbar-darkshadow-color: #163995;
}

/*
* Overridden default GWT styles
*/

.gwt-TabPanel {
   background-color: rgb( 36, 36, 36 );
}

.gwt-TabBar {
   background-color: rgb( 36, 36, 36 );
   padding-top: 5px;
}

.gwt-TabPanelBottom {
   background-color: rgb( 64, 64, 64 );
   border-top: none;

   padding-top: 1px;
   margin: 0px 0px 3px 0px;
}

.gwt-TabBar .gwt-TabBarFirst {
   border-bottom: 1px solid rgb( 36, 36, 36 );
   padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
   border-bottom: 1px solid rgb( 36, 36, 36 );
   padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
   border-bottom: 1px solid rgb( 36, 36, 36 );

   padding: 3px;
   margin-left: 2px;
   margin-right: 2px;

   cursor: pointer;
   cursor: hand;

   background-color: rgb( 48, 48, 48 );
}

.gwt-TabBar .gwt-TabBarItem-selected {
   border-bottom: 1px solid rgb( 64, 64, 64 );
   background-color: rgb( 64, 64, 64 );
}

.gwt-TabBar .selectedText {
   color: white;
   background-color: rgb( 64, 64, 64 );
   font-weight: bold;
   padding: 3px 7px 5px 7px;
}

.gwt-TabBar .unselectedText {
   color: rgb( 227, 209, 13 );
   background-color: rgb( 48, 48, 48 );

   padding: 3px 7px 5px 7px;
}

.gwt-TabBar .onMouseEnter {
   color: white;
   background-color: rgb( 64, 64, 64 );
}

.gwt-TabBar .onMouseLeave {

}

.gwt-MenuBar {
   color: #c0d0f0;
   text-align: center;
   background-color: #2457a8;
   border: 1px solid;
   border-top-color: #6487c8;
   border-left-color: #6487c8;
   border-bottom-color: #163995;
   border-right-color: #163995;
   cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
   color: #c0d0f0;
   text-align: center;
   padding: 1px 4px 1px 4px;
   font-size: 100%;
   cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
   color: #eaeaea;
   background-color: #3467b8;
}

.gwt-Button {
   font-size:12pt;
   font-family:Arial,sans-serif;
   color: #111f3d;
   height:24px;
   padding: 0;
   background: #A2A2DB url( "button_background.png" );
   border: 1px solid #63638B;
}

/*
* TRCS styles
*/

.trcs-PageTraversalButton {
   font-size: 11pt;
   font-family: Arial,sans-serif;
   font-weight: bold;
   color: #111f3d;
   height: 22px;
   padding: 0;
   background: #5a7dc6 url( "page_traversal_btn_bg.png" );
   border: 0px solid #102c8c;
}

.trcs-PageTraversalButtonHover {
   color: #111fff;
}

.trcs-PageTraversalButtonDisabled {
   color: #ADADAD;
   background: #D8D8D8 url( "page_traversal_btn_bg_disabled.png" );
}

.trcs-PagePanel {
   border: 0px;
   padding: 0px;
   margin: 0px 0px 0px 6px; /*padding: 2px;*/
/*background-color: #E8EEF7;*/
   width: 41.25em;
}

.trcs-HeaderImage {
   width: 47.5em;
   height: 5em;
}

.trcs-HeaderImage2 {
   width: 7.5em;
   height: 5em;
}

.trcs-LeftImage {
/*    width: 6.75em; */
   width: 8.25em;
   height: 14em;
}

.panel-GlassPanel {
   background-color: black;
   filter: alpha( opacity = 50 );
   -moz-opacity: .50;
   opacity: .50;
}

.dialog-BaseDialog {
   background-color: #030d30;
   color: #eaeaea;
   text-align: center;
   border: 0px;
   cursor: default;
   filter: alpha( opacity = 255 );
   -moz-opacity: 1.0;
   opacity: 1.0;
   z-index: 999;
   padding: 3px;
}

.dialog-ImageDialog {
   border: 1px solid;
   border-top-color: #6487c8;
   border-left-color: #6487c8;
   border-bottom-color: #163995;
   border-right-color: #163995;
}

.dialog-FullWidthPanel {
   width: 98%;
}

.trcs-Page {
   width: 100%;
   height: 100%;
   margin-left: auto;
   margin-right: auto;
}

.trcs-GlobalMessage {
   font-family: arial, helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 120%;
   color: #EAEAEA;
}

.trcs-PresentationBase {
   font-family: arial, helvetica, sans-serif;
   font-style: normal;
   font-size: 95%;
   color: #EAEAEA;
}

.trcs-PresentationTable {
   background-color: #001852;
   border-color: #001852;
}

.trcs-EditingTable {
   background-color: rgb( 64, 64, 64 );
   border-color: rgb( 64, 64, 64 );
}

.trcs-PresentationBackgroundTable {
   background-color: transparent;
   border-color: transparent;
   padding: 0px 0px 0px 0px;
   border: 0px solid;
}

.trcs-PresentationCompactBackgroundTable {
   background-color: transparent;
   border-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   border: 0px solid;
}

.trcs-PresentationColouredBackgroundTable {
   background-color: #001852;
   border-color: #001852;
   padding: 0px 0px 0px 0px;
   border: 0px solid;
}

.trcs-PresentationTableCell {
   background-color: #103873;
   border-color: #103873;
   padding: 3px 3px 3px 3px;
   vertical-align: top;
}

.trcs-PresentationTableCellTop .trcs-PresentationTableCell {
   vertical-align: top;
}

.trcs-RecordCells {
   border: 1px solid;
   border-color: #001955;
   padding: 2px 2px 2px 2px;
   background-color: #163975;
}

.trcs-RecordFieldName {
   width: 6.5em;
   text-align: right;
   font-weight: bold;
}

.trcs-RecordFieldValue {
   width: 16em;
   font-weight: normal;
}

.trcs-RecordFieldPurchase {
   margin: 2px 2px 2px 2px;
}

.trcs-RecordFieldImage {
   text-align: center;
   margin: 2px 2px 2px 2px;
}


.trcs-ProgressBarComplete {
   background-color: #103873;
}

.trcs-ProgressBarNotComplete {
   background-color: #242424;
}

.trcs-ArticleHeadline {
   color: #BBBBFF;
   font-weight: bold;
   font-style: normal;
   font-size: 120%;
}

.trcs-ArticleDate {
   color: #BBBBFF;
   font-weight: normal;
   font-style: italic;
   font-size: 80%;
}

.trcs-ArticleThumbnailText {
   overflow: hidden;
   display: block;
}

.trcs-VerticalImagesLeft {
   display: block;
   float: left;
}

.trcs-VerticalImagesRight {
   display: block;
   float: right;
}

.trcs-VerticalImagesBottom {
/**   display: block; **/
   clear: both;

}

.trcs-RipaNotice {
   font-size: 60%;
}