/* 
Set default font size so that 10point is 1em
By default 1em is 16point.

10/16 = 0.625

After that, ems specified are same as point/pixels
ie 12 point is 1.2em, 10point is 1em etc
*/

html { 
	margin:0; 
	padding:0;
	height:100%; /* part of screen jumping fix */
	/* overflow-y: scroll; /* A;ternative method to add scrollbars to prevent jumping page - not all browsers support this */
}

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

body { 
	background-image: url(/cms/images/browserbg.jpg);
	background-repeat: repeat-x;
	background-color:#88CB88;	
	text-align: center; 
	margin:0; 
	padding:0;
	font-size: 62.5%;
	font-family: Verdana, Helvetica, Arial,  sans-serif;
	color: #000;
	height: 100%;
	min-height:101%; /* Prevent screen jumping in Firefox - So scrollbars are always present */
	/* overflow: -moz-scrollbars-vertical; /* Alternative method to add scrollbars to Mozilla browsers */
}

/* Fix for Firefox - textarea does not inherit font family so we set it specifically */
textarea {
	font-family: Verdana, Helvetica, Arial,  sans-serif;
}

/* 
These are set mainly for IE6/WIN as font size/family is not inherited from body to most elements
So we default just about everything to 1em to get it to the body text size, then individual
items can scale the font as required from there.

May need to add new elements here as you discover/use them
*/

div, span, p, input, textarea, select, button, table, th, tr, td, ol, ul, li, blockquote, form, a
{
	font-size: 1.1em;
	font-family: inherit; 
}


/* Define inheritance that does not alter font size - font size carried down */
/*li li,li p, blockquote p {font-size:1em}*/

div table 		{font-size: 100%;}
table tr 		{font-size: 100%;}
tr td	 		{font-size: 100%;}
td div 			{font-size: 100%;}
p p 			{font-size: 100%;}
div a			{font-size: 100%;}
div span		{font-size: 100%;}
div div 		{font-size: 100%;}
div td 			{font-size: 100%;}
div p 			{font-size: 100%;}
div button 		{font-size: 100%;}
div form 		{font-size: 100%;}
div ul 			{font-size: 100%;}
form div 		{font-size: 100%;}
form td 		{font-size: 100%;}
form h2 		{font-size: 100%;}
form h3 		{font-size: 100%;}
form input		{font-size: 100%;}
form textarea	{font-size: 100%;}
ul li			{font-size: 100%;}
div ol 			{font-size: 100%;}
ol li			{font-size: 100%;}

p {
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: justify;
}

ul {

}

/*
input[type=text] does not work properly in IE8
and selectors are not supported at all in IE6, so we have to use
classes for everything input related for IE (unless you want borders around your checkboxes)
*/

input[type=text], input[type=password], input[type=file], input.text, input.password, input.file, textarea, select {
    border: 1px solid #47A647;
    /*padding: 2px;*/
    color: #6A6A6A;
    font-size: inherit;
}

input[type=checkbox], input.checkbox {
    border: none;
    color: #000;

}

input[type=radio], input.radio {
    border: none;
    color: #000;
}



h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #028502;
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #47A647;

}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #028502;
	padding: 0;
	margin: 0;
}
h3 {
	font-size: 1.1em;
	font-weight: normal;
	color: #028502;
	padding: 0;
	margin: 0;
}

.hr { /* Div to fake an hr as hr is not particularly good cross-browser with css */
	color: #47A647;
	background-color: #47A647;
	height: 1px;
	border: none;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

.emphesis {
	color: #47A647;
	font-weight: bold;
}

.errormsg {
	background-image: url(/weblib/images/error.png);
	background-repeat: no-repeat;
	background-position: center left; 	
	color: #FF0000;
	text-decoration: none;
	padding-left: 20px;
}

.error {
	color: #FF0000;
	text-decoration: none;
}


a:link {
	color: #028502;
	text-decoration: underline;
}

a:visited {
	color: #028502;
}

a:hover {
	color: #FFFFFF;
	background-color: #028502;
}

a:active {
	color: #028502;
}


/* STANDARD BUTTON DEFINITON */
/* BUTTON WITH A BOX AROUND IT */

div.buttonbox {
	background-color: #FFFFFF;
	background-image: url(/cms/images/buttonend.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding:1px;
	padding-bottom: 0px;
	border: 1px solid #028502;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	line-height: 0; /* IE Bug workaround */
}

div.buttonbox.marginright {
	margin-right: 5px;
}

div.buttonbox.marginleft {
	margin-left: 5px;
}

button.button {
	height: 20px;
	padding-bottom: 3px;
	vertical-align: middle;
	text-align: center;
	background-color: #028502;
	background-image: url(/cms/images/buttonbg.jpg);
	background-repeat: repeat-x;
	/*font-size: 1.1em;*/
	color: #FFFFFF;
	white-space:nowrap;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.1em;
}


button.button:link {
	color: #FFFFFF;
	text-decoration: none;
}
button.button:visited {
	color: #FFFFFF;
	text-decoration: none;
}
button.button:hover {
	background-image: url(/cms/images/buttonbgover.gif);
	background-repeat: repeat-x;
}
button.button:active {
	background-image: url(/cms/images/buttonbgdown.gif);
	background-repeat: repeat-x;
	color: #000000;
}

/******************************************************************************/
/* CHECKBOX LIST Widget */
/******************************************************************************/

.widget_CKL {
    font-size: 10px; /* 10/16 */
    border: 1px solid #47A647;
}

.widget_CKL table {
    width: 100%;
    font-size: 11px;
}

.widget_CKL .SectionTable {
    display: block;
    /*width: 100%;*/
}


.widget_CKL .SectionTableHidden {
    display: none;
}


.widget_CKL tr {
    height: auto;
    vertical-align: middle;
}

.widget_CKL th {
	padding: 1px;
	overflow: hidden;
	background-color: #999;
	border: 1px solid #FFF;
}

.widget_CKL td {
    background-color: #FFF;
    border-top: none;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    overflow:hidden;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}


.widget_CKL .selector {
    background-color: #FFF; /*#E9FBE9;*/
    border-top: none;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: none;
    /*margin-top: 1px;*/
    width: 0.1%;
}


.widget_CKL .groupheader {
    background-color: #FFF; /*#E9FBE9;*/
    border-top: none;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;;
    padding-left: 2px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    color: #028502; /*#6A6A6A;*/
    cursor: pointer;
    height: 1.81em;
    font-size: 1.1em;
}

/* Expand/collapse image in group header */
.widget_CKL .groupheader img {
    padding-top: 0.268636363636365em;
    padding-right:0.5em;
    float:left;
    height: 1.272727272727273em; /* based on 1em = 10px and 14px image */
    width: 1.272727272727273em; /* based on 1em = 10px and 14px image */
}

/* Text in group header */
.widget_CKL .groupheader span {
    padding-top:0.25em;
    float: left;


}

.widget_CKL td.first {
    background-color: #FFF; /*#F6FDF6;*/
    color: #000; /*#6A6A6A;*/
}

.widget_CKL td.mid {

}

.widget_CKL td.last {

}

.widget_CKL td.header {
    background-color: #DDE0E7;
    font-weight: bold;
}

.ancservices .last {
    text-align: right;

}
.ancservices .proofedit {
    color: #CCC;
    font-size: 0.9em;
    cursor: pointer;
}

.ancservices .prooflink {
    color: #CCC;
    font-size: 0.9em;
}

.ancservices a:link {
    color: #CCC;
    text-decoration: none;
}
.ancservices a:visited {
    color: #CCC;
    text-decoration: none;
}

.ancservices a:hover {
    color: #CCC;
    text-decoration: underline;
    background-color: #FFF;
}
.ancservices a:active {
    color: #CCC;
    text-decoration: none;
}


/******************************************************************************/
/* Grid Widget */
/******************************************************************************/

.widget_GRD {
    font-size: 10px; /* 10/16 */
    border: 1px solid #47A647;
    background-color: #FFF;

    
    width: 400px;
    height: 300px;
    overflow: auto;
    margin-top: 50px;
    margin-left:50px;
}

.widget_GRD table {
    width: 100%;
    font-size: 11px;
    border: 1px solid #CCC;
}

.widget_GRD .SectionTable {
    display: block;
}


.widget_GRD .SectionTableHidden {
    display: none;
}


.widget_GRD tr {
    height: auto;
    vertical-align: middle;
}

.widget_GRD th {
	padding: 1px;
	overflow: hidden;
	background-color: #999;
	border: 1px solid #FFF;
}

.widget_GRD td {
    background-color: #FFF;
    border-top: none;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    overflow:hidden;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}


.widget_GRD .selector {
    background-color: #FFF; /*#E9FBE9;*/
    border-top: none;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: none;
    /*margin-top: 1px;*/
    width: 0.1%;
}


.widget_GRD .groupheader {
    background-color: #FFF; /*#E9FBE9;*/
    border-top: none;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;;
    padding-left: 2px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    color: #028502; /*#6A6A6A;*/
    cursor: pointer;
    height: 1.81em;
    font-size: 1.1em;
}

/* Expand/collapse image in group header */
.widget_GRD .groupheader img {
    padding-top: 0.268636363636365em;
    padding-right:0.5em;
    float:left;
    height: 1.272727272727273em; /* based on 1em = 10px and 14px image */
    width: 1.272727272727273em; /* based on 1em = 10px and 14px image */
}

/* Text in group header */
.widget_GRD .groupheader span {
    padding-top:0.25em;
    float: left;


}

.widget_GRD td.first {
    background-color: #FFF; /*#F6FDF6;*/
    color: #000; /*#6A6A6A;*/
}

.widget_GRD td.mid {

}

.widget_GRD td.last {

}

.widget_GRD td.header {
    background-color: #DDE0E7;
    font-weight: bold;
}