/** Add css rules here for your application. */

/*body, div, label, td {
	font-family:'Open Sans',Arial,Verdana,sans-serif;
}*/

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.errorMessage {
  color: red;
  text-align: left;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}


.lassi_banner_menu{
	color: #FFFFFF;
	width: 60px;
    font-size: 12px;
    text-decoration: none;
	font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
	/*background-color: #1a181d;*/
	background-color: #213141;
	padding: 3px 4px;
	border-radius: 3px;
}



.buttonTitleOver{

	color: #FFFFFF !important;
	/*width: 60px;*/
    font-size: 12px;
    text-decoration: none;
	font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
	/*background-color: #1a181d;*/
	/* background-color: #234464; 
	padding: 5px 15px;*/
	/* border-radius: 5px; */

}

.buttonTitle{

	color: #FFFFFF !important;
	/*width: 60px;*/
    font-size: 12px;
    text-decoration: none;
	font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
	/*background-color: #1a181d;*/
	/* background-color: #213141; 
	padding: 5px 15px;*/
	/* border-radius: 5px; */

}

.lassi_banner_menu_nolink {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial,Verdana,sans-serif;
}

.lassi_banner_menu:hover {
    /*text-decoration: underline;*/
	background-color: #234464;
}

.lassiPageTitle {
	color: #00376C;
    font-size: 1.5em;
    font-weight: bold;
   	border-bottom: 1px solid #CCC;
    width: 100%;
    padding: 4px;
    margin: 0 auto;
    font-family: Arial,Verdana,sans-serif;
}


.lassiSectionTitle {
	color: #00376C;
	background-color:#CCC;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    padding-left: 4px;
    margin: 0 auto;
    height:26px;
    font-family: Arial,Verdana,sans-serif;
}

.lassiMessageBold {
	color: black;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    padding-left: 4px;
    margin: 0 auto;
    font-family: Arial,Verdana,sans-serif;
}

.lassiMessageNormal {
	color: black;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    padding-left: 4px;
    margin: 0 auto;
    font-family: Arial,Verdana,sans-serif;
}

.lassiPropertyFrom {
	background-color: #FFFFCC;
	width: 100%;
	border-bottom: 1px solid #CCC;
}

.coordinateFormat {
    font-family:Arial,Verdana,sans-serif; font-size:12px;
    color:white;
}
.coordinateValue {
    font-family:Arial,Verdana,sans-serif; font-size:10px;
    color:white;
}

.zoomHeading {
    font-family:Arial,Verdana,sans-serif; font-size:12px;
    color:black;
}

.formTitleDisabled {
    color: #7D7D7D;
}

.textItemDisabled, .selectItemTextDisabled {
    background-color: #FAF8CC;
    color: #7D7D7D;
    height: 16px;
}
.formItemChanged {
	    font-family:Arial,Verdana,sans-serif; font-size:12px;
        border:1px solid #FF0000;
}

.DataChanged {
        color:#FF0000;

}

.dataReadOnly {
    color:#7D7D7D;
    background-color:#FAF8CC;
    border:1px solid #A6ABB4;
    padding:2px;
}


.mutipleColumnFromCell {
	font-family: Arial,sans-serif;
    font-size: 11px;
    vertical-align: top;
}


.lassi_parcel_page_link {
	color: black;
    font-size: 12px;
    text-decoration: underline;
    font-family: Arial,Verdana,sans-serif;
}

.lassi_parcel_page_nolink {
	color: black;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial,Verdana,sans-serif;
}

.highlightGrid {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #ffffff; border-top:1px solid #ffffff;
    background-color:#ffffff;
}
.highlightGridDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #f0f0e8; border-top:1px solid #f0f0e8;
    background-color:#f0f0e8;
}
.highlightGridOver,
.highlightGridOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #c0c0c0; border-top:1px solid #c0c0c0;
    background-color:#ffffc0;
}
.highlightGridSelected,
.highlightGridSelectedDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #c0c0ff; border-top:1px solid #c0c0ff;
    background-color:#c0c0ff;
}
.highlightGridSelectedOver,
.highlightGridSelectedOverDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #a0a0a0; border-top:1px solid #a0a0a0;
    background-color:#e0e0ff;
}
.highlightGridDisabled {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#808080;
    border-bottom:1px solid #ffffff; border-top:1px solid #ffffff;
    background-color:#ffffff;
}
.highlightGridDisabledDark {
    font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:#808080;
    border-bottom:1px solid #f0f0e8; border-top:1px solid #f0f0e8;
    background-color:#f0f0e8;
}


.linkCondition {
	font-family:Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
	font-size: 9px;
    color:black;
	font-weight: bold;
	text-decoration: underline; color: white;
}

.linkCondition:hover {text-decoration: underline; color: red;}
.linkCondition:visited {text-decoration: underline; color: blue;}
.linkCondition:active {text-decoration: underline; color: white;}




.HintBox {
	background-color: white;
}

.s_Div {
	width: 200px;
	height: 150px;
	border: 1px solid black;
}

.s_MapView {

}

.publishEngineWarning {
	color: red;
}

.mapNorthArrow {
	background-image: url("./openlayers/img/north_arrow.png");
	position: absolute;
	left: 30px;
	bottom : 60px;
	width: 23px;
	height: 32px;
}

.realTimeDistance {
	border: solid 1px;
	background-color: lightyellow;
	font-weight: bold;
	font-family: Verdana;
	font-size: medium;
}

.lassiBanner {
	box-sizing: border-box;
 	color: #FFFFFF;
	font-family: 'Open Sans', Arial,Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align:center;
    padding-left:140px;
}

/*  the gradient for top banner Clodagh 31-7-14*/
.app_footer{
	background: -webkit-linear-gradient(left, #1a181d , #20b1e6) !important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #1a181d, #20b1e6) !important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #1a181d, #20b1e6) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #1a181d , #20b1e6) !important; /* Standard syntax */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#1a181d, endColorStr=#20b1e6, GradientType=1); 
}

.image-header{
	background: url('images/banner-image.png') no-repeat top right;
}
.left-logo{
	background:url(images/logov2.png) no-repeat left center;
	margin-left:10px;
}

.app-header{
	background: -webkit-linear-gradient(left, #1a181d , #20b1e6) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #1a181d, #20b1e6) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #1a181d, #20b1e6) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #1a181d , #20b1e6) !important; /* Standard syntax */
    /*background: url(images/banner-image.png) no-repeat center right, -webkit-linear-gradient(left, #1a181d , #20b1e6) !important;*/ /* For Safari 5.1 to 6.0 */
    /*background: url(images/banner-image.png) no-repeat center right,-o-linear-gradient(right, #1a181d, #20b1e6) !important;*/ /* For Opera 11.1 to 12.0 */
    /*background: url(images/banner-image.png) no-repeat center right,-moz-linear-gradient(right, #1a181d, #20b1e6) !important;*/ /* For Firefox 3.6 to 15 */
    /*background: url(images/banner-image.png) no-repeat center right, linear-gradient(to right, #1a181d , #20b1e6) !important;*/ /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#1a181d, endColorStr=#20b1e6, GradientType=1);
}

.clickable {
       color: blue;
        font-size:12px;
        font-family:'Open Sans',Arial, Helvetica, sans-serif;
        cursor: pointer;
        /*font-style: italic;*/
		white-space:nowrap;
		/*font-family: 'Open Sans', sans-serif !important;*/
  
      }
      
.nonClickable {
       color: blue;
        font-size:11px;
        font-family:Arial, Helvetica, sans-serif;
        font-style: italic;
        white-space:nowrap;
      }      

table#legendTable {
	border: none !important;
}

#legendTable TD {
border: none !important; 
}



buttonTitleOver{

}
      
.fullFrame div {
	height: 100%
}

.fullFrame iframe {
	height: 99%
}

/* ---- From CommonUI.jsp ---*/
body { margin: 0 auto; }
#loading {
    border: 1px solid #ccc;
    position: absolute;
    left: 45%;
    top: 40%;
    padding: 2px;
    z-index: 20001;
    height: auto;
}
#loading a {
    color: #225588;
}
#loading .loadingIndicator {
    background: white;
    font: bold 13px tahoma, arial, helvetica;
    padding: 10px;
    margin: 0;
    height: auto;
    color: #444;
}

#loadingMsg {
    font: normal 10px arial, tahoma, sans-serif;
}
.sampleName {
    color:#8FB34F;
    font-weight:bold;
    text-decoration:none;
}

.exampleSeperator {
    border-bottom: 2px solid gray;
    background-color:white; color:black;
    font-weight: bold;
    text-align: left;
}

.explorerCheckErrorMessage {
    color: red;
    font-family:Georgia,serif;
    font-size:13px;
}

.menuMain {
	margin-top:3px;
}
.menuTable {
	border:1px solid #ddd;
}

.browserNotSupported {
	background-color: #fff1a8;
	font-family: 'Open Sans', Arial,Helvetica, sans-serif;
    font-size: 12px;
}

.photoForm .imgSectionHeaderclosed, 
.photoForm .imgSectionHeaderopened, 
.photoForm .imgSectionHeaderOverclosed, 
.photoForm .imgSectionHeaderOveropened{
	background-color:#CCC !important;
}

.photoForm .imgSectionHeaderTitleclosed, 
.photoForm .imgSectionHeaderTitleopened, 
.photoForm .imgSectionHeaderTitleOverclosed, 
.photoForm .imgSectionHeaderTitleOveropened{
	color: #00376C;
    font-size: 14px;
    font-weight: bold;
    padding-left: 4px;
    font-family: Arial,Verdana,sans-serif;
}

.photoForm .imgSectionHeaderclosed img, 
.photoForm .imgSectionHeaderopened img, 
.photoForm .imgSectionHeaderOverclosed img, 
.photoForm .imgSectionHeaderOveropened img,
.photoForm .imgSectionHeaderTitleclosed img, 
.photoForm .imgSectionHeaderTitleopened img, 
.photoForm .imgSectionHeaderTitleOverclosed img, 
.photoForm .imgSectionHeaderTitleOveropened img{
	display: none;
	/*visibility: hidden;*/
}

.photoSeparator {
	border: 0;
	height:0;
	border-top:1px solid grey;
}

.wait_msg{
	color:#00376C;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	padding-left: 4px;
	margin: 0 auto;
	font-family: Arial,Helvetica,sans-serif;
}

.broadcastMsgList .gridBody td{
	vertical-align: top;
}

.hideLabel {
	visibility: hidden;
}

.edmPageTitle {
	color: black;
    font-size: 2em;
    font-weight: bold;
    width: 100%;
    padding: 4px;
    margin: 0 auto;
    font-family: Arial,Verdana,sans-serif;
}

.edmLable {
	font-weight: bold;
	color: #003168;
}

.edmBookingCalendarBody {
	height: 75px; /* A faked configuration to make sure the height would be more than the max height of Calendar body */
	text-align: center;
	line-height: 10px;
}

.edmBookingCalendarDateNum {
	font-size: 110%;
	font-weight: bold;
}

.edmBookingCalendarDateNumWithMorningAndAfternoon {
	background-image: url("images/edm_cal_date_bg_morning_afternoon.png");
	background-position: center; 
}

.edmBookingCalendarDateNumWithMorningOnly {
	background-image: url("images/edm_cal_date_bg_morning_only.png");
	background-position: center; 
}

.edmBookingCalendarDateNumWithAfternoonOnly {
	background-image: url("images/edm_cal_date_bg_afternoon_only.png");
	background-position: center; 
}

.edmBookingCalendarAllDay {
	background-color:#ff7878;
}

.edmBookingCalendarMorning {
	background-color:#3fb7ff;
	padding-top: 4px; /* Give some space between morning session and the top of Calendar body */
}

.edmBookingCalendarAfternoon {
	background-color:#ffc823;
	padding-bottom: 4px; /* Give some space between morning session and the top of Calendar body */
}

.edmBookingCalendarHolidayOrWeekend {
	background-color:#808080;
}

.edmBookingCalendarPassedDays {
	background-color:#D0D0D0;
}

.edmBookingCalendarYourSelection {
	background-color:#aadc8c;
}

.edmBookingLegend {
	margin: 2px;
	padding:  0 0 0 24px;
	background-size: 20px 20px;
	background-position: left;
	background-repeat: no-repeat; 
}

.edmBookingLegendMorning {
	background-image: url("images/edm_icon_morning.png");
}

.edmBookingLegendAfternoon {
	background-image: url("images/edm_icon_afternoon.png");
}

.edmBookingLegendAllDay {
	background-image: url("images/edm_icon_all_day.png");
}

.edmBookingLegendNotAvailable {
	background-image: url("images/edm_icon_not_available.png");
}

.edmBookingLegendYourSelection {
	background-image: url("images/edm_icon_your_selection.png");
}

.edmDividerLabel {
	color: black;
    font-size: 1em;
    font-weight: bold;
    width: 100%;
    padding: 2px;
    margin: 0 auto;
    font-family: Arial,Verdana,sans-serif;
}

.toastMessage {
	padding: 20px 10px 20px 10px;
	background-color: #505050;
	border-radius: 5px;
}

.toastLabel {
	color: white;
	font-family: Arial,Verdana,sans-serif;
	font-size: 20px;
}

.toastLabelSmallText {
	color: white;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
}

.filter_inner_link, .propertyInfoLink{
	font-family: Arial,Helvetica,sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color:#4f81bd;
}

.sliderControl {
	background-color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}

table img[src$="window_T.png"] {
    height:23px !important;
}

.lassi_allowed_fields_page_link {
	color: #00376C;
	font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    font-family: Arial,Verdana,sans-serif;
    padding:8px 0 0 8px;
}

.lassi_allowed_fields_page_link2 {
	color: #00376C;
	font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
    font-family: Arial,Verdana,sans-serif;
    margin:12px 0 0 8px;
    display:inline-block;
}

.lassi_atrf_date {
	padding-left: 10px;
}

.lassi_atrf_dateDisabled {
	padding-left: 10px;
}

.lassi_zone_form {
	margin-top: 2px;
}

.lassi_zone_label {
	margin-top: 13px;
	margin-left: 9px;
}

.lassi_upload_sound_input {
	width: 160px;
}

td > div > .lassi_trad_flag {
	width: 32px;
	height: 22px;
}

td > div > .lassi_trad_flag_after_text {
	float: right;
	margin-right: 10px;
	width: 32px;
	height: 16px;
}

#lassi_fullsize_flag {
	position: absolute;
}

#lassi_fullsize_flag.hidden {
    display: none;
}