/***************************************************************/
/* Australian Open Media Web-Site.                             */
/* Copyright (c) 2010-2012, Tennis Australia.                  */
/*                                                             */  
/* Content.css - Application style-sheet for site content.     */
/***************************************************************/

/* Class to display grouped div's */
.dates-container
{
	text-align: left;
	height: 18px;
	line-height: 18px;
    margin-bottom: 6px;
}


/* Class to display the key dates */
.dates-width
{
    width: 215px;
}

/* Class to display grouped div's */
.login-container {
    text-align: left;
    height: 25px;
    line-height: 25px;
    margin-bottom: 3px;
}


/* Class to display the key dates */
.loginlabel-width {
    width: 268px;
}


/* Class to display the welcome frame */
.welcome-frame
{
    width: 414px;
}


/* Class to display a faded image of a player outline */
.players-image
{
	border-style: none;	
}    


/* Class to display a faded image of a player outline */
img.players-image
{
    opacity: 0.50;
    filter: alpha(opacity=50);
}    


/* Class to the applicants photo */
.applicant-photo
{
	height: 200px;
	width: 160px;
}        


/* Class to display upper-case text */
.uppercase-text
{
    text-transform: uppercase;
}


/* Class to display a multi-line question/label */
.multi-line-question
{
	margin-bottom: 12px; 
	line-height: 14px;
}        


/* Class to display a multi-line question/label */
.multi-line-container
{
	height: 45px;
}

.multi-line-container-note {
    height: 76px;
}        


/* Class to display a bordered frame around a hotel logo/room photo */
.hotel-image
{
    background-color: #FFFFFF;
	border-style: solid;
	border-color: #AEAEEE;
    border-style: none; /* Change for AO2015...don't show the border */
}


/* Display a bordered frame around a hotel logo/room photo */
img.hotel-image
{
	background-image: url(../Images/Loading.gif);
    border-width: 1px!important;
    background-position: center;
    background-repeat: no-repeat;
}


/* Class to display the details about a hotel */
.hotel-details
{
    width: 350px;
}


/* Class to display the hotel/room logo */
.hotel-logo
{
	height: 130px;
	width: 200px;
}


/* Class to display the hotel logo/room inside a framed border */
img.hotel-logo
{
	height: 126px;
	width: 196px;
}
		

/* Display a bordered frame around a hotel logo/room photo */
img.room-image
{
	height: 136px;
	width: 206px;
}


/* Class to display the hotel/room logo */
.room-logo
{
    height: 160px;
    width: 230px;
}


/* Class to display a scrollable list for terms/conditions */
.conditions-list
{
	height: 285px;
}

/* Class to display the conditions */
.conditions-content
{
	height: 270px;
	top: 2px;
	margin: 5px 5px 5px 5px;
	overflow: auto;
}


/* Class to display "fine print" text */
.fine-print {
    /*font-size: 12px;*/
}


/* Class to display "warning" text */
.warning
{
	color: rgb(247,152,29);
}


/* Class to display titles for a hotel-booking */
.booking-fields
{
	height: 20px;
}


/* Class to display the booking comments across a double-sized column */
.booking-comments
{
	width: 360px;
}


/* Class to display the booking guest list column */
.booking-guest-list
{
	width: 555px;
}


/* Class to display the booking request in columns */
.booking-column-single
{
	float: left;
	width: 180px;
	text-align: left;
}


/* Class to display the booking request in a double column */
.booking-column-double
{
	float: left;
	width: 360px;
	text-align: left;
}


/* Class to display the summary information in a frame */
.summary-frame
{
	width: 490px;
	/*padding: 2px 2px 2px 2px; */
}


/* Class to display a border around the summary field value */
.summary-field-value
{
	width: 285px;
	line-height: 18px;
	border-style: solid;
	border-color: #888888!important;
	border-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}        


/* Class to display a border around the summary field value */
.summary-field-text
{
	height: 18px;
}        


/* Class to display a border around the summary field value */
.summary-field-memo
{
    margin-top: 1px;
    margin-bottom: 1px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 62px;
}        


/* Class to display a credit-card expiry */
.credit-card-expiry
{
	float: left;
	width: 75px;
	text-align: left;
}

/*Default Login CSS*/
.default-welcome-frame{
    width:48%;
}

.default-loginlabel-width{
    width:100%;
}

.default-Event-Dates{
    padding-left:100px;
    padding-top: 20px;
}


HTML > BODY > FORM > DIV.sized-width > DIV > DIV > DIV.content-holder > DIV.data-entry-container > TABLE > TBODY > TR > TD > LABEL > SPAN.message
{
    max-width: 300px;

    display: table-cell;

    padding-left: 10px;

    font-style: italic;
}


HTML > BODY > FORM > DIV.sized-width > DIV > DIV > DIV.content-holder > DIV > UL.navigation-menu > LI
{
    padding-left: 0px;
}


HTML > BODY > FORM > DIV.sized-width > DIV > DIV > DIV.content-holder > DIV > UL.navigation-menu > LI > A
{
    padding-left: 10px;
    padding-right: 10px;
}


HTML > BODY > FORM > DIV.sized-width > DIV > DIV > DIV.content-holder > DIV > UL.navigation-menu > LI > A.active
{
    background-color: #BFD400;
}