/*
    AUTHOR: CHRISTIAN HANVEY
            chris@crunchdesign.com.au

	DATE: November 2009

	Last updated:	August 2011

	COLOURS:
		lite greys:	e1e1e1
		mid greys:	c5c7cb
		dark greys:	6d6e72, 555555, 333333
		reds: 		eb1e49, ff0338, da8384, fe9090

*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */

@font-face {
	font-family: 'DIN Mittelschrift';
	src: url('fonts/DIN_1451_Mittelschrift_LT.eot'); /* IE9 Compat Modes */
	src: url('fonts/DIN_1451_Mittelschrift_LT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('fonts/DIN_1451_Mittelschrift_LT.woff') format('woff'), /* Modern Browsers */
	     url('fonts/DIN_1451_Mittelschrift_LT.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/DIN_1451_Mittelschrift_LT.svg#DINMittelschriftLT') format('svg'); /* Legacy iOS */
	}

body {
	background:#e1e1e1 url(img/bkg.jpg) top center no-repeat;
	font-family:"Helvetica Neue","Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	color:#333;
	}

h1,h2,h3,h4 { font-family: 'DIN Mittelschrift',"Helvetica Neue",Arial,Helvetica,sans-serif; color:#6d6e72; }
h1 span { color: #eb1e49;}
h1 { font-size:2em; margin:0.33em 0; }
h2 { font-size:1.5em; border-bottom:1px solid #CCC; padding-bottom:0.25em; }
h3 { font-size: 1.25em;}
h4 { font-size: 1.15em;}

a:link, a:visited { color:#eb1e49;}
a:hover, a:active { color:#000;}

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */

/* forms */
form { background:#e5e5e6 url(img/bkg-form.jpg) left bottom repeat-x; }
fieldset { border: 1px solid #c5c7cb; }
legend { color:#6d6e72; font-weight:bold; }
form ul { padding:0; margin:0; list-style-type:none; }
form li { margin:0.5em 0; clear:left; overflow:auto; }
label { float:left; line-height:2; min-width:6em; }
input.text { margin:0; }
input.button, button.button { background:transparent url(img/button.gif); border:0; width:121px; height:22px; text-align:center; color:#333; }
input.button-large, button.large { background:transparent url(img/button-lg.gif) 0px 0px no-repeat; border:0; width:160px; height:22px; text-align:center; }
textarea { height: 150px; }
button { font-size:100%; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif; padding:0; margin:0; background-color:transparent; border:0; color:#eb1e49; }
button:hover { color:#333; }

/* 'more' and 'back' links */
a.more { background:transparent url(img/arr_red.gif) right center no-repeat; padding-right:13px;}
a.back { background:transparent url(img/arr_greyL.gif) left center no-repeat; padding-left:15px;}

/* red buttons */
input.button-red-R { background:transparent url(img/button-red-R.gif) 0px 0px no-repeat; border:0; width:183px; height:33px; text-align:right; padding:0 33px 0 0; color:#fff; line-height:30px; font-size:1em;}
input.button-red-R:hover { background-position:0px -33px; cursor:pointer; }
input.button-red-L { background:transparent url(img/button-red-L.gif) 0px 0px no-repeat; border:0; width:183px; height:33px; text-align:left; padding:0 0 0 33px; color:#fff; line-height:30px; font-size:1em;}
input.button-red-L:hover { background-position:0px -33px; cursor:pointer; }

a.button-red-L { background:transparent url(/assets/templates/maxq/css/img/button-red-L.gif) 0px 0px no-repeat; border:0; width:183px; height:33px; text-align:left; padding:0 0 0 33px; color:#fff; line-height:30px; font-size:1em; display:block; text-decoration:none; font-weight:bold; }


/* sidebar forms eg login etc */
#sidebar form { background:transparent;}
#sidebar fieldset { border:0; padding:0; margin:0; }

.nowrap {white-space: nowrap;}

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

/* HEADER */

/* logo */
#logo { float:left; margin:18px 18px 12px;text-indent:-9999em; height:68px; width:157px; background:transparent url(img/logo.gif) top left no-repeat; }
#logo a { outline:none; }

/* main navigation */
#mainNav { position:relative; height:86px; }
#mainNav ul { position:absolute; bottom:-0.75em; right:0; list-style-type:none; margin:0; padding:0 15px;  }
#mainNav li { float:left; padding-left:2px; background:transparent url(img/divider-grey.gif) top left no-repeat;}
#mainNav li:first-child { background-image:none;}
#mainNav li a {	display:block; padding:0.25em 1em; text-decoration:none; }
#mainNav li a:link, #mainNav li a:visited { color:#6d6e72; }
#mainNav li a:hover, #mainNav li a:active { color:#eb1e49; text-decoration:underline;}

/* members navigation */
#memberNav { clear:both; background:transparent url(img/bar-grey.gif) top left no-repeat; height:48px; margin-bottom: 12px;}
#memberNav.loggedin { background:transparent url(img/bar-red.gif) top left no-repeat; }
#memberNav ul {	float:right; list-style-type:none; margin:0; padding:0 15px; }
#memberNav li {	float:left; padding-left:2px; background: transparent url(img/bar-red-divider.gif) top left no-repeat; }
#memberNav li:first-child { background-image: none;}
#memberNav li a { display:block; padding:0em 1em; height:44px; line-height:44px; color:#fff; text-decoration:none; }
#memberNav li a:link, #memberNav li a:visited { background-image:none; }
#memberNav li a:hover, #memberNav li a:active { background:transparent url(img/bar-red-over.gif) top left repeat-x; }



/* CONTENT */

#content { padding-left:15px;}

/* SIDEBAR */

#sidebar { padding-right:15px;}
#sidebar h3 { border-bottom:2px solid #da8384; padding-bottom:0.25em; margin-bottom:0.75em; }

#sidebar .box { background:transparent url(img/sidebar-top.gif) top left no-repeat; padding:11px 0 0;}
#sidebar .box .inner { background:transparent url(img/sidebar-bot.gif) bottom left no-repeat; padding:0 25px 75px; min-height:100px;}

#sidebar .box2 { padding:11px 0 0;}
#sidebar .box2 .inner { padding:0 25px; }
#sidebar .box2 h3 { border-color: #aaa; }


/* login */
#login { background-color:transparent; background-image:none;}
#login fieldset { border:0; padding:0; margin:0; }
#login legend { display:none; }
#login input.text { float:right; width:12em; }
#login select { float:right; margin:0; }
#login #formSubmit, #login #formExtras { text-align:right; }

#wlpeStayLoggedInLabel { font-weight:normal;}
#wlpeLoginButtons { text-align:right; }
#wlpeLoginButton { margin-bottom:5px; }
/*#wlpeReminderButton, #wlpeRegisterButton { padding:0; margin:0; background-color:transparent; border:0; color: #eb1e49; text-decoration:underline; }
#wlpeReminderButton:hover, #wlpeRegisterButton:hover { color:#333;}

/* logged in */

#wlpeWelcomeParagraph { margin-bottom:0; }
#memberFuncs { list-style-type:none; padding:0; margin:0; }
#memberFuncs li { background:transparent url(img/arr_blk.gif) left center no-repeat; padding-left:15px;}
#memberFuncs #logout { background-image:url(img/arr_red.gif); }
#memberFuncs a { display:block; padding:0.1em 0.25em; }
#memberFuncs a:link, #memberFuncs a:visited { background-color:transparent; color:#eb1e49; text-decoration:underline; }
#memberFuncs a:hover, #memberFuncs a:active { background-color:#eb1e49; color:#fff; text-decoration:none; }

#wlpeUserButtons button { background:transparent url(img/arr_blk.gif) left center no-repeat; border:none; padding:0;margin:0; color: #333; padding-left:12px; display:block; width:100%; text-align:left; }
#wlpeUserButtons button:hover { background-color:#aaa; color:#fff;}
#wlpeUserButtons #wlpeLogoutButton { background-image:url(img/arr_red.gif); color:#EB1E49;}

#wlpeResetButtonFieldset { text-align:right; }

#wlpeActivateForm li { text-align:right;}
#wlpeActivateForm label { float:none; padding-right:1em;  }
#wlpeActivateForm input { width: 8em; }


#wlpeUserProfileForm label { width:8em; }
#wlpeUserProfileForm input {width:20em;}


.success a:link, .success a:visited { color:#5EBA4F; }
.success a:hover, .success a:active { color:#264409; }

/* help & guide */
#guide ul { list-style-type:none; margin:0;padding:0; color:#666; }
#guide strong { color:#555;}


/* FOOTER */

/* main navigation */
#footer { background:transparent url(img/bar-grey-foot.gif) top left no-repeat; height:48px; margin: 5em 0 12px; padding:0 15px; color:#555;}
#footer p { float: right; line-height:44px;}
#footer ul { float:left; list-style-type:none; margin:0; padding:0;  }
#footer li { float:left; padding-left:2px; background:transparent url(img/bar-grey-divider.gif) top left no-repeat; height:44px; line-height:44px;}
#footer li:first-child { background-image:none; padding-left:0;}
#footer li:first-child a { padding-left:0; }
#footer li a {	display: block; padding: 0em 1em; }
#footer li a:link, #footer li a:visited { color: #555; text-decoration:none;}
#footer li a:hover, #footer li a:active { color: #eb1e49; text-decoration:underline;}	
	
	
/* ------------------------------------------ */
/* PAGE SPECIFIC */
/* ------------------------------------------ */

/* home page */	
#home #tagline { background:transparent url(img/homesplash.jpg) top left no-repeat; margin:0; padding:0; height: 215px; text-indent:-9999em; border-bottom:none; }	
	
	
/* contact us */	
#contactSubmit	{ margin-left: 6em; }
#captcha_image { padding-left:6em; }

#contact_details ul { list-style-type:none; padding:0; }
#contact_details li strong { min-width:5em; float: left; clear:left; }

	
	
/* dashboard */
#dash ul { list-style-type:none; margin:0;padding:0; }
#dash li { float:left; width:285px; margin-right:10px;}
#dash li#dashPartner { clear:left; }
#dash li p { padding:0 5px;}
#dash h2 { width:285px; height:105px; text-indent:-9999em; background:transparent url(img/dashboard-features.jpg) 0px 0px no-repeat; padding-bottom:0; border-bottom:none; }
#dash h2 a { display: block; width:285px; height:105px; text-indent:-9999em; outline: none; }
#dash h2 a:link, #dash h2 a:visited  { background-image:none;}
#dash h2 a:hover, #dash h2 a:active  { background:transparent url(img/dashRed25.png) left top no-repeat;}
#dashPartners h2 { background-position: 0px 0px; }
#dashNews h2 { background-position: 0px -105px; }
#dashSpecials h2 { background-position: 0px -210px; }
#dashCommissions h2 { background-position: 0px -315px; }
/* while inactive.... */
#dashNews, #dashSpecials, #dashPartners { opacity: 0.5;}
	
/* news */
#news .date { font-weight:bold; color:#999; margin:2em 0 0; }	
#sidebarNews ul {list-style-type:none; margin:0; padding:0; }
#sidebarNews h4 { margin-bottom:0.25em; }
	
	
/* commissions */
#commissions_find { padding-right: 3em; }	
#panelContainer	{ float:left; position:relative; left:3em; background:#fff url(img/cornRT1000.gif) top right no-repeat; width:100%; margin-bottom:1em;}
#panelContainer div { width:100%; margin-right:12px;  }
#panelContainer	ol { list-style-type: none; }
#panelContainer	ol li { float: left; padding:0; width: 30%; margin:0.5em;}
#endblock { position: absolute; bottom:0; right:-2px; width:581px; height:12px; margin:0; background:transparent url(img/cornRB1000.gif) right bottom no-repeat; }

#panelTab { list-style-type: none; margin:0; padding:0; float:left; position:relative; left:-3em;}
#panelTab li { padding:5px 0 0; margin:5px 0; background:transparent url(img/tab-top-grey.gif) left top no-repeat; text-transform:uppercase;}
#panelTab li a { padding:0 0.5em 7px; display:block; width:2em; background:transparent url(img/tab-bot-grey.gif) left bottom no-repeat;}	
#panelTab li.active { background-image: url(img/tab-top.gif); }
#panelTab li.active a { background-image: url(img/tab-bot.gif); }	

#commissions .form_functions { clear:both; margin-top: 1em; text-align:right;}

	
	
	
/* commissions results page */	
	
.resultsTableHolder { background:#fff; padding:20px; }

table { font-size:1em;}

.resultsTable caption { background:#339 url(img/bkg-sky.jpg) right center no-repeat; color:#fff; margin-bottom:0.5em; font-size:1.5em;}

.pricing col { border-left:1px solid #ccc; text-align:center; }

.resultsTable .airline { background:#339 url(img/bkg-sky.jpg) right center repeat-x; color:#fff; font-size:1.25em; padding:5px;}
.resultsTable .airline th { background-color:transparent; }

.airline th span { font-weight:normal; padding-left:1em; }
.airline .logo { padding:5px; width:150px;}
.airline .logo span { background-color:#fff; padding:0; float:left;}
.airline .logo img { display: block; background-color:#fff; }
.legend th { background:#e2e2e2; color:#555; border-left: 1px solid #cbcbcb; text-align:center; font-size:0.85em;}
.nowrap { }

td, th { vertical-align:top; padding:2px 5px;}
.resultsTable td { border-left: 1px solid #e2e2e2; border-bottom:1px solid #ccc; text-align:center; }
.resultsTable td:first-child, .resultsTable th:first-child { border-left: none; text-align:left;}
.resultsTable .spacer { background-color:#e1e1e1; padding-bottom: 30px; text-align:left; }
.resultsTable .ticketType {width:100%;text-align:left;}

#commissions-results .form_functions { clear:both; margin: 1em; text-align:left;}


	
/* about us page */
#teamprofiles { padding-right: 40px; }
.teamprofile h3  { background:transparent url(img/arr_red.gif) 0 0.1em no-repeat; color:#eb1e49; padding-left:15px; }
#content .teamprofile h3 { border-bottom:1px solid #eb1e49; padding-bottom:0.25em; }
.teamprofile h3.active  { background-image: url(img/arr_blk.gif); color:#000; cursor:pointer; }
.teamprofile h3.open  { background-image:url(img/arr_red_down.gif); }
.teamprofile h3.open.active  { background-image:url(img/arr_blk_down.gif); }

.teamprofile h3 span  { padding-left:0.5em; color:#999; }
.teamprofile, .tp_details { margin-bottom:2em; }


/* registration page */
#wlpeRegisterForm label { min-width:8em; }


/* help page */
#help #content h2  { background:transparent url(img/arr_red.gif) 0 0.5em no-repeat; color:#eb1e49; padding-left:15px; border-bottom:1px solid #eb1e49; padding-bottom:0.25em;  margin-top:2em;}
#help #content h2.active  { background-image: url(img/arr_blk.gif); color:#000; cursor:pointer; }
#help #content h2.open  { background-image:url(img/arr_red_down.gif); }
#help #content h2.open.active  { background-image:url(img/arr_blk_down.gif); }
#help #content h2 span  { color:#555; }

#help #content h3 { background-color:#AAAAAA; color:#FFFFFF; font-size:1.25em; padding:0.25em; }
#help code { font-size:0.8em; }
#help td, #help th { border-bottom:1px solid #ccc; }


.errors { padding:0.5em; margin-bottom:1em;border:2px solid #ddd; background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.errors a {color:#8a1f11;}


#airlineRedirectForm { 
	float:right;
}