@charset "utf-8";

body
{
    font-size:62.5%;
    font-family:Verdana, Geneva, "Microsoft Sans Serif", sans-serif;
    min-width:1010px;
    background:#f4f4f4;
}

/* Print media styles. */
@media print
{
	.PrintFont {
		font-size:1.4em;
	}
}

/* Common control styles */
a img
{
    border:1px solid #BBB;
}

textarea
{
    overflow:auto;
}

.alignleft
{
    float:left;
}

.alignright
{
    float:right;
}

.ButtonLargeHeight
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:large;
    padding:8px;
    cursor:pointer;
}

.ButtonSmallHeight
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:medium;
    padding:2px;
    cursor:pointer;
}

.TabHeader
{
    font-size:small;
    outline:none;
}

.ExpanderItem
{
    min-height:304px;
    max-height:304px;
    height:304px
}

.ExpanderRoomTypeItem
{
    min-height:316px;
    max-height:316px;
    height:316px
}

/* ********************************************
    General
   ******************************************** */

/* Center item */
.centered
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-33px;
    margin-left:-33px;
}

/* Wait window */
#idLoadingWindow {
    position: absolute;
    background-color: white;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    text-align: center;
    z-index: 99;
}

/* Entry field */
.FieldContainer
{
    position:relative;
    float:left;
    padding-top:2px;
    padding-bottom:4px;
    vertical-align:middle;
    height:24px;
    width:100%;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
    border-bottom:1px solid #A1A1A1;
}

.TallerFieldContainer
{
    position:relative;
    float:left;
    /*padding-top:2px;*/
    margin-bottom:0px;
    vertical-align:middle;
    height:24px;
    width:100%;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
}

.FieldDescription
{
    text-align:right;
    width:50%;
}

.FieldDescriptionError
{
    font-weight:bold;
    color:red;
}

.FieldInputBox
{
    text-align:right;
    width:50%;
    padding-right:7px;
    padding-left:8px;
}

.FieldComboBox
{
    text-align:right;
    width:50%;
    padding-left:8px;
}

.InvisibleLink
{
    text-decoration:none;
    outline:none;
    cursor:pointer;
}

.MinWidth
{
    min-width:1175px;
    width:auto !important;
    width:1175px;
}

/* ********************************************
    ToolBar
   ******************************************** */

.HeaderToolbar
{
    height:50px;
    width:100%;
    background-position:0px -30px;
    background-image:url('redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png');
    margin-bottom:8px;
    border:1px solid #000;
}

.ToolbarFont
{
    font-size:medium;
}

.LanguageArea
{
    position:relative;
    float:right;
    right:10px;
    margin-top:8px;
}

/* ********************************************
    TAB 0-1-2
   ******************************************** */

.SelectGroupCodePane
{
    position:relative;
    float:left;
    min-width:260px;
    max-width:350px;
    min-height:314px;
    width:350px;
    border:1px solid #868686;
    padding-right:7px;
}

.SelectGroupCodePaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

.GroupSummaryPrompt
{
    color:#0000ff;
    text-align:left;
    width:150px;
}

.GroupSummaryPackageDetail
{
    color:#0000ff;
}

.GroupSummaryPackageItem
{
    color:#0000ff;
    text-align:left;
}

.GroupSummaryPackageItemChargeType
{
    text-align:left;
}

.GroupSummarySelectGroupCode
{
    margin:8px;
    position:relative;
    float:left;
    width:96%;
}

.SmallResaInfoPane
{
    position:relative;
    float:left;
    min-height:310px;
    min-width:260px;
    max-width:400px;
    width:25%;
    border:1px solid #868686;
    padding-right:7px;
}

.ResaInfoPane
{
    position:relative;
    float:left;
    min-height:310px;
    min-width:260px;
    max-width:350px;
    width:350px;
    border:1px solid #868686;
    padding-right:7px;
}

.ResaInfoPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

.RoomTypeHeader
{
    margin:0;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.2em;
    color:#000000;
}

.GroupSummaryPane
{
    position:relative;
    float:left;
    margin-left:48px;
    min-height:310px;
    min-width:260px;
    max-width:400px;
    width:50%;
    border:1px solid #868686;
    padding-right:7px;
}

.GroupSummaryPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

.ResaSummaryPane
{
    position:relative;
    background-color:#f1f1f1;
    float:left;
    width:38%;
    min-height:440px;
    max-height:440px;
    margin-left:48px;
    padding-right:7px;
    border:1px solid #868686;
}

.ResaSummaryPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

.ResaSummaryTextItem
{
    width:50%;
    text-align:left;
}

.ResaSummaryDescription
{
    position:relative;
    left:8px;
    font-family:sans-serif;
    font-size:1em;
    padding-left:4px;
    padding-bottom:4px;
    border-bottom:1px solid #A1A1A1;
}

.RoomTypeDescriptionSummary
{
    width:96%;
    height:70px;
    margin-top:-20px;
    margin-bottom:5px;
}

.RateSummary
{
    width:96%;
    font-family:Courier,monospace;
    height:100px;
    margin-bottom:2px;
}

.TermsSummary
{
    width:96%;
    height:70px;
    font-weight:bold;
}

.FillerImage
{
    position:relative;
    float:left;
    overflow:hidden;
    margin-left:98px;
    background-repeat:no-repeat;
    width:500px;
    height:331px;
    max-width:500px;
    max-height:331px;
    padding-bottom:60px;
}

/* ********************************************
    TAB 3
   ******************************************** */

.RoomTypePane
{
    position:relative;
    float:left;
    min-height:440px;
    max-height:440px;
    height:440px;
    width:42%;
    margin-left:16px;
    overflow:hidden;
    border:1px solid #868686;
}

.RoomTypeTitle
{
    position:relative;
    left:4px;
    font-family:sans-serif;
    font-size:1.7em;
    padding-left:4px;
}

.RoomTypeDescription
{
    position:relative;
    left:8px;
    font-family:sans-serif;
    font-size:1em;
    padding-left:4px;
    /*border-bottom:1px solid #A1A1A1;*/
}

.RoomTypePrice
{
    width:75%;
    font-family:sans-serif;
    font-size:1.3em;
    /*border-left:1px solid #A1A1A1;*/
    padding-left:8px;
    padding-right:8px;
    /*border-bottom:1px solid #A1A1A1;*/
}

.ResaInfoRoomTypeAndRateTotalPane
{
    position:relative;
    float:left;
    width:26%;
    min-height:440px;
    max-height:440px;
    height:440px;
    margin-left:16px;
    padding-left:4px;
    padding-top:4px;
	overflow:auto;
    border:1px solid #868686;
}

.RoomTypeSelected
{
    background-color: #ccffff;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
    border-radius:10px;
}

.RoomTypeSelectedHover
{
    background-color: #00ffff;
    -moz-border-radius:10px;
	-webkit-border-radius:10px;
    border-radius:10px;
}

.RoomTypeRow td
{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

tr.RoomTypeRow td
{
    border-width:1px 0;
    border-style:solid;
    border-color:black;
}

tr.RoomTypeRow td.RoomTypeRowLeft
{
    border-width:1px 0 1px 1px;
}

tr.RoomTypeRow td.RoomTypeRowRight
{
    border-width:1px 1px 1px 0;
}

tr.RoomTypeRow td.RoomTypeRowBoth
{
    border-width:1px 1px 1px 1px;
}

/* ********************************************
    TAB 4
   ******************************************** */

.OptionalItemsPane
{
    position:relative;
    float:left;
    width:70%;
    max-height:440px;
    min-height:440px;
    overflow:hidden;
    background-color:#f1f1f1;

    border:1px solid #868686;
}

.OptionalItemsPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.OptionalItemsSelect
{
    width:50px;
}

.OptionalItemsDate
{
    background-image:url('../images/line_diagonal.png');
    background-repeat:no-repeat;
    height:32px;
    width:150px;
    min-width:150px;
    max-width:150px;
}

.OptionalItems
{
    min-width:100px;
}

.SingleResaSummaryPane
{
    position:relative;
    float:left;
    background-color:#f1f1f1;
    margin-left:16px;
    width:300px;
    min-height:440px;
    max-height:440px;
    min-width:300px;
    max-width:350px;
    border:1px solid #868686;
    padding-right:7px;
}

.SingleResaSummaryPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

/* ********************************************
    TAB 5
   ******************************************** */

.GuestInfoPane
{
    position:relative;
    float:left;
    background-color:#f1f1f1;
    width:70%;
    min-height:440px;
    max-height:440px;
    overflow:hidden;
    border:1px solid #868686;
}

.GuestInfoPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

/* ********************************************
    TAB 6
   ******************************************** */

.TermsPane
{
    position:relative;
    float:left;
    background-color:#f1f1f1;
    width:40%;
    margin-left:24px;
    min-height:488px;
    max-height:488px;
    overflow:hidden;
    border:1px solid #868686;
}

.CommentBox
{
    background-color:#fff;
    float:left;
    width:95%;
    height:80px;
    margin:8px;
    border:1px solid #000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
}

.TaxExemptionsAcceptBox
{
    position:absolute;
    background-color:#fff;
    float:left;
    bottom:0px;
    width:94%;
    height:80px;
    overflow:hidden;
    margin:8px;
    border:1px solid #000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.9em;
}

.TermsAcceptBox
{
    position:absolute;
    background-color:#fff;
    float:left;
    bottom:0px;
    width:96%;
    height:28px;
    overflow:hidden;
    margin:8px;
    border:1px solid #000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
}

.PoliciesAcceptBox
{
    position:absolute;
    background-color:#fff;
    float:left;
    bottom:0px;
    width:93%;
    height:40px;
    overflow:hidden;
    margin:8px;
    border:1px solid #000;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
}

.SelectedCreditCard
{
    background-color:#EAF4FD;
    border-style:solid;
    border-width:1px;
}

/* ********************************************
    TAB 7
   ******************************************** */

.BillingInfoPane
{
    position:relative;
    float:left;
    background-color:#f1f1f1;
    width:70%;
    min-height:440px;
    max-height:440px;
    overflow:hidden;
    border:1px solid #868686;
}

.BillingInfoPaneTitle
{
    position:relative;
    float:left;
    margin:0;
    width:100%;
    height:24px;
    border:1px solid #c5dbec;
    background-color:#eaf4fd;
    padding-left:5px;
    padding-top:4px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1.5em;
    color:#000000;
}

.BlueText
{
	color:blue;
}

/* ********************************************
    TAB 8
   ******************************************** */

.ConfirmationPrompt
{
    width:50%;
    padding-left:60px;
}

/*****************************************************
 Modal windows
 *****************************************************/

.ErrorMessage
{
    color:red;
}