/* --------------------------------------*/
/* >>>>>>>>>>>>> Forms setup <<<<<<<<<<<<<<<<-*/
/* --------------------------------------*/
fieldset {
	clear: both;
	display: block;
border-top: 1px solid #eee;
	position: relative;
	padding-top: 7px;
	margin-bottom: 10px;
		padding-left: 20px;
	}
	.first {margin-top: 0;}
fieldset.subfieldset 
{
	background-color: #FDFCDE;
	border: 1px solid #EFE88D;
	padding: .5em;
	}
fieldset.nolegend {border: none;}
label {
	color: #666;	
	display: block;
	font-size: .9em;
	font-weight: normal;
}

label.radio, label.checkbox {display: inline; position: relative; top: 2px;}

legend {color: #365EA6; font: bold 1.1em Verdana, Arial, helvetica, sans-serif; position: relative; top: -10px; margin-left: -20px;}

input, textarea {background: #f9f9f9; border: 1px solid #ccc;}
input.radio		{background: none; border:none;}
select			{background: #f9f9f9; border: 1px solid #ccc;}
input.button {background:none;border:none;}
input.xxxshort, textarea.xxxshort, select.xxxshort {width: 30px;}
input.xxshort, textarea.xxshort, select.xxshort {width: 35px;}
input.xshort, textarea.xshort, select.xshort 	{width: 60px;}
input.mmshort, textarea.mmshort, select.mmshort {width: 70px;}
input.mshort, textarea.mshort, select.mshort    {width: 90px;}
input.short, textarea.short, select.short	 	{width: 120px;}
input.lshort, textarea.lshort, select.lshort	{width: 125px;}
input.xmedium, textarea.xmedium, select.xmedium	{width: 200px;}
input.medium, textarea.medium, select.medium	{width: 250px;}
input.long, textarea.long, select.long			{width: 345px;}
input.xlong, textarea.xlong, select.xlong		{width: 470px;}
input.xxlong, textarea.xxlong, select.xxlong	{width: 500px;}
textarea.xhigh {height: 200px;}

fieldset.subfieldset input {clear: left; display: block;}

textarea {font: normal 1.1em "MS Shell Dlg", Arial, helvetica, sans-serif;}

.btnorphan, .pushdown	{margin-top: 15px; float: left;}

div.formsection							{float: left; padding-bottom: 7px; padding-right: 30px;}
div.formsection .radiosection			{padding-bottom: 0px;}
div.formsection .checkboxsection		{padding-bottom: 0px;}
div.formsectioncontainer		{float: left;}

.width200 .formsection	{width: 200px;}

div.radiosection	{float:left; padding-right: 0.5em; clear: left;}

.checktextgroup, .selecttextgroup	 {float: left; margin-bottom: 1em;}
.checktextgroup textarea {margin-top: -5px;}
.selecttextgroup textarea {margin-top: -15px;}
.checktextgroup .formsection, .selecttextgroup .formsection  {clear: both; margin: 0;}
.checktextgroup .formsection textarea, .checktextgroup .charcount  {margin-left: 20px;}

div.charcount {font-size: .8em; color: #999;}

span.readonly {color: #999; padding: 1px;} /*display: block; removed - caused to jump for IE*/
span.readonlyfield {padding: 1px;font-family:Arial; font-size:1.1em;} /*display: block; removed - caused to jump for IE*/
div.dirtymessage {background-color: #fbf8b3; border: 3px solid #f0ea52; color: #333; padding: 3px; text-align: center; margin-bottom: 1em;}

span.tertiarylink {clear: both; display: block; text-align: right; padding-right: 20px; margin-bottom: 1em;}
span.tertiarylinkleft {clear: both; display: block; text-align: left; padding:5px 20px 0 0; margin-bottom: 1em;}

p.questioninfo {font-size: .8em; padding: 0;clear: both;}

p.secondlevel {font-size: 1em; line-height: 1.3;}

.a {cursor:pointer;}
.left {clear: left;} /* clears formsection */
.right {float:right;}
.disabled 
{
    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.section50 
{
	float: left; 
	width: 49%;
	_width: 47%; /* ie6 width only */
	padding-right: 1%;
}

/* -------------------------------------------- */
/* >>>>>>>>>>>> Inline table form  <<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 
/* highlight row colour */
table tr.editRow td {background-color:#faf8a8;}
/* inputs without labels sit inline */
tr.editRow td .noLabel {margin-top:15px;}
/* removes formsection padding for fields that sit close together */
tr.editRow td.fieldConnect div.formsection{padding-right:2px;}

/* -------------------------------------------- */
/* >>>>>>>>>>>>> useraction buttons and link  <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 
/*--- user action ie. save changes, undo ---*/
.useraction {float: left; padding-left: 10px;}
.uatop	{float: left; padding-bottom: 10px;}
.useraction a, .useraction span.active {bottom: -8px; font-size: .9em; position: relative; }
.useraction a:visited {color:#3399cc}
h3 .useraction {font-weight:normal; float:none;}
/* button */

p.Survey {float:left;/*clear:right;*/padding-top: 1em;width:99%;}
div.Survey {float:left;width: 70%;padding-top: .5em;}
.other{float:left;clear:both;}

.useraction input, p input, input.bluebtn
{
	background: #79b8f5 url('../images/button/ButtonAdminBG.gif') repeat-x left bottom;
	color: #fff;
	border-top: 1px solid #AED1FF;
	border-right: 1px solid #7CBBFF;
	border-bottom: 1px solid #4a7197;
	border-left: 2px solid #4c759b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	cursor: pointer;
	cursor: hand;
	margin-right: 5px;
    width:auto;
    overflow:visible;
    padding:5px;
    outline:none;
    
}
p button, button.greyButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	cursor: pointer;
	cursor: hand;
	margin-right: 5px;
	margin-left:5px;
    width:auto;
    overflow:visible;
    padding:5px;
    outline:none; 
    font-weight:bold;
    color:#666;
}

.useraction input:hover, p input:hover, input.bluebtn:hover
{
    background: #79b8f5 none repeat-x left bottom;
}
.useraction input.inactive 
{
	background: #fff; 
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #dcdcdc;
	color: #ccc;
	cursor: default;
}
input.inactive, .inactive label
{
	background: #fff; 
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #dcdcdc;
	color: #ccc;
	cursor: default;
}
label.inactive {color: #ccc;}
/* bigger button*/
.useraction .strong input, p.strong input, input.bluebtn .strong
{
    font-weight:bold;
    font-size:1.1em;
}

/* cancel link */
.useraction span.active		{color: #ccc; text-decoration: underline;}
.useraction span.inactive	{display:none;} /* on hide */
.useraction a.inactive		{display:none;} /* cancel link not show when first loaded */

a.extra {margin-left:6px;}
a.extra:hover {color:#CC6600;}
/* -------------------------------------------- */
/* >>>>>>>>>>>>> Links  <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 
/*.content a, .content a:link, .content a:active, .content a:visited {font-size: .9em;}*/

a.add span 
{
	background: #3399cc; 
	color: #fff;
	padding: 0 3px;
	margin-right: 3px;
}
a.add:hover span 
{
	background: #CC6600;
}

.infolink {display: inline;}
.infolink a	{font-size: .9em;}

ul.multipleadd {padding-top: 10px;}
ul.multipleadd li {display: inline; list-style-type: none; padding-right: 20px;}

/* -------------------------------------------- */
/* >>>>>>>>>>>>> Alert and Error Message <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 
.alertmessage {
	background-color: #FAE8E2;
	border: 3px solid #CC0033;
	color: #333;
	padding: 10px; 	
}
.alertmessage h4 {
	background: url('../images/error/Alert.gif') left top no-repeat; 
	color: #4d4d4d; 
	font-size: 1.2em; 
	padding-left: 40px; 
	padding-bottom: 10px;
	}
.alertmessage ul {list-style-type: disc;}
.alertmessage li {
	margin-left: 15px;
	color: #666;
	font-size: 1em;
}
.alertmessage a {font-size: 1em !important;}

.errorinfo
{
	background-color: #FAE8E2;
	border: 1px  solid #CC0033;
	color: #333;
	margin-bottom: 1em;
	margin-right: 1.5em;
	float: left;
	padding: 0 2px;
}

/*inline 'cmx' validation */
.errorContainer td {
	background-color: #FAE8E2;
	color: #333;
	margin-right: 1.5em;
	padding: 0 20px;
}
.errorContainer td ul{margin-left:30px;}
.errorinfo .errorimage, .errorinfo select, .errorinfo input		{float: left;}
.errorinfo span {color: #990033; font-size: .9em;}
.prompt 
{
	border:3px solid #FFD100;
	background-color: #FFF3AF;
	padding:20px 15px;
	margin-bottom:10px;
	font-size: 1em;
	}
.promptlink {
	float: right; 
	position: relative;
	margin-top: -50px;
	margin-right: 10px;
	}
/* -------------------------------------- */
/* >>>>>>>>>>>>> Layout <<<<<<<<<<<<<<<<-*/
/* --------------------------------------*/ 
.admincontentcontainer {}

/* --- adminconte, container around admincontent fields ----*/
.admincontent, .admincontentsave, .pagecontent
{
	float: left;
	width: 99.7%; /* 99.7 so it won't have the horizontal scroll bar on IE7 */
	padding: 7px 0;
	border: 1px solid #eee;
}
.admincontent, .pagecontent	 {background: #fff;}
.admincontentsave {	background: #FAF8A8; }
.admincontentfields, .pagecontentinner /* --- inner content content ---*/
{
	/*float: left;*/ /* float removed - fieldset bug */
	padding: 0 10px;
}

/* -------------------------------------------- */
/* >>>>>>>>>>>>> Tabular data  <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 
table.formdata, table.formdatasub {
	width: 98%;
	padding: 0;
	margin: 0;
	clear: left; 
}

table.formdata th, table.formdatasub th {
	font-size: .9em;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #e8e5b4;
	border-top: 1px solid #e8e5b4;
	text-align: left;
	padding: 5px;
	background: #edebd2 url('../images/general/tableheaderbg.jpg') repeat-x left top;
}


table.formdatasub th {font-size: .9em;}
table.formdatasub th.subhead 
{
	background-color: #fff;
	padding: 0 5px;
	border: 1px solid #888;
	border-left: none;
	border-right: none;
}
table.formdata td, table.formdatasub td {
	font-size: .9em;
	border-bottom: 1px solid #e8e5b4;
	background: #fff;
	padding: 5px;
	color: #4f6b72;
}
table.formdata td a, table.formdatasub td a {font-size: 1em !important;} /* bring it back to universal */
table td.comments {	color: #666;}
span.anglequote {float: right; font-size: 1.3em;}
table td.noborder {	border: none;}


/* -------------------------------------------------- */
/* >>>>>>>>>>>>> Customers > Dependants / Join Marram > family details <<<<<<<<<<<<-*/
/* ---------------------------------------------------*/ 
.dependant, .location
{
	border-bottom: 2px dotted #ccc; 
	margin-bottom: 10px;
}
.dependant h3, .location h3 
{
	padding-bottom: 10px;
}

/* ----------------------------------------- */
/* >>>>>>>>>>>>> Scrollable div <<<<<<<<<<<<-*/
/* ------------------------------------------*/
.scroller {overflow-x: scroll; width: 99.7%;}
.scroller table.formdata {width: 1900px;}


/* ---------------------------------------------------------------- */
/* >>>>>>>>>>>>> Admin as a customer ballot request <<<<<<<<<<<<-*/
/* -----------------------------------------------------------------*/ 
.adminascustomerballot .prompt {
	padding-bottom: 40px;
}
.adminascustomerballot .bookingroute 
{
	display: block;
	float: left;
	margin-top: -50px;
	margin-left:18px;
	
}
* html .adminascustomerballot .bookingroute {margin-left:11px;}

.adminascustomerballot label 
{
	display: inline;
	font-size: 1em;
	padding-right: 5px;
}	


/*holiday home prices */
table.formdata th div.detail {font-weight:normal;}
table.formdata td.up {background:#efeee0;}

table.formdata th.up {border-right:1px solid #cfcca8}
div.pricing {margin:10px 0;}
td.fee{ width:70%;}


/*promotions*/

div.headerPromotionsImage
{
    background:transparent url('../images/general/palmTrees.jpg') no-repeat left top;
    width: 100%;
    min-height:160px;
    display: block;
}

div.promotionsText
{
    padding: 0px 0 0 140px;
}

h1.headerHolidayPromotions
{
    background:transparent url('../images/general/headerHolidayPromotions.gif') no-repeat left top;
	height: 25px;
	text-indent:-9999px;
	padding-bottom:0;
	padding-left: 200px;
}    

table.holidayPromotions th {
	background: none;
	border: none;
	color: White;
}

div.holidayPromotionsContent 
{
    background:#e9f0f6 url('../images/general/promotionsContainerBg.gif') repeat-x top left;
    min-height: 317px;
    clear:both;
    padding: 0;
}

div.promotionsFooter
{
    background:transparent url('../images/general/promotionsFooter.jpg') no-repeat right;
    width:100%;
    height:130px;
    clear:left
}

div.promotionsFooterBg
{
    background:transparent url('../images/general/promotionsFooterBg.jpg') repeat-x;
    width:100%;
    height:130px;
    clear:left
}

/*member org contact history > add document*/

#AddAttachmentBox .useraction {padding-top:12px;}