﻿.ajax__tab_body
{
	width:100%;
}
.ajax__tab_container
{
	width:100%;
}
hr
{
	clear:both;
}
ajax__validatorcallout_error_message_cell
{
	font-family: Arial;
}
.ajax__validatorcallout
{
	width:200px;
}
.ajax__calendar_currentday
{
	 background-color:#424242;
	 color:White;
}
.UnactiveDropdownlistItem
{
	color: white;
	background-color:#424242;
	font-weight: bold;
}	
.gridViewPager table
{
	width:auto;
}
.gridViewFooter td
{
	 padding-top:20px;
	 border-top: auto 10px black;
}

.gridViewDataRow
{
	background-color:White;

}
.gridViewDataRow:hover
{
	background-color:#424242;
	color:White;
}
.gridViewSelectedRow
{
	background-color:#b3dad8;
}
.gridViewEditRow
{
	background-color:#b3dad8;
}
div.InputForm > div
{
	clear:both;
	padding-top:5px;
}
.FormPanel
{
	padding-top:20px;
	font-size:8pt;	
	clear:both;
}
.PageInformationContainer
{
	margin-top:20px;	
}
.FormPanel > .heading
{
	background-color:#b3dad8;
	cursor:pointer;
	cursor:hand;
	padding-left:5px;
}
.FormPanel_Content
{
	height:100%;
	width:100%;
	background-color:white;
	float:left;	
}
select
{
	font-size:8pt;
}
.FormPanel_Content > div
{
	padding:2px 2px 2px 2px;
	clear:both;
}
.FormPanel_Content
{
	overflow:hidden;
}

.FormPanel_Content > div > span
{
	float:left;
	width:24%;	
	padding-left:5px;
}

.FormPanel_Content > div > span .FormData
{
	font-size:1.1em;
}
.downButton, .upButton, .deleteButton, .previewButton
{
	width: 20px;
	height: 20px;
	background-color: Transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor:hand;
	cursor:pointer;
	float:right;
}
.previewButton
{background-image:url(../gfx/common/buttons/previewButtonWhite.png);}
.downButton
{background-image:url(../gfx/common/buttons/downButtonWhite.png);}
.downButton:hover	
{background-image:url(../gfx/common/buttons/downButtonBlack.png);}
.deleteButton
{background-image:url(../gfx/common/buttons/deleteButtonWhite.png);}
.deleteButton:hover
{background-image:url(../gfx/common/buttons/deleteButtonBlack.png);}
.upButton
{background-image:url(../gfx/common/buttons/upButtonWhite.png);}
.upButton:hover	
{background-image:url(../gfx/common/buttons/upButtonBlack.png);}


.actionButton
{
	background-image: url(../gfx/common/buttons/buttontemplate.png);
	width: 80px;
	height: 20px;
	background-color: Transparent;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	cursor:hand;
	cursor:pointer;
	float:left;
	margin:2px 2px 2px 2px;
	color: White;
	text-align:center;
	font-size:8pt;
}
.actionButton:hover
{
	color: Black;
}
h1
{
	font-size: larger;
	color: #01847d;
	font-family: 'Helvetica 35 Thin';

}
h4
{
	font-size:1.0em;
	color: #339999;
	font-family: 'Helvetica 35 Thin';
	font-weight:normal;
}
h3
{
	color: #339999;
	font-size: 1.2em;
	font-family: 'Helvetica 35 Thin';
	font-weight:bolder;	
}
h2
{
	color: #339999;
	font-size: 1.6em;
	font-family: 'Helvetica 35 Thin';
}
.greenBackgroundGradient h4
{
	color:#424242;	
}
.greenBackgroundGradient h3
{
	color:#424242;	
	font-weight:500;
}
.greenBackgroundGradient li
{
	margin:.5em 10% .5em 0;
}

.Header
{
	font-size:1.4em;
	margin:5px 5px 5px 5px;
	width:100%;
	clear:both;
	float:left;
}
.submitButton
{
	float: right;
	z-index: 100001;
	position: relative;
}
body
{
	font-family: 'Univers 45 Light', Arial;
	font-size: small;
}
a
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-width: 0px;
}
img
{
	border-width: 0px;
}
.curvedTextboxLeft
{
	width: 6px;
	height: 17px;
	float: left;
	background-image: url(../gfx/common/roundedTextBoxLeft.png);
	background-repeat: no-repeat;
}
.curvedSelectBoxInner
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.curvedTextboxInner
{
	height: 17px;
	float: left;
	background-image: url(../gfx/common/roundedTextBoxRepeater.png);
	background-repeat: repeat-x;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right: 0px inset;
	border-top: 0px inset;
	border-left: 0px inset;
	border-bottom: 0px inset;
	background-color: transparent;
}
.curvedTextboxRight
{
	width: 6px;
	height: 17px;
	float: left;
	background-image: url(../gfx/common/roundedTextBoxRight.png);
	background-repeat: no-repeat;
}
.accordionHeaderSelected
{
	font-size: small;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	cursor: hand;
	cursor: pointer;
	z-index: 100001;
	background-color: #b8b8b8;
	position: relative;
	background-image: url(../gfx/common/accordionHeaderRepeater.png);
}
.accordionHeader
{
	font-size: small;
	padding: 10px 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	cursor: hand;
	cursor: pointer;
	z-index: 100001;
	position: relative;
	background-color: #eaeaea; /*background-image: url(../gfx/common/accordionHeaderRepeater.png);*/
	background-color: Transparent;
	border-bottom: #424242 thin solid;

}
.greenBackgroundGradient
{
	background-color:#b3dad8;
}

.accordionHeaderIconMinus
{
	background-position: right;
	background-repeat:no-repeat;
	width:100%;
	background-image: url(../gfx/common/minus_dark.png);
}
.accordionHeaderIconPlus
{
	background-position: right;
	background-repeat:no-repeat;
	width:100%;
	background-image: url(../gfx/common/plus_dark.png);
}

.accordionContent
{
	font-size: small;
	padding: auto 10px 10px 10px;
	margin: 5px 5px 5px 5px;
	clear: both;
	font-family:Arial;
}
.accordionSubContent
{
	font-size: 0.8em;
	text-align: justify;
	/*display: inline-block;*/
	display:block;
	font-family:Arial;
	overflow:hidden;
	width:auto;
}

.backgroundGradient
{
	width: 100%;
	height: 2000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	overflow: hidden;
}

.mainAccordionHeader_Selected
{
	background-image: url(../gfx/Common/accordionHeader.png);
	background-repeat: repeat-x;
	height: 40px;
	font-size: larger;
	color: black;
	vertical-align: middle;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	margin: 5px 5px 5px 5px;
}
.mainAccordionHeader
{
	background-image: url(../gfx/Common/accordionHeader.png);
	background-repeat: repeat-x;
	height: 40px;
	font-size: larger;
	color: black;
	vertical-align: middle;
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	border-bottom: black thin solid;
	margin: 5px 5px 5px 5px;
}

.contentContainer
{
	margin: 0px auto;
	width: 750px;
}
.modalBackground
{
	background-color: #424242;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


table
{
	padding: 0px 0px 0px 0px;
	border: 0;
	border-spacing: 0px;
	border-collapse: collapse;
	width:100%;
}
.formattingTable
{
	width: 100%;
	color: black;
	font-size:8pt;
}
.formattingTable select, input
{
	font-size:8pt;	
}
.closeButton
{
	float: right;
	background-image: url(../../gfx/Common/close.png);
	background-repeat: no-repeat;
	cursor: hand;
	cursor: pointer;
	background-color: Transparent;
	width: 25px;
	height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.ModalWindowHeader
{
	background-repeat: no-repeat;
	background-position-x: right;
	background-color: #b3dad8;
	min-height: 25px;
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: Black;
	font-size: 15px;
}
.ModalWindow
{
	border-right: #01847e thin solid;
	border-top: #01847e thin solid;
	border-left: #01847e thin solid;
	border-bottom: #01847e thin solid;
	background-color:White;
}
.ModalIFrame
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
	background-color: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.ModalWindowContent
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color:White;
}
.ModalWindowContent > div > span
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:8pt;
}
.menuTable
{
	width: 300px;
	font-size: small;
}
tr.spacer
{
	height:20px;	
}
textarea
{
	width: 99%;
	overflow: auto;
	border-right: #818181 1px solid;
	border-top: #818181 1px solid;
	border-left: #818181 1px solid;
	border-bottom: #818181 1px solid;
}

/* Modal curves */
.ModalCurvedTopRightCorner, .ModalCurvedTopLeftCorner, .ModalCurvedBottomRightCorner, .ModalCurvedBottomLeftCorner
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 2;
	overflow:hidden;
	background-repeat:no-repeat;
}

.ModalCurvedTopRightCorner
{
	background-image: url(../gfx/common/ModalPopupImages/floatingDivToprightcorner_white.png);
	top: 0px;
	right: 0px;
}
.ModalCurvedTopLeftCorner
{
	background-image: url(../gfx/common/ModalPopupImages/floatingDivTopLeftcorner_white.png);
	top: 0px;
	left: 0px;
}
.ModalCurvedBottomLeftCorner
{
	background-image: url(../gfx/common/ModalPopupImages/floatingDivbottomLeftcorner_white.png);
	bottom: 0px;
	left: 0px;
}

.ModalCurvedBottomRightCorner
{
	background-image: url(../gfx/common/ModalPopupImages/floatingDivbottomrightcorner_white.png);
	bottom: 0px;
	right: 0px;
}
.ModalWindowFooter
{
	background-repeat: no-repeat;
	background-position-x: right;
	min-height: 25px;
	height: 25px;
	padding: 5px 5px 5px 5px;
	color: White;
	font-size: 15px;
}
/* Modal curves */

.CurvedTopRightCorner, .CurvedTopLeftCorner, .CurvedBottomRightCorner, .CurvedBottomLeftCorner
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 2;
	overflow:hidden;
}
.CurvedTopRightCorner
{
	background-image: url(../gfx/common/floatingDivtoprightcorner.png);
	top: 0px;
	right: 0px;
}
.CurvedTopLeftCorner
{
	background-image: url(../gfx/common/floatingDivtopleftcorner.png);
	top: 0px;
	left: 0px;
}
.CurvedBottomLeftCorner
{
	background-image: url(../gfx/common/floatingDivBottomleftcorner.png);
	bottom: 0px;
	left: 0px;
}

.CurvedBottomRightCorner
{
	background-image: url(../gfx/common/floatingDivBottomrightcorner.png);
	bottom: 0px;
	right: 0px;
}
.newsItem
{
	font-size:1.2em;
	font-weight:500;
	font-family:Arial;
	color:#424242;
}
/*  Invex Start */
.titlebar
{
	background-color: Black;
}
.inputField
{
	color: black;
	/*font-size:8pt;*/
}
.MessageLabel
{
	font-size: 14pt;
	color: black;
}

.inputFieldDisabled
{
	color: black;
	font-style:italic;
	font-weight:bold;
}
input[type='text'].inputRequiredField, input[type='text'].inputFieldDisabled, input[type='text'].inputField
{
	width:90%;
}
.inputRequiredField
{
	color: black;
}
.outerTable
{
	font-size: small;
	color: black;
}

.heading
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	background-color: #999999;
	height: 21px;
	font-family:'Univers 65';
}
.formattingTableBorder
{
	border-right: #000000 1px solid;
	border-top: #ffffff 0px solid;
	font-size: small;
	border-left: #000000 1px solid;
	color: black;
	border-bottom: #000000 1px solid;
}


.formattingBorderlessTable
{
	font-size: 8pt;
	color: black;
}
.heading
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	background-color: #008288;
}
.formattingBorderlessTableBorder
{
	border-right: #000000 0px solid;
	border-top: #ffffff 0px solid;
	font-size: 8pt;
	border-left: #000000 0px solid;
	color: black;
	border-bottom: #000000 0px solid;
}

.brandingBanner
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}

.searchHeader
{
	background-color: whitesmoke;
}

.formattingDG
{
	font-size: 8pt;
	color: black;
	text-align: left;
}
.formattingDGHeaderStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #008288;
	text-align: left;
}
.formattingDGFooterStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #008288;
	text-align: left;
}
.formattingDGAlternatingItemStyle
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #ebebeb;
	text-align: left;
}
.formattingDGEditItemStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #999999;
	text-align: left;
}
.formattingDGSelectedItemStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: #ffffff;
	background-color: #999999;
	text-align: left;
}
.formattingDGTableBorder
{
	border-right: #000000 1px solid;
	border-top: #ffffff 0px solid;
	font-size: 8pt;
	border-left: #000000 1px solid;
	color: black;
	border-bottom: #000000 1px solid;
}
.formattingDGItemStyle
{
	font-weight: normal;
	font-size: 9pt;
	color: black;
	background-color: #ffffff;
	text-align: left;
}
.contactH1
{
	font-weight: bold;
	font-size: 13pt;
	color: #008288;
}
.contactH2
{
	font-size: 11pt;
	color: #008288;
}
.contactH3
{
	font-size: 10pt;
	color: #008288;
}

.sectionHead
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	background-color: transparent;
}

.sectionSubHead
{
	font-size: 8pt;
	color: black;
	background-color: transparent;
}

.sectionSubHeadLabel
{
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	font-size: 8pt;
	border-left: #c0c0c0 1px solid;
	color: black;
	border-bottom: #c0c0c0 1px solid;
	background-color: #95C4C4;
}
.activityBarCell
{
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	font-size: 8pt;
	border-left: #c0c0c0 1px solid;
	color: black;
	border-bottom: #c0c0c0 1px solid;
	background-color: #95C4C4;
}


.detailHeader
{
	font-size: 10pt;
	color: white;
	background-color: #008288;
}
.detailSubHeader
{
	font-size: 8pt;
	color: white;
	background-color: #008288;
}

.logonBanner
{
	color: black;
	background-color: #95C4C4;
}
.pageNavBar
{
	background-color: whitesmoke;
}
.IXHeading1
{
	font-size: medium;
}
.userToken
{
	font-size: 8pt;
	color: darkgray;
}
.formattingTableAltRow
{
	background-color: #ebebeb;
}
.ErrorLabel
{
	font-size: 10pt;
	color: red;
}
.reportHeader
{
	font-weight: bold;
	font-size: 12pt;
}
.pageHeader
{
	font-weight: bold;
	font-size: 12pt;
}
.pageLabel
{
	color: black;
}

.inputFieldReport
{
	color: black;
}
.inputFieldDisabledReport
{
	background: #c0c0c0;
	color: black;
}
.inputRequiredFieldReport
{
	color: black;
	background-color: #95C4C4;
}
.reportPage
{
	font-size: 12pt;
	color: black;
	background-color: white;
}
.formattingDGButton
{
	background-color: #95C4C4;
}
.formattingCalendar
{
}
.sectionText
{
	color: black;
}
.formattingTableCell
{
	border-right: #95C4C4 1px solid;
	border-top: #95C4C4 1px solid;
	font-size: 10pt;
	border-left: #95C4C4 1px solid;
	border-bottom: #95C4C4 1px solid;
	background-color: #95C4C4;
	text-align: center;
}
.formattingTableEmptyCell
{
	border-top: #95C4C4 1px solid;
	font-size: 10pt;
	border-right-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.HeadLineCell
{
	border-top: #95C4C4 1px solid;
	font-size: 10pt;
	border-right-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.formattingTableBlankCell
{
	border-top-style: none;
	font-size: 10pt;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.reportDescriptivePara
{
	font-size: 10pt;
	color: #000000;
}

.reportHighlightPara
{
	font-weight: bold;
	font-size: 10pt;
}
.formattingTBReadOnly
{
	font-weight: normal;
	overflow: visible;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.standardButton
{
}
.outlineBorder
{
	border-left-color: #007871;
	border-bottom-color: #007871;
	border-top-style: solid;
	border-top-color: #007871;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #007871;
	border-bottom-style: solid;
}
.buttonBarButton
{
	background-color: #95C4C4;
}

.hlinkMandatory
{
	background-color: #95C4C4;
}

.hlinkNormal
{
}
.RoomTable
{
	border-right: #008288 0px solid;
	border-top: #008288 1px solid;
	border-left: #008288 0px solid;
	border-bottom: #008288 0px solid;
}
.RoomTable2
{
	border-top: #999666 1px solid;
	border-bottom: #999666 1px solid;
}
.ROInfoLabel
{
	font-weight: normal;
}

.roomBuilderPanel
{
	border-right: #008288 1px solid;
	border-top: #008288 1px solid;
	font-size: 10pt;
	border-left: #008288 1px solid;
	border-bottom: #008288 1px solid;
}
.quickLinkPanel
{
	border-right: #008288 0px solid;
	border-top: #008288 1px solid;
	font-size: 10pt;
	border-left: #008288 0px solid;
	border-bottom: #008288 0px solid;
}
.roomBuilderSubPanel
{
	border-right: #008288 1px solid;
	border-top: #008288 1px solid;
	border-left: #008288 1px solid;
	border-bottom: #008288 1px solid;
}
.pbBefore
{
	page-break-before: always;
}
.roomDescription
{
	width: 590px;
	color: black;
	border-bottom: gray 1px solid;
	height: 80px;
	background-color: transparent;
}
.roomDescriptionBig
{
	width: 590px;
	color: black;
	height: 160px;
}
.outerMaster
{
	border-right: #008288 1px solid;
	border-top: #008288 1px solid;
	border-left: #008288 1px solid;
	border-bottom: #008288 1px solid;
	border-collapse: collapse;
	background-color: transparent;
}

.innerMaster
{
	border-right: #95C4C4 1px solid;
	border-top: #95C4C4 1px solid;
	border-left: #95C4C4 1px solid;
	border-bottom: #95C4C4 1px solid;
	border-collapse: collapse;
	background-color: transparent;
}
.Paid
{
	font-weight: normal;
	font-size: 10pt;
	color: #339933;
	background-color: transparent;
}
.Unpaid
{
	font-weight: normal;
	font-size: 10pt;
	color: #cc0000;
	background-color: transparent;
}
.XLN
{
	color: gray;
}
.XIN
{
	color: gray;
}
.CLUU
{
	font-weight: bold;
	color: #cc0000;
}
.CLPU
{
	font-weight: bold;
	color: #009900;
}
.CLPP
{
	color: #000000;
}
.CLUP
{
	font-weight: bold;
	color: #cc0000;
}
.CIUU
{
	color: #000000;
}
.CIPU
{
	font-weight: bold;
	color: #cc0000;
}
.CIPP
{
	color: #000000;
}
.CIUP
{
	font-weight: bold;
	color: #006600;
}
.invoiceSummaryTable
{
}
.invoiceSummaryHeader
{
	font-size: 10pt;
	color: #ffffff;
	background-color: #008288;
}
.invoiceSummaryLALabel
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	background-color: #95C4C4;
}
.invoiceSummaryICLabel
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	background-color: #95C4C4;
}
.invoiceSummarySideHeading
{
	font-size: 10pt;
	color: #ffffff;
	background-color: #008288;
}
.pageSingleColumn
{
	border-right: #6666ff thin;
	border-top: #6666ff thin;
	margin-left: 10%;
	border-left: #6666ff thin;
	margin-right: 10%;
	border-bottom: #6666ff thin;
}

.userGuideScreenshot
{
}
.pageSingleColumnFooter
{
	color: darkgray;
}

.DiarySeparator
{
	color: "#008288";
}
.sideNoteLabel
{
	font-size: smaller;
	color: gray;
}
.roomSubSubHeading
{
	font-weight: bold;
}


/*
CDM
Grouped Menu CSS
*/
.groupedMenuContainer
{
	Width: 804px;
}

.wideGroupedMenuSection
{
	width:640px;
	height: 210px;
	Float: left;
	/*border: solid 1px gray;*/
	margin: 10px 15px 20px 15px;
	padding: 2px 2px 2px 2px;
}
.groupedMenuSection
{
	width:320px;
	height: 210px;
	Float: left;
	/*border: solid 1px gray;*/
	margin: 10px 15px 20px 15px;
	padding: 2px 2px 2px 2px;
}


.wideGroupedMenuSectionRow
{
	Float: left;
	width: 636px;
	padding:2px 2px 2px 2px;
	background-color: White;
}
.groupedMenuSectionRow
{
	Float: left;
	width: 316px;
	padding:2px 2px 2px 2px;
	background-color: White;
}

.groupedMenuSectionLabelDiv
{
	Float: left;
	padding-top: 4px;
	padding-left: 4px;
}

.groupedMenuSectionButtonDiv
{
	Float: Right;
}

.groupedMenuSectionHeader
{
	font-weight: bold;
	background-color: #b3dad8;
	padding-left: 4px;
	padding-bottom: 2px;
}
.groupedMenuSectionContent
{
	background-color: White;
}