BODY {
	border: none;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: tahoma,sans-serif;
	font-size: 12px;
}

.pagebreak {
	page-break-before: always;
}

.smPopup {
	border: 1px solid #000000;
	padding: 5px;
	background: rgba(210,210,210,0.8);
	border-radius: 8px;
}

.smMapInfo {
	border: 1px solid #000000;
	padding: 5px;
	background: rgba(255,255,255,0.9);
	border-radius: 8px;
}

.smdefault {
	font-size: 12px;
}

.vmiddle {
 	vertical-align: middle;
}

.hint 
{
    color:#909090; 
    padding:3px;
	white-space:nowrap;
}

.warning_bg {
	background-color: #FFBBBB;
}

.unsaved {
	background-color: #ccffcc;
	color: #000000;
}

.thumbnail {
	max-height:150px;
	max-width:300px;
}

.topPad2 {
	padding-top:2px;
}

.eventStyle1 {
	background-color: #FFFFFF;
}

.maxHeight500 {
	max-height: 500px;
}

.paddingLeft90 {
	padding-left: 90px;
}

.eventStyle2 {
	background-color: #DDDDFF;
}

.eventStyle3 {
	background-color: #DDFFDD;
}

.eventStyle4 {
	background-color: #FFDDDD;
}

.eventStyle5 {
	background-color: #DDFFFF;
}

.eventStyle6 {
	background-color: #FFFFDD;
}

.eventStyle7 {
	background-color: #FFDDFF;
}

.eventStyle8 {
	background-color: #DDDDDD;
}
            
.attribute_not {
   color: red;
   text-decoration: line-through;
}

.big_thumbnail {
	max-height:200px;
	max-width:600px;
}

.tooltip {
    border: 1px solid black;
  	padding: 2px 3px 3px 3px;
  	font-size: smaller;
    background-color: #ffffcc;
}
.checkbox_nowrap 
{
	font-size: 12px;
	white-space:nowrap;
}

.checkbox_table_nowrap {
    font-size: 12px;
    white-space: nowrap;
    align-items: center;
    display: inline-flex;
    height: 25px;
}

.nowrap 
{
	white-space:nowrap;
}
 
.nowrap_textarea 
{
	white-space:nowrap;
	overflow: auto;
}

.disabledFont
{
	color: #BBBBBB;
}

.enabledFont
{
	color: #000000;
}

.smartmove_loginFont
{
	color: #000000;
    font-size:12px;
    font-family: Arial;
}

div
{
    font-size:12px;
    font-family: Arial;
}

.taxiconnect_loginFont
{
	color: #000000;
    font-size:12px;
}

table.print {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
}
table.print th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 2px 5px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: rgb(204, 204, 204);
}
table.print td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 2px 5px 2px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
}

.topHeading {
	background-color: #0093DD;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-size: 15px;
	cursor:pointer;
}

td.footer {
	font: 0.9em/normal Arial, Helvetica, sans-serif;
	background-color: #CFCFCF;
	text-align : center;
	padding-bottom: 3px;
}

.footer {
	font: 0.9em/normal Arial, Helvetica, sans-serif;
	background-color: #CFCFCF;
	text-align : center;
	padding-bottom: 3px;
}

/* General linking behaviour*/
A:link, A:visited, A:active {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-family : Arial, Helvetica, sans-serif;
}
A:hover { color: #666666; font-weight: bold; }

.driver_link {
	font-size: 14px;
	color:#0000FF;
 	text-decoration: underline;
	cursor:pointer;
}

.detail_link {
	color:#0000FF;
 	text-decoration: underline;
	cursor:pointer;
}

.optionHeading {
	font-size: 16px;
	color: #0099CC;
	font-weight: bold;
}

.newsHeading {
	font-size: 20px;
	color: #0099CC;
	font-weight: bold;
 	text-decoration: underline;
	margin-bottom: 5px;
}

.hiddenStart {
	font-size: 1px;
	color: #FFFFFF;
}

.status {
	font-size: 12px;
	color: #FF5555;
	font-weight: bold;
}

.success {
	color: #009900;
	font-weight: bold;
}

.newsTitle {
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #0099CC;
	font-weight: bold;
	white-space:nowrap;
}

.bookingPanel {
	margin-top: 7px;
	margin-bottom: 5px;
}

.bookingDetailPanel {
	margin-left: 7px;
}

.multiSelection {
	margin-left: 120px;
}

.bottom5 {
	margin-bottom: 5px;
}

.margin180 {
	margin-left: 180px;
}

.margin190 {
	margin-left: 190px;
}

.margin160 {
	margin-left: 160px;
}

.margin90 {
	margin-left: 90px;
}

.margin80 {
	margin-left: 80px;
}

.margin110 {
	margin-left: 110px;
}

.margin140 {
	margin-left: 140px;
}

.margin20 {
	margin-left: 20px;
}

.margin15 {
	margin-left: 15px;
}

.margin10 {
	margin-left: 10px;
}

.margin5 {
	margin-left: 5px;
}

.margin40 {
	margin-left: 40px;
}

.margin30 {
	margin-left: 30px;
}

.smallIndent {
	margin-left: 30px;
}

.marginTop2 {
	margin-top: 2px;
}

.bookingTitle {
	font-size: 14px;
	color: #0099CC;
	font-weight: bold;
}

.ratingChartBookingTitle {
	font-size: 18px;
	color: #0099CC;
	font-weight: bold;
}

.newsBody {
	list-style:disc inside;
}

.newsDate {
	font-size: 12px;
	white-space:nowrap;
}

.title {
	font-size: 16px;
	color: #0099CC;
	font-weight: bold;
}

.newsText {
	font-size: 12px;
}

.detailsText {
	font-size: 13px;
}

.newsText TD {
	font-size: 12px;
}

.sidePanelFont
{
	font-size: 13px;
}

.tableTitle {
	font-size:11px;	
	font-weight:bold;
}

.smallBoldTitle {
	font-size:11px;	
	font-weight:bold;
}

.sidePanelHeading
{
	fonr-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

.smallFont {
	font-size: 11px;
}

.mapInfoFont {
	font-size: 11px;
	white-space: nowrap;
}

.property_default {
}

.property_not_default {
	font-weight: bold;
}

.property_not_saved {
	font-weight: bold;
	background-color: #ccffcc;
}

.bold {
	font-size: 16px;
	font-weight: bold;
}

.large_title {
	font-size: 20px;
	font-weight: bold;
}

.black {
	background-color: #000000;
}

.red_bg {
	background-color: #FF0000;
}

.blue_bg {
	background-color: #0000FF;
}

.green_bg {
	background-color: #00FF00;
}

.optionItem {
	font-size: 16px;
	margin-left: 30px;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 4px;
	list-style-image: url(bllt.gif);
}

TABLE.sortableTable TD  {
	border-bottom:solid #93BEE2 1px;
	BORDER-RIGHT:1px solid #93BEE2;
	border-left:1px solid #93BEE2;
	border-top:1px solid #93BEE2;
	margin:0;
	padding:4px;
}

.tableHeader{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	background: #104A7B;
}

.headerStyle{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
 
.insertBreak
{
	page-break-before: always;
}

.imageLink{
	cursor:pointer;
}

.tableHeader2{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	background: #FFFFFF;
	cursor:pointer;
}

/**************************************/
/* Styles for rotated header cells    */
/**************************************/
div.rotated {
    vertical-align: top;
    text-align : left;
    /** skew of 25 instead of 30 as it looks more square **/
    -webkit-transform: skewX(30deg) rotate(-60deg) ;
    /* Firefox */
    -moz-transform: skewX(30deg) rotate(-60deg) ;
    /* IE */
    -ms-transform: skewX(30deg) rotate(-60deg);
    /* Opera */
    -o-transform: skewX(30deg) rotate(-60deg);

    width: 0px;
    height: 0px;
    position: absolute;
    margin: 0px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
}

.tableHeaderRotated table {
   background-color: #dddddd;
}

.tableHeaderRotated thead th {
    height: 240px;
    vertical-align: bottom;
	background-color: inherit;
	background-image: none;
	color: #0000ff;
    position: relative;
    padding-left: 0px;
    padding-bottom: 10px;
    min-width: 40px;
    left: 69.3px; /* h x tan(30)/2 */
    /* can we tilt the headers? */
    -webkit-transform: skewX(-30deg);
    /* Firefox */
    -moz-transform: skewX(-30deg);
    /* IE */
    -ms-transform: skewX(-30deg);
    /* Opera */
    -o-transform: skewX(-30deg);
}

/********************/
/********************/

.customFont{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
}

.tableLink{
	font-weight:bold;
	color:#000096;
	cursor:pointer;
}

.link a{
	color:#0000FF;
 	text-decoration: underline;
	cursor:pointer;
}

.textButton{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
	cursor:pointer;
}

.textButton_underline{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
 	text-decoration: underline;
	cursor:pointer;
}

.table_link{
  	font-weight: bold;
	color:#000096;
 	text-decoration: underline;
	cursor:pointer;
}

.table_textred{
  	font-weight: bold;
	color:#FF0000;
}

.table_textgreen{
  	font-weight: bold;
	color:#009600;
}

.url_link{
  	font-weight: bold;
	font-size:11px;
  	color:#000096;
 	text-decoration: underline;
	cursor:pointer;
}

.tableRow{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
	background: #FFFFFF;
}

.tableRow2{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
	background: #CCCCCC;
 }

.paymentCellRightJustified  {
	text-align : right;
}

.paymentCellRightJustifiedTotal  {
	text-align : right;
	background: #DDDDDD;
}

.paymentCellLeftJustified  {
	text-align : left;
}

.paymentCellLeftJustifiedTotal  {
	text-align : left;
	background: #DDDDDD;
}

.defaultMod{
	background: #FFAAAA;
}

.tableRowMod{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
	background: #FFAAAA;
}

.tableRowMod2{
	font-family:tahoma,sans-serif;
	font-size:12px;
	color:#000096;
	background: #CC8888;
}
 
.centeredStatus {
	font-size: 15px;
	color: #FF5555;
	font-weight: bold;
	text-align: center;
}

.tightPanel {
   padding-left: 1px;
   padding-right: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
   margin: 1px;
	font-family:tahoma,sans-serif;
	font-size:12px;
}

.padding4
{
	padding:4px;
}

.BlankFlexTable
{
	margin:0;
	padding:4px;
}
 
/** A style for the Vehicle Selector*/
.gui-VehicleSelector {
}
/** The style for the Check Boxes used when the Vehicle Selector is in 
multiple selection mode */
.gui-VehicleSelector .gwt-CheckBox {
   font-size: 80%;
}

/* A style for Popup Panels used in gmapdecorations.client.RouteMapWidget  */
.md-WaitPopup {
   background-color: white;
   border: 1px solid black;
}

/* Style for com.smartmove.mapdecorations.client.OffMapInfoWidget panel */
.md-OffMapInfoWidget .gwt-Label {
   font-size: 90%;
   font-weight: bold;
}

.md-OffMapInfoWidget td {
   padding-left: 15px;
   padding-top: 6px;
}

/* Style for com.smartmove.mapdecorations.client.StyleKeyWidget panel */
.md-StyleKeyWidget .gwt-Label {
}

/* Style for com.smartmove.mapdecorations.client.SimpleMarkerStyleWidget panel */
.md-SimpleMarkerStyleWidget .gwt-Label {
   font-size: 90%;
   font-weight: bold;
}

/* Style for com.smartmove.mapdecorations.client.PositioningPanel */
.md-PositioningPanel {
   color: red;
   font-weight: bold;
   border: 1px solid red;
}
 
 /****************************/
 /* RECURRING BOOKING STYLES */
 /****************************/
 
 .indent{
  margin-left: 30px;
}

.selected-fill{
  background-color: #0088ff;
}

.selected-border{
  border-left: 1px solid #0088ff;
  border-right: 1px solid #0088ff;
  border-top: 1px solid #0088ff;
  border-bottom: 1px solid #0088ff;
}

.CalendarWidget {
  border: 1px solid #ACA899;
  background-color: #ffffff;
}

.CalendarWidget .navbar {
  width: 100%;
  background-color: #C3D9FF;
  vertical-align: middle;
  border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
  padding-left: 5px;
  padding-right: 5px;
}

.CalendarWidget .table {
  font: 10pt sans-serif;
  text-align: center;
}

.CalendarWidget .weekheader {
  background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
  width: 3em;
}

.CalendarWidget .cell {
  cursor:pointer;
}

.CalendarWidget .cell .gwt-HTML {
  border: 1px solid #ACA899;
}

.CalendarWidget .cell .gwt-HTML span {
  width: 100%;
  height: 100%;
  line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
  background-color: #C3D9FF;
}

.CalendarWidget .selected .gwt-HTML {
  background-color: #ffff00;
}

.CalendarWidget .past .gwt-HTML {
  background-color: #dddddd;
  color: #aaaaaa;
}

.CalendarWidget .day .gwt-HTML {
  border: 1px solid #C3D9FF;
} 


/* Diary widget */

.DiaryWidget {
  border: 1px solid #ACA899;
  background-color: #ffffff;
}

.DiaryWidget .navbar {
  width: 100%;
  background-color: #C3D9FF;
  vertical-align: middle;
  border-bottom: 1px solid #ACA899;
}

.DiaryWidget .navbar .gwt-Button {
  padding-left: 5px;
  padding-right: 5px;
}

.DiaryWidget .table {
  font: 10pt sans-serif;
  text-align: center;
}

.DiaryWidget .weekheader {
  background-color: #ACA899;
}

.DiaryWidget .weekheader .days {
  width: 3em;
}

.DiaryWidget .cell {
  cursor:pointer;
}

.DiaryWidget .cell .gwt-HTML {
  border: 1px solid #ACA899;
}

.DiaryWidget .cell .gwt-HTML span {
  width: 100%;
  height: 100%;
  line-height: 2em;
}

.DiaryWidget .public_holiday .gwt-HTML {
  border: 3px solid #FF0000;
}

.DiaryWidget .today .gwt-HTML {
  font-weight: bold;
}

.DiaryWidget .selected {
  background-color: #ffff00;
}

.DiaryWidget .past .gwt-HTML {
  /*background-color: #dddddd;*/
  color: #aaaaaa;
}

.DiaryWidget .day .gwt-HTML {
  border: 1px solid #C3D9FF;
} 

/******************************************************
 * Popup Panel with faded out background
 ******************************************************/
.Popup-Glass
{
    -moz-opacity                :   0.70;
    background-color            :   #fff;
    filter                      :   alpha(opacity=70);
    opacity                     :   0.70;
    height                      :   100%;
    width                       :   100%;
}
.Popup-Panel
{
    background-color            :   #fff;
    border                      :   5px solid #00f;
}
.Popup-header
{
    background-color            :   gray;
    border-bottom               :   1px solid #009;
    font-size                   :   90%;
    font-weight                 :   bold;
    padding                     :   2px;
    text-align                  :   center;
}

.Popup-holder
{
    text-align                  :   center;
    width                       :   100%;
}

.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}

.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}

.datePickerDayIsWeekend {
  background: #EEEEEE;
}

.datePickerDayIsFiller {
  color: #888888;
}

.datePickerDayIsValue {
  background: #aaccee;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}

.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
}

/**************************************************
Table related items
**************************************************/

.table_icon {
  padding: 0px 0px 0px 1px;
}

.tableTitle {
  padding: 7px 5px 5px 5px;
  font-size:12px;	
  font-weight:bold;
}

.table_toolbar_panel {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  background-color: #d7e6ec;
}

.table_search_panel {
  padding: 1px 3px 0px 0px;
  padding-left: 0px;
}

.table_search_center {
  background: #8bd url(images/searchCenter.png) repeat-x bottom left;
  padding: 1px 2px 3px 2px;
}

.search_textBox {
   width: 130px;
   border: 0px;
   padding: 0px;
   height: 20px;
   font-size: 12px;
   outline-width: 0px;
   background: transparent;
 }

 /*
  * SuggestBox display with vertical scrollbar when list height is above max height
  * .gwt-SuggestBoxPopup
  */
.scrollableSuggestPopup .suggestPopupContent {
   max-height: 36em; /* 20 rows */
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-gutter: stable;
}

/*
 * ScrollTable
 */
.gwt-ScrollTable {
  border-color: #aaa;
  border-style: solid;
  border-width: 1px 1px 5px 1px;
}

.gwt-ScrollTable .headerWrapper {
  background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .footerWrapper {
  border-top: 1px solid #aaa;
  background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}

.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  padding: 1px 4px 2px 4px;
  border-color: #aaa;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  white-space: nowrap;
  overflow: hidden;
}

.gwt-ScrollTable .dataTable td
{
  font-size: 9pt;
}

.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
  color: #e0eff9;
  font-weight: bold;
  font-size: 13px;
}

.gwt-ScrollTable .dataTable tr.highlighted td {
/*  background: #C3D9FF; */
}

.show_highlight tr.highlighted td {
  background: #C3D9FF;
}

.gwt-ScrollTable .dataTable td.highlighted {
  cursor: hand;
  cursor: pointer;
}

.gwt-ScrollTable .dataTable tr.selected td {
/*  background: #7AA5D6;*/
}

.show_selection tr.selected td {
  background: #7AA5D6;
}

/**
 * Applied to the options at the bottom of the page.
 */
.gwt-PagingOptions {
  background: #e8eef7;
  border: 1px solid #aaa;
  border-top: none;
}

.gwt-PagingOptions .errorMessage {
	color: red;
}

.pagingOptionsFirstPage,
.pagingOptionsLastPage,
.pagingOptionsNextPage,
.pagingOptionsPrevPage {
  cursor: hand;
  cursor: pointer;
}

.gwt-InlineCellEditor {
  border: 3px solid #7AA5D6;
  padding: 4px;
  background: white;
  overflow: auto;
}
.gwt-InlineCellEditor .accept {
  cursor: pointer;
  cursor: hand;
}
.gwt-InlineCellEditor .cancel {
  cursor: pointer;
  cursor: hand;
}

/** Applied to AbstractOptions */
.AbstractOption-Label {
  font-weight: bold;
  text-align: right;
}

/*********************************************/
.sidetree div div div
{
   padding: 0px !important; 
   margin: 0px !important; 
   font-size: 13px;
   cursor: pointer;
}

/** Style for the generate invoice buttons on the 'Invoice to Account Holders' page */
.gen-invoice-buttons {
	width: 15em;
}

.gwt-Button {
  height: 26px;
  font-size:13px !important;
  font-family: Arial;
  text-align: center;
}

.gwt-Button-toggle_down {
  font-weight: 900;
}

.gwt-ListBox {
  font-size:13px !important;
  font-family: Arial;
}

.validSerial {
  color: black;
}

.invalidSerial {
  color: red;
}

.table_search_panel tbody tr td {
	padding: 1px, 0px;
	padding-left: 0px;
}

.table_search_center tbody tr td {
	padding: 1px, 0px;
}

/*********************************************/
/*** GWT Upload CSS***************************/
/*********************************************/
.GWTUpld, table.GWTUpld td {
	font-family: Verdana, Arial;
	font-size: 12px;
}

.GWTUpld form, 
.GWTUpld .upld-form-elements {
	padding: 0px;
	vertical-align: top;
}

.GWTUpld .upld-status {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
.GWTUpld .upld-status div.cancel {
	background: url(images/cancel-upld.gif) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin-top: 1px;
}

* html .GWTUpld .upld-status div.cancel {
	width: 14px;
	height: 10px;
	margin-top: 2px;
}

.GWTUpld .upld-status div.cancel:hover {
	background: url(images/cancel-upld-hover.gif) no-repeat;
}

.GWTUpld .upld-status .filename {
	overflow: hidden;
	white-space: nowrap;
	margin-left: 8px;
	margin-right: 10px;
	height: 100%;
}
.GWTUpld .upld-status .status {
	padding-left: 8px;
	white-space: nowrap;
	height: 100%;
}
.GWTUpld .upld-status .status-success {
	color: green;
}
.GWTUpld .upld-status .status-error,
.GWTUpld .upld-status .status-canceled {
	color: red;
}

.GWTUpld .prgbar-back {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #999999;
	height: 10px;
	overflow: hidden;
	padding: 1px;
	width: 100px;
	float: left;
}
* html .GWTUpld .prgbar-back {
	height: 12px;
	margin-top: 2px;
}
.GWTUpld .prgbar-done {
	background: #d4e4ff none repeat scroll 0 0;
	font-size: 0;
	height: 100%;
	float: left;
}
.GWTUpld .prgbar-msg {
	position: absolute;
	z-index: 9;
	font-size: 9px;
	font-weight: normal;
	margin-left: 3px;
}

* html .GWTUpld .prgbar-msg {
	top: 0px;
	left: 4px;
}

.GWTUpld .changed {
	color: red;
	font-weight: bold;  
	text-decoration: blink;
}
.gwt-PopupPanel .GWTUpld {
	border: 2px groove #C3D9FF;
	padding: 10px;
	background: #C3D9FF;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
	
}

.GWTUpld .DecoratedFileUpload {
	margin-right: 5px;
}

.GWTUpld .DecoratedFileUpload .gwt-Button,
.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
	white-space: nowrap;
	font-size: 10px;
}

.GWTUpld .gwt-Button, .GWTUpld .gwt-FileUpload {
	font-size: 10px;
	min-height: 15px;
}

.GWTUpld .DecoratedFileUpload .gwt-Anchor,
.GWTUpld .DecoratedFileUpload .gwt-Label {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.GWTUpld .gwt-Button:HOVER,
.GWTUpld .DecoratedFileUpload .gwt-Button-over,
.GWTUpld .DecoratedFileUpload .gwt-Anchor-over,
.GWTUpld .DecoratedFileUpload .gwt-Label-over {
	color: #af6b29;
}

.GWTUpld .DecoratedFileUpload-disabled .gwt-Button,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Anchor,
.GWTUpld .DecoratedFileUpload-disabled .gwt-Label {
	color: grey;
}

/*********************************************/

.tutorial-slide {
  margin: 2px;
  border: 1px solid lightskyblue;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}

.tutorial-slide-selected {
   background-color: skyblue;
}

.tutorial-slide img {
  display:inline;
  margin:3px;
  border:1px solid white;
}

.tutorial-slide img:hover {
  border:1px solid blue;
}

/*********************************************/


#errorInput {
	background-color: #FFFFCC;
}

.datagrid table { border-collapse: collapse; text-align: left; border: 1px solid #006699; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; }
.datagrid table td, 
.datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }


/*********************************************/
/*  Course Styles                            */
/*********************************************/
.cw-StackPanelHeader 
{
  padding-left: 7px;
  font-weight: bold;
  font-size: 1.4em;
}