body
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #000000; /*#0055aa;*/
	margin: 0px;
	background-image: url(../../images/shadow_background.gif);
	background-position: center;
	background-repeat:repeat-y;
	font-size: 0.70em;
	background-color: #D7D9DB;
}

/* RIGHT COLUMN DIV */
.right_column {
float: right;
width: 160px;
}

/* LEFT COLUMN DIV */
.left_column {
float: left;
width: 160px;
}

.page_center {
width: 970px;
padding: 10px 0px 10px 0px;
margin: 0 auto;
}
/* LOGOS DIV AND BORDER */
.toplogos {
margin: 10px 0px 0px 0px;
clear: both;
height: 60px;
}
/* LOGOS DIV AND BORDER */

/* TOP HEADINGS STYLES -------------------------------------------------------------------------------- */


#page_title .clear {
clear: both
}

#page_title {
width: 100%; /* HEADING WIDTH */
clear: both;
font-family: Arial, Helvetica, sans-serif; /* FONT STYLE DON'T HAVE TO BE USED */
height: 28px; /* HEADING HEIGHT */
background-color: #0055AA; /* DEFAULT BACKGROUND COLOUR IF CLASS NOT APPLIED */
color: #FFFFFF; /* DEFAULT TEXT COLOUR IF CLASS NOT APPLIED */
margin-top: 8px;
}

#page_title .txt {
/*width: 560px;*/
padding: 5px;
float: left;
font-size: 14px; /* DEFAULT FONT SIZE FOR TITLES */
font-weight: bold; /* DEFAULT FONT WEIGHT */
}

/* DEFAULT BUTTONS STYLE */
#page_title a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR */
font-size: 9px;
color: #FFFFFF; /* BUTTON TEXT COLOUR */
text-decoration: none;
}

#page_title a:hover {
border: 1px #FFFFFF solid; /* BORDER COLOUR WHEN MOUSE OVER */
color: #FFFFFF; /* TEXT COLOUR WHEN MOUSE OVER*/
}

#page_title img {
border: none;
margin-right: 2px;
}

/* RED COLOR STYLES */
#page_title.red {
background-color: #FF0000; /* HEADING BACKGROUND COLOUR FOR CLASS*/
color: #FFFFFF; /* TEXT COLOUR */
}

#page_title.red a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #8C0000; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #8C0000; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.red a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WNEN HOVER*/
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS WHEN HOVER*/
}


/* ORANGE COLOR STYLES */
#page_title.orange {
background-color: #FEAF62; /* HEADING BACKGROUND COLOUR FOR CLASS*/
color: #BE6001; /* TEXT COLOUR */
}

#page_title.orange a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #BE6001; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #BE6001; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.orange a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WHEN HOVER*/
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS WHEN HOVER*/
}

/* GREEN COLOR STYLES */

#page_title.green {
background-color: #98EA70; /* HEADING BACKGROUND COLOUR FOR CLASS */
color: #2C680F; /* TEXT COLOUR */
}

#page_title.green a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #2C680F; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #2C680F; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.green a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WHEN HOVER*/
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS WHEN HOVER*/
}

/* PINK COLOR STYLES */

#page_title.pink {
background-color: #E48AB4; /* HEADING BACKGROUND COLOUR FOR CLASS */
color: #FFFFFF; /* TEXT COLOUR */
}

#page_title.pink a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #721B44; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #721B44; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.pink a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WHEN HOVER */
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS  WHEN HOVER*/
}

/* BLUE COLOR STYLES */

#page_title.blue {
background-color: #81BDE7; /* HEADING BACKGROUND COLOUR FOR CLASS*/
color: #1C6393; /* TEXT COLOUR */
}

#page_title.blue a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #1C6393; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #1C6393; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.blue a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WHEN HOVER */
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS WHEN HOVER*/
}

/* GREY COLOR STYLES */

#page_title.grey {
background-color: #666666; /* HEADING BACKGROUND COLOUR FOR CLASS*/
color: #FFFFFF; /* TEXT COLOUR */
}

#page_title.grey a {
padding: 2px;
display: block;
float: right;
margin-right: 3px;
margin-top: 3px;
border: 1px solid #CCCCCC; /* BUTTON BORDER COLOUR FOR CLASS */
font-size: 9px;
color: #CCCCCC; /* BUTTON TEXT COLOUR FOR CLASS */
text-decoration: none;
}

#page_title.grey a:hover {
border: 1px #FFFFFF solid; /* BUTTON BORDER COLOUR FOR CLASS WHEN HOVER */
color: #FFFFFF; /* BUTTON TEXT COLOUR FOR CLASS WHEN HOVER */
}
/* TOP HEADINGS STYLES ENDS ----------------------------------------------------------------------------------- */

/* RIGHT NAVIGATION STYLES ----------------------------------------------------------------------------*/

.right_navigation {
margin-top: 8px;
width: 160px;
border: 1px solid #FF0000; /* border colour and style for floating boxes */
clear: both;
font-size: 11px; /* Font size inside the box */
color: #666666; /* Overal text colour */
font-family: Arial, Helvetica, sans-serif;
}

.right_navigation img {
border: 0px #FFFFFF solid;
}

.right_navigation .links {
padding: 5px;
}

.right_navigation .links a {
margin-bottom: 4px;
display: block;
clear: both;
}
.right_navigation a.icons {
border-bottom: 1px #FFFFFF solid; /* bottom border colour for personal buttons */
padding: 2px;
margin-bottom: 5px;
display: block;
background-color: #FFFFFF; /* background colour for buttons */
clear: both;
text-decoration: none;
color: #666666; /* text colour for buttons */
}

.right_navigation a.icons:hover {
border-bottom: 1px #CCCCCC solid; /* bottom border colour for personal buttons when mouse over*/
color: #666666; /* text colour for buttons when mouse over*/
background-color: #FFFFFF; /* background colour for buttons when mouse over*/
}

.right_navigation a {
color: #FF0000; /* normal links inside the boxes colour */
text-decoration: underline; /* normal links inside the boxes decoration */
}

.right_navigation a:hover {
text-decoration: none; /* normal links inside the boxes colour when mouse over */
color: #FF0000; /* normal links inside the boxes decoration when mouse over */
}

.right_navigation .title {
background: #FF0000; /* titles background colour */
padding: 5px;
font-size: 14px; /* font size for title */
font-weight: bold; /* font weight  */
color: #FFFFFF; /* font colour */
text-align:center;
}


.right_navigation .title a 
{
	color: #FFFFFF; /* font colour */
}
.right_navigation .title a:hover 
{
	color: #FFFFFF; /* font colour */
}

.right_navigation .ads {
padding: 5px 5px 5px 5px;
text-align: center;
color: #333333; /* default font colour for ads */
}
/* RIGHT NAVIGATION STYLES ----------------------------------------------------------------------------*/

/* TABS STYLES ---------------------------------------------------------------------------------- */
#tabs {
	padding: 5px 0px 0px 0px; /* main div padding, spaces from top-right-bottom-left in pixels */
	background-image: url(../../images/system/tabs_background.gif); /* background image used for bottom border and shadow */
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif; /* FONT STYLE FOR TABS */
	font-size: 12px;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

#tabs a {
border: 1px #999999 solid; /* border color and style for tabs */
display: block;
margin-right: -1px;
padding: 3px 5px 3px 5px;
float: left;
color: #666666; /* tabs font colour */
text-decoration: none;
background-image: url(../../images/system/buttons_default.gif); /* background image for tabs */
background-position: bottom; /* background image position */
background-color: #FFFFFF; /* background colour if image not applied */
}

#tabs a:hover {
background-image: none; /* background image when mouse over */
background-color: #CCCCCC; /*background colour when mouse over */
color: #000000; /* text color when mouse over */
}

/* ACTIVE TAB STYLE */
#tabs a.current {
border-bottom: #ffffff 1px solid; /* bottom border color */
padding: 3px 10px 3px 10px; /* padding space */
background-color: #ffffff; /* cceeff background colour if image not applied */
color: #333333; /* text colour */
background-image: none; /* background image */
}

#tabs a.current:hover {
background-color: #000000; /* background colour when mause over active tab */
color: #FFFFFF; /* text colour when mouse over on active tab */
background-image: none; /* background image */
}

#tabslarge {
	padding: 5px 0px 0px 0px; /* main div padding, spaces from top-right-bottom-left in pixels */
	background-image: url(../../images/system/tabs_background.gif); /* background image used for bottom border and shadow */
	background-position: bottom;
	font-family: Arial, Helvetica, sans-serif; /* FONT STYLE FOR TABS */
	font-size: 14px;
	background-repeat: repeat-x;
	background-attachment: scroll;
}

#tabslarge a {
border: 1px #999999 solid; /* border color and style for tabs */
display: block;
margin-right: -1px;
padding: 3px 5px 3px 5px;
float: left;
color: #666666; /* tabs font colour */
text-decoration: none;
background-image: url(../../images/system/buttons_default.gif); /* background image for tabs */
background-position: bottom; /* background image position */
background-color: #FFFFFF; /* background colour if image not applied */
}

#tabslarge a:hover {
background-image: none; /* background image when mouse over */
background-color: #CCCCCC; /*background colour when mouse over */
color: #000000; /* text color when mouse over */
}

/* ACTIVE TAB STYLE */
#tabslarge a.current {
border-bottom: #ffffff 1px solid; /* bottom border color */
padding: 3px 10px 3px 10px; /* padding space */
background-color: #ffffff; /* cceeff background colour if image not applied */
color: #333333; /* text colour */
background-image: none; /* background image */
}

#tabslarge a.current:hover {
background-color: #000000; /* background colour when mause over active tab */
color: #FFFFFF; /* text colour when mouse over on active tab */
background-image: none; /* background image */
}

.clear_tabs {clear: both; line-height:0px; font-size: 0px;}

.content_tabs {
padding: 5px;
border-bottom: 1px #999999 solid; /* BORDER bottom colour and style */
border-left: 1px #999999 solid; /* BORDER bottom colour and style */
border-right: 1px #999999 solid; /* BORDER bottom colour and style */
clear: both;
}
/* TABS STYLES -------------------------------------------------------------------- */
.text_column {
width: 600px;
float: left;
margin-right: 15px;
}
.text_columnInternal {
width: 580px;
float: left;
}
.separator {
margin: 10px 0px 10px 0px;
border-bottom: 1px #B7D2F7 double;
clear: both;
height: 55px;
}
/*select,*/
input,  textarea
{
	font-family: arial, helvetica, sans serif;
	font-size: 1em;
	line-height: 120%;
	color: #000000;
	margin: 2px 0 4px 0px;
	/*width: 100%;*/
	/*text-align: left;*/
}

.large
{
	font-size: 1.35em;
	line-height: 114%;
}

em
{
	font-style: normal;
	font-weight: bold;
}

p
{
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
	white-space:normal;
}

table
{
	/*table-layout: fixed;*/
	float: left;
	clear: both;
	margin: 0 0 0 0;
}

td
{
	vertical-align: top;
	text-align: left;
	white-space:normal;
}

img
{
	border: none;
}

#logo
{
	background-image: url(../../images/MSlogo.gif);
	background-repeat: no-repeat;
	width: 180px;
	padding-left: 5px;
	float: left;
}

#leftnav
{
	width: 172px;
	color: #77aaee;
	float: left; 
	margin-right: 12px;
	margin-top: 8px;
}
#notes
{
	border: 0px solid #ffddbb;
	padding: 0 0 0 4px;
	margin-bottom: 0px;
	vertical-align: top;
	float: left;
	color: #77aaee;
	width: 160px;
}

#leftnav a:link, #leftnav a:visited
{
	color: #77aaee;
	text-decoration: none;
}
#leftnav .current, #leftnav .currenttop
{
	color: #0055aa;
	z-index: 0;
}
/* main naviagation dropdown and div styles + new blue dropdown in blue bar starts	################################### */
#contentTop
{
	padding: 0 0 0 2px;
	line-height: 50px;
	float: left;
	width: 600px;
}


/* main content div styles starts					################################### */
#content
{
	border: 0px solid red;
	padding: 0 0 20px 0;
	float: left;
}
#boundcontent
{
	width: 600px;
	border: 0px solid green;
	z-index: 0;
	top: 0px; 
}

#menurght
{
	border: 0px solid #ffddbb;
	padding: 0 0 0 4px;
	margin-bottom: 0px;
	vertical-align: top;
	text-align: left;
	color: #77aaee;
	width: 160px;
	vertical-align: top;
	float: right;
}


/* link and button styles starts								################################### */
a:link, a:visited
{
	font-style: normal;
	text-decoration: underline;
	color: #0055aa;
}
/* see bottom of file for a:hover and a:active state. Had to move it down there for it to work. */

#menurght a:link, #menurght a:visited
{
	color: #77aaee;
}

a.srchbtn:link img, a.srchbtn:visited img, a.srchbtn:hover img, a.srchbtn:active img
{
	border-top: 0px solid green;
	border-right: 0px solid green;
	border-bottom: 0px solid green;
	border-left: 2px solid #ffbb88;
	padding: 0;
	margin: 0;
}
a.srchbtn:link img, a.srchbtn:visited img
{
	background-image: url(../images/find_dk-or_reg.gif);
}

a.srchbtn:hover img
{
	background-image: url(../images/find_dk-or_over.gif);
}

a.srchbtn:active img
{
	background-image: url(../images/find_dk-or_click.gif);
}
/* link and button styles ends								################################### */

.top1of1
{
	width: 600px;
	clear: both;
	float: left;
}

.top1of2, .top2of2
{
	width: 295px;
	height: 100%;
}

.top1of2
{
	margin-right: 7px;
	float: left;
	clear: left;
}
.top2of2
{
	float: right;
}

.top, .date, .top2
{
	font-family: "arial narrow" , Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 110%;
	padding: 2px 2px 2px 8px;
}

.date
{
	padding: 0px 0px 0px 0px;
}

.topleft
{
	float: left;
}

.topright
{
	text-align: right;
	padding: 0;
}

.mid, .redmid1, .redmid2, .redmid1grid, .redmid2grid, .darkbluemid1, .darkbluemid2, .lightbluemid1, .lightbluemid2, .lightbluemid3, .lightbluemid4, .lightbluemid5, .lightbluemid1grid, .lightbluemid2grid, .yellowmid1, .yellowmid2, .darkgreenmid1, .darkgreenmid2, .lightgreenmid1, .lightgreenmid2
{
	padding: 4px 8px 4px 8px;
}

.midlist
{
	padding: 0px;
	border-top: 0px;
}

.bottom-left, .bottom-left2, .bottom-left3, .bottom-left4
{
	height: 8px;
	margin-right: 8px;
	font-size: 2px;
	clear: both;
}


.bottom-right
{
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 8px;
	font-size: 2px;
	margin-top: -8px;
}

.darkblue, .lightblue, .red, .yellow, .darkgreen, .lightgreen
{
	margin-top: 8px;
}

/* darkblue starts							################################### */
.darkblue .top
{
	background-color: #000066;
	color: #cceeff;
}

.darkblue .mid, .darkblue .midlist, .darkbluemid, .darkbluemidlist
{
	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
}

.darkbluemid1
{
	border-top: 1px solid #000066;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
}

.darkbluemid2
{
	border-top: 1px solid #000066;
	border-right: 1px solid #000066;
}

table.darkblue
{
	border-bottom: 1px solid #000066;
	margin: 0 0 0 0;
}

.darkblue .bottom
{
	border-bottom: 1px solid #000066;
}

.darkblue .bottom-left
{
	background-image: url( '../../images/corners/corner_left_000066.gif' );
}

.darkblue .bottom-right
{
	background-image: url( '../../images/corners/corner_right_000066.gif' );
}

.darkblue .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_000066.gif' );
}
.darkblue .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_000066.gif' );
}
.darkblue .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_000066.gif' );
}
/*
.darkblue ul li
{
	border-bottom: 1px solid #000066;
}
*/
.darkbluebg
{
	background-color: #000066;
}

/* darkblue ends							################################### */

/* lightblue starts							################################### */
.lightblue .top
{
	background-color: #0055aa;
	color: #cceeff;
}

.lightblue .mid, .lightblue .midlist, .lightbluemid, .lightbluemidlist
{
	border-right: 1px solid #0055aa;
	border-left: 1px solid #0055aa;
}

.lightbluemid1
{
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.lightbluemid2
{
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.lightbluemid3
{
	border-top: dotted 1px #cccccc;
	white-space:nowrap;
	overflow:visible;
}

.lightbluemid4
{
	border-top: dotted 1px #cccccc;
	border-left: dotted 1px #cccccc;
}

.lightbluemid5
{
	margin-bottom:1px;
	border-bottom:dotted 1px #cccccc;
	white-space:nowrap;
	overflow:visible;
}

.lightbluemid6
{
	border-left: dotted 1px #cccccc;
}



.lightbluemid1grid
{
	border-top: 1px solid #cceeff;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

.lightbluemid1 p, .lightbluemid2 p
{
	font-size:1.20em;
}

.lightbluemid2grid
{
	border-top: 1px solid #cceeff;
	border-right: 1px solid #dfdfdf;
}

table.lightblue
{
	border-bottom: 1px solid #dfdfdf;
	margin: 0 0 0 0;
}

.lightblue .bottom, .lightbluebottom
{
	border-bottom: 1px solid #dfdfdf;
}

.lightblue .bottom-left
{
	background-image: url( '../../images/corners/corner_left_0055aa.gif' );
}

.lightblue .bottom-right
{
	background-image: url( '../../images/corners/corner_right_0055aa.gif' );
}

.lightblue .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_0055aa.gif' );
}
.lightblue .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_0055aa.gif' );
}
.lightblue .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_0055aa.gif' );
}
/*
.lightblue ul li
{
	border-bottom: 1px solid #0055aa;
}
*/
.lightbluebg
{
	background-color: #cceeff;
}

.lightbluelow, .lightbluelow a:link, .lightbluelow a:visited
{
	color: #cceeff;
}

/* lightblue ends							################################### */

/* red starts							################################### */
.red .top
{
	background-color: #cc0000;
	color: #ffcc66;
}

.red .mid, .red .midlist, .redmid
{
	border-right: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
}

.redmidlist
{
	border-right: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
}

.redmid1
{
	border-top: 1px solid #cc0000;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
}

.redmid1grid
{
	border-top: 1px solid #ffcccc;
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
}

.redmid2
{
	border-top: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
}

.redmid2grid
{
	border-top: 1px solid #ffcccc;
	border-right: 1px solid #cc0000;
}

.redmid1 select.mediumred, .redmid2 select.mediumred, .redmid1 input.mediumred, .redmid2 input.mediumred, .redmid1 select.smallred, .redmid2 select.smallred, .redmid1 input.smallred, .redmid2 input.smallred, .redmid1 input.smallred2, .redmid2 input.smallred2
{
	border-color: #cc0000;
}

.redmid1, .redmid2, .redbg, .redmid2 a:link, .redmid2 a:visited, .redmid1 label.mediumred, .redmid2 label.mediumred, .redmid1 label.smallred, .redmid2 label.smallred
{
	color: #cc0000;
}

.redmid2 a:hover, .redmid2 a:active
{
	color: #990000;
}

table.red
{
	border-bottom: 1px solid #cc0000;
	margin: 0 0 0 0;
}

.red .bottom, .redmid2 .bottom, .redbottom
{
	border-bottom: 1px solid #cc0000;
}

.red .bottom-left
{
	background-image: url( '../../images/corners/corner_left_cc0000.gif' );
}

.red .bottom-right
{
	background-image: url( '../../images/corners/corner_right_cc0000.gif' );
}

.red .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_cc0000.gif' );
}
.red .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_cc0000.gif' );
}
.red .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_cc0000.gif' );
}
/*
.red ul li
{
	border-bottom: 1px solid #cc0000;
}
*/
.redbg
{
	background-color: #ffcccc;
}

.brdrightred
{
	border-right: 1px solid #cc0000;
}

.brdleftred
{
	border-left: 1px solid #cc0000;
}

.redlow, .redlow a:link, .redlow a:visited
{
	color: #ffcccc;
}

/* red ends							################################### */

/* yellow starts							################################### */
.yellow .top
{
	background-color: #ffcc66;
	color: #cc0000;
}

.yellow .mid, .yellow .midlist, .yellowmid
{
	border-right: 1px solid #ffcc66;
	border-left: 1px solid #ffcc66;
}

.yellowmidlist
{
	border-right: 1px solid #ffcc66;
	border-left: 1px solid #ffcc66;
	border-bottom: 1px solid #ffcc66;
}

.yellowmid1
{
	border-top: 1px solid #ffcc66;
	border-left: 1px solid #ffcc66;
	border-right: 1px solid #ffcc66;
}

.yellowmid2
{
	border-top: 1px solid #ffcc66;
	border-right: 1px solid #ffcc66;
}

table.yellow
{
	border-bottom: 1px solid #ffcc66;
	margin: 0 0 0 0;
}

.yellow .bottom
{
	border-bottom: 1px solid #ffcc66;
}

.yellow .bottom-left
{
	background-image: url( '../../images/corners/corner_left_ffcc66.gif' );
}

.yellow .bottom-right
{
	background-image: url( '../../images/corners/corner_right_ffcc66.gif' );
}

.yellow .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_ffcc66.gif' );
}
.yellow .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_ffcc66.gif' );
}
.yellow .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_ffcc66.gif' );
}
/*
.yellow ul li
{
	border-bottom: 1px solid #ffcc66;
}

 yellow ends							################################### */

/* darkgreen starts							################################### */
.darkgreen .top
{
	background-color: #008800;
	color: #CCFFCC;
}

.darkgreen .mid, .darkgreen .midlist, .darkgreenmid, .darkgreenmidlist
{
	border-right: 1px solid #008800;
	border-left: 1px solid #008800;
}

.darkgreenmid1
{
	border-top: 1px solid #008800;
	border-left: 1px solid #008800;
	border-right: 1px solid #008800;
}

.darkgreenmid2
{
	border-top: 1px solid #008800;
	border-right: 1px solid #008800;
}

table.darkgreen
{
	border-bottom: 1px solid #008800;
	margin: 0 0 0 0;
}

.darkgreen .bottom
{
	border-bottom: 1px solid #008800;
}

.darkgreen .bottom-left
{
	background-image: url( '../../images/corners/corner_left_008800.gif' );
}

.darkgreen .bottom-right
{
	background-image: url( '../../images/corners/corner_right_008800.gif' );
}

.darkgreen .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_008800.gif' );
}
.darkgreen .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_008800.gif' );
}
.darkgreen .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_008800.gif' );
}
/*
.darkgreen ul li
{
	border-bottom: 1px solid #008800;
}
*/
.darkgreenmid2 textarea
{
 vertical-align:bottom;
 height:135px;
 
}

/* darkgreen ends							################################### */

/* lightgreen starts							################################### */
.lightgreen .top
{
	background-color: #CCFFCC;
	color: #008800;
}
.lightgreen .mid, .lightgreen .midlist, .lightgreenmid, .lightgreenmidlist
{
	border-right: 1px solid #CCFFCC;
	border-left: 1px solid #CCFFCC;
}

.lightgreenmid1
{
	border-top: 1px solid #CCFFCC;
	border-left: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
}

.lightgreenmid2
{
	border-top: 1px solid #CCFFCC;
	border-right: 1px solid #CCFFCC;
}

table.lightgreen
{
	border-bottom: 1px solid #CCFFCC;
	margin: 0 0 0 0;
}

.lightgreen .bottom
{
	border-bottom: 1px solid #CCFFCC;
}

.lightgreen .bottom-left
{
	background-image: url( '../../images/corners/corner_left_CCFFCC.gif' );
}

.lightgreen .bottom-right
{
	background-image: url( '../../images/corners/corner_right_CCFFCC.gif' );
}

.lightgreen .bottom-left2
{
	background-image: url( '../../images/corners/corner_left2_CCFFCC.gif' );
}
.lightgreen .bottom-left3
{
	background-image: url( '../../images/corners/corner_left3_CCFFCC.gif' );
}
.lightgreen .bottom-left4
{
	background-image: url( '../../images/corners/corner_left4_CCFFCC.gif' );
}
/*
.lightgreen ul li
{
	border-bottom: 1px solid #CCFFCC;
}
 lightgreen ends							################################### */


ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	list-style-position: outside;
}
ul li
{
	margin: 0;
	padding: 4px 8px 4px 8px;
}


ul li.last
{
	border: none;
}

#leftnav ul li
{
	text-align: right;
	padding-left: 0px;
}

#leftnav ul
{
	text-align: right;
}

#leftnav ul li.current
{
	background-color: #efefef;
	list-style-image: url(../../images/arrow.gif);
	list-style-position: inside;
}

#leftnav ul li.currenttop
{
	background-color: #efefef;
}
#leftnav ul li.level1
{
	margin: 0;
	padding: 4px 0 4px 0;
	font-family: "arial narrow" , Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 110%;
	padding: 2px 2px 2px 8px;
	border-top: 1px solid #77aaee;
	font-weight: bold;
}

#leftnav ul li.level2
{
	background-color: #efefef;
	font-weight: bold;
	/*border-top: 1px dashed #77aaee;*/
	padding: 2px 0 2px 0;
}
#leftnav ul li.level2 a:link, #leftnav ul li.level2 a:visited
{
	color: #333333;
	text-decoration: none;
}
#leftnav ul li.level3
{
	background-color: #efefef;
	margin: 0;
	padding: 0 0 2px 0;
}
#leftnav ul li.level3 a:link, #leftnav ul li.level3 a:visited
{
	color: #666666;
	text-decoration: none;
}

#leftnav ul li.logout
{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #77aaee;
}

img.right, div.right
{
	float: right;
	clear: both;
	margin: 4px 0 0 8px;
}

div.right
{
	margin: 4px 0 0 0px;
}

div.left
{
	margin: 8px 0 0 0;
}
img.left
{
	float: left;
	clear: left;
	margin: 4px 8px 0 0;
}
.clear
{
	clear: both;
}
.nobrdtop
{
	border-top: 0px solid #000000;
}

.nobrdright
{
	border-right: 0px solid #000000;
}

.nopadding
{
	padding: 0 0 0 0;
}

/* form elements styles starts						################################################################################################## */


.chck
{
	border: 0px solid #0055aa;
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: bottom;
	width: 14px;
}

.radio
{
	width: 20px;
	margin: 0px 0 0px 0px;
	border: 0px solid red;
}

label
{
/*	display: inline; */
/*	padding-right: 14px; */
/*	vertical-align: top; */
}

label.medium, label.mediumred, label.small, label.smallred, label.largelbl,label.largelbl2, label.largelblred, label.special1, label.special1red,label.medium2,label.medium3
{
	display: inline;
	float: left;
	padding: 1px 0 0 0;
}

input.small, input.small2, input.mediumred, input.smallred, input.smallred2, input.largelbl, input.largelblred, input.special1, input.special1red, input.largewidth
{
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 4px;
	display: inline;
}

select.mini, select.minired, select.medium, select.small, select.mediumred, select.smallred, select.largelbl, select.largelblred
{
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	display: inline;
	/*outline: none; */
}
label.medium, label.mediumred
{
	width: 90px;
}

label.medium2
{
	width: 100px;
}
label.medium3
{
	width: 120px;
}
input.medium, input.mediumred
{
	width: 180px;
	border: 1px solid #999999;
	margin: 0;
	padding:2px 2px 2px 2px;
	display: inline;
}

select.medium, select.mediumred, span.mediumred
{
	width: 182px;
}

input.largewidth
{
	width: 480px;
	margin: 0px 0 2px 2px;
}

input.width550
{
	width: 550px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0 2px 0px;
}

input.width250
{
	width: 250px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0 2px 0px;
}
label.small, label.smallred
{
	width: 70px;
}

input.small, input.smallred
{
	width: 86px;
	margin: 0px 0 4px 0px;
	padding: 1px 2px 1px 2px;
}
input.small2, input.smallred2
{
	width: 84px;
	margin: 0px 0 4px 8px;
}

input.special1
{
	width: 325px;
	margin: 4px 0 4px 8px;
}

select.small, select.smallred
{
	width: 86px;
	margin: 0px 0 2px 8px;
}

select.mini, select.minired
{
	width: 50px;
	margin: 0px 0 2px 8px;
}

label.largelbl, label.largelblred
{
	width: 186px;
}

label.largelbl2
{
	width: 196px;
}

input.largelbl, select.largelbl, input.largelblred, select.largelblred
{
	width: 383px;
}

.mediumtxtarea1
{
	height: 60px;
	margin: 4px 0 0px 0px;
	width: 267px;
	border: 1px solid #0055aa;
}

.mediumtxtarea2
{
	height: 115px;
	margin: 4px 0 0px 0px;
	width: 267px;
	border: 1px solid #0055aa;
	vertical-align:baseline;
}

.largetxtarea1
{
	height: 56px;
	margin: 4px 0 0px 0px;
	width: 458px;
	border: 1px solid #0055aa;
}

label.special1, label.special1red
{
	width: 186px;
}
input.mediumshort
{
	border: 1px solid #0055aa;
	margin: 0;
	padding: 2px;
	display: inline;
	width: 150px;
}

/* form elements styles ends						################################### */
.smalltxt, .smalltxt2
{
	font-size: 0.85em;
	line-height: 114%;
	margin: 0 0 0 0;
}

td.smalltxt2
{
	padding: 4px 2px 0 4px;
}

td.smalltxt
{
	/*vertical-align:middle; */
	padding: 4px 0px 0 4px;
}

a:hover, a:active, #menurght a:hover, #menurght a:active, #leftnav a:hover, #leftnav a:active, .redlow a:hover, .redlow a:active, .lightbluelow a:hover, .lightbluelow a:active
{
	font-style: normal;
	text-decoration: underline;
	color: #990000;
}

span.special1
{
	width: 430px;
}

/* this is used for the top lightblue bar if there is one more lightblue bar below */
table.doublehead
{
	margin: 0 0 0 0;
}



/* blue side of the main content table starts here ########################### */
table.content td
{
	padding: 6px 4px 6px 8px;
	border-left: 1px solid #ccddee;
	border-right: 1px solid #ccddee;
	border-bottom: 1px solid #ccddee;
}

table.content td.nobl
{
	border-left: 0px solid #ccddee;
}

table.grid
{
	border-left: 1px solid #ccddee;
}

table.grid td
{
	padding: 0 4px 0 8px;
	border-right: 1px solid #ccddee;
	border-bottom: 1px solid #ccddee;
}

table.grid td.date
{
	padding: 0 2px 0 2px;
	text-align: center;
}

table.grid td.frmtd1
{
	border-right: 0px solid #ffffff;
}

table.grid td.frmtd2
{
	border-right: 0px solid #ffffff;
	padding: 4px 4px 0 0;
	vertical-align: top;
	text-align: center;
	border-bottom: 0px;
}

table.grid td.frmtd3
{
	border-right: 0px solid #ffffff;
	padding: 0 4px 2px 0;
	vertical-align: bottom;
	text-align: center;
}

table.month td
{
	text-align: right;
	color: #0055aa;
}

table.month td.mnthnme
{
	border-right: 0px;
	text-align: left;
	font-weight: bold;
}

table.month td.wkend
{
	font-weight: bold;
}

table.month td.rght
{
	text-align: left;
}

table.people td
{
	text-align: left;
	border: 0px;
	margin: 0 0 0 0;
	padding: 0 5px 8px 0;
	color: #0055aa;
}

table.people td.norpadd
{
	padding: 0 0 0 0;
}

table.people td a
{
	color: #0055aa;
	text-decoration: underline;
	font-weight: bold;
}

table.people td a:hover
{
	color: #000066;
}

table.people img
{
	margin: 0 0 2px 0;
	clear: both;
}

table.month td.star
{
	text-align: left;
	border-right: 0px solid #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

table.month td.star a
{
	color: #0055aa;
	text-decoration: none;
	font-size: 160%;
	line-height: 80%;
	vertical-align: middle;
}


/* border-top-1,  this is used only in the top cells of the blue side of the content table to give it a border */
td.bt1
{
	border-top: 1px solid #ccddee;
}

td.br1
{
	border-right: 1px solid #ccddee;
}
td.bb1
{
	border-bottom: 1px solid #ccddee;
}

td.bl1
{
	border-left: 1px solid #ccddee;
	padding: 0 0 0 4px;
}



/* background colour of current day in planner, etc. used as a 'hightlight' */
td.current1
{
	background-color: #ddeeff;
}

/* blue side of the main content table ends here  ########################### */

/* this is the 8px wide space between the blue side of the table and the organge side of the table.*/
table.content td.spacertd, table.contentplain td.spacertd, table.grid td.spacertd, table.content td.advert, table.contentplain td.advert, table.content td.menudrop, table.contentplain td.menudrop
{
	border: 0px solid #ffffff; /*this is a mac bug fix*/
	padding: 0px;
	margin: 0px;
}

.smlImg
{
	float: left;
	padding-right: 8px;
}

/* orange side of the main content table starts here  ########################### */

table.content td.rght, table.contentplain td.rght, table.grid td.rght
{
	background-color: #ffeecc;
	color: #ff7722;
	width: 141px;
	border-bottom-color: #ffffff;
	border-left: 1px solid #ffeecc;
	border-right-color: #ffffff;
	padding: 0 4px 0 4px;
}

table.content td.rght2
{
	color: #ff7722;
	width: 141px;
	border-bottom-color: #ffffff;
	border-left: 1px solid #ffffff;
	border-right-color: #ffffff;
	padding: 8px 4px 0 4px;
}

/* border-top-2,  this is used only in the top cell of the orange side of the content table to give it a border 
same colour as backgournd that will make it align with the blue side of the table */
td.bt2
{
	border-top: 1px solid #ffeecc;
}

/* border-bottom-2,  this is used only in the bottom cell of the orange side of the content table to give it a border 
same colour as backgournd that will make it align with the blue side of the table */
table.content td.bb2, table.grid td.bb2
{
	border-bottom: 1px solid #ffeecc;
}

/* background colour of current day in planner, etc. used as a 'hightlight' */
table.content td.current2, table.grid td.current2
{
	background-color: #ffddaa;
}
/* orange side of the main content table ends here  ########################### */



/* main content div styles starts					################################### */
.content1, .content2
{
	padding: 0px 0 20px 0;
	float: left;
}

.content1
{
	top: 61px;
	width: 612px;
}
.content2
{
	top: 0px;
}
/* main content div styles ends						################################### */


/* link styles starts								################################### */



#topbar a
{
	color: #6699cc;
	text-decoration: none;
	font-weight: bold;
}

#topbar a:hover
{
	text-decoration: underline;
}

#topbar a.logout
{
	font-family: Verdana;
	color: #6699cc;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0.03em;
	font-style: normal;
	text-decoration: none;
}


.header1 a, .header2 a, .header2right a
{
	color: #0055aa;
	font-style: normal;
	font-size: 10px;
	letter-spacing: 0.03em;
	text-decoration: underline;
}

 .header1right span a
{
	color: #ffffff;
	font-style: normal;
	font-size: 10px;
	letter-spacing: 0.03em;
	text-decoration: none;
}

.header1 a:hover, .header1right a:hover, .header2 a:hover, .header2right a:hover
{
	color: #000066;
}



.header3 a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-style: normal;
	font-size: 10px;
	letter-spacing: 0.03em;
	text-decoration: underline;
}



.head3 a
{
	color: #3377cc;
	text-decoration: underline;
	font-style: normal;
}

.bg3 a
{
	color: #ff9933;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

.bg3 a:hover
{
	color: #ff4400;
}

.head6 a
{
	font-family: Arial;
	color: #0055aa;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 6px;
	padding-top: 6px;
	text-decoration: underline;
	font-weight: bold;
}

/* link styles ends									################################### */


/* td styles starts									################################### */
.header1, .header1right, .header2, .header3, .header2right
{
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.header1, .header1right
{
	vertical-align: middle;
	font-family: Arial, Helvetica, Sans-serif;
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	background-color: #5588cc;
	height: 18px;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
}
.header1right
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
}

.header1
{
	padding: 0 0 0 4px;
}

.header2, .header2right
{
	font-family: Verdana;
	color: #0055aa;
	background-color: #aaccee;
	font-weight: normal;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.03em;
	vertical-align: middle;
}
.header2right
{
	padding: 0 0 0 0;
	text-align: right;
}

.header2
{
	padding: 0 0 0 4px;
}


.header1 img, .header1right img, .header2 img, .header2right img, .header4 img, .header4right img
{
	padding: 0;
	margin: 0;
	border-top: 0px solid green;
	border-right: 0px solid green;
	border-bottom: 0px solid green;
	border-left: 2px solid #ffffff;
}

.header2 img.sort, .header2right img.sort, .header4 img.sort, .header4right img.sort
{
	padding: 0;
	margin: 0;
	border: 0;
}

.header3
{
	padding: 0 4px 0 4px;
	font-family: Verdana;
	color: #ffffff;
	background-color: #5588cc;
	font-weight: normal;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.03em;
	vertical-align: middle;
}


.header3 img
{
	padding: 0;
	margin: 0;
	border-top: 0px solid green;
	border-right: 2px solid #ccddee;
	border-bottom: 0px solid green;
	border-left: 0px solid green;
}

.header4, .header4right
{
	padding: 0 0 0 4px;
	color: #0055aa;
	background-color: #aaccee;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	border-top: 1px solid #ffffff;
	font-size: 14px;
	line-height: 16px;
	height: 18px;
	font-weight: bold;
}

.header4 select, .header4right select
{
	width: 100%;
	height: 20px;
	border: 1px solid #aaccee;
	outline: 0px solid #aaccee;
	margin: 0 0 0 -4px;
	padding: 0;
	display: block;
	font-weight: bold;
	background: #aaccee;
	font-family: Arial, Helvetica, Sans-serif;
	color: #0055aa;
	font-size: 12px;
	line-height: 14px;
}


.rghth1
{
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0 4px 0 4px;
	vertical-align: top;
	text-align: left;
	color: #ffffff;
	background-color: #ffcc99;
	width: 142px;
	border-left: 0px solid #ffffff;
	vertical-align: middle;
}

.rghth3
{
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0 4px 0 4px;
	vertical-align: top;
	text-align: left;
	color: #ffffff;
	background-color: #ffaa55;
	width: 142px;
	border-left: 0px solid #ffffff;
	vertical-align: middle;
}

.rghttop
{
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0 0 0 4px;
	margin: 0 0 0 0;
	text-align: right;
	color: #ffffff;
	background-color: #ff7722;
	vertical-align: middle;
}




.menurght
{
	border: 1px solid #ffddbb;
	padding: 0 4px 0 4px;
	margin-bottom: 8px;
	vertical-align: top;
	text-align: left;
	background-color: #ffeedd;
	color: #ff9933;
	width: 140px;
	vertical-align: middle;
}

table.grid td.plsmns
{
	padding: 0 0 0 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 1px;
	border-right: 0px solid #ffffff;
}


.head6
{
	font-family: Arial;
	color: #3377cc;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 6px;
	padding-top: 6px;
}

.head6_b
{
	font-family: Arial;
	color: #3377cc;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

/* td styles ends									################################### */


/* border styles starts								################################### */


/* border styles ends								################################### */


/* text styles starts								################################### */
.txt_i
{
	font-style: italic;
}

.head1
{
	font-family: Arial, Helvetica, Sans-serif;
	color: #3366cc;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.06em;
}

.head2
{
	font-family: Arial, Helvetica, Sans-serif;
	color: #ffffff;
}

.head3
{
	font-family: Verdana;
	color: #3377cc;
	font-size: 10px;
	letter-spacing: 0.03em;
}

.head3r
{
	font-family: Verdana;
	color: #ff0000;
}

.head4
{
	font-weight: bold;
	color: #3377cc;
}

.head5
{
	font-weight: bold;
}
/* text styles ends									################################### */


/* form elements styles starts						################################### */

input.box
{
	width: 20px;
}

input.rating
{
	margin: 0;
	width: 10px;
	margin-right: 2px;
	vertical-align: middle;
}
/*## kb added styles ##*/
.box
{
	width: 20px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
input.boxnopadd
{
	padding: 0px;
	margin: 0px;
}

/*## end kb added styles ##*/

textarea
{
	height: 150px;
}

textarea.comment
{
	height: 50px;
	margin: 0px 0 0px 0px;
	width: 560px;
}

textarea.comment2
{
	height: 40px;
	margin: 0px 0 0px 0px;
	width: 380px;
}

.box400
{
	width:400px;
}

select.frm_sel
{
	width: 449px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: block;
}


select.frm_sel_day
{
	width: 45px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: inline;
}

select.frm_sel_month
{
	width: 75px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: inline;
}

select.frm_sel_year
{
	width: 55px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: inline;
}


select.frm_sel_s
{
	width: 108px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 0px 6px 0px 0px;
	padding: 0;
	display: inline;
}


select.frm_sel_m
{
	width: 170px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 2px 0 2px 0;
	padding: 0;
	display: inline;
}

.frm_sel_log
{
	width: 104px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: inline;
	color: #999999;
}



.frm_file
{
	width: 482px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0;
	display: block;
}

.frm_inp_s
{
	width: 150px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
}

.frm_inp_m
{
	width: 170px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
}
/*
kb added for short drop downs
*/
.frm_inp_ss
{
	width: 100px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
}
/* -- end kb added */

.frm_inp
{
	/* width:482px; */
	width: 449px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0 0 0 2px;
	display: block;
}

.frm_butt
{
	/* width:41px; */
	height: 18px;
	padding: 2px 0 7px 6px;
	margin: 4px 0 7px 0px;
	color: #3377cc;
	background-color: #bbccff;
	border: 0px solid #333333;
	color: #0055aa;
	clear: both;
	text-align: left;
}
/*
kb added for button on time control
*/
.frm_butt_time
{
	width: 20px;
	height: 18px;
	margin: 4px 0 4px 2px;
	color: #3377cc;
	background-color: #bbccff;
	border: 0px solid #333333;
	color: #0055aa;
	clear: both;
	text-align: left;
}
/* -- end kb added */
.srch
{
	width: 100%;
	border: 0px solid #333333;
	outline: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	color: #ff9933;
	padding-left: 3px;
	vertical-align: middle;
}
/* form elements styles ends						################################### */




/* login page styles starts							################################### */

.leftlogoinput
{
	width: 120px;
	height: 16px;
	border: 1px solid #999999;
	outline: 0px;
	font-family: arial;
	font-size: 11px;
	line-height: 16px;
	color: #003300;
	margin: 2px 0 0 0;
}


#topbar
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 180px;
	border: 0px solid black;
	text-align: right;
	font-size: 11px;
	line-height: 14px;
	color: #6699cc;
	font-family: arial;
}




#topbarlogin
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 100%;
	border: 0px solid black;
	color: #790000;
	text-align: left;
	vertical-align: bottom;
	font-size: 11px;
	line-height: 14px;
	color: #999999;
	font-family: arial;
}

#loginform
{
	display: none;
}

.leftlogo
{
	width: 182px;
	border: 0px solid red;
	list-style: none;
	float: left;
	vertical-align: bottom;
	margin: 0;
	padding: 0 0 20px 0px;
	text-align: right;
}

/* login page styles ends							################################### */

a:hover, a:active, #menurght a:hover, #menurght a:active, #leftnav a:hover, #leftnav a:active
{
	font-style: normal;
	text-decoration: underline;
	color: #cc0000;
}

/*## Certainty added styles ##*/
textarea.print
{
	height: 56px;
	width: 320px;
	margin: 0px;
}
textarea.address
{
	height: 56px;
	width: 180px;
	margin: 0px;
}
textarea.embedurl
{
	height: 40px;
	width: 260px;
	margin: 0px;
}
div.print
{
	position: absolute;
	top: 75px;
	left: 8px;
	padding: 8px 0 20px 0;
	z-index: 0;
}

img.icon
{
	padding: 1px 1px 1px 1px;
	text-align: center;
}

.scrolling
{
	width: 620px;
	height: 400px;
	overflow:auto;
}

.btext
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
}


.frm_inp_p
{
	width: 400px;
	border: 1px solid #88aacc;
	outline: 1px;
	margin: 0 4px 0 0;
	padding: 0;
	display: inline;
}




/*## styles from the resource upload controls ##*/
div.swfUpload
{
	width: 466px;
	margin: 10px 0px 10px 0px;
	border-color: #D9E4FF;
}

.progressContainer
{
	width: 466px;
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.colError /* Error */
{
	border: solid 1px #B50000;
	background-color: #F7F7F7;
}
.colProgress /* Uploading in progress */
{
	border: #0055aa 1px solid;
	background-color: #adceef;
}
.colComplete /* Complete */
{
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
}
.progressName
{
	font-size: 8pt;
	font-weight: bold; /*color: #555555;	*/
	width: 340px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress, .progressBarComplete, .progressBarError
{
	font-size: 0px;
	width: 0%;
	height: 2px;
	margin-top: 2px;
}
.progressBarInProgress, .progressBarComplete
{
	background-color: #ff7722;
}
.progressBarError
{
	background-color: red;
}
.progressBarComplete
{
	width: 100%;
	visibility: hidden;
}
.progressBarError
{
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus
{
	margin-top: 2px;
	width: 340px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel, a.progressCancel:link, a.progressCancel:active, a.progressCancel:visited, a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../../images/uploadcancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover
{
	background-position: 0px 0px;
}
/*## styles from the resource upload controls ##*/


/* link and button styles starts								################################### */
a:link, a:visited
{
	font-style: normal;
	text-decoration: underline;
	color: #0055aa;
}



table.contentplain td
{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


table.searchdetails td
{
	text-align: left;
	border: 0px;
	margin: 0 0 0 0; /*padding: 0 5px 8px 0;*/
	padding: 0 0 0 0;
	color: #0055aa;
}


#ResourcesList
{
	width: 600px;
	height: 420px; /* overflow: auto;*/
}


.collapsepanelheadercollapsed
{
	border: #0055aa 1px solid; 
	background-color: #eeeeee;
	/*background-color: #cceeff;*/
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.collapsepanelheadercollapsedright
{
	border-bottom:#dfdfdf 1px solid;
	border-top:#dfdfdf 1px solid;
	border-right:#dfdfdf 1px solid;
	background-color: #eeeeee;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	text-align: right;
}
.collapsepanelheaderexpanded
{
	border: #dfdfdf 1px solid;
	font-weight: bold;
	background-color: #eeeeee;
	/*background-color: #cceeff;*/
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
.collapsepanelcontent
{
	border: #dfdfdf 1px solid; 
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 5px;
}


.header4right
{
	padding: 0 0 0 0;
	text-align: right;
}

.rghttoplink
{
	border-top: 1px solid #ffffff;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0 0 0 4px;
	margin: 0 0 0 0;
	text-align: left;
	color: #ffffff;
	background-color: #ff7722;
	vertical-align: middle;
}
.frm_inp2
{
	width: 449px;
	border: 1px solid #88aacc;
	outline: 1px;
	padding: 0 0 0 2px;
	display: block;
	height: 75px;
}

.rghttoplink a
{
	text-align: left;
	color: #ffffff;
}
.copyright
{
    clear: both;
	color: #999999;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.number
{
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.25em;
	line-height: 110%;
	padding: 2px 2px 2px 0px;
}
#notes a
{
	text-decoration: underline;
	font-weight: bold;
	color: #77aaee;
	font-style: normal;
}

.largeheader
{
	font-weight: bold;
	margin: 0 0 2em 0;
}

.rght a, td.menurght a
{
	text-decoration: underline;
	font-weight: normal;
	color: #ff7722;
	font-style: normal;
}

.rght a:hover, td.menurght a:hover
{
	color: #dd5511;
}

.rghth1 a
{
	text-decoration: underline;
	font-weight: normal;
	color: #dd6600;
	font-style: normal;
}

.rghth1 a:hover
{
	color: #003300;
}
/* start kb added for editable dropdown box 

label.editCbo, span.editCbo
{
	display: inline;
	float: none;
	padding: 1px 0 0 0;
}*/
label.editCbo
{
	width: 90px;
}

/*
span.editCbo, input.editCbo
{
	border: 1px solid #0055aa;
	margin: 52px;
	padding: 0;
	display: inline;
}
*/
/*
span.editCbo, select.editCbo
{
	border: 1px solid #0055aa;
	padding: 0;
	display: inline;
	vertical-align:baseline;
	margin-bottom:0px;
}

span.editCbo, input.editCbo
*/
span.editCbo
{
	border: 1px solid #999999;
	display:inline-block;
	width: 130px;
	
}

select.editCbo
{
	width: 130px;
	margin: 40px 0 0 218px;
	display:table-header-group;
}

.greybckgrd
{
	background-color: #dfdfdf;
}
.ltgreybckgrd
{
	background-color: #f3f3f3;
}
.lightblue .top2
{
	background-color: #cceeff;
	color: #0055aa;
}
/* end kb added for editable dropdown box */

.PopUpVisible
{
	display: block;
	left: 40%;
	top: 20%;
	position: absolute;
	background-color: #ffffff;
	padding: 1px;
	z-index: 0;
	border: outset 1px #dfdfdf;
}
.PopUpImage
{
	left:2%;
	top:2%;
}


.PopUpHidden
{
	/*display: none; 	height: 0; 	width: 0;  line 1px red;*/
	border: solid 1px red;
	position: absolute;
	left: -2000px;
}

.msgBox
{
	left: 40%;
	top: 20%;
	position: absolute;
	background-color: #ffffff;
	padding: 1px;
	z-index: 0;
	border: outset 1px #dfdfdf;
}

.GreyBoxedText
{
	color: #003300;
	border-right: gainsboro 1px solid;
	padding-right: 2px;
	border-top: gainsboro 1px solid;
	padding-left: 0px;
	background-image: url(../../images/system/loginboxbackground.png);
	padding-bottom: 2px;
	margin: 0px 0px 3px;
	border-left: gainsboro 1px solid;
	padding-top: 2px;
	border-bottom: gainsboro 1px solid;
	background-repeat: repeat-y;
	text-align: center;
}
/* PROFILE BAR LINKS */
#profile
{
	font-size: 1.35em;
	line-height: 114%;
	color:White;
	padding:5px 0px 5px 0px;
}
#profile a
{
    border-top:0px solid green;
    border-right:0px solid green;
    border-bottom:0px solid green;
    border-left:2px solid #ffffff;
    padding:3px 4px 3px 4px;
    margin:0;
    background-color:#0055aa;
    text-decoration:none;
    color:White;
}
#profile a:hover
{
	background-color:#5599dd;
}
#profile a:active
{
	color:Red;
}
#profile p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #0055aa;
	margin: 0 0 8px 0;
	padding: 0 4px 0 4px;
}
.tabContent
{
	border-left:solid 1px #9c9c9c;
	border-right:solid 1px #9c9c9c;
	border-bottom:solid 1px #9c9c9c;
	margin-top:-4px;
}

.button
{
	font-size: 1.20em;
	text-align:center;
	/* line-height: 110%; */
	padding:6px 2px 6px 2px;
	color:#333333;
    background-color:#cccccc;
    text-decoration:none;
    border-right:solid 2px #999999;
	border-bottom:solid 2px #333333;
	border-left:solid 1px #dedede;
	border-top:solid 1px #dedede;
}
.button a
{
	color:#000066;
    text-decoration:none;
}
.searcharea
{
	padding:10px 4px 2px 0px;
	text-align:center;
}
.searchButton
{
	text-align:center;
	color:Navy;
	width:60px;
	vertical-align:baseline;
	margin-bottom:0px;
}
.programmeButton
{
	text-align:center;
	/*color:white;*/
	vertical-align:baseline;
	margin-bottom:0px;
	font-size:larger;
	/*background-color:#6699ff;
	padding: 4px 4px 4px 4px;*/
}
.programmeButtonblue
{
	color:blue;
	font-size:larger;
	background-color:#cceeff;
	vertical-align:baseline;
	margin-bottom:0px;
	/*padding: 4px 4px 4px 4px;*/
}


.lightgreybg
{
	background-color: #eeeeee;
}

.vdotted
{
	border-left: dotted 1px #cccccc;
}

.hdotted
{
	border-top: dotted 1px #cccccc;
}

a.info_msg
{
position: relative;
z-index: 24;
text-decoration:none;
text-align:left;
}

a.info_msg:hover{	
z-index: 25000;
background-color: #eeeeee
}

a.info_msg span{
display: none;
}

a.info_msg:hover span{
z-index: 25001;
display: block;
position: absolute;
top: 0px;
left: -280px;
width: 300px;
border: 1px solid #cccccc;
background-color: #f9f9f9;
vertical-align: middle;
color: #333333;
text-align: justify;
margin-top: 5px;
padding: 5px;
text-decoration:none;
}

.profile_left {
margin-top: 8px;
width: 200px;
border: 1px solid #efefef; /* border colour and style for floating boxes */
clear: both;
font-size: 11px; /* Font size inside the box */
color: #666666; /* Overal text colour */
font-family: Arial, Helvetica, sans-serif;
}

.profile_left img {
border: 0px #FFFFFF solid;
}

.profile_left .links {
padding: 5px;
}

.profile_left a.icons {
border-bottom: 1px #FFFFFF solid; /* bottom border colour for personal buttons */
padding: 2px;
margin-bottom: 5px;
display: block;
background-color: #FFFFFF; /* background colour for buttons */
clear: both;
text-decoration: none;
color: #666666; /* text colour for buttons */
}

.profile_left a.icons:hover {
border-bottom: 1px #CCCCCC solid; /* bottom border colour for personal buttons when mouse over*/
color: #666666; /* text colour for buttons when mouse over*/
background-color: #FFFFFF; /* background colour for buttons when mouse over*/
}

.profile_left a {
color: #FF0000; /* normal links inside the boxes colour */
text-decoration: underline; /* normal links inside the boxes decoration */
}

.profile_left a:hover {
text-decoration: none; /* normal links inside the boxes colour when mouse over */
color: #FF0000; /* normal links inside the boxes decoration when mouse over */
}

.profile_left .title {
background: #FF0000; /* titles background colour */
padding: 5px;
font-size: 14px; /* font size for title */
font-weight: bold; /* font weight  */
color: #FFFFFF; /* font colour */
}

.profile_left .ads {
padding: 5px 5px 5px 5px;
text-align: center;
color: #333333; /* default font colour for ads */
}

.reset
{	
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: 0;
	line-height: 1;
	color: black;
	background: white;
	list-style: none;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	font-weight: normal;
	content: "";
	quotes: "" "";	
}


.blackborderbox
{
	border: #0055aa 1px solid;
	margin: 10px 0 2px 0;
	padding: 5px 5px 5px 5px;
}

div .blackborderbox
{
	clear:both;
	height:100%;
}


blockquote.activity {
border : 1px dashed #ccc;
width: 250px;
padding: 5px 0 5px 20px;
margin: 10px;
background-color: #f7f7f7;
display:block;
}


blockquote.quoted {
  background: #f7f7f7 url(../../images/quote.gif) left top no-repeat;
}
blockquote.quoted div {
  padding: 0;
  background: #f7f7f7 url(../../images/unquote.gif) right bottom no-repeat;
}

div.activity {
border : 1px dashed #ccc;
padding: 0 2px;
margin: 10px;
background-color: #f7f7f7;
display:block;
}


.title1
{
	font-size: 1.6em; 
	font-weight:normal; 
	font-family: Verdana,Arial, Helvetica, sans-serif;
	line-height:120%;
}
.title2
{
	font-size:1.3em;
	font-weight:normal;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color:#363636;
	line-height:120%;
}
.title3
{
	font-size:1.1em;
	font-weight:normal;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	line-height:120%;
}
.timeDisplay 
{
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial, Tahoma, Helvetica; 
	BACKGROUND-COLOR: #ffffff; 
	COLOR: #0000FF; 
	PADDING:2px 
}
ul.normal
{
	list-style-type:disc;
	list-style-position:inside;
	COLOR: #000000;
}

.watermark
{
	color: #d3d3d3;
	font-style: italic;
	background-color: #f5f5f5;
}
.highlight {
border : 1px dashed #999;
background-color: #f7f7f7;
margin: 8px 0px 8px 0px;
display:block;
}