/*
	Set up our grid

	Overall content width is 760px, horizontally gridctred
	Then there is a 3x3 grid for the rest.

*/
#boundingbox {
	position:    absolute;
	top:         10px;
	left:        50%;
	margin-left: -380px; /* a 760px container */
}

.gridleft {
	position: absolute;
	left:     0;
	width:    150px;
}
.gridctr {
	position: absolute;
	left:     160px;
}
.gridright {
	position: absolute;
	left:     610px;
	width:    150px;
}

.toprow {
	position: absolute;
	top:      0;
	height:   70px;
}
.menurow {
	position: absolute;
	top:      75px;
	height:   120px;
}
.contentrow {
	position: absolute;
	top:      215px;
}

/*
	Top Row
*/
#leianame {
	margin:  15px 0 0 22px;
	padding: 0;

	font-family:  Helvetica, Arial, sans-serif;
	font-size:    7px;
	line-height:  9px;
	font-weight:  bold;
	color:        #00337E;
}

img#leialogo {
	margin: 9px 0 0 0;
	width:  141px;
	height: 48px;
}

form.sitesearch {
	padding: 0;
	margin:  0;
}

form.sitesearch h2 {
	font-size:   13px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}

form.sitesearch input.searchctrl {
	width: 100px;
	font-size: small;
	float: left;
	margin: 0 5px 0 0;
}

form.sitesearch input.gobtn {
	background-color: #46A9C2;
	font-size: 10px;
	color: white;
	width: 35px;
	height: 20px;
	border: none;
}


/*
	Menu row
*/
#mainmenu {
	background-color: #46A9C2;
	padding-top:    5px;
	padding-bottom: 5px;
	height:         110px;	/* 120 - 5 - 5 */
}

#mainmenu a {
	display:        block;
	margin:         0 0 0 5px;
	padding-left:   17px;		/* 5 (LH margin) + 9 (image) + 3 (spacing) */
	padding-top:    1px;
	padding-bottom: 1px;
	width:          125px;	/* 150 - 17 - IE correction */

	font-family:    Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight:    bold;
	text-transform: uppercase;
	color:          white;
	border:         none;

	background-color:    transparent;
	background-repeat:   no-repeat;
	background-image:    url('/images/arrow_up.png');
	background-position: 0 1px;
}
#mainmenu a.selected,
#mainmenu a:hover {
	background-image: url('/images/arrow_rt.gif');
	background-position: 2px 1px;
	color: 	#E7CC51;
}

#submenu-top {
	width:   300px;
	height:  110px;	/* 120 - 5 - 5 */
	padding: 5px 0 5px 0;
	margin:  0;
	border:  none;

	background-color: transparent;
	background-repeat: repeat;
	background-image: url('/images/fade1.png');
}
#submenu-top.loggedin {
	background-image: url('/images/fade2.png');
}

#submenu-top a,
#submenu-left a {
	display:        block;
	margin:         0 0 0 5px;
	padding-left:   15px;		/* 5 (LH margin) + 9 (image) + 3 (spacing) */
	padding-top:    1px;
	padding-bottom: 1px;

	font-family:    Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight:    bold;
	text-transform: uppercase;
	color:          #00337E;
	border: none;

	background-color:    transparent;
	background-repeat:   no-repeat;
	background-image:    url('/images/submenu_up.gif');
	background-position: 0 1px;
}

#submenu-top a.selected ,
#submenu-left a.selected,
#submenu-top a:hover ,
#submenu-left a:hover {
	background-image:    url('/images/submenu_rt.gif');
	background-position: 0 1px;
	color:               #46A9C2;
}

/* Menu images straddle the ctr/rt divider */
#menu-images {
	margin-left: -150px;
	width:        300px;
}

#menu-images img {
	padding: 0;
	margin:  0;
	border:  none;
	height:  120px;
	width:   150px;
}


/*
	Content row 
*/
#submenu-left {
}

#identblock {
}

#identblock br.spacer {
	height: 10px;	
}

#identblock address {
	width:  150px;

	background-color: white;
	color:            black;
	font-size:        10px;
	line-height:      13px;
	font-family:      Helvetica, Arial, sans-serif;

	margin: 0;
	padding: 0;
	font-style:  normal;
	font-weight: medium;
}

#content {
	width:   440px;
	padding: 0;
	margin:  0;

	margin-bottom: 20px;
}

#content-wide {
	width:   590px;
	padding: 0;
	margin:  0;

	margin-bottom: 20px;
}

#leftcolumn {
	width: 215px;
	float: left;
}

#rightcolumn {
	width: 215px;
	float: right;
}

/*
	General formatting
*/
body {
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:   13px;
	line-height: 18px;
}
.alert {
	font-weight: bold;
	border:      2px solid red;	
}

p {
	margin: 0 0 9px 0;
}

h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
	color:       #00337E;
	font-size:   13px;
}
h1 {
	font-weight: bold;
	margin:      0;
}
h2 {
	margin:      18px 0 0 0;
	font-weight: normal;
}
h3 {
	margin:      0;
	font-weight: normal;
	font-style:  italic;	
}

/* FAQ question */
p.q {
	font-weight:   bold;
	margin-top:    0.75em;
	margin-bottom: 0;
}
a {
	color:           #00337E;
	text-decoration: none;
}
a:hover {
	color:         #46A9C2;
	border-bottom: 1px dotted #46A9C2;
}
a img {
	border: none;
}
/* need to make links in paragraphs stand out more */
p a {
	font-weight: bold;
}
ul {
  margin-top: -3px;
  padding-left: 1.1em;
}
li {
  margin-left: 0;
  text-indent: -0.2em;
  list-style-image: url('/images/bullet.png');
}
blockquote {
	padding: 0.5em 1em;
	font-style: italic;
}

/*
	Login / auth
*/
form#loginform,
div.rhs-box {
	width:   140px;
	margin:  0;
	padding: 5px;

	background-color: #46A9C2;
	color:            black;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
}
form#loginform h2, 
div.rhs-box h2 {
	margin:      0 0 5px 0;
	padding:     0;
	color:       white;
	font-family: Helvetica, Arial, sans-serif;
	font-size:   13px;
}
form#loginform label {
	display: block;
	clear:   left;
	width:   140px;
}
form#loginform input {
	width:  98px;
	height: 17px;	/* with borders matches 24px for the gobtn below */
}
form#loginform input.email {
	width: 135px;
}
form#loginform input.gobtn {
	display: inline-block;
	width:   35px;
	height:  24px;
	border:  1px solid #666666;

	background-color: white;
	color:            #46A9C2;
	font-size:        10px;
}
div.rhs-box a {
	display: block;
	width:   90%;
	margin:  0 5%;
	padding: 0.25em 0;
	color:   white;

	font-size: 9px;
	font-weight:    bold;
	text-transform: uppercase;
}
div.rhs-box a:hover {
	color:  #E7CC51;
	border: none;
}

/*
	Central content menus and list-actions
*/
table.menu {
	margin: 1em;
	border: 1px dotted #46A9C2;
}
table.menu th {
	background-color: #46A9C2;
	color: white;
}
/* Could do this with :hover if it wasn't for IE */
table.menuhover {
	border: 1px solid #46A9C2;
}
table.menu tr.menuspacer td {
	height: 10px;
}
table.menu td {
	padding-right: 15px;	/* to match the left padding on menu links */	
}
table.menu a {
	display:        block;
	margin:         0 0 0 5px;
	padding-left:   15px;		/* 5 (LH margin) + 9 (image) + 3 (spacing) */
	padding-top:    2px;
	padding-bottom: 0;

	font-family:    Helvetica, Arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight:    normal;
	text-transform: uppercase;
	color:          #00337E;
	white-space:    nowrap;

	background-color:    transparent;
	background-repeat:   no-repeat;
	background-image:    none;
	background-position: 0 2px;
}
table.menu a:hover {
	background-image:    url('/images/submenu_rt.gif');
	background-position: 0 2px;
	color:               #46A9C2;
	border:              none;
}


/*
	Searching / general tables
*/
table.searchres {
	width: 100%;
	border: 1px solid black;
}
table.searchres thead tr th {
	border-bottom: 1px solid black
}
table.searchres td {
	padding: 0.1em 0.2em;	
}
table tr.odd {
	background-color: #EEEEEE;	
}

/*
	Other table styling
*/
table.bordered {
	border: 2px solid black;
	border-collapse: collapse;
}
table.bordered tbody td,
table.bordered thead th {
	border: 1px solid grey;
	padding: 0.1em 0.2em;
}
td.num {
	text-align: right;
}
tr.totals {
	color: white;
	background-color: DarkBlue;
}

/*
	Single-item table (news etc)
*/

table.item th {
	text-align: left;	
}
table.item th.light {
	font-weight: normal;
	font-style: italic;	
}
table.item td.item-headline {
	font-weight: bold;
}
table.item td.item-fulltext {
}
table.item td.item-date {
	font-style: italic;
}

/*
	Summary-list (news)
*/
div.item-summary {
	margin-top: 1em;
}
div.item-summary p {
	margin: 0;
}
div.item-summary p.item-headline {
	font-weight: bold;
}

/*
	Editing form
*/
form.edit,
table.list {
	border: 1px solid #46A9C2;	
}

form.edit h2 {
	margin:      0 0 5px 0;
	padding:     3px 5px;
	align:       left;

	color:       white;
	font-size:   16px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;

	background-image: url('/images/formfade.png');
	background-repeat: repeat-y;
}
form.edit tr.section h2 {
	color:       black;
	font-size:   12px;
	background-image: none;
}
form.edit h2 a {
	display:    block;
	float:      right;
	margin-top: 4px;
}
form.edit h3 {
	font-size:   100%;
	font-weight: bold;
	margin:      0.25em 0;
	padding:     0;
}
form.edit input.button {
	margin:           0.25em;
	padding:          0.25em;
	background-color: #46A9C2;
	color:            white;
	font-weight:      bold;
	font-size:        13px;
	border:           1px solid rgb(0,48,99);
}
form.edit table a:hover {
	border: none;	
}
form.edit table tr {
	vertical-align: top;	
}
form.edit table.list {
	width:   100%;
	border:  none;
	border-collapse: collapse;
}
table.list thead th {
	text-align:    left;                          
	padding:       0.1em 0.2em;
	border-bottom: 1px solid #46A9C2;
}
form.edit table.list td {
	padding: 0.1em 0.2em;	
}
form.edit table.list colgroup.icon {
	width:      20px;
	text-align: center;
}
form.edit table.list td img {
	margin-top:  1px;
	margin-left: 3px;
}
.rowhover {
	background-color: rgb(240, 226, 177) !important;  /* halfway between the gold and white */
}

td.important {
	font-weight: bold;
}

/*
	List action-links and filtering
*/
div.listactions {
	margin: 1em 0 0.5em 0;
	padding: 5px 0px;
	border: 1px dotted #46A9C2;	
	text-align: left;
}
div.actionhover {
	border: 1px solid #46A9C2;
}
div.listactions a {
	padding-left:   19px;		/* 5 (LH margin) + 9 (image) + 3 (spacing) */
	padding-top:    2px;
	padding-bottom: 2px;

	display: block;

	font-size: 9px;
	line-height: 12px;
	font-weight:    normal;
	text-transform: uppercase;
	color:          #00337E;
	white-space:    nowrap;

	background-color:    transparent;
	background-repeat:   no-repeat;
	background-image:    none;
	background-position: 0 2px;
}
div.listactions a:hover {
	background-image:    url('/images/submenu_rt.gif');
	background-position: 5px 2px;
	color:               #46A9C2;
	border:              none;
}
div.listactions a.prev:hover {
	background-image:    url('/images/submenu_lft.gif');
	background-position: 5px 2px;
	color:               #46A9C2;
	border:              none;
}
div.filter {
	padding: 0;	/* no padding to keep width calculations easy */
	background-color: #EEEEEE;
	border: 1px solid #46A9C2;
	border-bottom: none;
}
div.filter form {
	float: left;
	margin: 5px;
}
div.filter form input {
	margin-right: 10px;
}
div.filter div.pagesel {
	float: right;
	margin: 8px 5px 5px 0px;
}
br.clearboth {
	clear: both;
	line-height: 1px;
}
/*
	Popup tooltips
*/
a.tooltip {
	position: relative;
	z-index:  24;
}
a.tooltip:hover {
	z-index: 25;
}
a.tooltip span.tip {
	display: none;	
}
a.tooltip:hover span.tip {
	display:  block;
	position: absolute;
	top:      5px; 
	left:     150px;
	padding:  5px;
	width:    190px;
	background-color: #46A9C2;
	color:            white;
	opacity:  0.9;
	filter: alpha(opacity=90);
}


/*
	Calendar styling based on "flora" theme from ui.jquery.com
*/


/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
}
#calendar_div {
	display: none;
	border: 1px solid #00337E;
	z-index: 10; /*must have*/ 
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width: 185px;
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #fff;
}
.calendar_control {
	/*RMH background: #FF9900;*/
	display: none;
}
.calendar_links {
	background: #E0F4D7;
}
.calendar_control, .calendar_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #83C948;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #B1DB87;
	color: #000 !important;
}
.calendar .calendar_daysRow {
	background: #FFF;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.calendar_daysCell a {
	display: block;
}
.calendar_daysCell a:hover {
	border: none;	/* Disable global setting of a dotted bottom-border */
}

}
.calendar .calendar_weekEndCell {
	background: #E0F4D7;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #ccc !important;
}
.calendar_currentDay {
	background: #999 !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.calendar_titleRow a {
	color: #000 !important;
}
.calendar_control a:hover {
	/*background: #fdd !important;*/
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}

/*
	End Calendar styling from ui.jquery.com
*/
/*
	Temporary Liftex 2010 logo link
*/
a#liftex {
	position: relative;
	left:       0px;
	top:      420px;
}
a#liftex,
a#liftex:hover,
a#liftex:visited,
a#safeandsound,
a#safeandsound:hover,
a#safeandsound:visited {
	text-decoration: none;
	border: none;
}
a#liftex img {
	width:  150px;
	height:  73px;	
}