html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
* {
margin:0;
padding:0;
}
body {
background: #fff;
text-align: center;
font-size:0.74em;
font-family: Arial, Helvetica, sans-serif;
line-height:1.5em;
font-weight: normal;
color: #4d4d4d;
}
 /*LAYOUT*/
  #top-section {
  width: 100%;
  height: 100px;

  }
 #top-section-wrap {
	width:920px;
	margin:0 auto;
	padding: 0 ;
  height: 100px;
  background: url(../images/header.png) no-repeat;
}

#logo {
float: left;
margin: 12px 0 0 34px;
}
#strip {
width: 100%;
height: 19px;
background: url(../images/strip2.png) no-repeat;
}
#innerstrip {
margin: 0 auto;
width: 920px;
height: 19px;
background: url(../images/strip.png) no-repeat;
}
#login {
width: 120px;
}
#body {
	width:970px;
	margin:-20px auto 0;
	padding: 0 ;
	  overflow: hidden;
	    text-align: left;
}
#innerbody {
	width:780px;
	float: left;
	padding: 36px 0 0;
	  overflow: hidden;
	    text-align: left;
}
#content, #slideshow {
width: 548px;
float: right;
padding: 0px 15px;
overflow: hidden;
}
#innerbody2 {
	width:970px;
	float: left;
	padding: 36px 0 0;
	  overflow: hidden;
	    text-align: left;
}
#content2 {
width: 705px;
float: right;
padding: 0px 15px;
overflow: hidden;
display: inline;
margin-right: 35px;
}
#slideshow2 {
width: 100%;
float: left;
}
#left {
width: 200px;
float: left;
padding: 0px;
overflow: hidden;
margin-top: -7px;
}
#right {
width: 190px;
float: right;
padding: 0;
overflow: hidden;

}
#innerright {
width: 175px;
float: left;
padding: 0;
overflow: hidden;
}
#footer{
clear: both;
  width: 100%;
  height: 50px;
  text-align: left;
padding: 15px 0 0 17px;
font-size: 0.9em;
}
#footer-left {
float: left;
width: 100%;
}
#footer-right {
float: left;
width: 100%;
padding: 20px 0 20px 12px;
}
/*--STYLE--*/
:focus {
outline: 0;
}
a {
list-style: none;
text-decoration:none;
border: none;
color: #2f90ca;
font-weight: bold;
}
a:hover {
text-decoration:underline;
}
a img {
border: none;
list-style: none;
}
ul {
list-style: none;
padding: 0;
margin:0;
}
li {
background: url(../images/arrow.png) no-repeat 0px 5px;
padding-left: 10px;
margin-bottom: 10px;
color: #4d4d4d;
font-weight: bold;
}

.pagination {
	font-size: 130%;
}

blockquote {
	display: block;
	background: url(../images/quote-start.png) 0 5px no-repeat;
	padding: 0px 10px 0 25px;
	margin: 0px 0;
	font-size: 130%;
	line-height: 150%;
	width: auto;
	color: #333000;
	border: 0;
}

blockquote p {
	padding: 0 15px 0 0;
	margin-top: 0;
	background: url(../images/quote-end.png) 100% 100% no-repeat;
}
p {
margin-bottom: 20px;
}
p.buttonheading {
margin:0;
}
h1, .contentheading, .componentheading {
margin-bottom: 10px;
color: #34301b;
font-weight: bold;
font-size: 18px;
}
h2 {
margin-bottom: 10px;
color: #34301b;
font-weight: bold;
font-size: 1.1em;
}
h3 {
margin-bottom: 10px;
color: #34301b;
font-weight: bold;
font-size: 1.0em;
}
h4{
margin-bottom: 10px;
color: #2f90ca;
font-weight: bold;
font-size: 1.0em;
}
h5{
margin-bottom: 10px;
color: #34301b;
font-weight: bold;
font-size: 1.0em;
}
h6{
margin-bottom: 10px;
color: #2f90ca;
font-weight: normal;
font-size: 0.9em;
}
/*MODULES*/
.moduletable h3 {
font-weight: bold;
font-size: 1.1em;
color: #fff;
background: #414143;
padding: 0px 0px 2px 3px;
}
.moduletable{
margin: 20px 0 0;
padding: 0 0px 2px;
text-align: left;
}
.moduletablelogin {
margin: 0;
padding: 0 0px ;
text-align: left;
color: #fff;
font-size: 1.1em;
}

.moduletableinlinelogin {
margin: 0;
padding: 0 0px ;
text-align: left;
color: #34301B;
font-size: 1.1em;
}

.moduletabletutor {
margin: 0;
margin-left:190px;
padding: 0 10px ;
text-align: center;
color: #fff;
font-size: 1.1em;
background:none;
}


.moduletabletutor a:link,.moduletabletutor a:visited {
margin: 0;
padding: 0 10px ;
text-align: center;
color: #fff;
font-size: 1.1em;
}

.moduletabletutor #current a:link,.moduletabletutor #current a:visited {
margin: 0;
padding: 0 0px ;
text-align: center;
color: #fff;
font-size: 1.1em;
}



.moduletabletop-right h3 {
font-weight: bold;
font-size: 1.1em;
color: #fff;
background: none;
padding: 1px 0px 1px 3px;
}
.moduletabletop-right{
margin: 0;
padding: 0 0px 10px;
text-align: left;
}
.moduletableleft1 h3, .moduletableleft2 h3, .moduletableleft3 h3, .moduletableleft4 h3 {
font-weight: bold;
font-size: 1.1em;
color: #fff;
padding: 5px 0px 0px 38px;
margin: 0 0px 0 -32px;
height: 23px;
}
.moduletableleft1 h3 {
background: url(../images/orange-header.png) no-repeat;
}
.moduletableleft2 h3 {
background: url(../images/green-header.png) no-repeat;
}
.moduletableleft3 h3 {
background: url(../images/blue-header.png) no-repeat;
}
.moduletableleft4 h3 {
background: url(../images/cyan-header.png) no-repeat;
}
.moduletableleft1 h3 a, .moduletableleft2 h3 a, .moduletableleft3 h3 a, .moduletableleft4 h3 a {
color: #fff;
}
.moduletableleft1, .moduletableleft2, .moduletableleft3, .moduletableleft4{
margin: 0;
padding: 0 0px 10px 32px;
text-align: left;
}
/* Module main menu*/
.moduletablemain-menu {
font-size: 1.3em;
width: 100%;
padding: 0 0 0 32px;
}
.moduletablemain-menu ul {
list-style:none;
margin:0;
padding-bottom:20px;
padding-left:0;
padding-right:30px;
padding-top:4px;
}
.moduletablemain-menu li {
margin: 0 0;
padding:3px 0px 3px 0px;
background: none;
border-bottom: 1px solid #ccc;
}
.moduletablemain-menu a:link,.moduletablemain-menu a:visited {
color:#414143;
text-decoration:none;
margin:0 0 0 0;
font-weight: bold;
}
.moduletablemain-menu a:hover {
text-decoration: none;
color:#999;
}

.moduletablemain-menu #current a:link ,.moduletablemain-menu #current a:visited {
color:#007ec5;
}
/* Module bottom menu*/
.moduletablebottom-menu {
width: 100%;
padding: 0;
}
.moduletablebottom-menu ul {
list-style:none;
margin:0;
padding:0 0 0 0;
width: 100%;
}
.moduletablebottom-menu li {
margin: 0 0;
padding:0px 15px;
background: none;
display: inline;
border-right: 1px solid #ccc;
}
.moduletablebottom-menu a:link,.moduletablebottom-menu a:visited {
color:#414143;
text-decoration:none;
margin:0 0 0 0;
font-weight: normal;
}
.moduletablebottom-menu a:hover {
text-decoration: none;
color:#999;
}

.moduletablebottom-menu #current a:link ,.moduletablebottom-menu #current a:visited {
color:#007ec5;
}
/*EDITOR*/
.mceContentBody {
text-align: left;
background: #FFF none;
}

.readon {
color: #2f90ca;
padding:0;
margin:0;
}
/* ########################### contacts ########################### */
div.contact {
margin:10px 0;
}

address {
font-style:normal;
margin:10px 0;
}

address p {
line-height:1em;
}

.contact label {
float:left;
font-weight:bold;
width:14em;
margin:10px 0 0;
}

span.marker {
margin:0 10px 0 0;
}

.contact_email_checkbox label {
float:none !important;
}

.contact label.copy {
width:90%;
padding:0 0 0 10px;
}

.contact form {
background:#e4f0f7;
color:#4d4d4d;
padding:20px;
margin:10px 0;
}

.contact input {
background:#fff;
border:solid 1px #ccc;
color:#000;
padding:2px 2px 0;
margin:10px 0 0;
}

.contact .button{
background: #2f90ca;
border:1px outset #ccc;
color:#fff;
font-weight:bold;
margin:20px 10px 0 0;
padding:3px;
cursor:pointer;
}
.button{
background: #2f90ca;
border:1px outset #ccc;
color:#fff;
font-weight:bold;
margin:2px 0px;
padding:3px;
cursor:pointer;
}
label.textarea {
float:none !important;
margin:10px 0;
display:block;
width:100%;
}

#contact_text {
width:80%;
height:150px;
}

.contact input.invalid,.contact textarea.invalid {
border:solid 2px red;
}

.contact label.invalid {
color:red;
}
.contentpaneopen, .contentpaneopentop-right {
font-weight: normal;
}

.participanttable {
    border: 2px solid black;
    border-spacing: 0px;
    font-size: 14px;
}

.participanttableth {
    padding: 4px;
    border: 1px solid black;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

.participanttabletd {
    padding: 4px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;	
    border-left: 1px solid grey;	
    border-right: 1px solid grey;
    font-size: 14px;	
}


.tourdatecell {
    text-align: top;
	vertical-align: middle;
}

.tourname {
 padding-left: 10px;
 font-weight: bold;
 font-size: 1.3em;
 line-height: 115%;
 padding-bottom: 10px;
 vertical-align: middle;
}

.tourshare {
 font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.sharetext {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  vertical-align: middle;
}

.icon {
 vertical-align: middle;
 text-align: center;
}

.tourfull {
 font-size: 26px;
 color: red;
 font-weight: bold;
 text-align: center;
 vertical-align: top;
}

.booknow {
     text-align:center;
 }

.tourdatelg {
 font-weight: bold;
 font-size: 1.3em;
 line-height: 115%;
 vertical-align: middle;
 }


table.toolbar    			 { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td 			 { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer  { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }

table.toolbar a {
   display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}

/** for massmail component **/
td#mm_pane			{ width: 90%; }
input#mm_subject    { width: 200px; }
textarea#mm_message { width: 100%; }

/* pane-sliders  */
.pane-sliders .title {
	margin: 0;
	padding: 2px;
	color: #666;
	cursor: pointer;
}

.pane-sliders .panel   { border: 1px solid #ccc; margin-bottom: 3px;}

.pane-sliders .panel h3 { background: #f6f6f6; color: #666}

.pane-sliders .content { background: #f6f6f6; }

.pane-sliders .adminlist     { border: 0 none; }
.pane-sliders .adminlist td  { border: 0 none; }

.jpane-toggler  span     { background: transparent url(../images/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;}
.jpane-toggler-down span { background: transparent url(../images/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;}

.jpane-toggler-down {  border-bottom: 1px solid #ccc; }

/* tabs */

dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

div.current dd {
	padding: 0;
	margin: 0;
}
/** cpanel settings **/

#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img  { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }

/* standard form style table */
div.col { float: left; }
div.width-45 { width: 45%; }
div.width-55 { width: 55%; }
div.width-50 { width: 50%; }
div.width-70 { width: 70%; }
div.width-30 { width: 30%; }
div.width-60 { width: 60%; }
div.width-40 { width: 40%; }

table.admintable td 					 { padding: 3px; }
table.admintable td.key,
table.admintable td.paramlist_key {
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.paramlist td.paramlist_description {
	background-color: #f6f6f6;
	text-align: left;
	width: 170px;
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.admintable td.key.vtop { vertical-align: top; }

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform.nospace { margin-bottom: 0; }
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }

table.adminform th {
	font-size: 11px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }

table.adminform td.filter{
	text-align: left;
}

table.adminform td.helpMenu{
	text-align: right;
}


fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }

/** Table styles **/

table.adminlist {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.adminlist td,
table.adminlist th { padding: 4px; }

table.adminlist thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.adminlist thead a:hover { text-decoration: none; }

table.adminlist thead th img { vertical-align: middle; }

table.adminlist tbody th { font-weight: bold; }

table.adminlist tbody tr			{ background-color: #fff;  text-align: left; }
table.adminlist tbody tr.row1 	{ background: #f9f9f9; border-top: 1px solid #fff; }

table.adminlist tbody tr.row0:hover td,
table.adminlist tbody tr.row1:hover td  { background-color: #ffd ; }

table.adminlist tbody tr td 	   { height: 25px; background: #fff; border: 1px solid #fff; }
table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }

table.adminlist tfoot tr { text-align: center;  color: #333; }
table.adminlist tfoot td,
table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.adminlist td.order 		{ text-align: center; white-space: nowrap; }
table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }

table.adminlist .pagination { display:table; padding:0;  margin:0 auto;	 }

.pagination div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}

/** stu nicholls solution for centering divs **/
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}

/** table solution for global config **/
table.noshow   		 { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
table.noshow tr 		 { vertical-align: top; }
table.noshow td 		 { }
table.noshow fieldset { margin: 15px 7px 7px 7px; }

#editor-xtd-buttons { padding: 5px; }

/* -- buttons -> STILL NEED CLEANUP*/

.button1,
.button1 div{
	height: 1%;
	float: right;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button1 { background: url(../images/j_button1_left.png) no-repeat; white-space: nowrap; padding-left: 10px; margin-left: 5px;}

.button1 .next { background: url(../images/j_button1_next.png) 100% 0 no-repeat; }

.button1 a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
	padding: 0 30px 0 6px;
}

.button1 a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index: 50;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

#newtutor {
background-image:url("/administrator/templates/khepri/images/toolbar/icon-32-new.png");
display:block;
float:none;
height:32px;
margin:0 auto;
width:32px;
}

#backtutor {
background-image:url("/images/back_32.jpg");
display:block;
float:none;
height:32px;
margin:0 auto;
width:32px;
}

#submittutor {
background-image:url("/images/apply_f2.png");
display:block;
float:none;
height:32px;
margin:0 auto;
width:32px;
border: none;
font-weight:bold;
}

#jwplayer {

    text-align: center;
}


#nexttrailtutor {
background-image:url("/images/participant_details_32.jpg");
display:block;
float:none;
height:32px;
margin:0 auto;
width:32px;
}

.chronoform {
    font-size: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url(../images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../images/notice-alert.png) 4px top no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
