/******************************************************
 * (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 .Field {
	width: 800px;
	height: 500px;
}
.cbt-ImageField .Button {
	width: 20px;
	height: 20px;
	color: #92c1f0;
	background: url("images/hborder.png") repeat-x 0px -27px;
	font-size: 80%;
}
.cbt-ImageField .Description {
	width: 220px;
	border: 1px outset #424242;		
	background: url("images/hborder.png") repeat-x 0px -27px;
	font-size: 80%;
}
.cbt-ImageField .Popup {
	background-color: #92c1f0;
	font-weight: bold;
	padding: 3px;
}
.cbt-ImageField .Setup {
	background-color: #92c1f0;
	font-weight: bold;
	padding: 3px;
}
.cbt-ImageField .Text {
	width: 70px;
}
.cbt-ImageField .Title {
}
.cbt-ImageField .Thumbs {
}
.cbt-ImageField .Upload {
}
/******************************************************
* 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: 157px;
}
.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: 71px;
}
.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 xxx
******************************************************/
.cbt-MapField {
}
.cbt-MapField .Field {
	padding: 2px;
	width: 800px;
	height: 600px;
}
.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: 70px;
}
.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-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: #edf3fe;
	padding: 1px;
}
.R_N {
	background-color: #edf3fe;
}
.Reservation-Initial {
	background-color: #edf3fe;
	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 {
	background-color: #92c1f0;
	width: 165px;
}
.cbt-DateWidget .MonthLine {
	width: 165px;
	font-size: 100%;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
.cbt-DateWidget .WeekLine {
	width: 165px;
	color: #000000;
	font-size: 100%;
	font-family: Verdana;
	text-align: center;
}
.cbt-DateWidget .DayGrid {
	border: 2pt solid #92c1f0; 
	background-color : #FFFFFF;
	width: 165px;
	text-align: center;
	font-size: 100%;
	font-family: Verdana;
	border-collapse: collapse;;
	cursor: pointer;
}
.cbt-DateWidget .CurrentMonthSelected {
	border: 1pt solid #92c1f0; 
	color:#000000;
}
.cbt-DateWidget .Selected {
	border: 1pt solid #92c1f0; 
	color:#aaa;
}
.cbt-DateWidget .WeekEnd {
	color:#aaa;
	background-color: #edf3fe;
}
.cbt-DateWidget .CurrentMonthWeekEnd {
	background-color: #edf3fe;
	color: #000000;
}
.cbt-DateWidget .OtherDay {
	color:#aaa;
}
.cbt-DateWidget .CurrentMonthOtherDay {
	color: #000000;
}
.cbt-DateWidget .DayGrid tr {
	height: 20px;
}
.cbt-DateWidget .Title{
	font-weight: bold;
	font-size: 80%;
}
.cbt-DateWidget .Button {
	padding: 0px 0px;
	border: 1px outset #424242;
	color: #92c1f0; 
	background: url("images/hborder.png") repeat-x 0px -27px;
	font-size: 80%;
}
/******************************************************
* AvailableDateWidget
******************************************************/
.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: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .FullyPaid {
	background-color: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .Briefed {
	background-color: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .PreArrival {
	background-color: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .Arrived {
	background-color: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .PreDeparture {
	background-color: #BFF1B5;
	padding: 1px;
}
.cbt-DateWidget .Departed {
	background-color: #BFF1B5;
	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: 800px;
	white-space: pre-wrap;
}
.Reservation-ProductText {
	width: 800px;
	white-space: pre-wrap;
}
.Reservation-SupplierText {
	width: 800px;
	white-space: pre-wrap;
}
/******************************************************
* ReviewWidget
******************************************************/
.Review-ColumnChart {
	width: 500px;
	height: 300px;
}
.Review-LineChart {
	width: 500px;
	height: 300px;
}