/*

 Default theme colours:

 Grey:       #676767
 Beige       #E7E6D2
 Light Grey: #E8E8E8
 Dark Brown: #734731
 Light Brown #C4B6AE
 Orange:     #D8712E
 Dark Blue:  #588ea5
 Light Blue: #BFE7F8
 login blue: #C0E7F8
 White:      #FFFFFF
 Dark Brick: #712913
 Pinkish:    #F4D4D4


"active" box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

*/

html, body {width: 100%; height: 100%; margin: 0px; padding: 0px;border:0px;}

body, table
{
font-family: ubuntu,arial, helvetica, sans-serif;
font-size:12px;
color:#676767;

}
p.text, table#formTable td p.text
{
	color:#676767;
}
body#default.fullWidth.event,
body.iframe {background: none repeat scroll 0 0 #FFFFFF;}
 /* body#default{margin-top:-8px; }What's this about? */
table { background: none; }

table td{ vertical-align:top;}
table td.spacer{height:20px;}

form { margin: 0; padding: 0; }

textarea,input,select{color:#676767;}

h1{margin: 0px 0px 15px 0px;color: #D76927;font:normal 600 28px/38px arial, sans-serif;text-align: left;}
p.copy{ font-size:14px; }
/*
body.user h1.contentPageTitle,
body.userRegistration  h1.contentPageTitle{font-family:georgia,serif;font-style:italic;}
*/
body.organiser h1,body.user h1
{
text-align: left;
padding: 0px 20px 0px 0px;
margin: 0px 0px 10px;
color: #000;

font:normal 600 18px/36px arial, sans-serif;
font-size:22px;
font-weight:normal;
}
body.user h1
{
	font-size:24px;
}

body.iframe h1,
h1.iframe{color: #242424;font:normal bold 18px/22px arial,sans-serif;margin: 0 0 10px;}

h2 { font-size: 20px; color:#242424;font-weight:normal;}

h3{color: #D8712E;font-weight:normal;}
table#formTable h3 {margin: 0 0 0.5em;}

h3.section
{
background: #734731 none repeat scroll 0 0;
border-radius: 4px;
color: white;
padding: 3px 10px;
text-align: left;
width: 160px;
}

h4 { }

p {margin: 8px 0px;line-height:normal;color:#333;}
div.qtip-content p {color: #FFFFFF;}

/* siteBuilder content in page_script pages */
div#pageSource,div.pageSource{ font-size:13px;padding-bottom:10px; }
body.iframe div#pageSource{margin: 1em 0;width:500px;}

ul{ margin:0; list-style:none;padding:0;}
li { line-height: 22px; }
li { line-height:normal; }

#mocaDialog ul
{
	margin-left:20px;
	list-style:disc;
}
div#mocaDialog p
{
	color:black !important;
}


a { color: #333333; text-decoration:none;cursor:pointer;}
a:hover,div#statusMessage a { text-decoration: underline;}

a.buttonWrapper,a.buttonWrapper:hover{ text-decoration: none;}
a.disabled,span.disabled,div.disabled,label.disabled,td.disabled{ text-decoration:none;color:#ccc; }
.inactive{ color:#9a9a9a; }

 /* MocaForm help icons */
a.mfHelp {display: inline-block; padding-left:5px;}

/*
option.selectable {background: none repeat scroll 0 0 #E7E6D2; border-bottom: 1px solid #C4B6AE;color: #000000;padding-left: 1em;}
option.header {border-bottom: 1px solid #d8712e;color:#d8712e;font-weight: bold;padding: 3px 2px;}
*/
hr { background: none; border: none; border-bottom: 1px solid #ccc;}
img{ border:none; }
* img { behavior: url(../js/iepngfix.htc) }

label {
	position: relative;
	/*top:-3px;*/
	padding-right:10px;
}
label.radio {position: relative;top:0;}
input[type="radio"] {bottom: 1px;position:relative;vertical-align: middle;}

/* listing tables */
table.ltable
{
width:840px;
font-size:13px;
color:#676767;
text-align:left;
background:#ffffff;
border: 1px solid #E7E6D2;
}
table.ltable td
{
	text-align:left;
	vertical-align:middle;
	padding:4px;
}
table.ltable td.lcurrency{ text-align:right; }

table.ltable td span.note {display:inline-block; color:#900; font-size:100%;}

td.lheader,td.lheadercolumn
{
font-size:14px;
color:  #9a9a9a;
font-weight:normal;
text-align:left;
width:auto;
border-bottom:1px solid #E7E6D2;
border-right:1px solid #E7E6D2;
}

table.ltable td.name {min-width:100px;}

td.lheadercolumn,table.ltable td.lheadercolumn,table.ltable td.lcolumn, td.lcolumn{text-align:center;}

td.nrb{border-right:0;} /* ie: No Right Border */

table.compact td {padding:2px;vertical-align:middle;font-size: 11px;}
table.ltable.compact td.lheader,table.ltable.compact td.lheadercolumn {padding:4px;}

table.ltable td.hundred{width:100px;}
table.ltable td.date{text-align:center;width:120px;white-space:nowrap;}
table.ltable td.phone{text-align:center;width:120px;white-space:nowrap;}
table.ltable td.datetime {width:120px; white-space:nowrap;}
table.ltable td.limit {width:70px;}
table.ltable td.binary,table.ltable td.drag {width:40px;}
table.ltable td.icon {width:20px;}
table.ltable td.dateRange, table.ltable td.buttons {width:150px; text-align:center;}
table.ltable td.buttons {white-space:nowrap;}
table.ltable td.button {width:75px; text-align:center;}

table.ltable td.lname {white-space:nowrap;}

/* fake anchors */
table.ltable td.clickable {color: #333333; cursor: pointer; text-decoration: underline;}
table.ltable td.drag, table.ltable th.drag {cursor: move;}

td.controls.drag a,td.dragHandle{
    cursor:move;
}


table.ltable a.button,
table#formTable a.button,
table.ltable a.disabledButton,
table#formTable a.disabledButton
{
display:inline-block;
text-decoration:none;
padding:2px 3px;
background:#ffe;
text-transform:uppercase;
font-size:10px;
border:1px solid #D8712E;
}
table.ltable a.button:hover,table#formTable a.button:hover{background:#D8712E;color:white; }

table.ltable a.disabledButton,
table#formTable a.disabledButton
{
background: none repeat scroll 0 0 #EEEEEE;
border-color:#999999;
color: #999999;
cursor:default;
}



/* Above ltable, link to export page, etc */
div.subLink{position: relative; text-align: right;width: 100%;top:-10px;}
body.user div.subLink{top:-40px;}

/* Bordered, with background: eg: View org contact invite as organiser */
div.fancySubLink{
float:right;
background: none repeat scroll 0 0 #edeccd;
border: 1px solid #d2d3b8;
width: 200px;
padding: 2px;
text-align: center;
}

/* Container for form elements above/below listing table (eg: search) */
div.headerForm{padding:10px 0px 20px 0px;}
div.headerForm.headerLinks , div.headerForm.headerLinks a
{
	text-align:right;
    font-size: 18px;
    color: #676767;

}

div.footerForm{padding:20px 0px 10px 0px;}

div.headerForm .label {color: #000000;font-size: 13px;padding: 0 5px;text-align: left;}

div.headerForm input.button.add,div.footerForm input.button.add{ float:right; }

/* form tables & form elements */

table#formTable{ float:none; margin:0; width:100%;}

table#formTable td{color:#000000; font-size:13px;padding: 5px 0;text-align: left;}
table#formTable td.disabled{color:#ccc;}
table#formTable td.label, table#printTable td.label,table#formTable td.labelHorizontal{ text-align:right; vertical-align:top;}
table#formTable td.value,table#formTable td.llabel,table#formTable td.valueHorizontal{padding-left:15px;}
table#formTable td.subhead{ font-weight:bold; }
table#formTable td.value.item{padding-left:100px;}
table#formTable td.column{text-align:center;}
table#formTable td p,div.formTable p{ color:#000000; }
table#formTable span.value{ display:inline-block;padding-left:1em; }
table#formTable td.date {width: 80px;}

span.required {color: #D8712E;font-weight:bold;display:inline-block;padding:3px;font-size:120%;}
.disabled span.required,span.required.disabled {color: #ccc;}
table#formTable  div.ffunc,div.formTable  div.ffunc
{ /* display of form-uploaded images */
border: 1px solid #734731;
padding:5px;
width:300px;
font-size:75%;
line-height:16px;
}


input.fdate,
input.fdateStatic, /* no date picker */
input.fmtxtStatic, /* no date picker */
input.finttxt,       /* form integer text */
input.fcurrencytxt,
input.ftime,
input.ftimeStatic,
input.fltxt,         /* form long text */
input.fmtxt,         /* form medium text */
input.fstxt,         /* form short text */
input.fsearchtxt,
textarea,
input.fphtxt,        /* phone */
input.fphcodetxt,    /* area code */
input.faccbanktxt,   /* bank acc */
input.faccbranchtxt, /* bank acc */
input.faccclienttxt, /* bank acc */
input.faccclientuktxt,/* bank acc uk*/
input.faccsuffixtxt, /* bank acc */
input.fcolourtxt     /* jpicker */
{
font-family:arial,helvetica,sans-serif;
text-align: left;
width: 288px;
border: 1px solid #734731;
margin: 0;
font-size:13px;
padding: 3px;
height: 18px;
}

textarea{ height:48px; }
input.finttxt{width:54px;}
input.fdate,input.fdateStatic{width:69px;}
input.ftime,input.ftimeStatic{width:40px;}
input.fstxt{width:138px;}
input.fsearchtxt{width:180px;}
input.fltxt{width:450px;}
input.fphtxt{width:138px;}
input.fphcodetxt{width:40px;text-align:left;}
input.faccbanktxt{width:28px;text-align:right;}
input.faccbranchtxt{width:30px;text-align:right;}
input.faccclienttxt{width:54px;text-align:right;}
input.faccclientuktxt{width:74px;text-align:left;}
input.faccsuffixtxt{width:30px;text-align:right;}
input.fcolourtxt{width:60px;}
input.fcurrencytxt {width:60px;text-align:right;}

td.labelHorizontal{text-align: right;}
table#formTable td td.sublabel,td.sublabel{color:#999;font-weight:bold;text-align:center;}
select.fssel,select.fsymsel,select.fsel,select.fseldate,select.fselNoWidth
{
background: none repeat scroll 0 0 white;
border: 1px solid #734731;
float: none;
font-size: 13px;
height: 26px;
margin: 0;
min-width:180px;
width:300px;
padding: 3px;
font-family:arial,helvetica,sans-serif;
text-align: left;
}

select.fssel,select.fselNoWidth{ width:auto;height:auto; }
select.fseldate{width:auto;margin-right:1em;}
select.fsymsel {min-width:55px;width: 55px;}
select.fsel.multiple{ height:75px; }

select.fsel:disabled,select.fssel:disabled,select.fselNoWidth:disabled,
input.fchk:disabled,
textarea:disabled,
input.fdate:disabled,
input.finttxt:disabled,
input.fcurrencytxt:disabled,
input.ftime:disabled,
input.fltxt:disabled,
input.fmtxt:disabled,
input.fstxt:disabled,
input.fsearchtxt:disabled,
input.fphtxt:disabled,
input.fphcodetxt:disabled,
input.faccbanktxt:disabled,
input.faccbranchtxt:disabled,
input.faccclienttxt:disabled,
input.faccsuffixtxt:disabled,
input.fcolourtxt:disabled { background:#eeeeee; }

select:disabled , select:disabled option{ color:#ccc; }

input.button, input.smallButton, input.bigButton,a.panelButton
{
position: relative;
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin:0;
padding: 3px;
color:#ffffff;
border:none;
background:#D76927;
border-radius: 4px;
text-decoration: none;
min-width:6em;
height:26px;
font-family:arial,helvetica,sans-serif;
}
select.fsel.holderPhone
{
min-width: 50px;
width: 75px !important;
}
input.button{height:28px;}

input.smallButton
{
height: 24px;
font-size: 10px;
font-weight:normal;
padding: 0px 5px;
margin: -1px 0px 0px 5px;
min-width:6em;
}

input.smallButton:hover,input.button:hover {background:#EC8234;}

input.smallButton.disabled:hover,input.button.disabled:hover,
input[type="button"].disabled{
    background: #999999;
    border: 0 none;
    color: #FFFFFF;
    cursor: default;
/*    padding: 3px; */
}
.disabled{ cursor: default; }
input.bigButton,a.panelButton
{
float: left;
font-size: 14px;
font-weight: 600;
height: 41px;
line-height: 41px;
text-align:center;
width: auto;
padding:5px;
}
input.bigButton{line-height: 21px;  }
a.panelButton
{
float: right;
margin: 20px 0 0;
padding: 0 0 0 10px;
width: 182px;
}

td.controls a,div.controls a
{
background-color: #D76927;
text-decoration:none;
border: medium none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
display: inline-block;
padding: 3px;
text-align: center;
width:50px;
}
td.controls a.disabled{ background-color:#ccc;cursor:default; }
td.controls a.mfHelp,div.controls a.mfHelp
{
background-color: inherit;
text-decoration:none;
border: none;

color: inherit;
display: inline;
padding: 0px;
text-align: center;
width:auto;

}

table#formTable td.buttonPanel, div.buttonPanel {padding:20px 0; text-align:center;}
div.listingButtonPanel {padding:20px 0; text-align:left;}
table#formTable td.value.buttons{padding:20px 35px;}

div.buttonPanel input.button,div.listingButtonPanel input.button{ margin:10px 1px; }

.fnote{ font-size:75%; }
.finlinehelp {color: #A3A290; font: normal 80% serif; width: 350px;}
.finlinehelp.cell {float:left;padding-left:15px;font-style:normal;font-size:100%;font-family:sans-serif;}
.lfootnote {color: #A3A290; font-style: italic; padding-top: 1em;}
.finlinelabel {color: #A3A290; display: inline;font-size: 11px; font-style: normal; font-weight: normal;}
.padl {display: inline-block; padding-left: 10px;}
span.help {color: #D8712E; font-style: italic;}


div.feStatusMessage
{
background: none repeat scroll 0 0 #EFEFEF;
border: 1px solid #734731;
clear: both;
color: #D8712E;
float: none;
font-size:120%;
left: 0;
margin: 15px 0 10px;
padding: 15px;
position: relative;
text-align: left;
top: 0;
width: 550px;
}
body.iframe div.feStatusMessage {clear:both;float:none;font: 100% arial,sans-serif;margin: 0 0 5px;padding: 5px;width: auto;}
body.event div.feStatusMessage{ clear:none; }
div.loginMsg,div.responseMsg,div.status /* Error Msg for logins; public status messages*/
{
color: #ff1a00;
background: #FFFFFF;
width: 100%;
padding: 10px 6px;
margin: 5px 0px;
border-radius: 4px;
border: 1px solid #ff1a00;
}
div.loginMsg.no-pad
{
	padding:0;
}
div.responseMsg { padding:20px 30px;text-align:left;font-size:14px; }
div.status{display:none;}
ul#errorMessage,
    ul#errorMessage li
{
	list-style:none;
    margin:none;
}
div#ajax-wrap
{
	position: fixed;
	display:none;
    right: 50%;
    top: 50%;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
		 z-index:1499;
}

div#ajaxBusy {

	display:none;
	margin:auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

width: 60px;
height: 60px;
border-radius: 50%;
background:white;
box-shadow: 6px 6px 4px #888888;
text-align:center;
border:1px solid #ccc;

z-index:1500;
}


div#ajaxBusy img {
position:relative;
top:10px;
z-index:1501;
}

div.col{ display:table-cell;vertical-align:top;padding-bottom:6px; }
div.col.chk{ padding-right:5px;}
div.col.txt{ padding-left:3px;}

div.component {float: right; padding: 0 0.5em; text-align: left;}

#container100
{
float: left;
position: relative;
width: 100%;
min-height: 435px;
margin: 0px;
padding: 0px;
/* background: #fff url(../images/style/body_bg_tile_page.jpg) top right repeat-x; */
}

#default.fullWidth.event #container100
{
background: url(../images/style/body_bg_tile_tabbed_page_small.jpg) repeat-x scroll center top #FFFFFF;
}

div.container
{
text-align:left;
margin-left:auto;
margin-right:auto;
width:939px;
}
body.user div.container {margin: 0 auto; width: 1080px;}

div.container div.bgContainer
{
width: 978px;
float: left;
position: relative;
margin-bottom: 50px;
}
body.user div.container div.bgContainer{width:1080px;}

div.container div.bgContainer div#header
{
float: left;
position: relative;
width: 1050px;
height: 199px;
z-index:1000;
white-space:nowrap !important;
}

body#default.event div.container div.bgContainer div#header {height: 60px; width: 939px;}
body.user div.container div.bgContainer  div#header {height: 169px;}
body#default div.container div.bgContainer div#header{ width:978px;height:169px; }

div#header a img
{
border: medium none;
float: left;
margin: 15px 0 0 20px;
position: relative;
z-index: 1000;
}

div#header a img#logoSmall {/* organiser */
	float: left;
	border: none;
	margin: 0px 0px 0px 0px;
}
div#header a img.logo {left: 58px; position: relative;} /* attendee */

div#header div#headerLinks
{
float: left;
width: 860px;
height: 3px;
line-height: 30px;
position:relative;
margin: 12px 0px 0px 32px;
font-weight: bold;
color: #333;
text-transform:uppercase;
}
div#headerLinks a {color: #81AD0F; font-weight: normal;}

div.entitySelector
{
float: left;
/* position:absolute; */
z-index: 1000;
margin: 0;
/* padding: 3px 0px 3px 10px; */
padding:40px 15px 0px 15px;
font-size: 13px;
line-height: 20px;
font-weight: 600;
text-align: left;
border-left: 1px solid #734731;
border: none;
color: #676767;

}
div.entitySelector span.entitySelectorLabel
{
	display:inline-block;
	height:30px;
	vertical-align:bottom;
	line-height:30px;
	text-transform:uppercase;

}


div.entitySelector#organisationSelector
{
width: 280px;
height: 70px;
padding-left:30px;
padding-right:5px;
}
div.entitySelector#eventSelector
{
width: 300px;
height: 70px;
}

form.entitySelector {display:block;}

div.entitySelector form.entitySelector select
{
float: left;
clear: both;
border: 1px solid #734731;
height: 26px;
padding: 3px;
font-size: 11px;
margin: 7px 0px 4px;
color: #676767;
text-transform:none;
min-width:150px;
}
div.entitySelector#organisationSelector form.entitySelector select{ max-width:240px; }
div.entitySelector select option {  color: #676767;}

div.entitySelector#eventSelector form.entitySelector select {float: none;max-width:300px}

div#containerColor div.container  div.bgContainer  div#largeNavigationTabs
{
position:relative;
float: left;
width: 939px;
height: 47px;
z-index: 5;
background: url(../images/style/shadow_bg_top.jpg) bottom left no-repeat;
}
div#largeNavigationTabs ul{position:relative;float: left;list-style: none;padding-left:40px;}
div#largeNavigationTabs ul li
{
	display: inline-block;
	margin: 0px 8px 0px 0px;
	z-index:1300;
}

div#largeNavigationTabs ul li a
{
display:block;
font-size: 16px;
color: #000;
height: 45px;
line-height: 47px;
padding: 0px 10px;
border: 1px solid #c5c5c5;
text-decoration: none;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeed), to(#e2e2e2));
background: -webkit-linear-gradient(#eeeeed, #e2e2e2);
background: -moz-linear-gradient(#eeeeed, #e2e2e2);
background: -ms-linear-gradient(#eeeeed, #e2e2e2);
background: -o-linear-gradient(#eeeeed, #e2e2e2);
background: linear-gradient(#eeeeed, #e2e2e2);
-pie-background: linear-gradient(#eeeeed, #e2e2e2);
behavior: url(/pie/PIE.htc);
}

div#largeNavigationTabs ul li a.selected,div#largeNavigationTabs ul li a:hover
{
border: 1px solid #734731;
border-bottom: 1px solid #FFFFFF;
background: #FFF;
}


div.container div#contentShadow
{
float: left;
position: relative;
width: 930px;
padding: 0px 51px 50px 54px;
background: url(../images/style/shadow_bg_tile.jpg) 0px 0px repeat-y;
}
/* subMenu for menu bar to right of orange arrow */

div.container div#contentShadow div#subMenu
{
width: 876px;
height: 53px;
font-size: 11px;
margin: 0px 0px 15px -22px;
background: url(../images/style/submenu_bg.jpg) top left repeat-x;
font-family:arial,sans-serif;/* verdana et al overflows */
}


div.container div#contentShadow div#subMenu h2
{
line-height: 29px;
float: left;
font-size: 12px;
color: #FFF;
font-weight: 600;
margin: 12px 0px 0px 0px;
padding: 0px 35px 0px 22px;

}
div.container div#contentShadow div#subMenu h2 a {color: #FFF;text-decoration: none;text-transform:uppercase;}
div.container div#contentShadow div#subMenu  ul.sub-menu {margin: 20px 0px 0px 0px; padding: 0; display:inline-block;}
div.container div#contentShadow div#subMenu ul.sub-menu li {display:inline-block;float: left;padding: 0px 7px 0px; border-left: 1px solid #242424;}
div.container div#contentShadow div#subMenu ul.sub-menu li a {line-height: 14px; color: #242424;}
div.container div#contentShadow div#subMenu ul.sub-menu :first-child {border: none;}
div.container div#contentShadow div#subMenu ul.sub-menu li.disabled {border-left: 1px solid #ccc;}
div.container div#contentShadow div#subMenu ul.sub-menu li.disabled a {color: #9a9a9a;}
div.container div#contentShadow div#subMenu ul.sub-menu li a.disabled {color: #9a9a9a;cursor:default;}
div.container div#contentShadow div#subMenu ul.sub-menu li a.selected {color: #242424;font-weight:bold;text-decoration:none;}

div#subMenu a{ text-decoration:none; }
div#subMenu a:hover
{
	text-decoration:underline;
}
div#subMenu a.disabled:hover
{
	text-decoration:none;
}


/* subSubMenu for the event admin section between event aspects */

div.container div#contentShadow p.subSubMenu {color: #CDC9C8; margin: 0px 0px 0px 0px;}
div.container div#contentShadow p.subSubMenu a {color: #000; text-decoration: none;}
div.container div#contentShadow p.subSubMenu a.disabled {color: #9a9a9a;}
div.container div#contentShadow p.subSubMenu a span {text-decoration: none;}
div.container div#contentShadow p.subSubMenu a:hover {text-decoration: underline;}
div.container div#contentShadow p.subSubMenu a.disabled:hover {text-decoration: none;}

div.container div#contentShadow p.subSubMenu.subSubMenuQuals {padding-bottom:20px;}
div.container div#contentShadow div#content
{
float: left;
position: relative;
width: 835px;
margin: 0;
z-index: 2;
}

div#contentShadow div#content div#fullWidthContent{float:none;width:800px;margin:0;}
div#contentShadow div#contentShadowBottomBg {bottom: 0; left: 0; position: absolute;}

body#user div.container div#contentShadow div#content {padding: 20px 0px 0px 0px;}
body#user div.container div#contentShadow div#content div#leftCol
{
float: left;
margin: 0 21px 0 0;
position: relative;
width: 192px;
padding:0;
}
body#user div.container div#contentShadow div#content div#wideRightCol {float: right; position: relative; width: 620px;}


/* Top bar with login links etc */
div#loginContainer
{
position: relative;
border:0px;
float: left;
top: 0;
left: 0;
z-index: 1099; /* Must be less than 1100 which is fancybox pop-up z-index */
width:100%;
height: 32px;
background: #734731;
margin:0px;
font-size:13px;
}

div#loginContainer div.bgContainer{position: relative;width: 880px;padding: 0px 0px 0px 30px;}
div#loginContainer div.bgContainerLoggedIn{position: relative;width: 950px;padding: 0px 0px 0px 30px;}

div#loginContainer p{position: relative;margin: 0;color: #FFF;float: left;line-height: 32px;}


div#loginContainer p.currentlyLoggedIn span
{
display: inline-block;
margin: 0px 0px 0px 1px;
padding: 0px 25px 0px 2px;
/* background: url(../images/style/login_bar_arrows.png) 100% 0%  no-repeat;*/
background: url(../images/style/account.png) 105% 30%  no-repeat;
background-size:30%;
width:auto;
}

div#loginContainer p.currentlyLoggedIn span:hover{
	color: #fff;
	/* background: url(../images/style/login_bar_arrows.png) 100% 100%  no-repeat; */
}

div#loginContainer p.currentlyLoggedIn span span{display: none;}

div#loginContainer p.currentlyLoggedIn span:hover span
{
display: block;
position: absolute;
top: 32px;
right: -27px;
width: 100px;
background: #734731;
padding: 2px 0px 4px ;
}
div#loginContainer p.currentlyLoggedIn span span a
{
display: block;
color: #FFF;
padding: 4px 10px 4px;
line-height: 12px;
text-decoration: none;
}


div#loginContainer p.currentlyLoggedIn span span a:hover{text-decoration: underline;}

div#loginContainer ul{float: right;position: relative;}
div#loginContainer ul
{
	margin-right:80px;
	list-style:none !important;
}

/* make way for external link */
body.user.event div#loginContainer ul{margin-right:0px;}


div#loginContainer ul li{float:left;line-height: 32px;}

div#loginContainer ul li img{float:left;display: none;}
div#loginContainer ul li img.home{position:relative;top:5px;display:block;}

body.organiser div#loginContainer ul li.organiserTab img{display: block;}
body.user div#loginContainer ul li.userTab img{display: block;}

div#loginContainer ul li a
{
color: #FFF;
text-decoration: none;
display: block;
padding: 0px 10px;
text-align: center;
}
/*
div#loginContainer ul li a:hover,
body.user div#loginContainer ul li.userTab a,
body.organiser div#loginContainer ul li.organiserTab a{background: #D76927;}
*/

div#loginContainer.notLoggedIn input.button{font-size:15px;font-weight:600;  }
div#loginContainer.notLoggedIn{height:0px;}

div#loginContainer.notLoggedIn div.support
{
position: absolute;
top: 0;
right: -70px;
margin: 20px 0px 0px 0px;
font-size: 12px;
}


div#loginContainer.notLoggedIn div.support img{position:relative;top:5px; }

 /* header tags: event search, user registration only */
div#header div#headerTags{position: absolute;top: 65px;right: 0;text-align: right;}


div#header div#headerTags h1{font-weight: 600;color: #242424;font-size: 35px;line-height:35px;margin:0px;padding:0px;}

div#header div#headerTags h2{font-weight: normal;color: #242424;font-size: 25px;margin:0px;padding:0px;}

div#containerColor
{
float: left;
position:relative;
width: 100%;
height: auto;
background: #fff;
background: #FFF url(../images/style/body_bg_tile_tabbed_page.jpg) 0px 0px repeat-x;
min-height: 100%;
}

body#tabbedNavigationPage.organiser div#containerColor {background: #FFF url(../images/style/body_bg_tile_tabbed_page.jpg) 0px 0px repeat-x;}

body#tabbedNavigationPage div#header {  height: 127px;}

body#tabbedNavigationPage.organiser div#header {    height: 150px;}
div#copyright{ background:white; }
div#footerContainerColor,div#footerContainer100
{
float: left;
position:relative;
width: 100%;
height: auto;
}
div#footerContainer100{min-height:146px;}

div#footerContainerColor div#footerContainer {margin: 0 auto;text-align: left;width: 939px;}
body#default div#footerContainerColor div#footerContainer {width: 978px;}
div#footerContainerColor div#footerContainer  #footerBgContainer
{
background: none repeat scroll 0 0 transparent;
float: left;
height:100px;
padding: 0 20px;
position: relative;
width: 899px;
}

/* eventsFooter in templates/includes/footer_events.php */
div#footerContainer  div#footerBgContainer.eventsFooter { text-align:center;margin:auto;padding:0;float:none; font-size:14px;}
div#footerContainer  div#footerBgContainer.eventsFooter p{ color:white;margin-top:20px; }


div#footerContainer  #footerBgContainer div#footerNavLeft {left: 90px; position: absolute; top: 10px;}
div#footerContainer  #footerBgContainer div#footerNavLeft img {left: -40px; position: absolute; top: 0;}
div#footerContainer  #footerBgContainer div#footerNavLeft ul{ position:relative; left:50px;top:15px;}
div#footerContainer  #footerBgContainer div#footerNavLeft ul li a{text-decoration:none;}
div#footerContainer  #footerBgContainer div#footerNavLeft ul li.header{ font-weight:bold; }
div#footerContainer  #footerBgContainer a.backToTop
{
background: url("../images/style/up_arrow.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
display: block;
height: 57px;
position: absolute;
right: 45px;
top: -30px;
width: 57px;
}

/* optional sponsor images in /templates/includes/footer */
div#footerContent span.sponsor
{
padding:10px;
}

/* Content container within small pop-up iframe (text of requests, disputes, etc) */
div.iframeContent{height: 180px;padding: 30px;}

/* For composing emails, mostly in pop-ups
*/
table.email{width:470px; border: 1px solid #ccc; border-bottom:none; margin:5px 0;}

table.email td
{
border-bottom:1px solid #ccc;
border-top:none;
background:#fff;
font-size:11px;
padding:2px 5px;
text-align:left;
white-space:nowrap;
}

table.email td.hlabel /* header label */
{
background: none repeat scroll 0 0 #EEEEEE;
border-right: 1px solid #CCCCCC;
font-family: courier new,monospace;
text-align: right;
width: 100px;
}
table.email td.value{ padding-left:30px; }
table.email td textarea{border: 1px solid #734731;height:100px;margin:0;text-align:left;width:250px;}

/* LeftCol panel boxes eg: attendee event listing */
div.noticeBox
{
background: none repeat scroll 0 0 #EBECEB;
border: 1px solid #C9CBC9;
float: left;
font-size: 11px;
min-height: 90px;
padding: 17px;
position: relative;
width: 156px;
}
div.noticeBox h2
{
font-size: 13px;
font-weight: 600;
letter-spacing: -1px;
margin: 0;
padding: 0;
}
div.notice p, div.notice {color: #242424; margin: 0;}
div.notice
{
	/* background: url(../images/style/stitch_tile.gif) repeat-x scroll left bottom transparent; */
background:none;
float: left;
padding: 10px 0;
position: relative;
width: 156px;
}
div.notice p a {color: #734731;}
div.notice div {padding: 5px 0;}
div.notice p em, div.notice p.org, div.notice p.date {font-size: 80%; font-style: normal;}

div#contactSetBox div.noticeBox {margin-top:1em;}
div#contactSetBox div.notice {padding-bottom:10px;}
div.noticeBox span.meta {display:block;font-size:75%;padding:10px;color:#676767;}
div.noticeBox span.name {font-weight:bold;}

/* rightCol banners */
div#sidebarisingContainer
{
float:right;
position:relative;
top: 214px;
width: 141px;
z-index: 1;
}
div#sidebarisingContainer div.sidebar {margin: 0 0 8px;}
div#sidebarisingContainer div.sidebar img{ max-width:141px !important; }

div#sidebarisingContainer a
{
color: #666666;
display: block;
font-size: 11px;
position: relative;
text-align: center;
width: 100%;
}
div.paginator{ padding-top:10px; }
div.paginator span { display:inline-block;padding:0 1px; }

div#ui-timepicker-div{z-index:1005;}

img.toggleSwitch { float:left;padding:0 5px 30px 0; height:15px;width:15px; cursor:pointer;}


div#viewSelector
{
font-family: arial, helvetica, sans-serif !important;
float:right;

position:relative;

}
div#viewSelector span{ position:relative;top:-2px;left:3px;}
body.event_calendar div#viewSelector span{ top:-6px;}
div#viewSelector a
{
cursor:pointer;
font-weight:bold;
color:#999;
text-decoration:none;
}

body.unlogged div#viewSelector { float:right;margin:0;top:15px;}

div.promoWarning
{
font-size:13px;
padding:50px;
}

div.warnings,ul.warnings
{
padding:10px;
border: 1px solid #D8712E;
text-align:center;
background: #D8712E;
color:#ffffff;
width:auto;
}
div.warnings{ margin-top:10px; }
ul.warnings li, div.warnings p, div.warnings a,div.warnings p span{ color:#ffffff;}

ul.warnings{margin: 15px 18px; padding: 10px 0;width:300px; }
ul.warnings li{ line-height:15px; }

.nowrap{ white-space:nowrap; }

div.searchAlert p
{
/* no results */
margin-top:30px;
font-size:16px;
}

body div#footerContent p.eventFooter,
body.public div#footerContent p.eventFooter,
p.eventFooter{ color:#ccc; }
div#mocaDialog a
{
	text-decoration:none;
	border:0;
	color:#222222; /* sam as js ui-widget */
}
div#eventRegistrationForm div.eventDescription p,
div#eventRegistrationForm div.eventDescription li
{
	/*	line-height:1.6;*/
	line-height:auto;
}

ul.registrationFormConditions li {
    margin: 5px 0 5px 30px;
}
/*
ul.registrationFormConditions {
    list-style: disc;
}
*/
body.event ul.registrationFormConditions
{
    list-style:none;
}
body.event ul.registrationFormConditions ul

{
    list-style:disc;
}


div#eventRegistrationForm div#masterContainer div.sectionContainer ul.registrationFormConditions p
{
    color:#4C4C4C;
/*    margin:0;*/
}

div.formButtonContainer
{
	/* after fields in #formTable */
	display:inline-block;

}
select.typed option.disabled
{
	height:5px;
	background:#999;
	font-weight:bold;
	color:black
}

/* new sub headings for edit forms */
div.h3
{
	padding:5px 5px 5px 15px;
	width:100%;

}
div.h3,
table#formTable td.h3
{
	background:#e5e8ea;
	vertical-align:middle;

}
td.labelv
{
	text-align:center;
}
div.h3 h3,
table#formTable td.h3 h3
{
	margin:0;
	color:black;
	font-weight:normal;
}

/* attendee file upload*/
div.customUploadBox
{
    display: inline-block;
	padding:8px;
	width:280px;
	border: 1px solid #cccccc;
	border-radius:5px;
}
label.customUploadBox
{
	cursor:default;
}
span.imageIdUploadButton,
span.imageIdUploadButtonClear,
span.customUploadButton
{

	display:inline-block;
	border-radius:5px;
	height:12px;
	font-size: 10px;
	font-weight: normal;
	padding: 6px 0;
	text-align:center;
cursor:pointer;
	width: 10em;
	color:#ffffff;
background-color:#fa545d;
}
span.customUploadButtonClear
{
	width:7em;

}
span.customUploadNotes
{
	display:inline-block;
	padding:0px 10px 0px 5px;
}

ul.registrationFormConditions li {
    margin: 5px 0 5px 30px;
}
ul.registrationFormConditions {
    list-style: disc;
}

body.event_theme div#themeHeader img
{
max-width:558px;
}

div.sub
{
	padding:20px;
	border:1px solid #ccc;
	border-radius:10px;

}
div.subhead.int
{
	font-size:120%;
	border:1px solid #e5e8ea;
	background:#f7f7f7;
	color:#666;
	padding:5px 5px 5px 15px;
	border-radius:10px;
	margin-bottom:10px;

}

/* Chosen SELECT control */

div#mf_select_intuto_course_id_chosen.chosen-container .chosen-results li.disabled-result {
	color:#676767;
}


div#headerLinks div.chosen-container a,
div.entitySelector div.chosen-container a { color:#676767; }

div#subMenu .chosen-container .chosen-results li.active-result
{
/* color:#676767; */
float:none;
padding:5px 6px;
line-height:20px;
 }

div#header div#headerLinks div.chosen-container,div.entitySelector div.chosen-container  {text-transform:none;}

div#subMenu div.chosen-container a:hover{ text-decoration:none; }
div#orgSelector_chosen, div#eventSelector_chosen
{
/* margin: 7px 0px 4px; */
font-weight:normal;
}

div#logoHeaderContainer
{
	position:relative;
	width:250px;
	height:120px;
	margin:5px 0 0 25px;
	line-height:120px;
	display:table;
	float:left;
	text-align:center;
	overflow:hidden;
	vertical-align:bottom
}
div#logoHeaderContainer div.logoContainer
{
	float:none;
	margin:auto;
	vertical-align:middle;
	text-align:left;
	width:100%;
	height:100%;
	display:table-cell
}
div#logoHeaderContainer a img
{
	max-height:100%;
	max-width:100%;
}

/* hide until select2-ed */
select#orgSelector,select#eventSelector
{
	display:none;
}
div.entitySelector span.select2
{

	font-weight:normal;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
{
    background-color: #fff;
    border: .5px solid #ccc;
    border-radius: 4px;
}


.select2-container li[title="type"]
{
	font-weight:normal;
	color:black;
	font-size:110%;
	background:#f7f7f7;
	border-top:.5px solid #ccc;
/*	border-bottom:.5px solid #ccc;*/
	border-collapse:collapse;
	padding:4px 0px 4px 4px;
}
.select2-container li[title="subtype"]
{
		padding-left:20px;

}
a.docLink,span.docSize
{
	font-size:11px;
}
select.fsel.holderPhone
{
	margin-right:3px;
}
.highlight
{
	color:#900;
}
span.failed
{
color:#c00;
}
span.completed
{
color:#3ab73c;
}
span.in-progress
{
color:#f59323;
}
div.subheader
{
	text-align:left;
	font-size:120%;
	color:#002b73;

	text-transform:uppercase;
	padding:10px 0 20px 0;

}
div.cke_dialog_container table.cke_dialog
{
	width:600px;
}
table.cke_dialog_contents
{
	width:600px;
}

/* Sun Jul 30 11:08:52 2023 */
body.organisation_reports div.container div#contentShadow div#subMenu
{
	width:850px;
	background:none;

}
body.organisation_reports div.container div#contentShadow div#subMenu ul.sub-menu
{
	margin-top:10px;
}
body.organisation_reports div.container div#contentShadow div#subMenu ul.sub-menu li
{
	border:0;
}
body.organisation_reports div.container div#contentShadow div#subMenu ul.sub-menu li a
{
	line-height:17px;
}
body.public div#idHeader div#idHeaderContent a /* little top LH logo */
{
	position:relative;
	display:inline-block;
	z-index:3000;
	width:200px;

}

.organiser .skillRatings.dynamic,
.organiser .fgroup.dynamic
{

	margin-bottom:20px;
}
body#login div#loginContainer  #staging-flag,
#loginContainer #staging-flag,
#staging-flag
{
    height:100%;
    width:150px;
    background:#CCC;
    font-weight:bold;
    color:white;
    text-align:center;
    position:absolute;
    margin-left:200px;
    font-size:18px;
}
#staging-flag span
{
position:relative;top:4px
}


body#user.user_reports div.container div#contentShadow,
body#user.user_reports div#containerColor div.container div.bgContainer div#largeNavigationTabs
{
    background:0;
}
body#user.user_reports div#containerColor div.container div.bgContainer div#largeNavigationTabs
{
  border-bottom: 1px solid #ccc;
  height: 45px;

}
body#user.user_reports  div#contentShadowBottomBg img
{
    display:none;
}