/*************************************
 WELCOME TO THE CUSTOM STYLESHEET
 --------------------------------------
 style.css
 BlueTrip CSS Framework
 Put your custom styles in here.
 ***************************************/
/* --------------------------------------------------
 Table of Contents
 -----------------------------------------------------
 :: Context Menu
 :: Princess LOGO
 :: Throbber
 :: Tooltip
 :: Growl
 :: Error
 :: Clear Fix Hack
 :: Filter Criteria
 :: JQuery UI Overwrite
 ::
 */
/**************************************/
/*           COLOR SCHEME             */
/**************************************
 - black		#000
 - white		#fff
 -           #
 -           #
 -           #
 ***************************************/
/**************************************/
/*              GLOBALS               */
/**************************************/
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,img,small,strike,strong,em,sub,sup,tt,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td,section
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	/*
     font-size: 100%;
     */
	font-family: inherit;
}

a {
	color: #92D4DD;
	text-decoration: none;
	outline: 0;
	line-height: inherit;
}

a:hover {
	color: #258d9b;
}

p a,p a:visited {
	line-height: inherit;
}

thead th {
	background: none;
}

input[type="text"],input[type="password"],input.text,input.title,textarea,select
	{
	margin: 0;
}

/* -----------------------------------------
 Princess LOGO
 ----------------------------------------- */
.large_princess_logo {
	width: 562.733px;
	height: 445.5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.kiosk_large_princess_logo{
	width: 720px;
	height: 288px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------------------
 Standard Forms
 ----------------------------------------- */
input.input-text,textarea,select {
	font-family: inherit;
}

label+input.input-text,label+textarea,label+select {
	margin-top: -9px;
}

/* Text input and textarea font and padding */
input.input-text,textarea {
	font-size: 13px;
	outline: none !important;
	color: #777;
	border: solid 1px #bbb;
	border-radius: 5px;
	/*
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     */
	outline: none !important;
}

input.input-text:focus,textarea:focus {
	color: #333;
	background-color: #f9f9f9;
}

/* Text input and textarea sizes */
input.input-text,textarea {
	width: 254px;
	height: 26px;
	padding-left: 3px;
	padding-right: 3px;
}

input.shortDate {
	width: 70px;
	height: 26px;
}

input.hour {
	width: 20px;
	height: 26px;
}

/*	--------------------------------------------------
 Context Menu
 -------------------------------------------------- */
.contextMenu LI.edit A {
	background-image: url(../images/icons/16x16/page_white_edit.png);
}

.contextMenu LI.cut A {
	background-image: url(../images/icons/16x16/cut.png);
}

.contextMenu LI.copy A {
	background-image: url(../images/icons/16x16/page_white_copy.png);
}

.contextMenu LI.paste A {
	background-image: url(../images/icons/16x16/page_white_paste.png);
}

.contextMenu LI.delete A {
	background-image: url(../images/icons/16x16/page_white_delete.png);
}

.contextMenu LI.quit A {
	background-image: url(../../images/16x16/door.png);
}

/*	--------------------------------------------------
 Throbber
 -------------------------------------------------- */
#throbber {
	display: none;
}

.blockMsg {
	border-radius: 15px;
}

/*	--------------------------------------------------
 Tooltip
 -------------------------------------------------- */
/*
 .tooltip {
 background-color: #F5F5B5;
 border: 1px solid #DECA7E;
 color: #303030;
 font-size: 12px;
 line-height: 18px;
 padding: 10px 13px;
 position: absolute;
 text-align: center;
 z-index: 2;
 display: none;
 width: 150px;
 }
 
 .tooltip .label {
 width: auto;
 font-size: 14px;
 color: #fff;
 word-wrap: break-word;
 text-align: center;
 }
 
 .tooltip a {
 color: #ad4;
 font-size: 14px;
 font-weight: bold;
 }
 */
.tooltip {
	display: none;
	opacity: 1;
}

.tooltip span,ul.info {
	text-align: left;
	margin-left: -999em;
	position: absolute;
	color: #000000;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 200px;
}

.tooltip img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}

.tooltip em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.tooltip span.classic {
	padding: 0.8em 1em;
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

.tooltip span.custom {
	padding: 0.5em 0.8em 0.8em 2em;
}

html a:hover {
	background: transparent;
}

.tooltip span.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}

.tooltip span.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}

.tooltip span.info,ul.info {
	background: #FFFBC8;
	border: 1px solid #475A5F;
}

.tooltip span.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}

/*	--------------------------------------------------
 Color picker
 -------------------------------------------------- */
.colorpicker input {
	width: 30px;
}

/*	--------------------------------------------------
 Growl
 -------------------------------------------------- */
div.growlUI {
	background: url(../../images/icons/48x48/tick.png) no-repeat 10px 10px
}

div.growlUI h1,div.growlUI h2 {
	color: white;
	padding: 5px 5px 5px 75px;
	text-align: left
}

/*	--------------------------------------------------
 Notification
 -------------------------------------------------- */
.ui-notify {
	width: 200px;
}

.ui-notify-message h1 {
	line-height: 10px;
	font-size: 12px;
}

.ui-notify-message p {
	font-size: 12px;
}

/* close commented backslash hack */
/*	--------------------------------------------------
 Filter Criteria
 -------------------------------------------------- */
div#filter_div {
	clear: both;
	background-color: #FFFBEC;
}

.wide_filter_div {
	width: 1200px;
	height: auto;
	float: left;
	margin-right: 5px;
}

.left_filter_div {
	width: 592px;
	float: left;
	margin-right: 5px;
}

.right_filter_div {
	width: 593px;
	float: left;
}

.filter_buttons_div {
	width: 1200px;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*	--------------------------------------------------
 Table
 -------------------------------------------------- */
table.filter_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: inherit;
}

table.filter_table th {
	border-width: 1px;
	font-weight: bold;
	padding: 3px;
	border-style: solid;
	border-color: #666666;
	text-align: center;
}

table.filter_table td {
	border-width: 1px;
	padding-left: 3px;
	border-style: solid;
	border-color: #666666;
	height: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Style sheets for scrollable div with fixed header */
/*
 div.scrollContainer thead tr {
 position: relative;
 top: expression(offsetParent.scrollTop-2); /*IE5+ only*/
}
div.scrollContainer thead td,div.scrollContainer thead th {
	text-align: center;
	color: #ffffff;
	background-color: #006faf;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.scrollContainer td {
	color: #000;
	padding-right: 2px;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

div.scrollContainer td:last-child {
	/*prevent Mozilla scrollbar from hiding cell content*/
	padding-right: 20px;
}

* /table.dataTable {
	width: 99%;
}

/* -----------------------------------------
 datatable Override
 ----------------------------------------- */
table.dataTable td {
	padding: 2px;
	vertical-align: top;
}

table.dataTable thead th {
	padding: 3px;
}

.dataTables_processing {
    background-color: white;
    border: 1px solid blue;
    color: blue;
    font-size: 14px;
    height: 30px;
    left: 50%;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    position: absolute;
    text-align: center;
    top: 25%;
    width: 250px;
}

/* -----------------------------------------
 Bootstrap Override
 ----------------------------------------- */
.btn-small {
	margin-left: 2px;
	margin-right: 2px;
}

/* -----------------------------------------
 Multi select Override
 ----------------------------------------- */
.ui-multiselect-checkboxes label input {
	margin: auto;
	margin-right: 5px;
	top: 0px;
}

/* -----------------------------------------
 JQuery UI Override
 ----------------------------------------- */
div.ui-datepicker {
	font-size: 12px;
}

/* -----------------------------------------
 Custom
 ----------------------------------------- */
.whiteText {
	color: #ffffff !important;
}

/* -----------------------------------------
 Message
 ----------------------------------------- */
.message {
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255
		, 255, 255, .05)), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
		color-stop(.75, rgba(255, 255, 255, .05)),
		color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	border: 1px solid;
	color: #fff;
	padding: 15px 30px;
	margin-bottom: 10px;
	/**  text-shadow: 0 1px 0 rgba(0,0,0,.5);**/
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
}

div.info {
	background-color: #4ea5cd;
	border-color: #3b8eb5;
	bottom: 0;
	color: #fff;
	position: absolute;
	/*    width: 1200px;*/
	width: auto;
	z-index: 99;
}

.static {
	position: static !important;
}

div.error {
	background-color: #de4343;
	border-color: #c43d3d;
	bottom: 0;
	color: #fff;
	position: absolute;
	/*    width: 1200px;*/
	width: auto;
	z-index: 99;
}

div.warning {
	background-color: #eaaf51;
	border-color: #d99a36;
	bottom: 0;
	color: #fff;
	position: absolute;
	/*    width: 1200px;*/
	width: auto;
	z-index: 99;
}

div.announcement {
	background-color: #eaaf51;
	border-color: #d99a36;
	color: #fff;
	z-index: 99;
}

div.success {
	background-color: #61b832;
	border-color: #55a12c;
	bottom: 0;
	color: #fff;
	position: absolute;
	/*    width: 1200px;*/
	width: auto;
	z-index: 99;
}

.message h3 {
	color: #fff;
	margin: 0 0 5px 0;
}

.message p {
	margin: 0;
}

@
-webkit-keyframes animate-bg {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}
@
-moz-keyframes animate-bg {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}

/**************************************/
/*              HEADER                */
/**************************************/
.navbar {
	color: #92D4DD;
}

.navbar .brand {
	color: #92D4DD;
}

.navbar .nav>li>a {
	color: #92D4DD;
	text-shadow: 0 0 0 #FFFFFF;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle
	{
	background-color: inherit;
	color: #FFFFFF;
}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
	background-color: transparent;
	color: #FFFFFF;
	text-decoration: none;
}

/*-----------------------------------------------
 Unselectable text
 ---------------------------------------- */
.unselectText {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
/**************************************/
/*               FOOTER               */
/**************************************/
.ui-progressbar-value {
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255
		, 255, 255, .05)), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
		color-stop(.75, rgba(255, 255, 255, .05)),
		color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%,
		rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
	-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
	border: 1px solid;
	color: #fff;
	margin-bottom: 10px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
	background-color: #FBB450;
	border-color: #FAA732;
	color: #FFFFFF;
}

div#announcementMessage {
	background-color: orange;
	border-color: darkblue;
	color: #fff;
	font-size: 16px;
	color: blue;
	height: 24px;
	text-align: center;
}

span#announcementMessageSpan {
	line-height: 24px;
}
div#verticalSpace {
    height: 250px;
}