/******************************************************
 * (c)2009 CBT Ltd controlling License at http://fliteplan.co.uk/License.html
 * You may use this css and any derivative product to format data served
 * by any Lucid or other FlitePlan application or web service.
 *
 * Applications use a layered architecture in the styling as follows:
 * Section 1: Global HTML styling
 * Section 2: Styles of GWT widgets
 * Section 3: Styles of FlitPlan fields
 * Section 4: Styles of Razor application fields and forms
 * Section 5: Styles of Razor widgets
 *
 * This syntax creates IE6 specific style rules:
 *      html>body .gwt-Widget {
 *          Rule applies to all browsers (including IE7), except IE6
 *      }
 *      * html .gwt-Widget {
 *          Rule applied to IE6 only (not to IE7)
 *      }
 * 
 * Color Names http://www.w3schools.com/HTML/html_colornames.asp
 * http://www.w3schools.com/CSS/pr_text_white-space.asp
 * white-space: pre;
 * Value Description 
 * normal Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default 
 * nowrap Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br /> tag is encountered 
 * pre Whitespace is preserved by the browser. Text will only wrap on line breaks Acts like the <pre> tag in HTML 
 * pre-line Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks 
 * pre-wrap Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks   
 * inherit Specifies that the value of the white-space property should be inherited from the parent element 
 ******************************************************/
/******************************************************
* Section 1: HTML Styles
******************************************************/
body, table td, select {
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
}
pre {
    font-family: "courier new", courier;
    font-size: small;
}
body {
    color: 005E4B;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background-color: #fff;
    direction: ltr;
}
a, a:visited, a:hover {
    color: #0000AA;
}
h1 {
    font-family:    Arial,Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #92c1f0;
}
/******************************************************
* Section 2: GWT Styles
******************************************************/
.gwt-Button {
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
    font-size: small;
    cursor: pointer;
    cursor: hand;
    background: url("images/hborder.png") repeat-x 0px -27px;
    border: 1px outset #424242;
}
.gwt-Button:active {
    border: 1px inset #424242;
}
.gwt-Button:hover {
    border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
    cursor: default;
    color: #888;
}
.gwt-Button[disabled]:hover {
    border: 1px outset #424242;
}
.gwt-CheckBox {
}
.gwt-CheckBox-disabled {
    color: #888;
}
.gwt-Frame {
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-right: 4px solid #bbb;
    border-bottom: 4px solid #bbb;
}
.gwt-PasswordTextBox {
}
.gwt-PasswordTextBox-readonly {
    color: #888;
}

.gwt-PopupPanel {
    border: 3px solid #92c1f0;
    padding: 3px;
    background: white;
}
.gwt-RichTextArea {
}
.hasRichTextToolbar {
    border: 0px;
}
.gwt-RichTextToolbar {
    background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
    border-bottom: 1px solid #bbbbbb;
    padding: 3px;
    margin: 0px;
}
.gwt-RichTextToolbar .gwt-PushButton-up {
    padding: 0px 1px 0px 0px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px; 
}
.gwt-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}
.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}
.gwt-StackPanel {
    border-bottom: 1px solid #bbbbbb;
}
.gwt-StackPanel .gwt-StackPanelItem {
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    font-size: 1.3em;
    padding: 3px;
    border: 1px solid #bbbbbb;
    border-bottom: 0px;
    color: #92c1f0;
    background-color: #edf3fe;
    background: url(images/hborder.png) repeat-x 0px -989px;
}
.gwt-StackPanel .gwt-StackPanelContent {
    border: 1px solid #bbbbbb;
    border-bottom: 0px;
    background: white;
    padding: 2px 2px 10px 5px;
}
.gwt-SuggestBox {
}
.gwt-SuggestBoxPopup {
    margin-left: 3px;
}
.gwt-SuggestBoxPopup .item {
    padding: 2px 6px;
    color: #424242;
    cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
    background: #92c1f0;
}
.gwt-SuggestBoxPopup .suggestPopupContent {
    background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
    background: url(images/hborder.png) repeat-x;
}
html>body .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
    background: url(images/vborder.png) repeat-y;
}
html>body .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
    width: 5px;
    height: 5px;
    zoom: 1;    
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
    width: 8px;
    height: 5px;
    zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
    width: 5px;
    height: 8px;
    zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
    width: 8px;
    height: 8px;
    zoom: 1;
}
html>body .gwt-SuggestBoxPopup .suggestPopupTopLeft {
    background: url(images/corner.png) no-repeat 0px -23px;
}
html>body .gwt-SuggestBoxPopup .suggestPopupTopRight {
    background: url(images/corner.png) no-repeat -5px -23px;
}
html>body .gwt-SuggestBoxPopup .suggestPopupBottomLeft {
    background: url(images/corner.png) no-repeat 0px -28px;
}
html>body .gwt-SuggestBoxPopup .suggestPopupBottomRight {
    background: url(images/corner.png) no-repeat -5px -28px;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
    width: 5px;
    height: 28px;
    margin-top: -23px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
    width: 13px;
    height: 28px;
    margin-left: -5px;
    margin-top: -23px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
    width: 5px;
    height: 36px;
    margin-top: -28px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
    width: 13px;
    height: 36px;
    margin-left: -5px;
    margin-top: -28px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
    padding: 0px;
    background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}
html>body .gwt-DecoratedTabBar .tabTopLeft {
    background: url(images/corner.png) no-repeat 0px -55px;
}
html>body .gwt-DecoratedTabBar .tabTopRight {
    background: url(images/corner.png) no-repeat -6px -55px;
}
* html .gwt-DecoratedTabBar .tabTopLeftInner {
    width: 5px;
    height: 61px;
    margin-top: -55px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .tabTopRightInner {
    width: 12px;
    height: 61px;
    margin-top: -55px;
    margin-left: -6px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
    width: 6px;
    padding: 0px;
    background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 4px 2px 4px;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-weight: bold;
    text-align: center;
    background: #d0e4f6;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
    background: #92c1f0;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background-position: 0px -61px;
}
html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background-position: -6px -61px;
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeftInner {
    width: 5px;
    height: 67px;
    margin-top: -61px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRightInner {
    width: 12px;
    height: 67px;
    margin-top: -61px;
    margin-left: -6px;
    overflow: hidden;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gwt/standard/images/corner.png',sizingMethod='crop');
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
    background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    background: #92c1f0;
}
.gwt-TextArea {
    padding: 0px;
}
.gwt-TextArea-readonly {
    color: #888;
}

.gwt-TextBox {
}
.gwt-TextBox-readonly {
    color: #888;
}
/******************************************************
* Section 3: FlitePlan Styles 
******************************************************
* AbstractForm
******************************************************/
.cbt-AbstractForm {
        padding: 2px;
        border: 1px solid #92c1f0;
        background-color: #edf3fe;
}
/******************************************************
* AttributeGrid
******************************************************/
.cbt-AttributeGrid {
}
.cbt-AttributeGrid .Field {
    width: 300px;
    height: 200px;
}
/******************************************************
* CheckField
******************************************************/
.cbt-CheckField {
}
/******************************************************
* CommandButton
******************************************************/
.cbt-CommandButton {
    padding: 3px 1px;
    font-size: 80%;
    cursor: pointer;
    cursor: hand;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
/******************************************************
* DateField
******************************************************/
.cbt-DateField {
}
.cbt-DateField .Field {
    width: 71px;
}
.cbt-DateField .Secure {
    width: 54px;
}
.cbt-DateField .Label {
    width: 150px;
}
/******************************************************
* DateNavigator
******************************************************/
.cbt-DateNavigator {
    vertical-align: middle;
}
.cbt-DateNavigator .Label {
    width: 80px;
    font-size: 80%;
    font-weight: normal;
}
.cbt-DateNavigator .Button {
    height: 15px;
    color: #92c1f0;
}
/******************************************************
* DatePicker
******************************************************/
.cbt-DatePicker {
    background-color: #92c1f0;
    width: 165px;
}
.cbt-DatePicker .MonthLine {
    width: 165px;
    font-size: 100%;
    font-weight: bold;
    font-family: Verdana;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}
.cbt-DatePicker .WeekLine {
    width: 165px;
    color: #000000;
    font-size: 100%;
    font-family: Verdana;
    text-align: center;
}
.cbt-DatePicker .DayGrid {
    border: 1pt solid #92c1f0; 
    background-color : #FFFFFF;
    width: 165px;
    text-align: center;
    font-size: 100%;
    font-family: Verdana;
    border-collapse: collapse;;
    cursor: pointer;
}
.cbt-DatePicker .CurrentMonthSelected {
    background-color: #92c1f0;
    color:#000000;
}
.cbt-DatePicker .Selected{
    background-color: #92c1f0;
    color:#aaa;
}
.cbt-DatePicker .WeekEnd {
    color:#aaa;
    background-color: #edf3fe;
}
.cbt-DatePicker .CurrentMonthWeekEnd {
    background-color: #edf3fe;
    color: #000000;
}
.cbt-DatePicker .OtherDay {
    color:#aaa;
}
.cbt-DatePicker .CurrentMonthOtherDay {
    color: #000000;
}
.cbt-DatePicker .DayGrid tr {
    height: 20px;
}
.cbt-DatePicker .Title{
    font-weight: bold;
    font-size: 80%;
}
.cbt-DatePicker .Button {
    padding: 0px 0px;
    border: 1px outset #424242;     
    color: #92c1f0;
    background: url("images/hborder.png") repeat-x 0px -27px;
    font-size: 80%;
}
/******************************************************
* FileField
******************************************************/
.cbt-FileField {
}
.cbt-FileField .Field {
    width: 156px;
}
.cbt-FileField .Popup {
    width: 150px;
}
.cbt-FileField .Setup {
    width: 150px;
}
.cbt-FileField-Popup .Button {
    color: #92c1f0;
}
.cbt-FileField-Popup .Description {
    width: 220px;
    height: 90px;
}
.cbt-FileField-Popup .Directory {
    width: 220px;
}
.cbt-FileField-Popup .Field {
    width: 220px;
}
.cbt-FileField-Popup .File {
    width: 220px;
}
.cbt-FileField-Popup .Label {
}
.cbt-FileField-Popup .Panel {
}
.cbt-FileField-Popup .Type {
}
/******************************************************
* ImageField
******************************************************/
.cbt-ImageField {
}
.cbt-ImageField .Popup {
    width: 600px;
}
.cbt-ImageField .Setup {
    width: 600px;
    color: red;
}
.cbt-ImageField .Field {
    width: 800px;
    height: 500px;
}
.cbt-ImageField-Popup {
      padding: 3px;
      border: 5px solid #92c1f0;
      background-color: #e8eef7;
}
.cbt-ImageField-Popup .Title {
}
.cbt-ImageField-Setup {
      padding: 5px;
      border: 5px solid #92c1f0;
      background-color: #e8eef7;
}
.cbt-ImageField-Setup .Label {
    width: 150px;
}
.cbt-ImageField-Setup .Field {
    width: 150px;
}
.cbt-ImageField-Setup .Description {
    width: 220px;
    height: 100px;
}
.cbt-ImageField-Setup .Button {
    background: url("images/hborder.png") repeat-x 0px -27px;
    font-size: 80%;
}
/******************************************************
* LabelField
******************************************************/
.cbt-LabelField {
}
.cbt-LabelField .Field {
    width: 300px;
    height: 300px;
    white-space: pre-wrap;
}
.cbt-LabelField .Label {
    padding: 1px;
    spacing: 1px;
    border: 0px;
    font-weight: bold;
    background-color: #92c1f0;
}
.cbt-LabelField .Type {
    padding: 1px;
    spacing: 1px;
    border: 0px;
    font-weight: bold;
    background-color: #92c1f0;
}
/******************************************************
* ListField
******************************************************/
.cbt-ListField {
}
.cbt-ListField .Field {
    width: 257px;
}
.cbt-ListField .Half {
    width: 78px;
}
.cbt-ListField .Label {
    width: 150px;
}
.cbt-ListField .Secure {
    width: 140px;
}
.cbt-ListField .Type {
}
.cbt-ListField .CC-month {
    width: 40px;
}
.cbt-ListField .CC-year {
    width: 60px;
}
/******************************************************
* ListsField
******************************************************/
.cbt-ListsField {
}
.cbt-ListsField .Field {
    width: 157px;
}
.cbt-ListsField .Half {
    width: 75px;
}
.cbt-ListsField .Label {
    width: 150px;
}
.cbt-ListsField .Secure {
    width: 134px;
}
.cbt-ListsField-Popup {
      padding: 3px;
      border: 3px solid #92c1f0;
      background-color: #e8eef7;
}
.cbt-ListsField-Popup .Label{
    width: 150px;
}
.cbt-ListsField-Popup .Field{
    width: 150px;
}
/******************************************************
* MapField
******************************************************/
.cbt-MapField {
}
.cbt-MapField .Field {
    padding: 2px;
    width: 860px;
    height: 400px;
}
.cbt-MapField .Title {
    font-weight: bold;
    text-align: left;
    font-size: 80%;
}
.cbt-MapField .Label {
    width: 98px;
}
.cbt-MapField .Latitude {
    width: 98px;
}
.cbt-MapField .Longitude {
    width: 98px;
}
.cbt-MapField .Text {
    font-weight: bold;
    text-align: center;
    font-size: 80%;
}
/******************************************************
* Message
******************************************************/
.cbt-Message {
    padding: 1px;
    font-style: italic;
    color: #FF0000;;
}
/******************************************************
* NumberField
******************************************************/
.cbt-NumberField {
}
.cbt-NumberField .Field {
    width: 71px;
}
.cbt-NumberField .Label {
    width: 150px;
}
.cbt-NumberField .Secure {
    width: 54px;
}
/******************************************************
* PasswordField
******************************************************/
.cbt-PasswordField {
}
.cbt-PasswordField .Field {
    width: 150px;
}
.cbt-PasswordField .Half {
    width: 71px;
}
.cbt-PasswordField .Secure {
    width: 134px;
}
.cbt-PasswordField .Label {
    width: 150px;
}
/******************************************************
* PopupField
******************************************************/
.cbt-PopupField {
    border: 1px solid black;
    background: white;
}
.cbt-PopupField .Hover{
    background: white;
    padding: 2px;
    text-align: center;
}
.cbt-PopupField .Text{
    border: 2px solid #FF0000;;
    padding: 2px;
    background: white;
    text-align: left;
}
.cbt-PopupField .Button{
    padding: 1px 1px;
    border: 1px outset #424242;     
    color: #92c1f0;
    background: url("images/hborder.png") repeat-x 0px -27px;
    font-size: 80%;
}
/******************************************************
* ReportButton
******************************************************/
.cbt-ReportButton {
    color: #92c1f0;
    margin: 0;
    padding: 3px 2px;
    font-size: 80%;
    font-style: italic;
    cursor: pointer;
    cursor: hand;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
/******************************************************
* RichTextField
* white-space: pre;
******************************************************/
.cbt-RichTextField {
}
.cbt-RichTextField .Field {
    width: 800px;
    height: 500px;
}
.cbt-RichTextField .Label {
    background-color: #92c1f0;
    font-weight: bold;
}
.cbt-RichTextField .Type {
    background-color: #92c1f0;
    font-weight: bold;
}
/******************************************************
* SelectorField
******************************************************/
.cbt-SelectorField {
}
.cbt-SelectorField .Button{
    width: 20px;
    height: 20px;
    padding: 2px 1px;
    color: #92c1f0;
    font-family: "courier new", courier;
    font-size: 6pt;
    text-align: center;
}
.cbt-SelectorField .Label {
}
.cbt-SelectorField .Available{
    width: 136px;
    height:150px;
}
.cbt-SelectorField .Selected{
    width: 136px;
    height:150px;
}

/******************************************************
* ShuttleField
******************************************************/
.cbt-ShuttleField {
}
.cbt-ShuttleField .Available{
    width: 136px;
    height: 120px;
}
.cbt-ShuttleField .Selected{
    width: 136px;
    height: 120px;
}
.cbt-ShuttleField .Available-Secure{
    width: 136px;
    height: 120px;
}
.cbt-ShuttleField .Selected-Secure{
    width: 136px;
    height: 120px;
}
.cbt-ShuttleField .Button {
    width: 20px;
    height: 20px;
    padding: 2px 1px;
    color: #92c1f0;
    font-family: "courier new", courier;
    font-size: 6pt;
    text-align: center;
}
.cbt-ShuttleField .Label {
}
.cbt-ShuttleField .Type {
}
/******************************************************
* StartupButton
******************************************************/
.cbt-OpenButton {
    width: 100px;
    color: #92c1f0;
    padding: 3px 1px;
    font-size: 80%;
    cursor: pointer;
    cursor: hand;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
.cbt-CloseButton {
    width: 100px;
    padding: 3px 1px;
    font-size: 80%;
    cursor: pointer;
    cursor: hand;
    color: #92c1f0;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
/******************************************************
* SuggestField
******************************************************/
.cbt-SuggestField {
}
.cbt-SuggestField .Field {
    width: 150px;
}
.cbt-SuggestField .Half {
    width: 71px;
}
.cbt-SuggestField .Secure {
    width: 134px;
}
.cbt-SuggestField .Label {
    width: 150px;
}
/******************************************************
* TextField
******************************************************/
.cbt-TextField {
}
.cbt-TextField .Field {
    width: 150px;
}
.cbt-TextField .Half {
    width: 71px;
}
.cbt-TextField .Secure {
    width: 133px;
}
.cbt-TextField .Label {
    width: 150px;
}
.cbt-TextField .CC-code {
    width: 32px;
}
/******************************************************
* TextAreaField
* white-space: pre;
* white-space: pre-wrap;
******************************************************/
.cbt-TextAreaField {
}
.cbt-TextAreaField .Field {
    width: 300px;
    height: 60px;
    white-space: pre-wrap;
}
.cbt-TextAreaField .Label {
    padding: 1px;
    spacing: 1px;
    border: 0px;
}
.cbt-TextAreaField .Type {
    padding: 1px;
    spacing: 1px;
    border: 0px;
}
/******************************************************
* TimeField
******************************************************/
.cbt-TimeField {
}
.cbt-TimeField .Field {
    width: 75px;
}
.cbt-TimeField .Label {
    width: 150px;
}
/******************************************************
* TableField
******************************************************/
.cbt-TableField {
    border-collapse: collapse;
    table-layout: automatic;
    caption-side: top;
    table-layout: automatic;
}
.cbt-TableField .Grid {
    padding: 1px;
    spacing: 1px;
    border: 0px;
}
.cbt-TableField .HeaderRow {
    padding: 1px;
    spacing: 1px;
    border: 0px;
    background-color: #92c1f0;
    font-weight: bold;
}
.cbt-TableField .CalendarRow {
    font-weight: bold;
    text-align: center;
}
.cbt-TableField .WeekdayRow {
    font-size: 80%;
    background-color: #92c1f0;
}
.cbt-TableField .EvenRow {
    background-color: #edf3fe;
}
.cbt-TableField .OddRow {
    background-color: #edf3fe;
}
.cbt-TableField .Selected {
    font-weight: bold;
}
.cbt-TableField .Navigator {
    color: #92c1f0; 
    border: 1px;
}
.cbt-TableField .Button {
    height: 20px;
    font-family: "courier new", courier;
    font-size: 6pt;
    text-align: center;
    color: #92c1f0;
}
.cbt-TableField .Page {
    padding: 0px;
    border: 1px outset #424242;
    background-color: #edf3fe;
    text-align: center;
}
.cbt-TableField .FirstCol {
    cursor: pointer;
    cursor: hand;
    font-size: 90%;
    color: #0000FF;
}
/******************************************************
* TreeField
******************************************************/
.cbt-TreeField {
}
/******************************************************
* VisualizationField
******************************************************/
.cbt-VisualizationField {
    width: 400;
    height: 300;
}
/******************************************************
* VshuttleField
******************************************************/
.cbt-VshuttleField {
}
.cbt-VshuttleField .Button{
    width: 20px;
    height: 20px;
    padding: 2px 1px;
    font-family: "courier new", courier;
    font-size: 6pt;
    text-align: center;
    color: #92c1f0;
}
.cbt-VshuttleField .Buttons {
    align: center;
}
.cbt-VshuttleField .Label {
}
.cbt-VshuttleField .Available{
    width: 145px;
}
.cbt-VshuttleField .Selected{
    width: 150px;
    height: 150px;
}
.cbt-VshuttleField .Available-Secure{
    width: 145px;
}
.cbt-VshuttleField .Selected-Secure{
    width: 150px;
    height: 150px;
}
/******************************************************
* WindowButton
******************************************************/
.cbt-WindowButton{
    color: blue;
    margin: 0;
    padding: 3px 2px;
    font-size: 80%;
    font-style: italic;
    cursor: pointer;
    cursor: hand;
    color: #92c1f0;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
/******************************************************
* Section 4: Razor Form Styles
******************************************************
* AccountForm
******************************************************/
.Account-MonthChart {
    width: 800px;
    height: 400px;
}   
.Account-YearChart {
    width: 800px;
    height: 400px;
}
/******************************************************
* AssetForm
******************************************************/
.Asset-Notes {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Asset-Map {
    width: 800px;
    height: 400px;
}
.Asset-Image {
    width: 800px;
}
/******************************************************
* AvailableForm
******************************************************/
.Available-Attribute {
    width: 136px;
    height:280px;
}
.Available-StartDateLabel {
    width: 225px;
}
.Available-DaysLabel {
    width: 225px;
}
/******************************************************
* BrochureForm
******************************************************/
.Brochure-ProductList {
    width: 156;
    padding: 5px;
    background-color: #edf3fe;
    font-size: 24px;
    font-weight : bold;
    font-variant: small-caps;
}
.Brochure-ProductName {
    width: 150;
    padding: 5px;
    background-color: #edf3fe;
    font-size: 20px;
    font-weight : bold;
    /* font-variant: small-caps; */
}
.Brochure-Attributes {
    width: 300px;
    height: 200px;
    font-weight: bold;
}
.Brochure-ButtonGrid {
    padding: 0px;
    spacing: 0px;
    border: 0px solid;
}
.Brochure-Button {
    width: 148px;
    color: blue;
    margin: 0;
    padding: 3px 2px;
    font-size: 80%;
    font-style: italic;
    cursor: pointer;
    cursor: hand;
    color: #92c1f0;
    background: url("images/hborder.png") repeat-x 0px -27px;
}
.Brochure-SmallMap {
    width: 300px;
    height: 300px;
}
.Brochure-ColumnChart {
    width: 400px;
    height: 300px;
    is3D: true;
}
.Brochure-LineChart {
    width: 400px;
    height: 300px;
}
.Brochure-Image {
    width: 800px;
}
.Brochure-LargeMap {
    padding: 2px;
    width: 800px;
    height: 400px;
}
.Brochure-PriceLabel {
    font-weight: bold;
}
.Brochure-PriceGrid {
    border: 1px solid #92c1f0;
}
.Brochure-PriceGrid .Grid {
    border-collapse: collapse;
    caption-side: top;
    table-layout: automatic;
    padding: 1px;
    spacing: 1px;
}
.Brochure-PriceGrid .HeaderRow {
    padding: 1px;
    spacing: 1px;
    border: 0px;
    background-color: #92c1f0;
    font-weight: bold;
}
.Brochure-PriceGrid .EvenRow {
    background-color: #edf3fe;
}
.Brochure-PriceGrid .OddRow {
    background-color: #edf3fe;
}
.Brochure-CommentHeader {
    background-color: #92c1f0;
}
.Brochure-PartyDescription {
    width: 400px;
    white-space: pre-wrap;
}
.Brochure-ProductDescription {
    width: 400px;
    white-space: pre-wrap;
}
.Brochure-ProductContents {
    width: 400px;
    white-space: pre-wrap;
}
.Brochure-ProductOptions {
    width: 400px;
    white-space: pre-wrap;
}
/******************************************************
* ForumForm
******************************************************/
.Forum-PostPreview {
    width: 800px;
    height: 200px;
}
/******************************************************
* LocationForm
******************************************************/
.Location-Map {
    width: 800px;
    height: 400px;
}
/******************************************************
* MarketForm
******************************************************/
.Market-Step0 {
    width: 300px;
    height: 280px;
}
/******************************************************
* PartyForm
******************************************************/
.Party-PrivateText {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Party-PublicText {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Party-ContractText {
    width: 800px;
    height: 400px;
}
.Party-Map {
    width: 800px;
    height: 400px;
}
.Party-Image {
    width: 800px;
}
/******************************************************
* ProductForm
******************************************************/
.Product-PrivateText {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Product-PublicText {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Product-ContractText {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Product-Contents {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Product-Options {
    width: 800px;
    height: 400px;
    white-space: pre-wrap;
}
.Product-Map {
    width: 800px;
    height: 400px;
}
.Product-GuestCount {
    width: 49px;
}
.Product-Image {
    width: 800px;
}
/******************************************************
* ProductionForm
******************************************************/
.Production-Line {
    height: 20px;
}
.Production-Resource {
    font: color #000000;
    padding: 1px;
}
.Production-None {
    background-color: #edf3fe;
    padding: 1px;
}
.cbt-TableField .R_N {
    background-color: #edf3fe;
}
.Production-Created {
    background-color: #FF0000;
    color: #dda0dd;
}
.Production-Planned {
    background-color: #FFA500;
}
.Production-Confirmed {
    background-color: #FFFF00;
}
.Production-Released {
    background-color: #008000;
    color: #dda0dd;
}
.Production-Suspended {
    background-color: #0000FF;
    color: #dda0dd;
}
.Production-Completed {
    background-color: #00FFFF;
}
/******************************************************
* RateForm
******************************************************/
.Rate-Comments {
    width: 300px;
    height: 330px;
    white-space: pre-wrap;
}
/******************************************************
* ReservationForm
******************************************************/
.Reservation-PublicText-Label {
    padding: 1px;
    spacing: 1px;
    border: 2px;
    background-color: #92c1f0;
    font-weight: bold;
}
.Reservation-PublicText-Field {
    width: 450px;
    height: 100px;
    white-space: pre-wrap;
}
.Reservation-PrivateText-Label {
    padding: 1px;
    spacing: 1px;
    border: 2px;
    background-color: #92c1f0;
    font-weight: bold;
}
.Reservation-PrivateText-Field {
    width: 450px;
    height: 100px;
    white-space: pre-wrap;
}
.Reservation-Resource {
    font: color #000000;
    padding: 1px;
}
.Reservation-None {
    background-color: #DFFAFF;
    padding: 1px;
}
.R_N {
    background-color: #DFFAFF;
}
.Reservation-Initial {
    background-color: #DFFAFF;
    padding: 1px;
}
.Reservation-Provisional {
    background-color: #FF0000;
    padding: 1px;
    color: #dda0dd;
}
.Reservation-Reserved {
    background-color: #FFA500;
    padding: 1px;
}
.Reservation-Confirmed {
    background-color: #FFFF00;
    padding: 1px;
}
.Reservation-FullyPaid {
    background-color: #008000;
    padding: 1px;
    color: #dda0dd;
}
.Reservation-Briefed {
    background-color: #0000FF;
    padding: 1px;
    color: #dda0dd;
}
.Reservation-PreArrival {
    background-color: #0000FF;
    padding: 1px;
    color: #dda0dd;
}
.Reservation-Arrived {
    background-color: #0000FF;
    padding: 1px;
    color: #dda0dd;
}
.Reservation-PreDeparture {
    background-color: #00FFFF;
    padding: 1px;
}
.Reservation-Departed {
    background-color: #00FFFF;
    padding: 1px;
}
/******************************************************
* SessionForm
******************************************************/
.Session-Step0 {
    width: 300px;
    height: 260px;
    white-space: pre-wrap;
}
.Session-Step1 {
    width: 300px;
    height: 260px;
    white-space: pre-wrap;
}
.Session-Step2 {
    width: 300px;
    height: 290px;
    white-space: pre-wrap;
}
.Session-Step3 {
    width: 300px;
    height: 180px;
    white-space: pre-wrap;
}
.Session-Step4 {
    width: 300px;
    height: 280px;
    white-space: pre-wrap;
}
.Session-Step5 {
    width: 300px;
    height: 200px;
    white-space: pre-wrap;
}
.Session-Step6 {
    width: 300px;
    white-space: pre-wrap;
}
.Session-Step7 {
    width: 300px;
    height: 240px;
    white-space: pre-wrap;
}
.Session-PublicTextInput {
    width: 800px;
    height: 600px;
    white-space: pre-wrap;
}
.Session-PublicText {
    width: 800px;
    height: 600px;
    white-space: pre-wrap;
}
.Session-ContractText {
    width: 800px;
    height: 600px;
    white-space: pre-wrap;
}
.Session-LicenseText {
    width: 800px;
    height: 600px;
    white-space: pre-wrap;
}
.Session-Red {
    color: #FF0000;;
}
.Session-Black {
    color: black;
}
.Session-Blue {
    color: blue;
}
.Session-Green{
    color: green;
}
/******************************************************
* Section 5: Razor Widget Styles
******************************************************
* AttributeWidget
******************************************************/
.cbt-AttributeWidget {
    color: green;
}
.cbt-AttributeWidget .Grid {
    border: 1px solid #424242;
}
/******************************************************
* DateWidget
******************************************************/
.cbt-DateWidget {
    border:solid 1px #3993A6;
    background-color: #DFFAFF;
    width: 500px;
}
.cbt-DateWidget .MonthLine {
    width: 650px;
    font-size: 12pt;
    font-weight: bold;
    font-family: Verdana;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}
.cbt-DateWidget .WeekLine {
    width: 650px;
    color: #000000;
    font-size: 100%;
    font-family: Verdana;
    text-align: center;
}
.cbt-DateWidget .DayGrid {
    border: 2pt solid #DFFAFF; 
    background-color : #FFFFFF;
    width: 650px;
    text-align: center;
    font-size: 100%;
    font-family: Verdana;
    border-collapse: collapse;;
    cursor: pointer;
}
.cbt-DateWidget .CurrentMonthSelected {
    border: 1pt solid #DFFAFF; 
    color:#000000;
}
.cbt-DateWidget .Selected {
    border: 1pt solid #DFFAFF; 
    color:#aaa;
}
.cbt-DateWidget .WeekEnd {
    color:#aaa;
    background-color: #FCE48B;
}
.cbt-DateWidget .CurrentMonthWeekEnd {
    background-color: #FCE48B;
    color: #000000;
}
.cbt-DateWidget .OtherDay {
    color:#aaa;
}
.cbt-DateWidget .CurrentMonthOtherDay {
    color: #000000;
}
.cbt-DateWidget .DayGrid tr {
    height: 50px;
}
.cbt-DateWidget .Title{
    font-weight: bold;
    font-size: 80%;
}
.cbt-DateWidget .Button {
    padding: 0px 0px;
    border: 1px outset #424242;
    color: #3993A6; 
    background: url("images/hborder.png") repeat-x 0px -27px;
    font-size: 80%;
}
.cbt-DateWidget .Initial {
    background-color: #D1CB4C;
    padding: 1px;
}
.cbt-DateWidget .Provisional {
    background-color: #E4F896;
    padding: 1px;
}
.cbt-DateWidget .Reserved {
    background-color: #BFF1B5;
    padding: 1px;
}
.cbt-DateWidget .Confirmed {
    background-color: #AEEBE2;
    padding: 1px;
}
.cbt-DateWidget .FullyPaid {
    background-color: #B7D1E6;
    padding: 1px;
}
.cbt-DateWidget .Briefed {
    background-color: #C6BCE3;
    padding: 1px;
}
.cbt-DateWidget .PreArrival {
    background-color: #E5B9E5;
    padding: 1px;
}
.cbt-DateWidget .Arrived {
    background-color: #E6B6DD;
    padding: 1px;
}
.cbt-DateWidget .PreDeparture {
    background-color: #E8B2B2;
    padding: 1px;
}
.cbt-DateWidget .Departed {
    background-color: #EECAA8;
    padding: 1px;
}
/******************************************************
* AvailableDateWidget
******************************************************/
.cbt-DateWidget .Initial {
    background-color: #EE9C9C;
    padding: 1px;
}
.cbt-DateWidget .Provisional {
    background-color: #EE9C9C;
    padding: 1px;
}
.cbt-DateWidget .Reserved {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .Confirmed {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .FullyPaid {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .Briefed {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .PreArrival {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .Arrived {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .PreDeparture {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .Departed {
    background-color: #9CBBEE;
    padding: 1px;
}
.cbt-DateWidget .Closed {
    background-color: #9CBBEE;
    padding: 1px;
}
/******************************************************
* LabelWidget
******************************************************/
.cbt-LabelWidget {
    width: 300px;
    height: 300px;
    white-space: pre-wrap;
    border: 1px solid #92c1f0;
}
/******************************************************
* PriceWidget
******************************************************/
.cbt-PriceWidget {
    border-collapse: collapse;
    caption-side: top;
    table-layout: automatic;
}
.cbt-PriceWidget .Grid {
    padding: 1px;
    spacing: 1px;
    border: 2px outset #92c1f0;
}
.cbt-PriceWidget .HeaderRow {
    padding: 1px;
    spacing: 1px;
    border: 0px;
    background-color: #92c1f0;
    font-weight: bold;
}
.cbt-PriceWidget .EvenRow {
    background-color: #fef2c7;
}
.cbt-PriceWidget .OddRow {
    background-color: #edf3fe;
}
/******************************************************
* ReservationWidget
******************************************************/
.Reservation-Request {
    width: 300px;
    white-space: pre-wrap;
}
.Reservation-Confirm {
    width: 300px;
    white-space: pre-wrap;
}
.Reservation-Cancel {
    width: 300px;
    white-space: pre-wrap;
}
.Reservation-ContractText {
    width: 545px;
    white-space: pre-wrap;
}
.Reservation-ProductText {
    width: 545px;
    white-space: pre-wrap;
}
.Reservation-SupplierText {
    width: 545px;
    white-space: pre-wrap;
}
/******************************************************
* ReviewWidget
******************************************************/
.Review-ColumnChart {
    width: 500px;
    height: 300px;
}
.Review-LineChart {
    width: 500px;
    height: 300px;
}
.Review-Header {
    background-color: #92c1f0;
}