/* YUI reset css */
html {
	height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0;
	padding: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* YUI reset css */
body {
	background-color: #006;
	font-size: 12px;
	font-family: AlbanyMT, Arial, sans-serif;
	color: white;
}

.clearfix {
	float: none !important;
	clear: both !important;
	height: 0 !important;
	line-height: 0;
	font-size: 1px;
}

td.branding {
	background-color: #FFFFFF;
}

td.navbar {
	font-size: 12px;
	background-color: #0066CC;
	color: #FFFFFF
}

td.navbarhighlight {
	font-size: 12px;
	background-color: #0066CC;
	color: #FFFFFF;
}

a.navbar {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.navbarhighlight {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

span.navbarhighlight {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

td.calendartd {
	font-size: 10px;
	background-color: #003399;
	color: #99CCFF;
}

td.calendarday {
	font-size: 10px;
	background-color: #003399;
	color: #FFFFFF;
}

td.calendartodayis {
	font-size: 10px;
	background-color: #003399;
	color: #99CCFF;
	text-align: left;
}

td.calendartodaydate {
	font-size: 10px;
	background-color: #003399;
	color: #FFFFFF;
	text-align: left;
}

a.calendartodaylink {
	font-size: 10px;
	background-color: #003399;
	color: #99CCFF;
}

td.calendarnumber {
	font-size: 10px;
	background-color: #003399;
	color: #99CCFF;
	text-align: center;
}

td.calendarnumbertoday {
	font-size: 10px;
	background-color: #003399;
	color: #FFFFFF;
	text-align: center;
}

td.calendarnumberweekend {
	font-size: 10px;
	background-color: #003399;
	color: #0066CC;
	text-align: center;
}

a.calendarnumber {
	font-size: 10px;
	color: #99CCFF;
	text-decoration: none;
}

a.calendarnumbertoday {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.calendarnumberweekend {
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
}

td.broken {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

td.times {
	font: 10px Arial, sans-serif;
	color: #FFFFFF;
}

td.timesbold {
	font: bold 10px Arial, sans-serif;
	color: #FFFFFF;
}

td.location {
	font: bold 11px Arial, sans-serif;
	color: #FFFFFF;
}

a.location {
	font: bold 11px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

span.small {
	font: 10px Arial, sans-serif;
	color: #99CCFF;
}

span.normalblue {
	font: 12px Arial, sans-serif;
	color: #99CCFF;
}

span.smallwhite {
	font: 10px Arial, sans-serif;
	color: #FFFFFF;
}

span.smalllight {
	font: 10px Arial, sans-serif;
	color: #0066CC;
}

span.messagetitle {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

td {
	font: 12px Arial, sans-serif;
}

td.roominfo {
	font: bold 11px Arial, sans-serif;
	background-color: #0066CC;
	color: #FFFFFF;
}

td.roominfo_name,span.roominfo_name {
	font: bold 12px Arial, sans-serif;
	background-color: #0066CC;
	color: #99CCFF;
}

td.roominfo_value {
	font: 12px Arial, sans-serif;
	background-color: #0066CC;
	color: #FFFFFF;
}

span.timebartitle {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

a.brokenroom {
	font: bold 11px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

span.isbroken {
	font: 11px Arial, sans-serif;
	color: #FFFFFF;
}

a.advancedsimplelink {
	font: 11px Arial, sans-serif;
	color: #99CCFF;
	/*TT#494 Localization defects for Chinese and japanese*/
	/*TT494-this defect was Re-opened,Underline was not shown on advanced/simple reservation link with IE
	To remove the hypen added text-decoration element  */	
	text-decoration: "underline";
}

a.normallink {
	font: bold 12px Arial, sans-serif;
	color: #99CCFF;
}

span.enterpassword {
	font: 11px Arial, sans-serif;
	color: #FFFFFF;
}

span.findtitle {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

span.findresultcount {
	font: 12px Arial, sans-serif;
	color: #FFFFFF;
}

td.findcoltitle {
	font: bold 12px Arial, sans-serif;
	color: #99CCFF;
}

a.findlink {
	font: 11px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none
}

td.findlink {
	font: 11px Arial, sans-serif;
	color: #FFFFFF;
}

a.setuplink {
	font: 12px Arial, sans-serif;
	color: #99CCFF;
}

span.largetextbold {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

a.clickhere {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

td.errormsg {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
}

a.aboutlink {
	font: 12px Arial, sans-serif;
	color: #FFFFFF;
}

input {
	FONT: 10pt Arial, sans-serif;
}

input.hostlarge {
	FONT: bold 14pt Arial, sans-serif;
	width: 320px;
}

input.hostsmall {
	FONT: bold 14pt Arial, sans-serif;
	width: 158px;
}

input.purposelarge {
	FONT: bold 14pt Arial, sans-serif;
	width: 320px;
}

textarea {
	FONT: 10pt Arial, sans-serif;
}

select {
	FONT: 10pt Arial, sans-serif;
}

td.popup {
	background-color: #FFFFFF;
}

span.popup {
	font: 8pt Tahoma, Arial, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}

.bgcolor1 {
	background-color: #0066CC;
	color: #FFFFFF;
}

.bgcolor2 {
	background-color: #003399;
	color: #FFFFFF;
}

.bgcolor3 {
	background-color: #99CCFF;
}

.bgcolor4 {
	background-color: #FFFFFF;
}

.bgcolor5 {
	color: #FFFFFF;
	background-color: #000066;
}

.bgcolor6 {
	background-color: #000000;
}

a.linktext {
	font: 12px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

a.linktexthighlight {
	font: bold 12px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

span.newsmall {
	font: 10px Arial, sans-serif;
	color: #99CCFF;
}

ul.menu,ul.submenu { /*border-bottom:2px solid #006;*/
	height: 22px;
	padding-left: 135px;
}

ul.submenu {
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
	display: none;
}

ul.menu li,ul.submenu li {
	float: left;
	list-style: none;
	margin-right: 20px;
	font-size: 12px;
	line-height: 22px;
}

/******************** YUI-LOG ***********************************/
* html body.masked select,* html div.drag select,* html div.hide-select select{visibility:hidden}
* html div.yui-panel-container select{visibility:inherit}
.button-group button{background:#E4E4E4;border:2px solid #797979;border-left-color:#FFF;border-top-color:#FFF;color:#333;cursor:hand;font:100 76% verdana;margin:2px;padding:2px;text-decoration:none;vertical-align:middle}
.button-group button.default{font-weight:bold}
.hide-scrollbars,.hide-scrollbars *{overflow:hidden}
.mask{-moz-opacity:0.5;background:#CCC;display:none;filter: alpha(opacity=50);left:0;opacity:.50;position:absolute;top:0;z-index:1}
.show-scrollbars,.yui-panel-container .show-scrollbars .underlay{overflow:auto}
.yui-dialog .ft,.yui-simple-dialog .ft{padding-bottom:5px;padding-right:5px;text-align:right}
.yui-dialog form,.yui-simple-dialog form{margin:0}
.yui-overlay,.yui-panel-container{position:absolute;visibility:hidden;z-index:2}
.yui-override-padding{padding:0 !important}
.yui-panel{background:#FFF;border:1px solid #000;border-collapse:separate;font:1em Arial;left:0;overflow:hidden;position:relative;top:0;visibility:hidden;z-index:1}
.yui-panel .bd p{margin:0 0 1em}
.yui-panel .bd,.yui-panel .ft{overflow:hidden;padding:4px}
.yui-panel .container-close{background:url(close12_1.gif) no-repeat;cursor:pointer;height:12px;margin:0px;overflow:hidden;padding:0px;position:absolute;right:4px;text-decoration:none;text-indent:-10000em;top:5px;visibility:inherit;width:12px;z-index:6}
.yui-panel .hd{background:#3d77cb;border:1px solid #FFF;border-bottom:1px solid #000;color:#FFF;font-size:100%;font-weight:bold;line-height:100%;padding:4px;white-space:nowrap}
.yui-panel-container .focused{}
.yui-panel-container .matte{background:#fff;padding:3px}
.yui-panel-container .shadow .underlay{background:#000;bottom:-3px;filter: alpha(opacity=12);left:3px;opacity:.12;right:-3px;top:3px}
.yui-panel-container .shadow .underlay .yui-force-redraw{padding-bottom:1px}
.yui-panel-container .show-scrollbars{overflow:visible}
.yui-panel-container .underlay{bottom:0;left:0;position:absolute;right:0;top:0}
.yui-simple-dialog .bd .yui-icon{background:no-repeat;float:left;height:16px;margin-right:10px;width:16px}
.yui-simple-dialog .bd span.alrticon{background:url("alrt16_1.gif") no-repeat}
.yui-simple-dialog .bd span.blckicon{background:url("blck16_1.gif") no-repeat}
.yui-simple-dialog .bd span.hlpicon{background:url("hlp16_1.gif") no-repeat}
.yui-simple-dialog .bd span.infoicon{background:url("info16_1.gif") no-repeat}
.yui-simple-dialog .bd span.tipicon{background:url("tip16_1.gif") no-repeat}
.yui-simple-dialog .bd span.warnicon{background:url("warn16_1.gif") no-repeat}
.yui-tt{background:#FDFFB4;border:1px solid #FCC90D;color:#333;font:100% sans-serif;font-family:arial,helvetica,verdana,sans-serif;padding:2px;position:absolute;visibility:hidden;width:auto}
.yui-tt-shadow,.hide-scrollbars select,.yui-effect-fade .underlay{display:none}
.button-group button:active{background:#BBB;border:2px solid #E4E4E4;border-left-color:#333;border-top-color:#333}
.button-group button:hover,.button-group button.hover{background:#EBF09E;border:2px solid #90A029;border-left-color:#FFF;border-top-color:#FFF}

/******************** YUI-LOG ***********************************/
.wp-btn {
	background: transparent url(../images/wp-btn.gif) no-repeat;
	color :white;
	cursor: pointer;
	font-size: 9px;
	height: 22px;
	padding: 18px 0 0 8px;
	width: 47px;
}
/*************** common for admin and end user ********************/
#header-container {
	background-color: #fff;
	height: 56px;
}
#menu-container {
	background-color: #06c;
}
#wrapper {
	width: 800px;
}

/**************** timeline - start  *******************/
a.tl_roominfo {
	font: bold 11px Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	line-height:18px;
	padding-left:5px;
}

a.tl_roominfo:hover {
	position: relative;
}

a.tl_roominfo .popup-div {
	position: absolute;
	display: none;
	top: 20px;
	left: 10px;
	background-color: #FFFFFF;
	padding: 5px;
	z-index: 25;
}

a.tl_roominfo:hover .popup-div {
	display: block;
}

#tl_locationdropdown {
	position: relative;
	font-weight: bold;
}

#tl_locationdropdown div {
	background-color: #0066CC;
	border: 1px solid white;
	padding: 0 5px;
	line-height: 18px;
	position: absolute;
	top: -13px;
	width: 100px;
	text-align: left;
	font-size: 11px;
	cursor : pointer;
}

#tl_locationdropdown div ul {
	display: none;
	z-index: 20;
	position: absolute;
	top: 20px;
	border: 1px solid white;
	min-width: 110px;
	background-color: #003399;
}

#tl_locationdropdown div ul li a {
	text-align: left;
	background-color: #003399;
	font-weight: bold;
	padding: 0 6px;
	line-height: 24px;
	color: white;
}

#tl_locationdropdown div ul li a:hover {
	text-decoration: none;
}

#tl_locationdropdown div ul {
	position: absolute;
	top:20px;
	left: -1px;
}

#tl_locationdropdown div span {
	display: block;
	cursor: pointer;
	height: 18px;
	width: 17px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid white;
	background: url(../images/arrow_down.gif);
}

.cell {
	float: left;
	height: 18px;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
}

.frags {
	float: left;
	/* 16 Jan 2013 	height: 18px; changed to below in response to TT#866 - update frontpanel UI to match tagwizard design.*/
	height: 10px; 
	display: block;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #0066CC;
	/*09 Jan 2013 in response to TT#866 - update frontpanel UI to match tagwizard design.*/
	border-bottom: 0px solid #0066CC;
	cursor: pointer;
}
/*groupviewfrags is utilized for only groupview page to render older orignal timeline view 20 Nov 2013*/
.groupviewfrags {
	float: left;
	/* 16 Jan 2013 	height: 18px; changed to below in response to TT#866 - update frontpanel UI to match tagwizard design.*/
	height: 18px; 
	display: block;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #0066CC;
	/*09 Jan 2013 in response to TT#866 - update frontpanel UI to match tagwizard design.*/
	border-bottom: 1px solid #0066CC;
	cursor: pointer;
}

.tl_roominfo_wrap {
	float: left;
	height: 18px;
	white-space: nowrap;
	background-color: #003399;
	border-top: 1px solid #0066CC;
	border-bottom: 1px solid #0066CC;
}

.tl_separator_container,#tl_joiner {
	margin-left: 2px; /* border of caption adjustment */
	clear: both;
}

.tl_separator_container div {
	height: 8px;
	float: left;
	width: 1px;
	background-color: #0066CC;
}

#tl_broken {
	background-color: #0066CC;
	border: 1px solid #0066CC;
	clear: both;
	height: 18px;
}

#tl_broken a {
	padding-left: 5px;
	line-height: 18px;
}

#tl_captionjoiner div {
	background-color: #0066CC;
	border: 1px solid #0066CC;
	clear: both;
	height: 18px;
}

#tl_currenttime {
	height: 19px;
	clear: both;
	margin: 0px auto;
	position: relative;
}

#tl_labels {
	margin: 0px auto;
}

#timeline_wrapper {
	margin-left: 14px;
	clear: both;
}

#tl_main,.tl_main {
	height: 20px;
	clear: both;
	margin: 0px auto;
}

/*Updated on 09 Jan 2013 in response to TT#866 - update frontpanel UI to match tagwizard design.*/
#tl_main_fp {
	height: 0px;
	clear: both;
	margin: 0px auto 0px auto;
}

/*Updated on 09 Jan 2013 in response to TT#866 - update frontpanel UI to match tagwizard design.*/
#tl_main_fp .frags {
	height: 15px;
}

.tl_booked {
	background-color: #FF0000;
}

.tl_booked_past {
	background-color: #660066;
}

.tl_hr_sep,.tl_free,.tl_booked_sep,.tl_booked_sep_past {
	width: 1px;
	background-color: transparent; /* changed from #243E8B to transparent to display timelabel properly on device frontpanel in respone to increase touch area  09 OCT 2013*/
}

.tl_free_past {
	background-color: transparent; /* changed from #243E8B to transparent to display timelabel properly on device frontpanel in respone to increase touch area  09 OCT 2013*/
}
/*Below changes for groupview page to render older orignal timeline view 20 Nov 2013*/
.tl_hr_sep_forgroupview,.tl_free_forgroupview,.tl_booked_sep_forgroupview,.tl_booked_sep_past_forgroupview {
	width: 1px;
	background-color: #243E8B;
}

.tl_free_past_forgroupview {
	background-color: #243E8B;
}

.tl_hr_sep {
	background-color: #0066CC;
}

.tl_booked_sep_overlap,.tl_booked_sep_overlap_past {
	width: 1px;
	background: url(../images/timeline_overlap_future.gif);
}

.tl_booked_sep_overlap_past {
	background: url(../images/timeline_overlap_past.gif);
}

#tl_joiner,.tl_separator_container {
	overflow: hidden;
}

#timeline_wrapper a {
	text-decoration: none;
}

/**************** timeline - end *******************/

/******************** YUI-Container - Start ***********************************/
* html body.masked select,* html div.drag select,* html div.hide-select select{visibility:hidden}
* html div.yui-panel-container select{visibility:inherit}
.button-group button{background:#E4E4E4;border:2px solid #797979;border-left-color:#FFF;border-top-color:#FFF;color:#333;cursor:hand;font:100 76% verdana;margin:2px;padding:2px;text-decoration:none;vertical-align:middle}
.button-group button.default{font-weight:bold}
.hide-scrollbars,.hide-scrollbars *{overflow:hidden}
.mask{-moz-opacity:0.5;background:#CCC;display:none;filter: alpha(opacity=50);left:0;opacity:.50;position:absolute;top:0;z-index:1}
.show-scrollbars,.yui-panel-container .show-scrollbars .underlay{overflow:auto}
.yui-dialog .ft,.yui-simple-dialog .ft{padding-bottom:5px;padding-right:5px;text-align:right}
.yui-dialog form,.yui-simple-dialog form{margin:0}
.yui-overlay,.yui-panel-container{position:absolute;visibility:hidden;z-index:2}
.yui-override-padding{padding:0 !important}
.yui-panel{background:#FFF;border:1px solid #000;border-collapse:separate;font:1em Arial;left:0;overflow:hidden;position:relative;top:0;visibility:hidden;z-index:1}
.yui-panel .bd p{margin:0 0 1em}
.yui-panel .bd,.yui-panel .ft{overflow:hidden;padding:4px}
.yui-panel .container-close{background:url(close12_1.gif) no-repeat;cursor:pointer;height:12px;margin:0px;overflow:hidden;padding:0px;position:absolute;right:4px;text-decoration:none;text-indent:-10000em;top:5px;visibility:inherit;width:12px;z-index:6}
.yui-panel .hd{background:#3d77cb;border:1px solid #FFF;border-bottom:1px solid #000;color:#FFF;font-size:100%;font-weight:bold;line-height:100%;padding:4px;white-space:nowrap}
.yui-panel-container .focused{}
.yui-panel-container .matte{background:#fff;padding:3px}
.yui-panel-container .shadow .underlay{background:#000;bottom:-3px;filter: alpha(opacity=12);left:3px;opacity:.12;right:-3px;top:3px}
.yui-panel-container .shadow .underlay .yui-force-redraw{padding-bottom:1px}
.yui-panel-container .show-scrollbars{overflow:visible}
.yui-panel-container .underlay{bottom:0;left:0;position:absolute;right:0;top:0}
.yui-simple-dialog .bd .yui-icon{background:no-repeat;float:left;height:16px;margin-right:10px;width:16px}
.yui-simple-dialog .bd span.alrticon{background:url("alrt16_1.gif") no-repeat}
.yui-simple-dialog .bd span.blckicon{background:url("blck16_1.gif") no-repeat}
.yui-simple-dialog .bd span.hlpicon{background:url("hlp16_1.gif") no-repeat}
.yui-simple-dialog .bd span.infoicon{background:url("info16_1.gif") no-repeat}
.yui-simple-dialog .bd span.tipicon{background:url("tip16_1.gif") no-repeat}
.yui-simple-dialog .bd span.warnicon{background:url("warn16_1.gif") no-repeat}
.yui-tt{background:#FDFFB4;border:1px solid #FCC90D;color:#333;font:100% sans-serif;font-family:arial,helvetica,verdana,sans-serif;padding:2px;position:absolute;visibility:hidden;width:auto}
.yui-tt-shadow,.hide-scrollbars select,.yui-effect-fade .underlay{display:none}
.button-group button:active{background:#BBB;border:2px solid #E4E4E4;border-left-color:#333;border-top-color:#333}
.button-group button:hover,.button-group button.hover{background:#EBF09E;border:2px solid #90A029;border-left-color:#FFF;border-top-color:#FFF}
/******************** YUI-Container - End ***********************************/