.dummy {
	
}
BODY {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
TD {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.dataheading {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.label {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.colhead {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.colhead.classic {
	border-color: #666666;
}
.colhead.classic.last {
	border-right: #666666 1px solid;
}
.field {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
INPUT {
	FONT-SIZE: 11px; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 11px; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
A {
	xFONT-WEIGHT: bold; color: #090995;
}
A:hover {
	COLOR: #E1A400
}
.editbutton {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 0px; COLOR: #090995; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif; TEXT-DECORATION: underline
}
.hotelname {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; COLOR: navy; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.databox {
	BORDER-RIGHT: #666666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #666666 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ffffff
}
.databackground {
	BACKGROUND-COLOR: #ffffff
}
.dataheading, .pageheading, .heading {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-COLOR: #2a166f
}
.label {
	PADDING-RIGHT: 5px; BORDER: #666666 1px solid; BORDER-BOTTOM: none; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px;  PADDING-TOP: 1px; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}
.colhead {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; BORDER-LEFT: white 1px solid; PADDING-TOP: 1px; HEIGHT: 20px; BACKGROUND-COLOR: #F1EFE2
}
.labelbackground {
	BACKGROUND-COLOR: #ffffff
}
.field {
	PADDING-RIGHT: 5px; BORDER-TOP: #666666 1px solid; PADDING-LEFT: 5px; BORDER-LEFT: #666666 1px solid; PADDING-TOP: 2px; HEIGHT: 20px; BACKGROUND-COLOR: #F1EFE2;
}
.field.last {
	BORDER-RIGHT: #666666 1px solid;
}
.fieldbackground {
	BACKGROUND-COLOR: #ffffff
}
.toolbutton {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 2px; BORDER-LEFT: 0px; CURSOR: hand; LINE-HEIGHT: 19px; BORDER-BOTTOM: 0px
}
.toolbutton_up {
	BORDER-RIGHT: navy 1px solid; BORDER-TOP: navy 1px solid; MARGIN: 1px; BORDER-LEFT: navy 1px solid; CURSOR: hand; LINE-HEIGHT: 19px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #b5bed6
}
.toolbutton_down {
	BORDER-RIGHT: navy 1px solid; BORDER-TOP: navy 1px solid; MARGIN: 2px 0px 0px 2px; BORDER-LEFT: navy 1px solid; CURSOR: hand; LINE-HEIGHT: 19px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #8492b5
}
.Toolbar {
	HEIGHT: 180px
}
.RichEditor {
	BORDER-RIGHT: #789cb8 1px solid; BORDER-TOP: #789cb8 1px solid; PADDING-LEFT: 4px; BACKGROUND: white; BORDER-LEFT: #789cb8 1px solid; WIDTH: 500px; BORDER-BOTTOM: #789cb8 1px solid; HEIGHT: 160px
}
.HtmlEditor {
	WIDTH: 500px; FONT-FAMILY: courier new, courier, monospace; HEIGHT: 160px
}
.hint {
	FONT-SIZE: 10px; WIDTH: 160px; COLOR: #8492b5
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; MARGIN: 0px; COLOR: navy; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px; COLOR: navy; FONT-FAMILY: arial, verdana, geneva, helvetica, sans-serif
}
.button-link {
	display: inline-block; 
	border-radius: 5px;
	padding: 5px; width:100px;
}
.button-link {
	transition: background-color .5s;
}
.buttonlink {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: white 1px solid; WIDTH: 100px; COLOR: white; LINE-HEIGHT: 18px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #E1A400; TEXT-DECORATION: none
}
.buttonlink2 {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: white 1px solid; WIDTH: 100px; COLOR: white; LINE-HEIGHT: 18px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #7F7FBF; TEXT-DECORATION: none
}
.buttonlink3 {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-WEIGHT: normal; BORDER-LEFT: white 1px solid; WIDTH: 100px; COLOR: white; LINE-HEIGHT: 18px; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: navy; TEXT-DECORATION: none
}
A.buttonlink:hover {
	COLOR: white; BACKGROUND-COLOR: #555; TEXT-DECORATION: none
}
A.buttonlink2:hover {
	COLOR: white; BACKGROUND-COLOR: #555; TEXT-DECORATION: none
}
A.buttonlink3:hover {
	COLOR: white; BACKGROUND-COLOR: #555; TEXT-DECORATION: none
}
.flyertitle {
	FONT-WEIGHT: normal; FONT-SIZE: 20px; MARGIN: 0px; COLOR: navy; FONT-FAMILY: verdana, geneva, helvetica, sans-serif
}
.readonlyfield {
	background-color:  #E1A400;
	border: none;
}
.good {
	font-weight: bold; color: green;
}
.bad {
	font-weight: bold; color: red;
}
.inactive, .inactive .field {
	color: #666;
}

.publish-status-Live {
	font-weight: bold;
	color: Green;
	text-transform: uppercase;
}

.publish-status-Scheduled {
	font-weight: bold;
	color: #00cccc;
}


html { height:100%; margin:0; padding:0; }
html { overflow-y:scroll; }  /* prevent scrollbar disappearing making page jump */

body.svyAdmin {  background-color: #fff; height:100%; margin:0; padding:0;  }
.svyWrapperOuter { width: 980px; margin-left:auto; margin-right:auto; background-color: white; min-height:100%;}

/* adjustments for different sized screens */

@media (max-width: 540px)  {
  .svyWrapper   { width: 400px; }
	.svyWrapperOuter { width: 440px; }
	.svyEdit .label { width: 150px; }
	.svyEdit .svyWideText { width: 250px; }
}
@media (min-width: 540px) and (max-width: 650px)  {
  .svyWrapper   { width: 500px; }
	.svyWrapperOuter { width: 540px; }
	.svyEdit .svyWideText { width: 300px; }
}
@media (min-width: 650px) and (max-width: 750px)  {
  .svyWrapper   { width: 600px; }
	.svyWrapperOuter { width: 640px; }
	.svyEdit .svyWideText { width: 360px; }
}
@media (min-width: 750px) and (max-width: 850px)  {      /* ipad */
	.svyWrapper   { width: 700px; }
	.svyWrapperOuter { width: 740px; }
	.svyEdit .svyWideText { width: 460px; }
}
@media (min-width: 850px) and (max-width: 1020px)  {
	.svyWrapper   { width: 800px; }
	.svyWrapperOuter { width: 840px; }
}
@media (min-width: 1020px) and (max-width: 1120px) {           /* 1024 */
	.svyWrapper  { width: 980px; }
	.svyWrapperOuter { width: 1020px; }
}
@media (min-width: 1120px) and (max-width: 1220px) {           /* 1200 */
	.svyWrapper  { width: 1080px; }
	.svyWrapperOuter { width: 1120px; }
}
@media (min-width: 1220px)  {           /* 1300 */
	.svyWrapper  { width: 1180px; }
	.svyWrapperOuter { width: 1220px; }
}