/*--------------------------------------------------------------*/
/* DO NOT MAKE CHANGES TO THIS FILE. 				*/
/* THIS FILE IS OVERWRITTEN EACH TIME A PROJECT BOOK IS OPEN. 	*/
/* IF YOU WISH TO MAKE CHANGES PLEASE MAKE A COPY OF THE FILE.	*/
/*--------------------------------------------------------------*/

/*  Reset Styles Css File Downloaded from meyerweb.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-family:inherit;text-align:interhit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}

/* html */
html{ height:100% }
body{ height:100%; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 15px; background-position: center top; background-repeat: no-repeat;}
/*.main_form{ height:100% }*/
.form_div{ height:100% }

h1{ font-size: 24px; line-height: 21px; margin-bottom: 20px; }
h2{ font-size: 22px; line-height: 21px; margin-bottom: 20px; }
h3{ font-size: 18px; line-height: 21px; margin-bottom: 20px; }
p{ font-size: 14px; line-height: 21px; margin-bottom: 20px; }
strong{ font-weight: bold; }
em{ font-style: italic; }
u{ text-decoration: underline; }

ul{ list-style: square inside; margin-bottom: 20px; }
li{ font-size: 12px; line-height: 21px; }
ol{ list-style: decimal inside; margin-bottom: 20px; }

/* all tables */
table{ border: 1px; margin: 0px 0; width: 100% }
table th{ font-size: 12px; font-weight: bold; padding: 5px 3px; }
table td{ font-size: 12px; padding: 1px 0 1px 1px; }

yeeoldtable{ border: 1px; margin: 0px 0; width: 100% }
yeeoldtable th{ font-size: 12px; font-weight: bold; padding: 5px 3px; }
yeeoldtable td{ font-size: 12px; padding: 3px 0 3px 5px; }

/* riverstar title bar */
#header{ margin: 0 auto; width: 100%; position: relative; top: 0; }
#header_left{ position:relative; z-index:1; background: url('../images/riverstarH.png') no-repeat; float: left; padding: 0;  height:61px; width: 243px;  }
#header_middle{ position:absolute; background: url('../images/riverstarHM.png') repeat-x; float: left; padding: 16px 0 0 0; height:45px; width: 100%; }
#header_middle p{color: #fff; font-size: 24px; font-weight:bold; text-align: right; padding: 0 17px 0 0 }
#header_right{ position:relative; z-index:1; background: url('../images/riverstarHR.png') no-repeat; float: right; padding: 0; height:61px; width: 5px;  }

/* footer */
#footer{ margin: 0 auto; width: 100%; position: relative; bottom: 0; }
#footer_left{ position:relative; z-index:1; background: url('../images/footer-left.png') no-repeat; float: left; padding: 20px 0 19px; width: 10px; }
#footer_middle{ position:absolute; background: #ccc; float: left; height: 23px; padding: 16px 0 0 0; width: 100%; }
#footer_middle p{ color: #999; font-size: 11px; text-align: right; padding: 0 17px 0 0 }
#footer_right{ position:relative; z-index:1; background: url('../images/footer-right.png') no-repeat; float: right; padding: 20px 0 19px; width: 10px; }


/* set up containers */
.container_main{ margin: 0 auto; height:100%; width: 100%; }
.container_row{ overflow:hidden;  clear:both;}
.container_col{ float:left; overflow:hidden; margin:0 5px 0 0;}
.container_area{ position:relative; overflow:hidden; margin: 0 0 5px;}
.scroll_area{ overflow: auto; margin:15px 0 0; }


/* container */
.container_top{ position:relative; clear:both; width:100%; }
.container_topL{ position:relative; z-index:1; background: url('../images/container_topL.png') no-repeat; float:left; width:10px; height:10px;}
.container_topM{ position:absolute; background: url('../images/container_topM.png') repeat-x; float:left; width:100%; height:10px;}
.container_topR{ position:relative; z-index:1; background: url('../images/container_topR.png') no-repeat; float:right; width:10px; height:10px;}
.container_btm, .col_title_btm{ position:relative; clear:both; width:100%; }
.container_btmL, .col_title_btmL{ position:relative; z-index:1; background: url('../images/container_btmL.png') no-repeat; float:left; clear:left; width:10px; height:10px;}
.container_btmM, .col_title_btmM{ position:absolute; background: url('../images/container_btmM.png') repeat-x; float:left; width:100%; height:10px;}
.container_btmR, .col_title_btmR{ position:relative; z-index:1; background: url('../images/container_btmR.png') no-repeat; float:right; width:10px; height:10px;}

/* main title */
.main_title{ position:relative; clear:both; width:100%; }
.main_titleL{ position:relative; z-index:1; background: url('../images/main_titleL.png') no-repeat; float:left; width:5px; height:62px;}
.main_titleM{ position:absolute; z-index:0; background: url('../images/main_titleM.png') repeat-x; float:left; padding:22px 0; width:100%; }
.main_titleM{ color: #fff; font-size: 18px; font-weight:bold;text-align:center;  }
.main_titleR{ position:relative; z-index:1; background: url('../images/main_titleR.png') no-repeat; float:right; width:5px; height:62px;}

/* col title */
.col_title_top{ position:relative; clear:both; width:100%; }
.col_title_topL{ position:relative; z-index:1; background: url('../images/container_titleL.png') no-repeat; float:left; width:5px; height:32px;}
.col_title_topM{ position:absolute; z-index:0; background: url('../images/container_titleM.png') repeat-x; float:left; padding:7px 0; width:100%; }
.col_title_topM{ color: #fff; font-size: 14px; text-align:center; }
.col_title_topR{ position:relative; z-index:1; background: url('../images/container_titleR.png') no-repeat; float:right; width:5px; height:32px;}


/* middle of groups -- need sepearte middle for col title group for extra padding */
.col_title_mid{ padding:40px 5px 1px; }
.container_mid{ padding:10px 5px 1px; }
.container_mid, .col_title_mid{ border-color: #ccc; border-style:none solid; border-width:1px; position:relative;}

/* fixed width */
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.w650{ width:650px; }
.w700{ width:700px; }
.w750{ width:750px; }
.w800{ width:800px; }
.w850{ width:850px; }
.w900{ width:900px; }
.w950{ width:950px; }
.w1000{ width:1000px; }

/* fixed height */
.h200{ height:200px; }
.h250{ height:250px; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }
.h450{ height:450px; }
.h500{ height:500px; }
.h550{ height:550px; }
.h600{ height:600px; }
.h650{ height:650px; }
.h700{ height:700px; }
.h750{ height:750px; }
.h800{ height:800px; }
.h850{ height:850px; }
.h900{ height:900px; }
.h950{ height:950px; }
.h1000{ height:1000px; }


/* remove margin from last col so you can align everything */
.container_row div:last-child{ margin-right: 0; }
/* remove margin from last col */
.last_col{ margin-right: 0 ;}


/* powered by and logo areas */
.poweredBy{  width:164px; padding:0 0 0 34px; }
.poweredBy img{ padding:9px 0 0; width: 125px; height: 45px; }
.logo{ padding:0 0 0 12px; }
.logo img{ padding:9px 0 0; width: 264px; height: 80px }




/* link area */
.link_area a{ border-top: 1px solid #eee; color:#333; display: block; font-size: 14px; padding: 7px 10px; text-decoration: none; }
.link_area a:hover{ background: #666; color: #fff; }

/* WWG Tables */
table.WWG {
	border: 1px;
	margin: 0px 0;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
}
table.WWG th{ background: #473728; border-bottom: 1px solid #ccc; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 5px 3px;  } 
table.WWG td{ border-bottom: 1px solid #ccc; text-align:inherit; font-size: 12px; padding: 3px 0 3px 5px;}


/* compact area */
.compact{ padding-left: 20px; }
.compact, .compact td, .compact th{ font-size: 11px;  }
.compact table { margin: 0px 0; }
.compact td{ border-bottom: none; padding: 2px 5px 2px 2px ; }
.compact th{ border-bottom: none; border-left: 1px solid #ccc; padding: 2px 0 2px 5px ;}
.compact th:first-child{ border-left: none; }
.compact .col_title_mid{ padding:40px 5px 1px; }

/* inner table */
/* useful for tables within tables */
/* removes bottom borders and reduces the margin */
table.inner_table { margin: 0px 0; }
table.inner_table td{ border-bottom: none; padding: 2px 5px 2px 2px;  }
table.inner_table th{ border-bottom: none; padding: 2px 0 2px 5px; }



/* remove bottom border from radio buttons when in horz layout */
span.rb_horz_layout>table.WWG{ margin: 0px; }
span.rb_horz_layout>table.WWG>tbody>tr>td{ border-bottom: none; padding: 2px 5px 2px 2px ; }
 


/* pop-up calendar styles */
table.WWGCal { background-color: white; margin: 0px; border-bottom: 0; }
table.WWGCal table { margin: 0px; border-bottom: 0; }
table.WWGCal th { background-color: #666; color: white; font : normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px 5px 5px 1px; }
table.WWGCal th.WWGCalHeader { background-color: white; color: black; font : normal 16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
table.WWGCal td { text-align: center; padding: 0px 5px 5px 1px; }
table.WWGCal td.WWGCalWkn { background-color: lightgray; }
table.WWGCal a { text-decoration:none; }
table.WWGCal a.WWGCalCurDay { color: red; }

/* hide elements */
.WWGHideElement { display:none; }

.ui-selectee:hover { background-color: #999; }
.ui-selected { background-color: #c3c3c3 !important; }
.ui-selectee { cursor: pointer; }

.rss-error-msg {color:red;}

table.tablescroll_head{ margin-bottom:0 ;}
table.tablescroll_head th{ background: #e4e4e4; border-bottom: 1px solid #ccc; }
.tablescroll_wrapper table{ margin-top:0; }
.tablescroll_wrapper table td{ border-bottom: 1px solid #ccc; }

/* Studio 11 Styles */
div.rss_main_title { background: url('../images/main_titleM.png') repeat-x; width:100%; padding:14px 0 0 0; height:40px; color: #fff; font-size: 24px; font-weight:bold;text-align:center;  }
div.portal_container_area { overflow:auto; margin: 0 0 5px; padding:10px; border-color: #ccc; border-style:solid; border-width:1px; }
div.portal_callflow_area { overflow:none; margin: 0 0 5px; padding:0px; border-color: #ccc; border-style:solid; border-width:0px; }
div.portal_header_area { overflow:auto; margin: 0 0 5px; padding:0px; border-color: #ccc; border-style:none; border-width:1px; }
div.rss_button_area { border: 1px solid #bbb; padding: 5px; background-color: #fff; font-size:.8em}
div.rss_title_area { background: url('../images/main_titleM.png') repeat-x; width:100%; padding:9px; margin:-9px; height:22px; border:solid 10x; color: #fff; font-size: 16px; font-weight:bold;text-align:center; }
div.rss_container_area.toolbar{ background-color: #efefef; text-transform: capitalize;}
div.portal_container_area.logo{ width: 300px; padding:0 0 0 12px; }
div.portal_container_area.logo>img{ padding:9px 0 0; width: 246px; height: 80px; }
div.portal_header_area.logo{ width: 300px; padding:0 0 0 12px ;}
div.portal_header_area.logo>img{ padding:9px 0 0; width: 300px; height: 74px; }
div.portal_container_area.poweredBy{  width:164px; padding:0 0 0 34px; }
div.portal_container_area.poweredBy>img{ margin:-5px 0 4px 0; padding:9px 0 0; width: 125px; height: 45px; }
div.portal_footer { overflow:auto; margin: 5px 0; padding:10px; border-color: #ccc; border-style:solid; border-width:1px; background: #473728; color: #ffffff; font-size: 11px; text-align: right; }
div.portal_infobar_table {border: 0px; margin: 0px; padding: 0px;}
div.portal_infobar { overflow:auto; margin: 0 0 5px 0; padding:10px; border-color: #ccc; border-style:solid; border-width:1px; background: #473728; color: #ffffff; font-size: 11px; text-align: left; }

div.portal_title_area { background-color:#336633; width:100%; padding:9px;  height:22px; border:solid; color: #fff; font-size: 16px; font-weight:bold;text-align:center; margin:-9px -9px 20px -9px;}

.link_area {color: #ffffff;
	
}

span.ui-icon-close{ float:right;margin:0.4em 0.2em 0 0;cursor:pointer;}

.portal_toolbar { border: 1px; margin: 0px 0; width: 100%; }
.portal_toolbar th{ font-size: 12px; font-weight: bold; padding: 5px 3px; }
.portal_toolbar td{ font-size: 12px; padding: 5px 0 5px 5px; }

.toolbar_hotel_apps {
 	border-top: 1px dotted;
 	border-bottom: 1px dotted;
	text-align: center;
	width: 800px;
	padding: 10px;
	height: 20px;
}

.toolbar_hotel_apps tr{ padding: 5px;}

.portal-tickets-table { padding: 10px; margin: 0px ; border-bottom: 1px solid; background-color:#FCFCFC;}
.portal_tickets_table th{ font-size: 12px; font-weight: bold; padding: 5px 3px; background-color: #DBD8D8;}

div.message_box {padding: 2px; margin-top: 3px; margin-bottom: 20px; width: 98%;}
div.message_box_inner {padding: 2px; margin: 0px; width: 100%;}

div.record_controls {
	border: 1px dotted;
	border-color: #eeeeee;
	background-color: #F7F7F7;
	padding: 5px;
	text-align: center;
	width: 98%;
	margin: 0 0 0  0 ;
}

div.display_controls {
	border-top: 1px dotted;
	text-align: left;
	margin-top: 5px;
	width: 100%;
}
	

.Warn {
	background-color: #FFFFCC;
	border-color: #ECA031;
	color: #C26B06;
	border: 1px dotted; 
	}
.Info {
	background-color: #EBF0FA;
	border-color: #75A3ED;
	color: #395898;
	border: 1px dotted; 
}
.Stop {
	background-color: #FCE9E9;
	border-color: #F46666;
	color: #C44D34;
	border: 1px dotted; 
	}
.Question {
	background-color: #EEFCD2;
	border-color: #A0BF4E;
	color: #277822;
	border: 1px dotted; 
	}
.Confirm {
	background-color: #EEFCD2;
	border-color: #A0BF4E;
	color: #277822;
	border: 1px dotted; 
	}
.Dialog {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	color: #473728 ;
	}

.Ticket-Template-QA {
	width: 500px;	
	border-bottom: 1px dotted #C7C7C7;
}

.Ticket-Template-Question {
	width: 50%;	
	padding-right: 10px;
}

.Ticket-Template-Answer {
	width: 50%;
	font-weight: bold;
	padding-left: 10px;
}

.Ticket-Transaction-Header {
	width: 95%;
	border: 1px solid #F7F7F7;
	padding: 5px;	
	background: #000000;
	color: #FFFFFF;
}

.Ticket-Transaction-Details {
	align-content: center;
	border: 1px solid #F7F7F7;	
	padding: 10px;
	background: #000000;
	color: #FFFFFF;
}

.Ticket-Transaction-TH {
	width: 100%;
	background: #000000;
	color: #FEFEFE;
	font-variant: small-caps;
}

.Ticket-Transaction-TR {
	width: 100%;
	background: #000000;
	color: #FFFFFF;
}