/* Main Layout */
body
{
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%; 
	max-height: 100%; 
	background: #fff; 
	font-family: Tahoma, Verdana, Arial, MS Sans-Serif, Times New Roman;
	font-size: 12px;
	/*overflow: hidden; */
}

/* for internet explorer */
* html body
{
	padding: 98px 0 24px 160px; 
}

textarea
{
	font-family: Tahoma, Verdana, Arial, MS Sans-Serif, Times New Roman;
	font-size: 12px;
}
@media screen
{
	#login
	{
		color: White;
		position: absolute; 
		top: 0px; 
		right: 0; 
		line-height: 76px;
	}
	#left
	{
		position: fixed; 
		top: 76px;
		left: 0px;
		bottom: 24px; 
		width: 160px;
		overflow: hidden; 
		border-top: 1px solid black;
		border-right: 1px solid black;
		z-index: 3;
		padding: 0px;
		background-color: #AFCBF0;
		vertical-align: top;
	}

	* html #left
	{
	}
	
	#content
	{
		position: fixed; 
		top: 101px;
		left: 160px;
		bottom: 24px; 
		right: 0; 
		overflow: auto; 
		background: #fff;
		padding: 8px;
	}

	* html #content
	{
	  height:100%; 
	  width:100%; 
	  left: 160px;
	}

	#header
	{
		background-color: #81A9E2;
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 98px;
		background-image: url(images/molten.jpg);
		background-repeat: no-repeat;
	}
	* html #header
	{
		height:98px;
	}
	
	#footer
	{
		z-index: 99999;
		border-top: 1px solid black;
		position: absolute; 
		bottom: 0; 
		left: 0;
		width: 100%; 
		overflow: auto; 
		text-align: right; 
		color: White;
		background-color: #81A9E2;
		height: 24px;
		vertical-align: middle;
		line-height: 24px;
	}
	* html #footer
	{
		height: 24px;
	}

    #banner
    {
        height: 76px;
        font-size: 28px;
        font-weight: bold;
        color: white;
        line-height: 76px;
        margin-left: 100px;
    }
    #menu
    {
        border-top: 1px solid Black;
        border-bottom: 1px solid Black;
	    background-color: #F9C675;
        background-image: url(Images/title_gradient.jpg); 
        background-repeat: repeat-x;
        padding-left: 160px;
        height: 22px;
        font-size: 16px;
        color: Black;
	    white-space: nowrap;
	    overflow: hidden;
    }

	#appTitle
	{
		white-space: nowrap;
		width: 100%;
	}
	#appLogos
	{
		white-space: nowrap;
	}
	#coming_up
	{
		border-right: solid 1px #000000;
		width: 160px;
		padding: 0px;
		right: 160px;
		background-color: #AFCBF0;
		height: 500px;
		vertical-align: top;
	}

	.register_section
	{
		background-image: url(Images/title_gradient.jpg);
		border: solid 1px Black;
	}
	#pageTitle
	{
		padding: 10px;
		background-image: url(Images/title_gradient.jpg);
		font-size: 24px;
		border-bottom: solid 1px #000000;
		white-space: nowrap;
	}
	#breadCrumb
	{
		padding: 10px;
		background-image: url(Images/breadcrumb_gradient.jpg);
		border-bottom: solid 1px Black;
	}
	#loginDetails
	{
		font-size: 12px;
		font-weight: normal;
		font-family: Tahoma, Verdana, Arial, MS Sans-Serif, Times New Roman;
		vertical-align: bottom;
		white-space: nowrap;
	}
	.main_content
	{
		padding: 10px;
	}
	
	.main_content_no_padding
	{
		padding: 0px;
	}
}

@media print
{
	#login
	{
		display: none;
	}
	#left
	{
		display: none;
	}
	#banner
	{
		display: none;
	}
	#appTitle
	{
		display: none;
	}
	#appLogos
	{
		display: none;
	}
	#menu
	{
		display: none;
	}
	#pageTitle
	{
		display: none;
	}
	#breadCrumb
	{
		display: none;
	}
	#footer
	{
		display: none;
	}
}

#watermark
{
	position: absolute;
	top: 250px;
	left: 250px;
	padding: 0px;
	z-index: -9999;
}

#atlasProgress
{
	position: absolute; 
	top: 300px; 
	left: 400px; 
	background-color: #F1F1F1; 
	border: solid 1px Black;
	font-size: 18px;
	color: Black;
	padding: 10px;
}
.display_none
{
	display: none;
}
.align_top
{
	vertical-align: top;
}
.align_right
{
	text-align: right;
}
.align_top_right
{
	vertical-align: top;
	text-align: right;
}
.align_centre
{
	text-align: center;
}
.align_right_bold
{
	text-align: right;
	font-weight: bold;
}
.bold
{
	font-weight: bold;
}
.invisible
{
	visibility: hidden;
}
.width_100_percent
{
	width: 100%;
}
.overflow
{
	overflow: auto;
}
.required
{
	color: Red;
}
.blue
{
	color: Blue;
}
.italic
{
	font-style: italic;
}

.infobox
{
	border: 1px solid Black;
	float: left;
}
.infobox .infobox_header
{
	border-bottom: 1px solid black; 
	background-color: #81A9E2; 
	font-size: 16px; 
	font-weight: bold; 
	color: White;
	padding: 4px 4px 4px 12px;
}
.infobox .infobox_content
{
	padding: 12px;
	background-color: #FFFFD5;
}
.infobox .infobox_content ul.infolist
{
	list-style-type: none;
	margin-left: 0px;
}
.infobox .infobox_content ul.infolist li
{
	height: 48px; 
	line-height: 32px;
}
.infobox .infobox_content ul.infolist li input
{
	float: left;
}
.required
{
	color: Red;
}
.great_stat
{
	color: Blue;
	font-weight: bold;
}
.good_stat
{
	color: Blue;
}
.bad_stat
{
	color: Red;
}
/*--------------------------------------------------------*\
*	Button
*\--------------------------------------------------------*/
button
{
	cursor: hand;
}
button img
{
	margin: 0 3px -4px 0 !important;
    border: none;
    width: 16px;
    height: 16px;
}
/*--------------------------------------------------------*\
*	Press Releases
*\--------------------------------------------------------*/
.press_release
{
	border-bottom: 1px solid black;
}
.press_release_header
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #FFFFD5;
	cursor: hand;
	padding: 4px;
}
.press_release_header_selected
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: #81A9E2;
	cursor: hand;
	padding: 4px;
}
.press_release_content
{
	border: 1px solid black;
	padding: 4px;
}
/*--------------------------------------------------------*\
*	Calendar
*\--------------------------------------------------------*/
.calendar_printed_no_reprint
{
	background-color: Gray;	
}
.calendar_printed_reprint
{
	background-color:  #cccccc;	
}
.calendar_bookings
{
	background-color: #FFFFCC;
}
.calendar_no_bookings
{
	background-color: White;
}

.calendar_day_header
{
	background-color: Gray;	
}
.events_day_header
{
	background-color: #AFCBF0; /* #FEE591; /*#F5BF55; */
}
/*--------------------------------------------------------*\
*	DetailsView
*\--------------------------------------------------------*/
.detailsview
{
	border: solid 1px Black;
}
.detailsview_header
{
	background-color: #81A9E2; /*#9fb3de;*/
	color: White;
	font-weight: bold;
	border-right: solid 1px Black;
	border-bottom: 0px;
	border-top: 0px;
}
.detailsview_row
{
	width: 300px;
	border-bottom: 0px;
	border-top: 0px;
}

/*--------------------------------------------------------*\
*	FieldSizes
*\--------------------------------------------------------*/
.field_title
{
	width: 40px;
}
.field_name
{
	width: 120px;
}
.field_phone
{
	width: 150px;
}
.field_email
{
	width: 200px;
}
.field_notes
{
	width: 200px;
}
.field_quantity
{
	width: 50px;
}
.field_item
{
	width: 200px;
}
.field_address
{
	width: 200px;
}
.field_quantity_container
{
	text-align: right;
	width: 70px;
	white-space: nowrap;
}
.field_booking_note
{
	width: 500px;
}
.field_date
{
	width: 80px;
}
.field_amount
{
	width: 75px;
}
/*--------------------------------------------------------*\
*	GridView
*\--------------------------------------------------------*/
.gridview
{
	border: solid 1px Black;
}
.gridview_header
{
	background-color: #81A9E2; /*#9fb3de;*/
	color: White;
	border-bottom: solid 1px Black;
}
.gridview_header a
{
	color: White;
}
.gridview_row
{
}
.gridview_edit_row
{
	vertical-align: top;
	border-bottom: solid 1px Black;
	border-top: solid 1px Black;
	background-color: #FFFFD5;
}
.gridview_footer
{
	background-color: #81A9E2; /*#9fb3de;*/
	color: White;
	border-top: solid 1px Black;
	font-weight: bold;
}
.gridview_mouseover
{
	cursor: hand;
    background-color: #c1d2ee;
}
.gridview_desc_field
{
	background-color: #FFFFD5;
}
/*--------------------------------------------------------*\
*	Login
*\--------------------------------------------------------*/
.login_control
{
	background-color: #AFCBF0;
	border: solid 1px Black;
	color: #333333;
}
.login_title_text
{
	background-color: #81A9E2;
	font-weight: bold;
	font-size: 14px;
	color: White;
	padding: 4px;
}
.login_instruction_text
{
	font-style: italic;
	color: Black;
}
.login_textbox
{
	
}
.login_button
{
}
.login_success_text
{
	font-weight: bold;
}
/*--------------------------------------------------------*\
*	Menu
*\--------------------------------------------------------*/
.menu
{
	cursor: pointer; 
	cursor: hand;
	background-color: Transparent;
}
.dynamic_menu
{
	background-color: #FFFFD5;
	border: solid 1px black;
}
.dynamic_menu_item
{
	padding: 2px 5px;
	font-size: 12px;
	border: solid 1px #FFFFD5;
	background-color: #FFFFD5;
	color: black;
	display: block;
}
.dynamic_selected_item
{
	background-color: White;
	border-color: Black;
	font-weight: bold;
}
.dynamic_hover_item
{
	background-color: #CCCCCC;
	border-color: Black;
}
.static_menu
{
/*	background-color: Blue;*/
}
.static_menu_item
{
	padding: 2px 5px;
	font-size: 14px;
	color: Black;
}
.static_selected_item
{
	border-color: Black;
	font-weight: bold;
}
.static_hover_item
{
	background-color: #CCCCCC;
	border-color: Black;
}
/*--------------------------------------------------------*\
*	print_layout
*\--------------------------------------------------------*/
.page_header
{
	page-break-inside: avoid;
	display: table-header-group;
}
.page_body
{
	height: 100%;
}
.page_footer
{
	page-break-inside: avoid;
	display: table-footer-group;
}
.page_break
{
	page-break-before: always;
}
.page_width
{
	width: 640px;
}
TABLE.report_box
{
	border: solid 1px Black;
}

TABLE.report_box TH
{
	border-bottom: solid 1px Black;
}



.test
{
	display: table-row-group;
}

.report_item
{
	width: 500px;
}
.report_qty
{
	width: 140px;
}

/*--------------------------------------------------------*\
*	server_error
*\--------------------------------------------------------*/
.collapsePanel
{
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader
{
	width:100%;		
	height: 25px;
	background-image: url(../../Images/Gradient.aspx?Direction=H&Length=35&StartColor=DCEBFE&EndColor=84ABE4&Format=jpeg);
	background-repeat:repeat-x;
	cursor: pointer; 
	vertical-align: middle;
	border-bottom: solid 1px Black;
	border-top: solid 1px Black;
	border-left: solid 1px Black;
}
.padding_5px
{
	padding: 5px;
}
.stack_trace
{
	padding: 5px;
	background-color: #FFFFD5;
}
.server_error_message
{
	font-style: italic;
	font-size: 18px;
	color: Red;
}
/*--------------------------------------------------------*\
*	SiteMapPath
*\--------------------------------------------------------*/
.sitemappath
{
	font-size: 10px;
}
.sitemappath_pathseparator
{
	font-weight: bold;
	color: #507CD1;
}
.sitemappath_currentnode
{
	color: #333333;
}
.sitemappath_node
{
	font-weight: bold;
	color: #284E98;
}
.sitemappath_rootnode
{
	font-weight: bold;
	color: #507CD1;
}

/*--------------------------------------------------------*\
*	WhatsOn
*\--------------------------------------------------------*/
.whats_on
{
	background-color: #FFFFD5; /* #AFCBF0; */
	width: 100%;
	border-top: solid 1px #AFCBF0;
	border-bottom: solid 1px Black;
/*
color: White;
*/
}
.whats_on_day_header
{
	background-color: #FFFFD5; /* #AFCBF0; /* #FEE591; /*#F5BF55; */
	font-weight: normal;
	border-top: solid 1px Silver;
/*
	color: White;
	border-top: solid 1px Black;
	border-bottom: solid 1px Black;
*/
}
.whats_on_menu_item
{
	padding: 2px 5px;
	font-size: 12px;
	border: solid 1px #FFFFD5;
	background-color: #FFFFD5;
	color: black;
}
.whats_on_header
{
	padding: 2px 5px;
	font-size: 14px;
	font-weight: bold;
	background-color: #81A9E2;
	color: White;
	text-align: left;
}

ul.whats_on
{
	margin: 0px; 
	list-style-type: none;
	background-color: #FFFFD5;
	width: 100%;
	border-top: solid 1px #AFCBF0;
	border-bottom: solid 1px Black;
}
ul.whats_on li
{
	clear: left;
	line-height: 24px;
}
ul.whats_on li.header
{
	padding: 2px 5px;
	font-size: 14px;
	font-weight: bold;
	background-color: #81A9E2;
	color: White;
	text-align: left;
}

ul.whats_on li.day
{
	background-color: #FFFFD5; /* #AFCBF0; /* #FEE591; /*#F5BF55; */
	font-weight: normal;
	border-top: solid 1px Silver;
	text-align: center;
}
ul.whats_on li img
{
	float: left;
	height: 24px;
	width: 24px;
}

/*--------------------------------------------------------*\
*	Wizard
*\--------------------------------------------------------*/
.wizard
{
	height: 325px;
	width: 100%;
}
.wizard_button
{
	width: 80px;
}
.wizard_sidebar
{
	padding: 10px;
	vertical-align: top;
	background-color: #FFFFD5;
	width: 110px;
	border-right: solid 1px Black;
	white-space: nowrap;
}
.wizard_step
{
	padding: 10px;
	vertical-align: top;
}
.wizard_sidebar_links
{
	color: Blue;
}
.wizard_header
{
	padding: 10px;
	background-color: #FFFFD5;
	height: 20px;
	border-bottom: solid 1px Black;
}
/* ------------------------ */
.nowrap
{
	white-space: nowrap;
}