/*************** Top Level ***************/
* { margin:0; padding:0; border:0 } /* nuke all browser defaults */


/*** Covers page while ajax loads, prevents Invalid postback or callback argument ***/
#siteAjaxLoader{background-color:#ccc; 
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
	opacity:0.10;
	position:fixed; 
	top:0; 
	left:0; 
	height:1000px; 
	width:100%;
}
#pageLoading 
{
	display:none;
	background-color:#ccc; 
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	position:fixed; 
	top:0; 
	left:0; 
	height:1000px; 
	width:100%;
}

/*************** Image fading **************/
img.photoFiltered{ FILTER: alpha(opacity=100) -moz-opacity:1; opacity: 1;}


/**************** Question Sets ***************/

/* IMPORTANT NOTE!!!! - ALL the following may only be applicable if
within the oneColumn Div and a complete, seperate set of styling may
be needed if other options are used - but that's a geuss really */



/* Hidden elements */
#qas #header
{
	margin-bottom: 15px;
	border: solid 1px #000000;
	padding: 3px;
	color: White;
}
#qas #header { display:none; }
#qas .StructureTitle { display:none; }
#qas #footer {
	margin-top: 15px;
	border: solid 1px black;
	padding: 3px;
	background-color: #4682B4;
	color: White;
}
#qas #footer { display:none; }
#qas #page #pageHeader { color:#FFFFFF;}
#qas #pageHeader { display:none; }

/* Page structure */
#qas #page {
	padding: 5px;
}
#qas #pagePanels {}
#qas #pagePanels .panel {
	margin: 10px 5px 5px 20px;
}
#qas .trailling { clear: both; }

/* forms */
#qas #oneColumn {} /* structure but used within forms */
#qas div.input { float:left; }
/* Questions ('prompt's and inputs) */
/* NOTE - these should use the styling available under Common Styling but I 
can't get into the server side driven code to change the HTML so these are staying
here for now */
#qas #questions {}
#qas .prompt {
	float:left; 
	width: 200px;
	padding:3px 20px 10px 70px;
}
#qas .questionMultiLineLargeTextBox textarea { height: 150px; }
#qas questionMultiLineNormalTextBox textarea { height: 75px; }
#qas .questionRadioButtonList input	{
	border:0;	/* override the above common styling */
	width:auto;	/* override the above common styling */
	clear:left;
	padding:0;
}
#qas .questionRadioButtonList label	{
	width:30px;
	margin:0px 0 0px 0px;
	padding:0;
}
#qas .questionToggleButton input {
	width: 125px;
	border:0;	/* override the above common styling */
}
#qas .QuestionValidator {
	font-size: x-large;
	font-weight: bolder;
	color: #FF0000;
}
#qas .questionPostcode input,
#qas .questionDatePickerSeperated input{
	float:none;
	display:inline;
	margin:0 3px 0 3px;
}

/* Summary */
/* No touched this styling */
#qas #page .groupSummaryHeader { clear: both; }
#qas #page .groupSummary {
	border: solid 1px #CCCCCC;
	margin-top: 10px; 
	margin-bottom:10px;
	padding: 10px;
	height: auto;
}
#qas #page .groupSummaryFooter { clear: both; }
#qas #page .groupSummary h4 {
	margin-bottom: 10px;
	color: #4682B4;
}
#qas #page .groupSummary .groupSummaryButtons {
	margin-top: 5px;
	margin-bottom:70px;
	float: right;
}
#qas .summaryTextCell { font-size: 0.8em; }

/* Navigation */
#qas #pageNavigation {
	margin:5px auto 5px auto;
	padding:4px 0 0 50px;
}
#qas #pageNavigation #left,
#qas #pageNavigation #right {display:inline;}
#qas #pageNavigation input {width:auto;}


/* Help */
/* No touched this styling as cant see its output */
#qas .help {
	float:left; 
	width: 80px;
}
#qas #HelpWindow {
	background-repeat: no-repeat;
	background-position: top left;
	border: solid 1px gray;
	padding: 5px;
}
#qas #HelpWindow H1 {
	color: white;
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
}
#qas #HelpWindow H3 {
	color: Black;
	font-weight: bold;
	margin-bottom: 10px;
}
#qas #HelpWindow #Header {
	background-color: #4682B4;
	padding: 5px;
}
#qas #HelpWindow #Body { padding: 5px; }
#qas #HelpWindow #Footer {
	text-align: center;
	margin-top: 50px;
}


/* Ajax */
/* No touched this styling as cant see its output */
#ajaxLoading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	width: 120px;
	color: #666666;
	font-size: 10px;
	position: absolute;
	top: 5px;
	right: 15px;
	border: solid 1px #666666;
	padding: 2px;
}
#ajaxLoading .text {
	vertical-align: middle;
	margin-right: 10px;
}
#ajaxLoading .image { vertical-align: middle; }
#qas .htmlBlock {
    margin-top:10px;
	margin-bottom:20px;
	/*clear:both;*/
	border:#000000 1px solid;
	padding: 5px;
	padding-top:15px;
	background:url(../Images/topbar2a.jpg) top #ffffff;
	min-height:64px;
	height:auto;
}
#qas .htmlBlockMessage {
    margin-top:10px;
	margin-bottom:15px;
	padding-bottom:5px;
	padding-top:5px;
	min-height:20px;
	height:auto;
}
#qas .htmlBlockHeader { clear:both; }
#qas .htmlBlockFooter {	clear:both; }


/***** File Manager Styles *****/
.FileManagerHide {display: none;}

#FileManager { width:410px; height:255px; padding:5px; border:solid 1px #9a9797; margin:10px;}

#FileManager #actionbuttons, #FileManager .actionbuttons { float: left; width: 170px; height: 25px; }
#FileManager .actionbuttons input {padding: 0;}

#FileManager .resultsInfo { float: right; font-size:10px; font-weight:bold; color:#848080; width:240px; height: 25px; margin: 5px 0 0 0; }
#FileManager .resultsInfo .togglebutton { float:left; cursor:pointer; margin: 0 0 0 10px; }
#FileManager .resultsInfo .orderbytext { float: right; margin: 0; width: 50px; }
#FileManager .resultsInfo .orderby { float: right; list-style: none; margin: 0 10px 0 5px; width: 65px; padding: 0; }
#FileManager .resultsInfo .orderby li { float: right; margin: 0 2px 0 2px; background-color: #FFFFFF; background: none; border: none; padding: 0; font-weight: normal; height: auto; width: auto;}
#FileManager .resultsInfo .orderby li.selectedorderby { text-decoration: underline; font-weight: bold; }
#FileManager .resultsInfo .filehelp {float: right; margin: -5px 0 0 0;}
#FileManager .resultsInfo .filehelp_b {float: right; margin: -5px 0 0 0;}

#FileManager .selectfiles { float: left; width: 150px; height: 220px; background-color: #F1F1F1; border: 1px solid #ddd; margin: 2px 0 0 0; }

#FileManager .filter { width:150px; margin:2px 0px 5px 0px; }
#FileManager .filterKeywords {float:left; width:110px; height: 20px; margin: 0 2px 0 2px; font-size: 16px;}
#FileManager .filterActions {float:right; margin: 0 2px 0 0; }
#FileManager .filterFolder {float:left; height: 135px; width:145px; margin: 5px 2px 0 2px; background-color: #FFFFFF; border: 1px solid #ddd; }

#FileManager .paging { width:150px; font-size:11px; color:#504f4f; margin: 0 2px; clear: both;}

#FileManager .paging .pagingItems { float:left; width:150px; height: 20px; margin: 0; }
#FileManager .paging .pagingItems .prev { float: left; width: 35px; margin: 0 0 0 -2px; }
#FileManager .paging .pagingItems select { float: left; width: 68px; margin: 0 5px 0 5px; }
#FileManager .paging .pagingItems .next { float: right; width: 35px; margin: 0 2px 0 0; }

#FileManager .files { float: right; width: 250px; height: 220px; margin: 2px 0 0 0; overflow-y: scroll; border:solid 1px #ccc; }
#FileManager .files li { width: 64px; height: 62px; margin: 2px; padding: 3px; line-height: 14px;}

#FileManager .icons{list-style:none; padding:0px; font-size:11px;}
#FileManager .icon a { display:block; width:64px; height:62px;}
#FileManager .icon {height:62px; border:1px solid #ccc; padding:3px; text-align:center; width:64px; float:left; overflow:hidden; margin:2px;}
#FileManager li.selected{background-color: #DAFFFF;}

#FileManager .listitem {border:solid 1px #ccc;}
#FileManager li.listitemHeader {background-color:#F1F1F1; border:solid 1px #ddd; margin-top:10px;}
#FileManager li.listitemHeader ul.floatingListItem li { font-weight:bold; list-style:none; }
#FileManager li.listitemHeader, #FileManager li.listitem {width:220px; overflow:hidden; height:20px; float:none;  }
#FileManager ul.floatingListItem li {width:75px; overflow:hidden; height:15px; float:left;  }
#FileManager ul.floatingListItem li.name { width:125px;}
#FileManager ul.floatingListItem li.size { display:none;}

#FileManager .selecteditems { width:150px; height: 18px; padding: 2px 0 3px 0; text-align: center; margin: 0 0 0 -3px; }
#FileManager .selecteditems .Button { width: 145px; margin: 2px 0 0 2px; }
#FileManager .selecteditems_multiple .Button { float:left; }
#FileManager .selecteditems div a.main { font-variant: small-caps; }
#FileManager .pagingItems div a img {padding: 2px 0 0 0;}
#FileManager .pagingItems div input {padding: 2px 0 0 0;}

#FileManager .list li.first {}
#FileManager .list li.second {}
#FileManager .list li.third {}
#FileManager .list li.forth {}
#FileManager .list li.last {}
#bottomrow {clear: both;}
.switchMode {float: right; padding: 5px 17px 0 0;}
.returnButton {float: left; padding: 5px 0 0 5px;}

#tooltip {position: absolute;z-index: 30000;padding: 5px;background-color: #FFFFDF;border: 1px solid #000000;}
#FileManager .filecheck, .tooltip, .hidden, .filehelptext {display: none;}

.take_payment {margin: 25px;}

.take_payment ul {width: 90%; margin: 25px;}
.take_payment ul li span, .take_payment ul li p {width: 150px; float: left; margin: 3px; padding: 2px;}
.take_payment ul li input {width: 125px; margin: 3px; padding: 2px;}
.take_payment ul li select {width: 130px; margin: 3px; padding: 2px;}
.take_payment ul li select.month {width: 50px;}
.take_payment ul li select.year {width: 70px;}
.take_payment ul.buttons li {float: left;}
.take_payment ul.buttons li input {width: 150px;}

.rollover_search {margin: 25px;}
.rollover_search ul.filters {width: 700px;}
.rollover_search ul.filters li {min-height: 20px; margin: 8px 0;}
.rollover_search ul.filters li ul li {width: 300px; float: left; margin: 0 5px;}
.rollover_search ul.filters li ul li p {width: 140px; float: left; margin: 0;}
.rollover_search ul.filters li ul li.sec p {width: 100px;}
.rollover_search ul.filters li ul li input {width: 114px; float: left;}
.rollover_search ul.filters li ul li select {width: 120px; float: left;}
.rollover_search ul.filters li ul li.sec input {width: 198px; float: left;}
.rollover_search ul.filters li ul li.sec select {width: 200px; float: left;}
.rollover_search .reset {float: right; font-size: smaller; margin: -5px 50px 15px 0px;}
.rollover_search .auto_complete_dropdown {background-color: #9999FF; border: 1px solid #000000; display: none;}

.rollover_search .hider { margin-left: 10px;}
.rollover_search .unhider { margin-left: 30px;}
.rollover_search .results { margin-left: 10px;}
.rollover_search .download {float: right;}

.rollover_search ul.paging li {float: left; width: 18px; height: 18px; vertical-align: middle; text-align: center; cursor:  pointer;}
.rollover_search ul.paging li a {vertical-align: middle; text-align: center;}
.rollover_search ul.paging li span {vertical-align: middle; text-align: center; text-decoration: underline;}

.rollover_search ul.results {width: 700px;}
.rollover_search ul.results li {margin: 0; height: 14px;}
.rollover_search ul.results li ul {}
.rollover_search ul.results li .headers {}
.rollover_search ul.results li .headers li {font-size: 12px; font-weight: bold;}
.rollover_search ul.results li .first {border: none;}
.rollover_search ul.results li ul li {width: 70px; float: left; font-size: 11px; margin: 5px 0 3px 3px; height: 14px;}
.rollover_search ul.results li ul li.client {width: 140px;}
.rollover_search ul.results li ul li.renewal {width: 25px;}
.rollover_search ul.results li ul li.class {width: 95px;}
.rollover_search ul.results li ul li.insurer {width: 75px;}
.rollover_search ul.results li ul li.premium {width: 60px; text-align: right; margin-right: 5px;}
.rollover_search ul.results li ul li.incl {width: 40px;}
.rollover_search ul.results li ul li.nro {width: 150px;}
.rollover_search ul.results li ul li.actions {width: 40px;}

.rollover_edit .hidden {display: none;}
.rollover_edit .auto_complete_dropdown {background-color: #9999FF; border: 1px solid #000000;}

.rollover_edit {margin: 20px;}
.rollover_edit ul {width: 630px;}

.rollover_edit ul li {height: 25px;}
.rollover_edit ul li.buttons {height: 120px; margin-top: 10px;}
.rollover_edit ul li.high {height: 120px;}
.rollover_edit ul li ul li {float: left; margin: 0;}
.rollover_edit ul li ul li div.data select, .rollover_edit ul li ul li div.data input {width: 75px;}

.rollover_edit ul li ul li p {font-weight: bold; float: left; width: 100px;}
.rollover_edit ul li ul li div {float: left; width: 100px; margin-top: 5px;}
.rollover_edit ul li ul li p.data {font-weight: normal; width: 100px;}
.rollover_edit ul li ul li div.data {font-weight: normal; width: 100px;}

.rollover_edit ul li ul li.full p.data {font-weight: normal; width: 450px;}

.rollover_edit ul li ul li.half p {font-weight: bold; float: left; width: 150px;}
.rollover_edit ul li ul li.half p.data {font-weight: normal; width: 150px;}

.rollover_edit ul li ul li.thirds p.data {font-weight: normal; width: 75px;}

.rollover_edit ul li ul li p.long {width: 200px;}
.rollover_edit ul li ul li p.longdata select {width: 350px;}
.rollover_edit ul li ul li p.longdata textarea {width: 350px; height: 100px;}

.rollover_edit ul li.buttons ul li {width: 200px; margin: 0 0 0 -10px;}
.rollover_edit ul li.buttons ul li input {width: 180px;}

.clear {clear: both; height: 0px;}

.imgCrop_wrap {
    cursor:crosshair;
    position:relative;
}

.imgCrop_wrap.opera8 .imgCrop_overlay, .imgCrop_wrap.opera8 .imgCrop_clickArea {
    background-color:transparent;
}

.imgCrop_wrap, .imgCrop_wrap * {
    font-size:0;
    line-height:0;
    opacity:1;
}

.imgCrop_overlay {
    background-color:#000000;
    height:100%;
    opacity:0.5;
    position:absolute;
    width:100%;
}

.imgCrop_selArea {
    cursor:move;
    position:absolute;
    z-index:2;
}

.imgCrop_clickArea {
    background-color:#FFFFFF;
    height:100%;
    opacity:0.01;
    width:100%;
}

.imgCrop_marqueeHoriz {
    background:transparent url(marqueeHoriz.gif) repeat-x scroll 0 0;
    height:1px;
    position:absolute;
    width:100%;
    z-index:3;
}

.imgCrop_marqueeVert {
    background:transparent url(marqueeVert.gif) repeat-y scroll 0 0;
    height:100%;
    position:absolute;
    width:1px;
    z-index:3;
}

.imgCrop_marqueeNorth {
    left:0;
    top:0;
}

.imgCrop_marqueeEast {
    right:0;
    top:0;
}

.imgCrop_marqueeSouth {
    bottom:0;
    left:0;
}

.imgCrop_marqueeWest {
    left:0;
    top:0;
}


.imgCrop_handle {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #333333;
    height:6px;
    opacity:0.5;
    position:absolute;
    width:6px;
    z-index:4;
}

* html .imgCrop_handle {
    height:6px;
    width:6px;
}

.imgCrop_handleN {
    cursor:n-resize;
    left:0;
    top:-3px;
}

.imgCrop_handleNE {
    cursor:ne-resize;
    right:-3px;
    top:-3px;
}

.imgCrop_handleE {
    cursor:e-resize;
    right:-3px;
    top:0;
}

.imgCrop_handleSE {
    bottom:-3px;
    cursor:se-resize;
    right:-3px;
}

.imgCrop_handleS {
    bottom:-3px;
    cursor:s-resize;
    right:0;
}

.imgCrop_handleSW {
    bottom:-3px;
    cursor:sw-resize;
    left:-3px;
}

.imgCrop_handleW {
    cursor:w-resize;
    left:-3px;
    top:0;
}

.imgCrop_handleNW {
    cursor:nw-resize;
    left:-3px;
    top:-3px;
}

.imgCrop_dragArea {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:200;
}

.imgCrop_previewWrap {
    overflow:hidden;
    position:relative;
}

.imgCrop_previewWrap img {
    position:absolute;
}

.album_image_list {
    width: 640px;
}

.album_image_list li {
    width: 140px;
    height: 150px;
    display: inline;
    padding: 5px 0 5px 5px;
    margin: 0;
    float: left;
}

.album_image_list li img {
    border: solid 1px #ffffff;
}

.album_image_list li.hover img {
    border: solid 1px #ff0000;
}

.album_image_list li.first {
    padding: 5px 0 5px 25px;
}

.album_image_list li .remove_dialog 
{
    position: relative;
    left: 25%;
    top: -90px;
    width: 100px;
    float: left;
    padding: 5px;
    height: 24px;
    background-color: #D6D6D6;
    background-position: center;
    background-repeat: repeat;
    text-decoration: none;
    z-index: 100000;
}

.SiteSearch .results {clear: both; width: 109px; padding: 5px 0 5px 5px; background-color: #E5E5E5; border: 1px solid #999999; z-index:1000; position: relative; top: 0; left: 20px;}

.signup_professions li {vertical-align: middle; float: left; padding: 0 10px 0 10px; height: 40px;}
.signup_professions li .text {display: none;}

.MemberList .members li.row {clear: both;}
.MemberList .members li.headers {font-weight: bold;}
.MemberList .members li ul li {float: left;}
.MemberList .members li ul {clear: both;}
.MemberList .members li ul .name {width: 175px;}
.MemberList .members li ul .company {width: 175px;}
.MemberList .members li ul .phone {width: 100px;}
.MemberList .members li ul .mobile {width: 100px;}
.MemberList .members li ul .actions {width: 50px;}

.faqs ul li { padding: 5px; }
.faqs ul li.row1 { background-color: #FFFFDD; }
.faqs ul li.row0 { background-color: #E5E5E5; }
.faqs .question { font-weight: bold; }
.faqs .answer { font-style: italic; }