/**
 * css/frontend.css
 * Author: Mark Fullbrook
 * Copyright Niddocks Internet Solutions Ltd 2007
 */

/* font size attributes */
BODY.f-smaller, BODY.f-smaller .f-normal {
	font-size: 11px;
}
BODY.f-default, BODY.f-default .f-normal {
	font-size: 12px;
}
BODY.f-larger, BODY.f-larger .f-normal {
	font-size: 13px;
}

H6, .f-small {		font-size: 90%; }
H5, .f-medium1 {	font-size: 110%; }
H4, .f-medium2 {	font-size: 120%; }
H3, .f-large {		font-size: 130%; }
H2, .f-larger {		font-size: 145%; }
H1, .f-largest {	font-size: 160%; }


/* Default HTML styles */
BODY {
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

INPUT, TEXTAREA, SELECT {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
A IMG {
	border: none;
	text-decoration: none;
	vertical-align: bottom;
}
FORM { 
	margin: 0px;
}
TD {
	padding: 0px;
	margin: 0px;
}
P {
	margin-top: 0px;
}
FIELDSET {
  margin-bottom: 10px;
}

/* HYPERLINK STLYES */
A, A:visited {
	color: #000066;
}
A:hover {
	color: #0066CC;
}

/* BASIC STYLES */
.left	{ text-align: left; }
.right	{ text-align: right; }
.center	{ text-align: center; }
.success { color: darkgreen; }
.error, .failure { color: red; }
.bold { font-weight: bold; }

.clearer {
  clear: both;
  font-size: 0%;
}
.prop {
  width: 1px;
  float: right;
}
.prop-clear {
  clear: right;
  height: 1px;
  overflow: hidden;
}

/* Heading Styles */
.pageTitle {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #7B7B7B;
}
.barTitle {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 3px double #7B7B7B;
	margin-bottom: 1.5em;
	color: #7B7B7B;
}
.subTitle {
	font-size: 120%;
	font-weight: bold;
	color: #7B7B7B;
	margin-bottom: 6px;
}

.pageMargin {
	padding-left: 15px;
}
.pageMarginBoth {
	padding-left: 15px;
	padding-right: 15px;
}
.intro {
	font-size: 110%;
}

/* AJAX */
#ajaxIndicator {
	position: absolute;
	left: 560px;
	top: 30px;
	color: #7A7A7A;
	font-weight: bold;

}
#ajaxIndicator IMG {
	margin-right: 6px;
	position: relative;
	top: 3px;
}

/* LAZY TABLE STYLES */
.lazyTable LABEL {
	display: block;
	float: left;
	width: 120px;
}
.lazyTable50 LABEL  { width:  50px; }
.lazyTable80 LABEL  { width:  80px; }
.lazyTable100 LABEL {	width: 100px;	}
.lazyTable120 LABEL {	width: 120px;	}
.lazyTable140 LABEL {	width: 140px;	}
.lazyTable160 LABEL {	width: 160px;	}
.lazyTable180 LABEL {	width: 180px;	}

.lazyTable SPAN {
	display: block;
	float: left;
}
.lazyTable LABEL, .lazyTable SPAN {
	margin-bottom: 4px;
}
.lazyTable BR {
	clear: both;
}

/* SIMPLE FRAME STYLES */

.frameForm {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #A3A3A3;
  
}
.frameForm .frameTitle {
  border-bottom: 1px solid #A3A3A3;
  padding: 3px 6px;
  background-image: url(/images/frontend/navBG.png);
  background-position:  -1px;
  font-weight: bold;
}
.frameForm .lazyTable {
  margin: 15px;
}

.frameForm2 {
  border: 1px solid #A3A3A3;
}
.frameForm2 .frameTitle {
  border-bottom: 1px solid #A3A3A3;
  padding: 3px 3px;
  background-image: url(/images/frontend/navBG.png);
  background-position:  -1px;
}
.frameForm2 .lazyTable {
  margin: 15px;
}

.frameTable {
  border-collapse: collapse;
  margin-left: 1px;
}
.frameTable TD, .frameTable TH {
  border: 1px solid #A3A3A3;
  padding: 3px 5px;
}
.frameTable TH {
  background-color: #E0E0E0;
}

/* MESSAGE STYLES */
.msg_success, .msg_error, .msg_notice {
	color: white;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 5px 10px 5px 26px;
	margin-bottom: 12px;
}
.msg_success A, .msg_error A, .msg_notice A {
  color: white;
}
.msg_success {
	background-color: #73B65A;
	background-image: url("/images/icons/ok.png");
}
.msg_error {
	background-color: #E75C58;
	background-image: url("/images/icons/error.png");
}
.msg_notice {
	background-color: #3F66FF;
	background-image: url("/images/icons/notice_bluebg.png");
}

.msg_error LI {
  list-style: none;
}

.flashMessage {
  padding-top: 10px;
  text-align: center;
}


/* FOOTER */
.footer {
    text-align: center;
    font-size: 85%;
    padding: 5px;
}


/* FORM STYLES */
.form-container {
    border: 1px solid #CCC;
    border-bottom: 0px;
    margin-bottom: 8px
}
.form-row {
    clear: both;
    padding: 8px;
    border-bottom: 1px solid #CCC;
}
.form-row LABEL {
    display: block;
    width: 120px;
    padding: 0 10px 3px 0;
    float: left;
    text-align: left;
    color: #666;
    font-weight: normal;
}
.form-row LABEL.required {
    color: #333;
    font-weight: bold;
}
.form-row .content {
    padding-left: 10px;
}
.form-description {
    font-size: 90%;
    color: #666;
    padding-top: 5px;
    padding-left: 135px;
}
.form-error-msg {
    color: #f33;
    font-size: 95%;
}
.form-row .form-error input, .form-row .form-error select, .form-row .form-error textarea {
    border: 1px solid #f33;
}

/* Button Styles */
A.sButton, A.rButton, A.gButton {
    width: 100px;
    height: 20px;
    display: block;
    text-decoration: none;
    text-align: center;
    padding-top: 5px;
    margin: 3px;
    float: left;
}
A.sButton.long, A.rButton.long, A.gButton.long {
  width: 160px;
}
A.sButton {                                    background-image: url("/images/buttons/silver_normal.gif"); }
A.sButton:hover {                              background-image: url("/images/buttons/silver_hover.gif"); }
A.sButton.disabled:hover {                     background-image: url("/images/buttons/silver_normal.gif"); }
A.sButton.selected, A.sButton.selected:hover { background-image: url("/images/buttons/silver_down.gif"); }
A.gButton {                                    background-image: url("/images/buttons/green_normal.gif"); }
A.rButton {                                     background-image: url("/images/buttons/red_normal.gif"); }

A.sButton.long {                               background-image: url("/images/buttons/silver_long_normal.gif"); }
A.sButton.long:hover {                         background-image: url("/images/buttons/silver_long_hover.gif"); }
A.sButton.long.disabled:hover {                background-image: url("/images/buttons/silver_long_normal.gif"); }
A.sButton.long.selected,
A.sButton.long.selected:hover {                background-image: url("/images/buttons/silver_long_down.gif"); }
/** removed because IE messes up - displays red when it should be silver
A.gButton.long {                               background-image: url("/images/buttons/green_long_normal.gif"); }
A.rButton.long {                               background-image: url("/images/buttons/red_long_normal.gif"); }
*/
A.disabled {
    color: #666666;
}

/* FIELDSET mimicing styles */
.fieldset {
  border: 1px solid #999;
  padding: 0px 10px 10px 10px;
  margin: 3px;
  margin-bottom: 2em;
}
.fieldset .legend {
  float: left;
  border: 1px solid #999;
  background-color: #F0F0F0;
  position: relative;
  top: -9px;
  left: -2px;
  padding: 1px 5px 2px 5px;
  font-size: 95%;
  font-weight: bold;
}
.fieldset .content {
  clear: both;
}
.fieldset P {
  margin: 5px 0px;
}

/*** TOOLTIP styles, necessary for tooltip.js to work ***/
#tooltip {
  width: 200px;
  border: 1px solid #59AECE;
  background-color: #D4ECF2;
}
#tooltipTitle {
  background-color: #59AECE;
  color: white;
  padding: 0px 4px;
  font-weight: bold;
  font-size: 90%;
}
#tooltipTitle SPAN.i {
  font-family: courier;
  padding-right: 3pt;
}
#tooltipContent {
  margin: 3px 5px;
  font-size: 90%;
}

.filtered
{
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}