.foo {}

/* Colour Swatches */
/* WebJet Red: #DC140A */
/* PlanIt Blue: #2970BE */
/* Light blue highlight: #EFF3FF */
/* Light red highlight: #FFBFC3 */
/* Light orange highlight: #FFF2D6 */

/* ---------------------------------------------
   Global Element Styles
   ---------------------------------------------*/
	BODY
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        font-family: Arial;
        font-size: 9pt;
        background-color: #dc140a; /* Webjet red background */
    }
	
	IMG
	{
		border: none;
	}

	IMG.MovieButton
	{
		height:32px;
		width:119px;
		border: none;
	}

	IMG.PNGImage
	{
		_behavior: url(PNGImage.htc); /* IE6 Only */
	}
	
	SPAN.MessengerPresence
	{
		#behavior: url(MessengerPresence.htc); /* IE Only */
	}

	INPUT.validationError, TEXTAREA.validationError
	{
		background-color: #FFE0E0 !important;
		border: 1px dashed #A00002 !important;
	}
	
	TABLE
	TABLE TH
	TABLE TH
	{
		border-style : none;
	}

/* ---------------------------------------------
   Master Page Styles
   ---------------------------------------------*/
	DIV#page-loading-back
	{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 200%;
		_height: 2000px; /* IE6 only */
		z-index: 9000;
		background-color: Gray;
		filter: alpha(opacity=60);
		opacity: 0.6;
	}
	
	DIV#page-loading-dialog
	{
		width: 200px;
		height: 145px;
		
		position: absolute;
		top: 30%;
		left: 40%;
		z-index: 10000;
		text-align: center;
		vertical-align: middle;
		
		background-color: white;
		border: 3px solid #2970BE;
		
		font-family: Arial;
		
		padding: 5px 5px 5px 5px;
	}
	
	DIV#page
    {
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    
    DIV#page-header 
    {
        height: 128px;
    }
    
    DIV#page-header-logo-bar
    {
        height: 93px;
    }
    
    DIV#page-header-webjet-logo
    {
        width: 692px;
        height: 100%;
        float: left;
        background: #C51009 url('../../Images/HeaderWebjetBack.gif') top repeat-x;
        overflow: hidden;
    }
    
    DIV#page-header-webjet-logo-image
    {
        width: 173px;
        height: 86px;
        background: url('../../Images/WebjetLogo.png') top no-repeat;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 17px;
    }
    
    DIV#page-header-planit-logo
    {
        width: 332px;
        height: 100%;
        float: right;
        background: #2D77CC url('../../Images/HeaderPlanItBack.gif') top repeat-x;
        overflow: hidden;
    }
    
    DIV#page-header-planit-logo-left
    {
        width: 41px;
        height: 100%;
        background: url('../../Images/HeaderPlanItBackLeft.gif') right no-repeat;
        float: left;
        overflow: hidden;
    }
    
    DIV#page-header-planit-logo-middle
    {
        height: 100%;
        width: 276px;
        overflow: hidden;
        _float: left; /* IE6 Only */
    }        
    
    DIV#page-header-planit-logo-image
    {
        width: 200px;
        height: 100px;
        background: url('../../Images/PlanitonearthLogoTrans.png') top no-repeat;
        overflow: hidden;
        margin-top: 0px;
        margin-left: 45px;
        _background: none;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/PlanitonearthLogoTrans.png');
    }
    
    DIV#page-header-planit-logo-right
    {
        width: 14px;
        height: 100%;
        background: url('../../Images/HeaderPlanItBackRight.gif') right no-repeat;
        float: right;
        overflow: hidden;
    }
    
    DIV#page-header-nav-bar
    {
        height: 26px;
        background: #D7D7D7 url('../../Images/NavbarBack.gif') top repeat-x;
        border-top: 1px solid #102D4F;
    }
    
    DIV#page-header-planit-nav
    {
        float: left;
    }
    
    UL#page-header-planit-nav-menu
    {
        margin: 0px;
        padding: 0px;
    }
    UL#page-header-planit-nav-menu LI
    {
        list-style-type: none;
        display: inline;
    }
    UL#page-header-planit-nav-menu LI A
    {
        width: 124px;
        height: 26px;
        display: block;
        float: left;
        text-align: center;
        padding-top: 6px;
        background: url('../../Images/NavbarButtonBack.gif') top no-repeat;
        color: #272727;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 8.5pt;
        font-weight: bold;
    }
    UL#page-header-planit-nav-menu LI A:Hover
    {
        color: white;
    }
    UL#page-header-planit-nav-menu LI A.current-page
    {
        background: url('../../Images/NavbarButtonBackCurrent.gif') top no-repeat;
    }
    
    DIV#page-header-webjet-nav
    {
        height: 26px;
    }
    
    DIV#page-header-webjet-nav-left
    {
        width: 4px;
        height: 26px;
        background: url('../../Images/NavbarWebjetBackLeft.gif') right no-repeat;
        float: left;
    }
    
    DIV#page-header-webjet-nav-middle
    {
        height: 26px;
        _height: 20px; /* IE6 only */
        width: auto;
        text-align: right;
        padding-top: 6px;
        padding-right: 20px;
        font-size: 8.5pt;
        font-weight: bold;
    }
    DIV#page-header-webjet-nav-middle SPAN
    {
        text-transform: uppercase;
        color: #BF0E06;
    }
    DIV#page-header-webjet-nav-middle A
    {
        text-transform: uppercase;
        font-size: 8.5pt;
        font-weight: bold;
        color: #BF0E06;
        text-decoration: none;
    }
    DIV#page-header-webjet-nav-middle A:Hover
    {
        color: #2D77CC;
    }
    
    DIV#page-header-webjet-nav-right
    {
        width: 7px;
        height: 26px;
        background: url('../../Images/NavbarWebjetBackRight.gif') right no-repeat;
        float: right;
    }
    
    DIV#page-header-seperator-bar
    {
        height: 8px;
        _overflow: hidden; /* IE6 only */
        background: #C51009 url('../../Images/HeaderContentSeperator.gif') top repeat-x;
    }
    
    DIV#page-content
    {
        width: 100%;
        background: white url('../../Images/ContentPanesTop.gif') top repeat-x;
        overflow: hidden;
    }
    
    DIV#page-content-left-pane
    {
        width: 716px;
        min-height: 416px;
        overflow: hidden;
        _height: 416px; /* IE6 min-height hack */
        _overflow-y: visible; /* IE6 min-height hack */
        float: left;
        padding: 17px 18px 20px 18px;
        border-right: 1px solid #2A77C5;
    }
    
    DIV#page-content-right-pane
    {
        width: 231px;
        min-height: 416px;
        overflow: hidden;
        float: right;
        padding: 18px 18px 18px 18px;
    }
    
    DIV.optimised-message
    {
	/*	margin-top: 80%;*/
		font-size: 10pt;
		color: #777777;
		text-align: center;
    }
    
    DIV.optimised-message DIV.icons
    {
		text-align: center;
    }
    
    DIV.optimised-message DIV.icons IMG
    {
		margin-left: 8px;
		margin-right: 8px;
    }
    
    DIV.optimised-message A
    {
		color: #777777;
		text-decoration: none;
    }
    
    DIV.optimised-message A:Hover
    {
		color: #2970BE;
		text-decoration: underline;
    }

	/* ---------------------------------------------
	   PlanIt Navigation Bar Styles
	   ---------------------------------------------*/

	/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
	/* So, effectively says: style all tiers in the menu this way... */
	.PlanItNavMenu ul
	{
		margin: 0px;
        padding: 0px;
	}

	.PlanItNavMenu ul.AspNet-Menu
	{
		
	}

	/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
	/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
	/* the topmost tier's appearance. */
	.PlanItNavMenu ul.AspNet-Menu ul
	{
		z-index: 800;
		background: #EFEFEF;
	}

	.PlanItNavMenu ul.AspNet-Menu li a,
	.PlanItNavMenu ul.AspNet-Menu li span
	{
		width: 124px;
        height: 20px;
        display: block;
        text-align: center;
        padding-top: 6px;
        background: url('../../Images/light_grey_tab_tas_new_style.gif') top no-repeat;
        color: #272727;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 8.5pt;
        font-weight: bold;
	}
	
	.PlanItNavMenu ul.AspNet-Menu li a.AspNet-Menu-Selected
	{
		background: url('../../Images/dark_grey_tab_tas_new_style.gif') top no-repeat;
		color:White;
	}
	
	/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
	/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
	/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
	/* The second image comes from this rule (below). */
	.PlanItNavMenu ul.AspNet-Menu li ul
	{
		border: 1px solid gray;
	}
	
	.PlanItNavMenu ul.AspNet-Menu li ul li
	{
		_float: none;
	}
	
	.PlanItNavMenu ul.AspNet-Menu li ul li a,
	.PlanItNavMenu ul.AspNet-Menu li ul li span
	{
		height: 20px;
		padding-top: 6px;
        background: #EFEFEF;
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 8.5pt;
        font-weight: bold;
	}

	/* While you hover over a list item (li) you are also hovering over a link or span because */
	/* the link or span covers the interior of the li.  So you can set some hover-related styles */
	/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
	.PlanItNavMenu ul.AspNet-Menu li a:hover,
	.PlanItNavMenu ul.AspNet-Menu li span.Asp-Menu-Hover
	{
	    color: white;
	}

	.PlanItNavMenu ul.AspNet-Menu li ul li a:hover
	{
		background-color: #CFEAFF;
		color: black;
		border: 1px solid #2A77C4;
		padding-top: 5px;
		width: 122px;
		height: 19px;
	}

	/* ---------------------------------------------
	   PlanIt Tab Strip Menu Styles
	   ---------------------------------------------*/

	/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
	/* So, effectively says: style all tiers in the menu this way... */
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu
	{
		/*height: 27px;*/			
	}
	
	
	/* Top level of tab strip */
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li
	{
		margin-right: 1px;
		background: transparent url('../../Images/TabBackRight.png') right top scroll no-repeat;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li a
	{
		display: block;
		height: 24px;
		padding: 3px 8px 0px 8px;
		background: transparent url('../../Images/TabBackLeft.png') left top scroll no-repeat;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal UL.AspNet-Menu li a img
	{
		vertical-align: top;
		margin-top: 3px;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected /* Current tab */
	{
		background: transparent url('../../Images/TabCurrentBackRight.png') right top scroll no-repeat;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Selected a /* Current tab */
	{
		background: transparent url('../../Images/TabCurrentBackLeft.png') left top scroll no-repeat;
	}
	
	/* Sub levels of tab strip */
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu ul
	{
		z-index: 800;
		background: transparent url('../../Images/TabStripSubMenuBack.png') repeat;
		border: 1px solid #A2D0F4;
		padding: 4px;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li
	{
		margin-right: 0px;
		background: transparent none no-repeat;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a
	{
		display: block;
		width: 100px;
		height: auto;
		padding: 6px 10px 6px 10px;
		background: transparent url('../../Images/TabStripSubMenuBack.png') repeat;
        color: #2D6C95;
        text-decoration: none;
        font-size: 9pt;
	}
	
	.tab-strip DIV.AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover
	{
		background: white;
		color: #7BBDEF;
	}

/* ---------------------------------------------
   Common Page Styles
   ---------------------------------------------*/
	
	DIV.float-clearer
	{
		clear: both;
	}
	
	DIV#error-message
	{
		padding: 8px;
		border: 1px solid red;
		font-size: 11pt;
	}
	
	DIV#error-message DIV.error-heading
	{
		font-size: 16pt;
		font-weight: bold;
		color: Maroon;
	}
	
	#survey-box
	{
		width: 184px;
		height: 60px;
		float: right;
	}

	/*Modal Popup*/
	.modalBackground {
		background-color: Gray;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}

	.modal-background 
	{
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
	}
	
	.expander
	{
		cursor: pointer;
	}
	
	.expander IMG.expanderImage
    {
        float: right;
        margin-left: 4px;
    }
	
	.collapsePanel
	{
	    height: 0px;
	    width: 100%;
	    overflow: hidden;
	}
	
	.popup
	{
		visibility: hidden;
		position: absolute;
	}
	
	.hidden
	{
		visibility : hidden;
		display : none;
	}

	.popup-menu {
		position: absolute;
		visibility: hidden;
		background-color: #D5D7D8;
		opacity: .9;
		filter: alpha(opacity=90);
		border : solid 1px #202020;
	}

	.popup-hover {
		background-image:url(Images/header-opened.png);
		background-repeat:repeat-x;
		background-position:left top;
		background-color:#F5F7F8;
	}

	.popup-control
	{
		background-color : White;
		position : absolute;
		visibility : hidden;
	}
	
	DIV.UpdatePanelProgressIndicator
	{
		margin: 4px 0px 4px 0px;
	}
	
	DIV.PlanItHelpCallout
	{
		color: Black;
		font-family: Arial;
		font-size: 12px;
		background: url('../../Images/CalloutBackYellow.png');
		border: 1px solid #D0CC91;
		padding: 6px 8px 6px 8px;
		margin: 4px;
		position: absolute;
		width: 150px;
		text-align: left;
		visibility: hidden; /* This will get over-written by the HoverMenu extender */
	}
		DIV.PlanItHelpCallout H1
		{
			margin: 0px 2px 4px 2px;
			font-size: 14px;
		}
			DIV.PlanItHelpCallout H1 IMG
			{
				float:right;
			}
		DIV.PlanItHelpCallout P
		{
			margin: 0px 2px 4px 2px;
			font-weight: normal;
		}

	UL.tab-strip
	{
		display: block;
		margin: 0px 0px 12px -16px;
		padding: 0pt 16px;
		list-style-image: none;
		height: 15px;
	}
	
	UL.tab-strip LI
	{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		float: left;
		margin-right: 1px;
		_behavior: url('hoverClass.htc'); /* IE6 Only */
	}
	
	UL.tab-strip LI A
	{
		display: block;
		float: left;
		height: 24px;
		padding: 3px 8px 0px 8px;
		outline: none;
	}
	
	UL.tab-strip LI A IMG
	{
		vertical-align: top;
	}
	
	UL.tab-strip LI A IMG.icon
	{
		margin-top: 2px;
		margin-right: 3px;
	}
	
	UL.tab-strip LI A IMG.text
	{
		margin-top: 7px;
	}
	
	UL.tab-strip LI A IMG.icon-and-text
	{
		margin-top: 3px;
	}
	
	UL.tab-strip LI.on
	{
		background: transparent url('../../Images/TabCurrentBackRight.png') right top scroll no-repeat;
	}
	
	UL.tab-strip LI.on A
	{
		background: transparent url('../../Images/TabCurrentBackLeft.png') left top scroll no-repeat;
	}
	
	UL.tab-strip LI.off
	{
		background: transparent url('../../Images/TabBackRight.png') right top scroll no-repeat;
	}
	
	UL.tab-strip LI.off A
	{
		background: transparent url('../../Images/TabBackLeft.png') left top scroll no-repeat;
	}
	
	UL.tab-strip LI:Hover,
	UL.tab-strip LI.onHover, /* for IE6 behavior */
	UL.tab-strip LI.offHover /* for IE6 behavior */
	{
		background: transparent url('../../Images/TabCurrentBackRight.png') right top scroll no-repeat;
	}
	
	UL.tab-strip LI:Hover A,
	UL.tab-strip LI.onHover A, /* for IE6 behavior */
	UL.tab-strip LI.offHover A /* for IE6 behavior */
	{
		background: transparent url('../../Images/TabCurrentBackLeft.png') left top scroll no-repeat;
	}
	
	UL.tab-strip LI A:Active IMG
	{
		opacity: .5;
	}

/* ---------------------------------------------
   PlanIt Calendar Styles
   ---------------------------------------------*/
	.planit-calendar
	{
		background-color : White;
		border : solid 1px #999999;	
		font-size : small;	
	}

	.planit-calendar-day-header
	{
		background-color : #cccccc;
		font-weight : bold;
		font-size : small;	
	}

	.planit-calendar-day
	{
	}

	.planit-calendar-selected-day
	{
		background-color : #dc140a;	
	}

	.planit-calendar-today-day
	{
		background-color : #cccccc;	
	}

	.planit-calendar-selector
	{
		background-color : #cccccc;
	}

	.planit-calendar-weekend-day
	{
		background-color : #FFC0C0;
	}

	.planit-calendar-other-month-day
	{
		color : Gray;
	}

	.planit-calendar-next-prev
	{
		vertical-align : bottom;
	}

	.planit-calendar-title
	{
		background-color : #cccccc;
		border-color : Black;
		font-weight : bold;
	}

/* ---------------------------------------------
   PlanIt Control Base Styles
   ---------------------------------------------*/
	DIV.PlanItControlContainer
	{
		border: 1px solid #2A77C5;
		font-family: Arial;
		width: 100%;
	}

	DIV.PlanItControlContainer TABLE
	{
		font-size: small;
	}
	
	DIV.PlanItControlHeading,
	H1.PlanItControlHeading,
	TH.PlanItControlHeading
	{
		font-family: Arial;
		font-size: 10pt;
		font-weight: bold;
		margin: 0px;
		padding: 2px 4px 2px 4px;
		background-color: #CDE8FD;
		color: #005BBF;
		overflow: hidden;
	}
	
	DIV.PlanItControlHeading IMG.ExpanderIcon
	{
		
	}
	
	DIV.PlanItControlHeading IMG.HeadingIcon
	{
		float: right;
	}
	
	DIV.PlanItControlBody
	{
		width: 100%;
		border-top: 1px solid #2A77C5;
	}
	
	INPUT.PlanItControlCommandButton
	{
		font-family: Arial;
		font-size: 11px;
		color: #2970BE;
		background-color: #EFEFEF;
		border: 1px solid #2970BE;
		border-top-color: #A3C7FF;
		border-left-color: #A3C7FF;
		padding: 2px 4px 2px 4px;
		width:70px;
		height:26px;
	}
		INPUT.PlanItControlCommandButton:Hover
		{
			color: #DC140A;
			background-color: #FFF2D6;
		}

	LABEL.PlanItControlFieldHeader, SPAN.PlanItControlFieldHeader
	{
		font-family: Arial;
		font-size: small;
		color: #191970;
	}
	
	INPUT.TextBox,
	INPUT.Textbox,
	INPUT.PlanItControlTextBox
	{
		border: 1px solid;
		border-bottom-color: #D5DDDD;
		border-left-color: #AAB3B3;
		border-right-color: #D5DDDD;
		border-top-color: #999;
	}
	
	INPUT.ReadOnly
	{
		background: #EFEFEF;
	}

	DIV.PlanItControlFeedbackPanel
	{
		padding: 5px 7px 5px 7px;
		margin: 4px 0px 4px 0px;
		border: 1px solid green;
		background-color: #D8FFDC;
		color: #006000;
		font-family: Arial;
		font-size: small;
		text-align: center;
	}

	/* GridView styles */
	.PlanItControlGridView .AspNet-GridView table
	{
		border: none 0px white;
		border-collapse: collapse; 
		width: 100%;
	}

	.PlanItControlGridView .AspNet-GridView table thead tr th
	{
		background-color:#DFDFDF;
	}

	.PlanItControlGridView .AspNet-GridView table thead tr th a
	{
		color: #dc140a;   
	}

	.PlanItControlGridView .AspNet-GridView table tbody tr td
	{
		color: black;
		background-color: white;
		padding: 2px 4px 2px 4px;
		/*text-align: left;*/
	}
	
	.PlanItControlGridView .AspNet-GridView table tbody tr td table td
	{
		background-color: Transparent;
		padding: 0px;
		/*text-align: right;*/
	}

	.PlanItControlGridView .AspNet-GridView table tbody tr td a
	{
		font-family: Arial;
		color: Gray;
		text-decoration: none;
	}
		.PlanItControlGridView .AspNet-GridView table tbody tr td a:Hover
		{
			color: #2970BE;
			text-decoration: underline;
		}

	.PlanItControlGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
	{
		background-color: #EFEFEF;
	}

	.PlanItControlGridView .AspNet-GridView table tbody tr.AspNet-GridView-Selected td
	{
		
	}

	.PlanItControlGridView .AspNet-GridView table tfoot tr td
	{
		background-color: #DFDFDF;
		border-top: 1px solid gray;
	}

	.PlanItControlGridView .AspNet-GridView div.AspNet-GridView-Pagination
	{
		background-color: #DFDFDF;
		border-top: 1px solid gray;
		font-size: 8.5pt;
		text-align: center;
		padding: 2px 4px 2px 4px;
	}
	
	.UnnamedTripAlert
	{
		background-color: #FF9B9B;
		border-width: 1px;
		border-style: solid;
		border-color: Red;
	}
	
	.UnbudgetedTripAlert
	{
		background-color: #FF9B9B;
	}
	
	.UnnamedTripControlHeading
	{
		background-color: #FF7079;
		font-family: Arial;
		font-size: 10pt;
		font-weight: bold;
		margin: 0px;
		padding: 2px 4px 2px 4px;
		color: #005BBF;
		overflow: hidden;
	}
	
	
/* Login Control and Login Reminder styles */
.ModalPopupBackground
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.RegistrationPopupBG
{
	background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
	z-index: 20000;
}

.login-form
{
	width: 170px;
	height: 240px;
	background-image: url(../../Images/login_bg_small.jpg);
	background-repeat: no-repeat;
}

.login-form .links
{
	_margin-top: -7px; /* IE6 hack */
}

.reminder-header , .registration-header
{
	height: 20px;
	background-color: #2C78CC;
	color: White;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}

.feedback-header 
{
	height: 20px;
	background-color: #2C78CC;
	color: White;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}

.feedback-header .left
{
	float: left;
	padding: 2px;
	width: 20px;
}

.feedback-header .middle
{
	padding: 2px;
	width: 125px;
	float: left;
}

.feedback-header .right
{
	padding: 3px;
	width: 20px;
	float: right;
	text-align: right;
}

.reminder-header .left, .reminder-header .right, .login-error-header .left, .login-error-header .right
{
	width: 25px;
	height: 20px;
	float: left;
	vertical-align: middle;
	text-align: center;
}

.reminder-header .right, .login-error-header .right
{
	padding-top: 3px;
	float: right;
}
.reminder-header .middle
{
	width: 225px;
	float: left;
	padding: 2px;
}

.login-error-header .middle
{
	width: 120px;
	float: left;
	padding: 2px;
}


.loginReminder
{
	width: 280px;
	height: 180px;
	background-color: #F0F0F0;
	border-style: outset;
	border-width: 1px;
	border-color: #2C78CC
}

.loginHeading
{
	font-size: 14px;
	font-weight: bold;
	width: 120px;
	padding: 5px; 
	height: 25px;
	margin-left: 5px;
}


.login-form .form-line, .login-panel-wide .form-line
{
	clear: both;
	margin-top: 7px;
	_margin-top: 7px;
	margin-left: 10px;
	*margin-left: 5px;
	_margin-left: 10px;
	margin-right: 10px;
	height: 20px;
	_height: auto;
}

.login-form .form-line .Textbox
{
	width: 145px;
}


.login-form .links
{
	clear: both;
	margin-left: 10px;
}

.login-panel-wide
{
	background-image: none;
	clear: both;
}

.login-panel-wide .form-line .label
{
	float: left;
	width: 115px;
}

.login-panel-wide .form-line .loginTextbox
{
	height: 20px;
	padding-left: 3px; /*required for the jquery watermark to position properly */
}

.login-panel-wide .form-line .Textbox 
{ 
	float: right;
	width: 140px;
} 

.login-form .login-register-wrapper, .login-form .forgotten-tip-wrapper
{
	clear: both;
	margin-top: 7px;
	margin-left: 10px;
}

.login-panel-wide .login-register-wrapper
{
	float: right;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}

.login-panel-wide .forgotten-tip-wrapper
{
	margin-left: 10px;
	padding-top: 15px;
}

.login-panel-wide .forgot-password-link
{
	float: left;
	margin-left: 10px;
}

.login-panel-wide .links
{
	clear: both;
	margin-top: 8px;
}

.login-form .tip
{
	clear: both;
	padding-top: 10px;
	*padding-top: 3px; /* IE */
}

.login-panel-wide .tip
{
	clear: left;
	padding-top: 25px;
	*padding-top: 13px; /* IE */
}


.login-panel-wide .feedback-panel
{
	clear: both;
	color: red;
	margin: 8px;
	font-weight: bold;
}

.forgot-password { float: left; }

.lower-section-wrapper 
{
	clear: both;
}

.tip .left { float: left;}
.login-panel-wide .tip .left { float: left;}

.login-form .tip .right 
{
	margin-left: 20px; 
	margin-right: 10px; 
	font-size: 11px;
}

.login-panel-wide .tip .right 
{ 
	font-size: 11px;
	margin-left: 3px;
}

.login-form .feedback-panel
{
	clear: both;
	color: red;
	font-weight: bold;
	font-size: 8pt;
	line-height: 7pt;
	margin-left: 10px;
	position: relative;
	bottom: 14px;
}

.login-form .login-link, .login-form .register-link, .login-form .forgot-password-link
{
	clear: both;
	margin-top: 3px;
}

.reminder-header .left, .login-error-header .left
{
	_margin-top: 2px;
}

/* End Planit Login styles */	

.pnlFeedback
{
	background-color: #DBFBFF;
	width: 180px;
	height: 100px;
	border-style: outset;
	border-width: 1px;
	border-color: Red;
}

.pnlFeedback .message
{
	padding: 5px;
}

.pnlFeedback .error
{
	padding: 5px;
	font-weight: bold;
	color: Red;
	word-wrap: break-word;
}

.pnlFeedback .information
{
	padding: 5px;
	font-weight: bold;
	color: black;
}

.trip-title-fields .NotificationsIcon
{
	margin: 3px;
}

.watermark, .jq_watermark
{
	white-space: nowrap;
	font-size: 12px;
	font-family: Arial;
}

.pnlRegistration
{
	width: 280px;
	height: 130px;
	background-color: #F0F0F0;
	border-style: outset;
	border-width: 1px;
	border-color: #2C78CC
}

.registration-header .left
{
	width: 230px;
	padding-left: 10px;
	padding-top: 2px;
	float: left;
}

.registration-header .right
{
	width: 30px;
	float: right;
	text-align: right;
	padding: 3px;
}

.register-input-line
{
	clear: both;
	position: relative;
	top: 10px;
	left: 10px;
	padding-top: 0px;
	padding-left: 0px;
	height: 30px;
}

.register-input-line .label
{
	float: left;
	width: 100px;
}

.register-input-line .textbox, .register-input-line .textbox input 
{
	float: left;
	width: 150px;
}

.pnlRegistration .feedback
{
	clear: both;
	position: relative;
	padding: 5px;
	color: Red;
	font-weight: bold;
	top: 0px;
}

.pnlRegistration .links
{
	clear: both;
	position: relative;
	top: 10px;
	left: 10px;
	height: 40px;
	margin: 0px;
}

.pnlRegistration .links .login-link
{
	float: left;
	text-align: left;
	width: 190px;
}

.pnlRegistration .links .login-link .login
{
	clear: left;
}

.pnlRegistration .links .register-link
{
	clear: none;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
.tableCreateANewAccount
{
	
	left: 140px;
	background-color:White;
	*background-color:Black;
	position:absolute;
}
.fontRegisterEnterEmailPass
{
	
	left: 110px;
	*left: 0px;
	*white-space:nowrap;
	
}
.tableRegister
{
	float:none;
	position:absolute;
	left:5%;
	padding-left:50px;
}
.divRegister
{
	float: left; 
	position: absolute; 
	z-index: 13; 
	left: 22%; 
	width: 600px; 
	top: 400px;
}
.HideBlock
{
	display:none;	
}
/*to display an entire block*/
.ShowBlock
{
	display:block;	
}
.divRightHandAdvert
{
	padding-left: 20px;
}
.divBrowserSupport
{
	display:none;
}