/* default high level */

/* this file is mostly global font styling - avoids layout*/
/* local.css files should avoid fonts and just be layout */

/* that way class="globalfontstyle locallayoutstyle" will work and
not be over complicated */



/* em sizes:  

body section:    0.75em

gives 12px base

10px = 0.833em
11px = 0.917em
12px = 1em
13px = 1.083em
14px = 1.167em
15px = 1.25em
16px = 1.333em
17px = 1.417em

keep font sizes in this global file as much as possible

*/





html{
	font-size: 100%; /* cures IE em sizing bug */ 
} 

body 
{
	/* (font-size: 1em) */
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	margin:			0px 0px 0px 0px; 
	color: 			#000000;
	height:			100%;
/*	background: url(back.jpg) top left repeat-y repeat-x;*/

/*	max-width:		1280px; */
/*	background-color: #ffffff; */
	background-image:url(back.jpg);
	background-repeat:repeat;
	font-size: 	0.75em;  /* 12px - the base for all font sizes 1em in child = 12px */

}

img
{
	border:0px; margin:0px; padding:0px;
}

p
{
 line-height:1.4em;
}

ul {
 line-height:  100%
}
 
li {
 line-height:  175%; 
 }
 
form 
{
	margin:0px;
}

.BulletImage {
 position:relative;
 top:-2px;
}

/* Master Page */
.Overall
{
	width:980px;
/*	font-size: 	0.75em;*/  /* 12px - the base for all font sizes 1em in child = 12px */
	margin-left:auto;
	margin-right:auto;
    background-color:#9DC129; 

}

.OutsideOverall
{
/*	font-size: 	0.75em; */ /* 12px - the base for all font sizes 1em in child = 12px */
}

.MainHeader
{
	width:980px;
	height:78px;
}
.TopLinks
{
	padding-top:5px;
	height:23px;
	padding-left:10px;
	padding-right:10px;
	background-color:#BCB7BF; 
	font: bold 1em arial, helvetica, sans-serif;
}
.TopLinkPanel
{
	height:23px;
}

a 
{
	text-decoration:underline;
	color:#3081DD;
}

a:visited
{
	text-decoration:underline;
	color:#3081DD;
}

a:hover /* must be after visited */
{
	text-decoration:none;
	color:#3081DD;
}


a:focus, a:active {
   outline: 0;
   color:#3081DD;
}

.TopLinksLeft
{
	float:left;
}
.TopLinksRight
{
	float:right;
}
.TopLink, .TopLink:focus, .TopLink:active, .TopLink:visited
{
	padding:0 3px 0 9px;
	text-decoration:none;
	color:#ffffff;
}
.TopLink:hover
{
	color:#444444;
}
.TopLinkCurrent
{
	padding:0 3px 0 9px;
	font-weight:700;
	text-decoration:none;
	color:#444444;
}
.TabSection
{
/*    background-color:#9DC129; */
	height:30px;
	padding-left:20px;
	padding-right:20px;
    font-size :0px; /* this stops spacing round images causing float failure - with height mixed in above*/
}
.TabSection a
{
    text-decoration:none;	
}
.TabSectionLeft
{
	float:left;
}

.TabSectionRight
{
	float:right;
}
.TabGap
{
 border:1px solid #9DC129;
 border-bottom:0px;
 border-top:0px;
}

/* select website */

.SelectWebsiteArea
{
	position:relative; /* enable position absolute in decendants */
}

#WebsiteDropDownArrow {
  position: absolute;
  height: 55px;
  top: 17px;
  width: 490px;
  left: 230px;
  text-decoration: none;
}

#SelectWebsite
{
    position:absolute;
    left:248px;
    top:44px;
    z-index:1;
    width:267px;
    height:52px;
}

#WebsiteLinks a
{
  position: absolute;
  height: 22px;
  width: 267px;
  text-decoration: none;
  left:0px;	
  z-index:1;
} 

#WebsiteLinks a:hover
{
  border:0;
  background-image: url('../images/alpha-mask.png');
} 

a.SelectWebsite1  
{
    top:5px;
}

a.SelectWebsite2
{
    top:30px;
}

/* menu */

.MenuLinks
{
	font: bold 1em arial, helvetica, sans-serif;
	padding-top:0.8em;
	padding-bottom:0.8em;
	padding-left:20px;
	background-color:#F6F9EB;
	border-bottom:1px solid #dddddd;
	text-decoration:none;
}
.MenuLinksLeft
{
}
.MenuLinksRight
{
}
.MenuLink
{
	text-decoration:none;
	color:#718D1D;
}
.MenuLink:hover
{
	color:#96BB27;
}
.MenuLinkCurrent
{
	font-weight:700;
	text-decoration:none;
	color:#444444;
}

.Crumble
{
	font: bold 0.917em arial, helvetica, sans-serif;
	padding-top:0.8em;
	padding-bottom:0.8em;
	padding-left:20px;
	background-color:#eeeeee;
	border-bottom:1px solid #dddddd;
/*	text-decoration:none; */
}

.MainContent 
{
	min-height: 400px;
	background-color:#ffffff;
}
.MainContentOutside 
{
	background-color:#B5DB30;
	min-height: 400px;
}

.Paper
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:1em;
	padding-top:1em;
	background-color:#ffffff;
}
.PaperOutside
{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:1em;
	background-color:#B5DB30;
}

.CentralContent
{ padding-top:14px;
 padding-left:14px;
 padding-right:14px;
 padding-bottom:14px;
 background-color:#F4F4F4;
 -moz-border-radius:8px;
 border-radius:8px;
 -webkit-border-radius:8px;
}

.CentralMain
{
	float:left;
	width:600px;
}
.CentralLinks
{
	float:right;
	width:200px;
}
.MainFooter
{
	height:10px;
	background-color:#BCB7BF; 
} 
.LivingChaosFooter
{
	text-align:center;
	color:#555555;
}
.LivingChaosFooter a:hover
{
	text-decoration:underline;
	color:#555555;
}
.LivingChaosFooter a, .LivingChaosFooter a:visited, .LivingChaosFooter a:focus, .LivingChaosFooter a:active
{
	text-decoration:none;
	color:#555555;
}


.TopMain
{
	
} 


.PageHeading
{
	margin-bottom:  10px; 
	margin-top: 	0px;
	width:100%;

	padding-top:0.5em;
	padding-bottom:0.2em; 
}

.PageHeadingTitle
{
	font-size:  1.5em;  
	font-weight: 	bold;
	line-height: 	1.3em;
	color:    #555555;
	background-color: inherit;		
	float:left;
	font-weight:700;
}

.PageHeadingTitleMiddle
{
	font-size:  1.5em;  
	font-weight: 	bold;
	line-height: 	1.3em;
	color:    #555555;
	background-color: inherit;		
	float:left;
	font-weight:700;
	padding-left:20px;
}

.PageHeadingSmall
{
	margin-top: 	0px;
	width:100%;
	padding-top:0.5em;
}

.PageHeadingTitleSmall
{
	font-size:  1.5em;  
	font-weight: 	bold;
	line-height: 	0.9em;
	color:    #555555;
	background-color: inherit;		
	float:left;
	font-weight:700;
}

.PageHeadingTitleMiddleSmall
{
	font-size:  1.5em;  
	font-weight: 	bold;
	line-height: 	0.9em;
	color:    #555555;
	background-color: inherit;		
	float:left;
	font-weight:700;
	padding-left:20px;
}


.PageHeadingProgress
{
	float:right;
}

.SectionHeading
{
	margin-bottom:  10px;
	margin-top: 	0px;
	padding-bottom:0.5em;
	width:100%;
}
.SectionTitle
{
	font-size:  1.5em;  
	font-weight: 	bold;
	line-height: 	1em;
	color: 			#999999;
	background-color: inherit;		
	font-weight:700;
	padding-bottom: 0.8em;
}
.SectionDescription
{

}

.NoticeList
{
	padding-bottom:1em;
}
.NoticeItem
{
}
.NoticeTitle
{
	font-size:  1.5em;  
	font-weight: 	bold;
	color:    #555555;
	font-weight:700;
	padding-bottom:1em;
}
.NoticeSubtitle
{
	font-size:  1.3em;  
	font-weight: 	bold;
	color:    #555555;
	font-weight:700;
	padding-bottom:1em;
}
.NoticeHtml
{
	padding-bottom:1em;
}

h1 
{
	font-size:  1.417em;  /* 17px */
	color: #718D1D;
}

h2 
{
	font-size:  1.25em;  /* 15px */
	color: #718D1D;
}	

h3 
{
	font-size:  1.083em;  /* 13px */
	/* (same colour as body) */
}	

h4
{
 font-size:  1.0em;  /* 12px */
 font-weight: bold;
}


.PageMessage /* used? */
{
	width:100%;
	padding-bottom:1em;
	font-size:1.25em; /* 15 pt */
	font-weight:700;
}

.PageMessageWarning
{
	padding-top:1em;
	padding-bottom:1em;
	background-color:#FFFFBB;
	border-top: 1px solid #DDDD44;
	border-bottom: 1px solid #DDDD44;
	margin-bottom:3em;
	margin-top:-0.5em;
	padding-right:10px;
}
.PageMessageWarningImage
{
	float:left;
	width:35px;
	padding-left:10px;
}
.PageMessageWarningText
{
	margin-left:75px;
}
.PageMessageWarningHeader
{
	font-size:  1.417em;  /* 17px */
	color: black;
	font-weight:700;
}
.PageMessageWarningDesc
{
}



.PageMessageSuccess
{
	padding-top:1em;
	padding-bottom:1em;
	background-color:#E6FFD7;
	border-top: 1px solid #D4EEC7;
	border-bottom: 1px solid #D3EEC5;
	margin-bottom:3em;
	margin-top:-0.5em;
	padding-right:10px;
}
.PageMessageSuccessImage
{
	float:left;
	width:35px;
	padding-left:10px;
}
.PageMessageSuccessText
{
	margin-left:75px;
}
.PageMessageSuccessHeader
{
	font-size:  1.417em;  /* 17px */
	color: black;
	font-weight:700;
}
.PageMessageSuccessDesc
{
}



.PageMessageInfo
{
	padding-top:1em;
	padding-bottom:1em;
	background-color:#CDE1FB;
	border-top: 1px solid #6FA8F5;
	border-bottom: 1px solid #6FA8F5;
	margin-bottom:3em;
	margin-top:-0.5em;
	padding-right:10px;
}
.PageMessageInfoImage
{
	float:left;
	width:35px;
	padding-left:10px;
}
.PageMessageInfoText
{
	margin-left:65px;
}
.PageMessageInfoHeader
{
	font-size:  1.417em;  /* 17px */
	color: black;
	font-weight:700;
}
.PageMessageInfoDesc
{
}


.PageMessageError
{
	padding-top:1em;
	padding-bottom:1em;
	background-color:#FFD1D1;
	border-top: 1px solid #F8ACAC;
	border-bottom: 1px solid #F8ACAC;
	margin-bottom:3em;
	margin-top:-0.5em;
	padding-right:10px;
}
.PageMessageErrorImage
{
	float:left;
	width:25px;
	padding-left:10px;
}
.PageMessageErrorText
{
	margin-left:50px;
}
.PageMessageErrorHeader
{
	font-size:  1.417em;  /* 17px */
	color: black;
	font-weight:700;
}
.PageMessageErrorDesc
{
}
.StandardButton
{
	 text-decoration:none;
	 color:Black; 
}

a.StandardButton:hover
{
	text-decoration:none;
	color:#404040;
}

a.StandardButton:visited
{
	text-decoration:none;
	color:#404040;
}

a.StandardButton:focus, a.StandardButton:active
{
   outline: 0;
   color:#404040;
}


/* standard Page text*/
.PageText 
{
	font-size: 		1em; /* 12 px */
	padding-bottom: 1em;
}

.TopPageDesc
{
	padding-bottom:1em;
}

.ParaHeading
{
	font-size:  1.167em;  /* 14px */
	color: #718D1D;
	padding-bottom:0.5em;
	font-weight:700;
	width:100%;
}

.Clear
{
	clear:both;
}

.ParaDescription
{
	font-size: 		1em; /* 12 px */
	padding-bottom: 0.7em;
	color: #333333;
    line-height:1.4em;
}
.ParaDescOnly
{
	font-size: 		1em; /* 12 px */
	padding-bottom: 2.5em;
	color: #333333;
    line-height:1.4em;
}
.ParaContent
{
/*	width:100%; */
	padding-left:8px;
	padding-right:8px;

	padding-top:0.4em;

	background-color:#e4e4e4;
	color: #333333;

	padding-bottom:0.4em;
	margin-bottom:2em;	
}

.PageButtonSection
{
	padding-bottom: 1em;
	padding-left:10px;
}

.PageLinkSection
{
	padding-bottom: 1em;
	line-height:1.5;
}

.ListingTable
{
	border-collapse: collapse;
	background-color: white;
}

.ListingTable a
{
	font-weight:700;
}

.ListingRow
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRow td
{
	border-bottom: 1px solid #e9e9e9;	
}
.ListingRowJoinTop
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRowJoinBottom
{
	padding-left:15px;
	vertical-align:top;
}
.ListingRowJoinBottom td
{
	border-bottom: 1px solid #e9e9e9;	
}
.ListingSpacedRow
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:15px;
	border-bottom: 1px solid #e9e9e9;		
	vertical-align:top;
}
.ListingRowHighlight
{
	padding-left:15px;
	background-color:#feffe0;	
	vertical-align:top;
}
.ListingRowFooter
{
	padding-left:15px;
	vertical-align:top;
}
.ListingInfo
{
}
.TrailingListingInfo
{
	padding-top:2em;
}
.ListingHeader
{
	padding-left:10px;
	font: bold 1em arial, helvetica, sans-serif;
	color:#555555;
	height:34px;
}
.ListingHeaderLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
      background: url(table-head-left.gif) no-repeat top left;
}
.ListingHeaderMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
 	  background: url(table-head-mid.gif) repeat-x top left;
}
.ListingHeaderRhs
{
	width:4px;
	padding:0px;
	border : 0px;
	height:34px;
	font-size:1px;
	background: url(table-head-right.gif) no-repeat top right;
    margin:0px;
}

.ListingHeaderParaLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
      background: url(table-head-para-left.gif) no-repeat top left;
}
.ListingHeaderParaMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border: 0px;
 	  background: url(table-head-mid.gif) repeat-x top left;
}
.ListingHeaderParaRhs
{
	width:4px;
	padding:0px;
	border : 0px;
	height:34px;
	font-size:1px;
	background: url(table-head-para-right.gif) no-repeat top right;
    margin:0px;
}


.ListingHeaderSmall
{
	padding-left:10px;
	font: bold 1em arial, helvetica, sans-serif;
	color:#555555;
	height:28px;
}
.ListingHeaderSmallLhs
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border : 0px;
 	background: url(table-head-small-left.gif) no-repeat top left;
}
.ListingHeaderSmallMid
{
	  padding-left:5px;
	  padding-right:5px;
      text-align:left; 
	  border : 0px;
 	background: url(table-head-small-mid.gif) repeat-x top left;
}
.ListingHeaderSmallRhs
{
	width:4px;
	padding:0px;
	  border : 0px;
	height:28px;
	font-size:1px;
	background: url(table-head-small-right.gif) no-repeat top right;
}
.ListingTab
{

}
.ListingItem
{
	  padding-left:5px;
	  padding-right:5px; 
      line-height:1.7;
	 border : 0px;
}
.ListingAction
{
	  line-height:1.7;
	  vertical-align:top;
   	border-bottom: 1px solid #e9e9e9;	
}
.ListingActionPadded
{
   line-height:1.7;
   vertical-align:top;
   border-bottom: 1px solid #e9e9e9;
   padding-top:0.5em;
   padding-bottom:0.5em; 	
}
.ListingDescription
{
	color:#707070;	
}
.ListingSubTotal
{
	padding-left:5px;
	padding-right:5px;
	font-size:1.083em; /* 13 px */
    line-height:1.7;
} 
.ListingSummary
{
	padding-left:5px;
	padding-right:5px;
	font-size:1.083em; /* 13 px */
	font-weight:700; 
    line-height:1.7;
} 
.Right
{
    text-align:right;	
}
.Center
{
    text-align: center ;	
}
.NoWrap
{
	white-space: nowrap;
}
.FaqLink
{
	 line-height:1.7;
}

.FaqPopup 
{
	padding-bottom:1em;
}
.FaqPopupHeading
{
	 font-weight:700;
  	 padding-bottom:1em;
}
.FaqPopupDesc
{
	font-size:12px; /* default font size needs resetting in popup */
	padding-bottom:1em;
}

.GeneralPopup 
{
	padding-bottom:1em;
}
/* .AjaxPopupHeading
{
	 font-weight:700;
  	 padding-bottom:1em;
}
*/
.GeneralPopupDesc
{
	font-size:12px; /* default font size needs resetting in popup */
	padding-bottom:1em;
}

.Mandatory
{
	color:#44EE44; 
}

.NavLink
{
	font-weight:700;
}

.MainParaHeading
{
	font-size:1.25em; /* 15 pt */
	font-weight:700;	
}

.EntryControlOuter
{
	padding-top:7px;
	padding-bottom:7px;
}
.EntryControlLabel
{
	float:left;
	width:135px;
	font-size:1.0em; /* 12 px */
}
.EntryControl
{
	margin-left:135px;
}
.EntryControlShort
{
	margin-left:60px;
}
.EntryControlLong
{
	margin-left:200px;
}

.EntryControlLabelShort
{
	float:left;
	width:60px;
	font-size:1.0em; /* 12 px */
}
.EntryControlLabelLong
{
	float:left;
	width:200px;
	font-size:1.0em; /* 12 px */
}
.EntryControlComment
{
	float:left;
	font-size:0.917em; /* 11 px */
}
.EntryControlContainer
{
	float:left;
	border:1px solid #7f9db9;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlCustomContainer
{
	float:left;
}
.EntryControlAddHtml
{
	float:left;
}
.EntryControlBranchButton
{
	float:right;
}
.EntryControlError
{
	float:left;
	border:1px solid #ff7777;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlMandatory
{
	float:left;
	border:1px solid #00bb00;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlReadOnly
{
	float:left;
}


.EntryControlContainerDropDown
{
	float:left;
	border:1px solid #7f9db9;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlErrorDropDown
{
	float:left;
	border:1px solid #ff7777;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlMandatoryDropDown 
{
	float:left;
	border:1px solid #00bb00;
	background-color:#ffffff; /* must be hex for curvycorners */
}
.EntryControlReadOnlyDropDown
{
	float:left;
}


.EntryControlFocus
{
	border-color:#000000;
	background-color:#000000;
}
.EntryControlInput
{
	border:0px;
	padding-left:5px;
	padding-right:5px;
}
.EntryControlDropDown
{
	border:0px;
	padding-left:5px;
	padding-right:5px;
}
.EntryControlLeft
{
	border:0px;
	padding-left:5px;
	padding-right:0px;
}
.EntryControlMid
{
	border:0px;
	padding-left:2px;
	padding-right:0px;
}
.EntryControlRight
{
	border:0px;
	padding-left:2px;
	padding-right:5px;
}
.EntryControlSplit
{
	background-color:#dddddd;
}

/* navigation wizard */
.WizardNav
{
    padding-top:1em;
    padding-bottom:2em;
    clear:both;
    height:2em;
}

.ClearFloat /* daves test fix to cure ie7 clear:both problem */
{
	overflow:hidden;
}

.WizardNavPrev
{
	float:left;
}

.WizardNavNext
{
	float:right;
}


/* EntryTable - form filling */
.EntryTable
{
	/* color:Black; */
/*	background-color:White; */
	padding-bottom: 1em;
}		
.EntryTableHeading
{
	font-weight:700;
}
.EntryTableLabel
{
	font-weight:700;
}
.EntryTableWideLabel
{
	font-weight:700;
	margin:0 auto;
	text-align:center;
}
.EntryTableField
{

}
.EntryTableWideField
{
	margin:0 auto;
	text-align:center;
}
.EntryTableNote
{

}
.EntryTableWideNote
{
	margin:0 auto;
	text-align:center;
}

/* EntryList - list of fields eg. two label radio buttons */
.EntryListHeading
{
	font-weight:700;
}

.EntryListSubHeading
{
	font-weight:700;
}

.EntryListField
{
	font-weight:700;
}




/* Validation */
.ValidationError
{
	background-color:#ffeeee;
	padding:0 0 0.2em 0;
	border-bottom:1px solid #ffdddd;
	color:#442222;
/*	margin-bottom:3em;*/
	margin-top:-0.5em;
	font-size:  1.083em;  /* 13px */
	margin-bottom:1.5em;

}
.ValidationError UL
{
    line-height:1.5;
}

.ValidationErrorHeader
{
	background-color:#ffcccc;
	border-bottom:1px solid #ffAAAA;
	border-top:1px solid #ffAAAA;
	padding:0.7em 0 0.7em 10px;
	color:#882222;
	font-size:  1.167em;  /* 14px */
}

/* HR */
HR.Dotted 
{ /* http://www.thatvoodooyoudo.com/css/styling-horizontal-rules/ */
	color: white;
	background-color: white;
	border: 1px dotted #909090;
	border-style: none none dotted;
}

.BarBreaker
{
	border-top: 1px solid #DDDDDD;
	padding-bottom:1em;
}


/* summary list */


.SummaryList
{
	padding-bottom:1em;
}

.SummaryListHeading
{
	font-weight:bold;
	padding-bottom:1em;
}

.SummaryListEntry
{
}


/* link list */

.LinkList
{
	padding-bottom:1em;
}

.LinkListHeading
{
	font-weight:bold;
	padding-bottom:1em;
}

.LinkListEntry
{
}


/* simple rounded box */
.roundedcornr_box_simple {
	background: url(roundedcornr_simple_tl.png) no-repeat top left;
}
.roundedcornr_top_simple {
	background: url(roundedcornr_simple_tr.png) no-repeat top right;
}
.roundedcornr_bottom_simple {
	background: url(roundedcornr_simple_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_simple div {
	background: url(roundedcornr_simple_br.png) no-repeat bottom right;
}
.roundedcornr_content_simple {
	background: url(roundedcornr_simple_r.png) top right repeat-y;
}

.roundedcornr_top_simple div,.roundedcornr_top_simple,
.roundedcornr_bottom_simple div, .roundedcornr_bottom_simple {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
.roundedcornr_content_simple, .roundedcornr_bottom_simple {
	margin-top: -19px;
}
.roundedcornr_content_simple { padding: 0 20px; }



/* error rounded box */
.roundedcornr_box_error {
	background: url(roundedcornr_error_tl.png) no-repeat top left;
}
.roundedcornr_top_error {
	background: url(roundedcornr_error_tr.png) no-repeat top right;
}
.roundedcornr_bottom_error {
	background: url(roundedcornr_error_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_error div {
	background: url(roundedcornr_error_br.png) no-repeat bottom right;
}
.roundedcornr_content_error {
	background: url(roundedcornr_error_r.png) top right repeat-y;
}

.roundedcornr_top_error div,.roundedcornr_top_error,
.roundedcornr_bottom_error div, .roundedcornr_bottom_error {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_error, .roundedcornr_bottom_error {
	margin-top: -19px;
}
.roundedcornr_content_error { padding: 0 15px; }



/* warning rounded box */
.roundedcornr_box_warning {
	background: url(roundedcornr_warning_tl.png) no-repeat top left;
}
.roundedcornr_top_warning {
	background: url(roundedcornr_warning_tr.png) no-repeat top right;
}
.roundedcornr_bottom_warning {
	background: url(roundedcornr_warning_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_warning div {
	background: url(roundedcornr_warning_br.png) no-repeat bottom right;
}
.roundedcornr_content_warning {
	background: url(roundedcornr_warning_r.png) top right repeat-y;
}

.roundedcornr_top_warning div,.roundedcornr_top_warning,
.roundedcornr_bottom_warning div, .roundedcornr_bottom_warning {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_warning, .roundedcornr_bottom_warning {
	margin-top: -19px;
}
.roundedcornr_content_warning { padding: 0 15px; }



/* info rounded box */
.roundedcornr_box_info {
	background: url(roundedcornr_info_tl.png) no-repeat top left;
}
.roundedcornr_top_info {
	background: url(roundedcornr_info_tr.png) no-repeat top right;
}
.roundedcornr_bottom_info {
	background: url(roundedcornr_info_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_info div {
	background: url(roundedcornr_info_br.png) no-repeat bottom right;
}
.roundedcornr_content_info {
	background: url(roundedcornr_info_r.png) top right repeat-y;
}

.roundedcornr_top_info div,.roundedcornr_top_info,
.roundedcornr_bottom_info div, .roundedcornr_bottom_info {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_info, .roundedcornr_bottom_info {
	margin-top: -19px;
}
.roundedcornr_content_info { padding: 0 15px; }


/* rounded main */
.roundedcornr_box_main {
	background: url(roundedcornr_main_tl.png) no-repeat top left;
}
.roundedcornr_top_main {
	background: url(roundedcornr_main_tr.png) no-repeat top right;
}
.roundedcornr_bottom_main {
	background: url(roundedcornr_main_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_main div {
	background: url(roundedcornr_main_br.png) no-repeat bottom right;
}
.roundedcornr_content_main {
	background: url(roundedcornr_main_r.png) top right repeat-y;
}

.roundedcornr_top_main div,.roundedcornr_top_main,
.roundedcornr_bottom_main div, .roundedcornr_bottom_main {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_main, .roundedcornr_bottom_main {
	margin-top: -19px;
}
.roundedcornr_content_main { padding: 0 15px; }


/* simple raised box rounded corners */
.raised {background: transparent;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}




/* Ajax controls */

.AccordionContent
{
	 background-color:#ffffff;
	 border:solid 1px #888888; 
}


.AccordionHeader
{
	 padding-left:10px;
	 background-color:#888888;
	 color:#ffffff; 
	 border:1px solid #ffffff;
	 font-weight:700;
}

.AccordionHeader a
{
	color:#ffffff;
	text-decoration:none;
}

.ModalBackground /* 70% opaque whole screen */
{
   background-color:Gray;
   filter:alpha(opacity=70); 
   opacity:0.7;  
}

.ModalPopup
{
    background-color:#ffffdd;
    border: 3px solid gray;
    padding: 3px;
    width: 200px;        
}

.CollapsePanel
{
	/* width:640px; */
	height:0px;  /* to stop flashing */
	background-color:White;
	overflow:hidden;
}
.CollapsePanelHeader
{
	/* width:640px; */
	height:20px;
	color:Yellow;
 	background-color:black;
 	font-weight:bold;
 	/* float:left; donno why in video */
 	padding:5px;
 	cursor:pointer;
 	vertical-align:middle;            
}





/* JQUERY */



/*

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }


.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 2px; padding: 0; }
.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 5px;
	margin-right: 3px;
	height: 28px;
	background-image: url(i/accordion-middle.png);
	color: #000;
	text-decoration: none;
	line-height: 28px;
	position: relative;
	left: 3px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(i/accordion-right.png);
	position: absolute;
	top: 0px;
	right: -3px;
	height: 28px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(i/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 28px;
	width: 3px;
}

.ui-accordion li:hover .ui-accordion-left { background-image: url(i/accordion-left-over.png); }
.ui-accordion li:hover .ui-accordion-header { background-image: url(i/accordion-middle-over.png); }
.ui-accordion li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

.ui-accordion li.selected .ui-accordion-left { background-image: url(i/accordion-left-act.png); }
.ui-accordion li.selected .ui-accordion-header { background-image: url(i/accordion-middle-act.png); }
.ui-accordion li.selected .ui-accordion-right { background-image: url(i/accordion-right-act.png); }





.flora .ui-dialog,
.flora.ui-dialog {
        background: #FFFFE7 url(modal-back.jpg) repeat-x;
}

.flora .ui-dialog .ui-dialog-titlebar,
.flora.ui-dialog .ui-dialog-titlebar {
 border-bottom: 1px solid #d8d2aa;
 background: #D6EBFF url(http://www.livingchaos.co.uk/cincludes/table-head-right.gif) repeat-x;
 padding: 0px;
 height: 32px;
 _height: 32px;
}


.flora .ui-dialog.ui-draggable .ui-dialog-titlebar,
.flora.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.flora .ui-dialog .ui-dialog-titlebar-close,
.flora.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	background: url(i/dialog-titlebar-close.png) no-repeat;
	position:absolute;
	top: 6px;
	right: 7px;
	cursor: default;
}

.flora .ui-dialog .ui-dialog-titlebar-close span,
.flora.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}

.flora .ui-dialog .ui-dialog-titlebar-close-hover,
.flora.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(i/dialog-titlebar-close-hover.png) no-repeat;
}

.flora .ui-dialog .ui-dialog-title,
.flora.ui-dialog .ui-dialog-title {
 margin-left: 5px;
 color: #555555;
 font-weight: bold;
 position: relative;
 top: 7px;
 left: 4px;
}

.flora .ui-dialog .ui-dialog-content,
.flora.ui-dialog .ui-dialog-content {
	margin: 1.2em;
}

.flora .ui-dialog .ui-dialog-buttonpane,
.flora.ui-dialog .ui-dialog-buttonpane {
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
}

.flora .ui-dialog .ui-dialog-buttonpane button,
.flora.ui-dialog .ui-dialog-buttonpane button {
	margin: 6px;
}

.flora .ui-dialog .ui-resizable-n,
.flora.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(i/dialog-n.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-s,
.flora.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: transparent url(i/dialog-s.gif) repeat scroll center top; }

.flora .ui-dialog .ui-resizable-e,
.flora.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-e.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-w,
.flora.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: transparent url(i/dialog-w.gif) repeat scroll right center; }

.flora .ui-dialog .ui-resizable-se,
.flora.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(i/dialog-se.gif); }

.flora .ui-dialog .ui-resizable-sw,
.flora.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(i/dialog-sw.gif); }

.flora .ui-dialog .ui-resizable-nw,
.flora.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: transparent url(i/dialog-nw.gif); }

.flora .ui-dialog .ui-resizable-ne,
.flora.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: transparent url(i/dialog-ne.gif); }





.JAccordion  {
	width: 260px;
	font-family: verdana;
	border: 1px solid black;
}
.JAccordion div {
	background-color: #eee;
}

.JAccordion p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.JAccordion a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	
	background-image: url("AccordionTab0.gif");
}
.JAccordion a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.JAccordion a.selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}

*/






/* auto-complete */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}