/*Body tag takes these properties */
body
{
    margin:0;
    padding:0;
    font-family:arial,sans-serif;
    font-weight:600;
    font-size:x-small;
    text-align:center
}

/*All p & a elements will have these properties */
p{margin:0 10px 10px}

/*This is an ID, only used once in the page */
div#header
/*These HTML elements inside the ID element will have these properties*/
h1{height:50px;line-height:50px;margin:0;background:#FFFFFF;color:#343764;text-align:center}  
h2{height:30px;line-height:30px;margin:0;background:#FFFFFF;color:#343764;text-align:center}
 
/*This ID will have these properties */
div#container{text-align:left;width:700px;margin:0 auto}

/*Defines properties for ID content */
div#content {float:right;width:500px} 
/*Defines properties for 'p' HTML element in the content ID */
div#content p{line-height:1.0}

/*This ID will have these properties */
div#extra
{
    float:left;
    clear:left;
    width:200px;
    height:200px;
    background:#FFFFFF;
    color:Navy;
    font-size:x-small;
}

/*This ID will have these properties */
div#roomavailability
{
	float:left;
	width:200px;
	background:#FFFFFF;
	color:Navy
}

/*This ID will have these properties */
div#footer{background: #333000;color:#FFFFFF;clear:both;width:100%;}
div#footer p{margin:0;padding:5px 10px}

/* Any HTML element can use this class */
.HeaderStyle
{
    background-color:Gray;
    color:White;
    font-weight:900;
}

.ConfirmHeaderStyle
{
    background-color:Gray;
    color:White;
    font-weight:600;
    font-size:xx-small;
}

.ConfirmItemStyle
{
    font-weight:600;
    font-size:xx-small;
}
.PageText
{
    font-weight:600;
    font-size:x-small;
}
.PageTextBlack
{
    font-weight:600;
    font-size:x-small;
    color:Black;
}
.PageTextInstructions
{
    font-weight:normal;
    font-size:x-small;
}

/*Define properties for objects inside the content */
.tablediv 
{
    display:table;
    width:500px;
    background-color:#EEEEEE;
    border:0px solid  #FFFFFF;
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
    border-collapse:separate;
}
.rowdiv  
{
    display:table-row;
    width:auto;
    height:30px;
}
.rowdivauto 
{
    display:table-row;
    width:auto;
    height:auto;
}
.celldiv 
{
    float:left;/*fix for  buggy browsers*/
    display:table-cell;
    width:50%;
}

.ContentBackground
{
    background-color:#EEEEEE;
    font-family:Verdana;
}

/* Error message properties*/
.ErrorMessage
{
    color:Red;
    font-weight:900;
}


/*Properties for the dynamic calender */
.MyCalendar .ajax__calendar_container {border:1px solid #646464;background-color:White;color: red;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {color: black;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {color: black;font-weight:bold;}