/* ------------------------
 * HTML ELEMENTS
 * --------------------- */
	body { background-color: #FFFFFF; margin: 0px; }
	body, input, select, textarea, th, td {font-size: 11px;line-height:1.4;font-family:verdana, sans-serif;color: #636363;}
	img { border: 0; }
	form { margin: 0; }
	a { color: #636363; /* dark grey */ }
	a:hover { color: #229; }
	p { margin: 10px 0; }
	/* ------------ HEADINGS ------------ */
		h1 { text-align: center; color: #555555; background-color: #ccc; border: 1px solid #aaa; font-size: 16px; font-weight:normal; padding: 5px; margin: 0 0 10px 0; font-family: verdana, sans-serif; }
		h2 { text-align: center; color: #777777; font-size: 14px; padding: 3px; margin: 0 0 10px 0; font-family: verdana, sans-serif; }
		h3 { text-align: left; color: #777777; font-size: 13px; padding: 0px; margin: 0 0 0px 0; font-family: verdana, sans-serif; }

/* ------------------------
 * USEFUL CLASSES 
 * --------------------- */
	.clear {clear:both;line-height:1px;height:1px;min-height:1px;}
	div.hr_red_solid { display: block; border-top: 1px solid #E3411F; /* red */ line-height: 1px; max-height: 1px; padding: 0; margin: 5px 0; clear: both; }
	div.hr_grey_dotted { display: block; border-top: 1px dotted #C1C2C1; /* grey by any chance? */ line-height: 1px; max-height: 1px; padding: 0; margin: 5px 0; clear: both; }
	div.hr_black_double { display: block; border-top: 1px double #0E0E0E; /* nearly Black */ border-bottom: 1px solid #0E0E0E; /* nearly Black */ max-height: 3px; line-height: 3px; height: 3px; padding: 0; margin: 5px 0; clear: both; }
	.pad_top_lef { padding: 15px 0 0 10px; }
	.pad_10 { padding: 10px; }
	/*------------------ BUTTONS ------------------*/
		a.button {
			text-decoration: none;
			font-weight: bold;
			line-height: 1;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #333;
			padding: 5px 20px;
			background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#ebebeb 50%,
				#dbdbdb 50%,
				#b5b5b5);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				color-stop(0.50, #ebebeb),
				color-stop(0.50, #dbdbdb),
				to(#b5b5b5));
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			border: 1px solid #999;
			text-shadow:
				0px 1px 0px rgba(255,255,255,0.7);
		}
		a.button:hover {
			background: -moz-linear-gradient(
				top,
				#b5b5b5 0%,
				#dbdbdb 50%,
				#ebebeb 50%,
				#ffffff);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#b5b5b5),
				color-stop(0.50, #dbdbdb),
				color-stop(0.50, #ebebeb),
				to(#ffffff));
			text-shadow: none;
		}
	.gentextRed {color: #FF0000; /* red */ font-weight: bold; }
	/*------------------ MESSAGES ------------------*/
		p.warning, 
		p.error, 
		p.success {color:#ccc;margin:25px 0;clear:both;padding-left:20px;border:1px solid #e0e0e0;margin:0;padding:10px 0px;border-radius:5px;-moz-border-radius:5px;}
		p.warning {background-color:#ffb;border:1px solid #fc7;color:#f72;}
		p.error {background-color:#fdd;border:1px solid #fbb;color:#f00;}
		p.success {background-color:#cfc;border:1px solid #ADA;color:#474;}
	/*------------------ IMAGE UPLOADER IFRAME ------------------*/
		.imageContainer {margin:10px 0;}
		.imageContainer .imageDiv {position:relative;float:left;margin:0 10px 10px 0;background-color:#fff;padding:10px 10px 5px 10px;border:1px solid #ccc;}
		.imageContainer .imageDiv img.pic {margin-bottom:5px;}
		.imageContainer .imageDiv img.delete {position:absolute;bottom:2px;left:2px;background-color:#fff;}
		.imageContainer .imageDiv img.handle {position:absolute;bottom:2px;right:2px;background-color:#fff;cursor:move;}


/* ------------------------------------- 
 * SITE STRUCTURE
 * ----------------------------------- */
#selectDomain {background-color:#CCCCCC;border-bottom:1px solid #AAAAAA;text-align:center;margin-bottom:20px;padding:5px;}
	#selectDomain p {margin:0;}
	#selectDomain form select {width:200px;padding:2px;}
#container {width:960px;margin:20px auto;}
	#primary_nav {text-align:right;padding:0 10px;}
	#secondary_nav {text-align:right;overflow:hidden;}
	/* -------------- NAV ------------------ */
		.navTabs {height:24px;}
			.navTabs a {
				display: inline-block;
				border: 1px solid #ccc;
				color: #777777;
				margin: 0 0 0 2px;
				padding: 4px 7px;
				border-top-left-radius: 7px;
				border-top-right-radius: 7px;
				border-bottom: 0;
				font-size: 11px;
				font-family: verdana, sans-serif;
				text-decoration: none;
				background-color: #eee;
				background: -moz-linear-gradient(
						top,
						#ffffff 0%,
						#eeeeee 30%,
						#eeeeee);
				background: -webkit-gradient(
					linear, left top, left bottom, 
					from(#ffffff),
					color-stop(0.30, #eeeeee),
					to(#eeeeee));
			}
		.navTabs a.current {
			background-image: none;
			background-color: #fff;
		}
			.navTabs a:hover {
				background-image: none;
				background-color: #aaa;
				background: -moz-linear-gradient(
						top,
						#dddddd 0%,
						#aaaaaa 30%,
						#aaaaaa);
				background: -webkit-gradient(
					linear, left top, left bottom, 
					from(#dddddd),
					color-stop(0.30, #aaaaaa),
					to(#aaaaaa));
				color: #fff; 
				border-color: #999;
			}
			.navTabs img {vertical-align:top;position:relative;top:-2px;}
	#content { margin: 0; padding: 20px; background-color: #FFFFFF; border: 1px solid #D6D6D6;border-radius:10px; }
		#smooth_box {border-radius:10px;background-color: #F4F4F4;padding:15px;border:1px solid #bbb;}
	#footer {text-align: right; margin: 0; padding: 3px; font-size: 11px; font-family: verdana, sans-serif; text-decoration: none; color: #777777; }
		#footer a{ font-size: 11px; font-family: verdana, sans-serif; text-decoration: none; color: #777777; }
			#footer a:hover{ text-decoration: underline; }
	#copyright {padding-top:10px;text-align:center;}




/* -------------- CATEGORIES - menu pages ------------------ */
	.categories { border-collapse: collapse; border-top: 1px dashed #D6D6D6; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; width:100%; }
	.categories td{ border-bottom: 1px dashed #D6D6D6; background-color: #F9F9F9; font-size: 11px; font-family: verdana, sans-serif; text-decoration: none; color: #777777; padding: 5px; text-align: left; vertical-align: top; }
	.categories tr.hover td{ border-bottom: 1px dashed #D6D6D6; background-color: #ffffff; font-size: 11px; font-family: verdana, sans-serif; text-decoration: none; color: #777777; padding: 5px; text-align: left; vertical-align: top; }
	.categories td .title,
	.categories td .title a:link,
	.categories td .title a:visited,
	.categories td .title a:active{ font-size: 13px; font-family: verdana, sans-serif; text-decoration: none; color: #777777; font-weight: bold; }
	.categories td .title a:hover{ text-decoration: underline; }



/* -------------- FORM FIELDS ------------------ */
	.readonly { background-color: #eeeeee; border: 1px solid #7F9DB9; }
	.formTxt {font-family: verdana, arial, sans-serif;font-size: 11px;color: #555555;}
	.nano {width: 20px;}
	.micro {width: 50px;}
	.tiny {width: 75px;}
	.mini {width: 100px;}
	.small {width: 150px;}
	.medium {width: 200px;}
	.large {width: 250px;}
	.huge {width: 300px;}
	.max {width: 400px;}
	.wider {width: 520px;}
	.short {height: 50px;}
	.med {height: 100px;}
	.tall {height: 200px;}
	.high {height: 300px;}
	.really_high {height: 500px;}
	.sml_btn { width: 150px; font-family: verdana, arial, sans-serif; font-size: 11px; color: #555555; padding: 2px; }


/* -------------- LIST TABLE ------------------ */
	table.list { border-collapse: collapse; border-top: 1px solid #BBBBBB; border-left: 1px solid #BBBBBB; margin: 5px 0; }
	table.list tr th { border-bottom: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; font-family: verdana, arial, sans-serif; font-size: 13px; background-color: #dddddd; color: #636363; padding: 3px; }
	table.list tr th.small{ font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: normal; color: #636363; }
	table.list tr td { border-bottom: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; padding: 3px; }
	table.list tbody tr.odd td { background-color: #ffffff; }
	table.list tr td a:link,
	table.list tr td a:visited { text-decoration: none; }
	table.list tbody tr.hover td { background-color: #e9e9e9; }
	table.list tbody tr.sent,
	table.list tbody tr.even.sent td,
	table.list tbody tr.odd.sent td { background-color:#F1FFEF; }
	table.list tbody tr.hover.sent td { background-color:#E3FFDF; }
	table.list td.handle {width:50px;}
	table.list td.actions {width:120px;vertical-align:top;text-align:center;}
		table.list td.actions img {margin:0 2px;}

/* -------------- PAGINATION ------------------ */
	.pagination {margin:10px 0 50px 0;text-align:right;}
		.pagination a,
		.pagination em {padding:5px;margin-right:2px;border:1px solid #BBBBBB;text-decoration:none;}
		.pagination em {background-color:#BBBBBB;}

/* -------------- BREADCRUMBS ------------------ */
	#breadcrumb {margin-bottom: 10px;line-height: 1;overflow: auto;}
		#breadcrumb div {float:left;padding-right:5px;}
			#breadcrumb div a {padding-right:5px;text-decoration:none;background-color: #fff;display: inline-block;padding: 3px 8px;border: 1px solid #bbb;-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;}
				#breadcrumb div a:hover {background-color: #888;color: #fff;border: 1px solid #888;}

/* -------------- key ------------------ */
	.key {
		width: 185px;
		border: 1px solid #DDDDDD;
		text-align: center;
		padding: 2px;
	}


/* -------------- Popup ------------------ */
	.hiddenInfo {
		display: none;
		background-color: #ffffff;
	}

/* -------------- jquery classes ------------------ */
.clickAction {
	cursor: pointer;
}

td.handle {
	width:40px;
	cursor: move;
	text-align: center;
	vertical-align: top;
}

.left {
	text-align: left;
}

/* product edit */

.label1 {width: 157px; float: left;}
.label2 {width: 157px; float: left;}
.stockCode {width: 87px; float: left;}
.stockLvl {width: 100px; float: left;}


/* ------------------------
 * PAGINATION
 * --------------------- */
.pagination {float:right;margin:10px 0;clear:both;}
	.pagination a,
	.pagination em,
	.gentext .pagination a {border:1px solid #bbb;padding:5px;text-decoration: none;font-weight:normal;background-color:#FFF;}
	.pagination em {font-weight:bold;background-color:#CCCCCC;}
.clear {min-height:1px;height:1px;clear:both;line-height:1px;}



/* ------------------------
 * TOURS
 * --------------------- */
/* booking edit */
table#weeklyPlan {margin:10px auto;;border-collapse:collapse;width:620px;}
	#weeklyPlan th,
	#weeklyPlan td {padding:0;border:1px solid #ccc;text-align:center;}
	#weeklyPlan thead th {padding:10px 25px;}
	#weeklyPlan tbody td {background-color:#ddd;}
	#weeklyPlan tbody label {color:#32548D;cursor:pointer;width:80px;height:30px;display:block;background-color:#DDDDDD;line-height:50px;}
	#weeklyPlan tbody label.hover {background-color:#C9DDFF;color:#fff;}
	#weeklyPlan tbody label.selected {background-color:#32548D;}
	#weeklyPlan tbody input {position:absolute;z-index:-1;}
	#weeklyPlan tbody label.unavailable {background-color:#C9DDFF;}

table#blockAvailability {width:200px;}
	table#blockAvailability .action {text-align:center;}
	table#blockAvailability .action .delete {cursor:pointer;}

/* booking system calendar page */
#bookingCalendarNav select {font-size:13px;}
table#bookingCalendar {margin:10px 0;border-collapse:collapse;}
	#bookingCalendar th,
	#bookingCalendar td {padding:0;border:1px solid #ccc;text-align:center;}
	#bookingCalendar thead th {padding:10px 25px;}
	#bookingCalendar tbody td {background-color:#ddd;}
	#bookingCalendar label {color:#32548D;cursor:pointer;width:80px;height:50px;display:block;background-color:#f6f6f6;line-height:50px;}
	#bookingCalendar label.hover {background-color:#32548D;color:#fff;}
	#bookingCalendar label.selected {background-color:#FFFF00;}
	#bookingCalendar input {position:absolute;z-index:-1;}
	#bookingCalendar label.unavailable {background-color:#C9DDFF;}

	#availabilityCalendarContainer {overflow:scroll;width:700px;}
		table#availabilityCalendar {margin:10px 0;border-collapse:collapse;background-color:#fff;}
			#availabilityCalendar th,
			#availabilityCalendar td {padding:0;border:1px solid #ccc;text-align:center;}
			#availabilityCalendar thead th {padding:10px 0;}
			#availabilityCalendar tbody th,
			#availabilityCalendar tbody td {padding:0;}
			#availabilityCalendar tbody th {padding:3px;background-color:#ddd;}
			#availabilityCalendar tbody td {text-align:left;}
			#availabilityCalendar tbody td img {vertical-align:top;}
			#availabilityCalendar tbody td div {width:60px;}
			#availabilityCalendar tbody td div a {display:block;float:left;}
			#availabilityCalendar tbody td.unavailable {background-color:#C9DDFF;}
			#availabilityCalendar tbody td.blocked {background-color:#FFFF00;}
	
	#blockAvailability .time {float:left;width:40px;}
	#blockAvailability .time td, #blockAvailability .time th {border-bottom:0;}
	#blockAvailability .time th {font-size:9px;font-weight:normal;background-color:transparent;}
	#blockAvailability .time .ticket {width:20px;}






/* ------------------------
 * BLOG
 * --------------------- */
#tags {line-height:25px;}
#tags span {white-space:nowrap;background-color:#f6f6f6;border:1px solid #bbb;padding:2px 10px 2px 20px;margin:0 5px 5px 0;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;background-repeat:no-repeat;background-position:5px center;background-image:url(../pics/termUnSelected.gif);}
#tags span.selected {background-color:#ddd;color:#000;border:1px solid #999;background-image:url(../pics/termSelected.gif);}
.profile-pic {border:1px solid #A6A6A6;float:left;margin-right:10px;}
#comments {background-color:#fff;padding:10px;}
	#comments .comment {border-top:1px solid #E2E2E4;border-bottom:1px solid #E2E2E4;background-color:#F4F4F6;margin-bottom:3px;}
		#comments .comment {}
			#comments .comment p {float:left;width:540px;margin:5px 0;padding:0 10px 5px 5px;}
			#comments .comment .pic {float:left;width:34px;padding:10px;}
			#comments .comment .profile {border-bottom:1px solid #E2E2E4;}
				#comments .comment .profile span {float:right;}
			#comments .even {background-color:#EEEEFC;}
			#comments .author {background-color:#EEFFEE;}
			#comments .disabled {background-color:#FFEEEE;}
		#comments .actions {text-align:right;margin:0 5px 15px 0;}





/* TODO what are all these for */
img.hidden {display:none;}
.loadingAni {display:none;}
.commentAction {cursor:pointer;}
.removeOption {cursor:pointer;}

.actions span {background-repeat:no-repeat;padding:2px 0 2px 20px;background-position:left center;margin-left:10px;cursor:pointer;}
.unapprove {background-image:url(../pics/tiny_icon_unapprove.gif);}
.approve {background-image:url(../pics/tiny_icon_approve.gif);}
.delete {background-image:url(../pics/tiny_icon_delete.gif);}



option.alt {background-color:#FFEFEF;font-weight:bold;}









/* ------------------------
 * VACANCY/CANDIDATE
 * --------------------- */
#searchAppForm table {border: 1px solid #BFBFBF; padding: 5px;}
#jobSectors,
#locations {float:left;width:310px;border:1px solid #c5c5c5;padding:10px;}
	#jobSectors {margin-right:30px;}
	#jobSectors .container,
	#locations .container {height:160px;overflow:auto;margin-top:5px;}

table.data {border-collapse:collapse;width:100%;}
table.data td,
table.data th {padding:5px 10px 5px 5px;border:1px solid #BBBBBB;}
table.data td {font-size:13px;background-color:#FFF;}
table.data th {padding-left:15px;background-color:#F9F9F9;text-align:left;width:35%;}
table.data .sectionTitle {background-color: #DDDDDD;border-bottom: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;color: #636363;font-family: verdana,arial,sans-serif;font-size: 13px;padding: 3px;}
.error,
.msg,
.success {color:#ff0000;}

#sendCandidatesToClient {margin-top:15px;}
#sendCandidatesToClient th {vertical-align:top;width:80px;text-align:left;}



/* -------------- EOF ------------------ */