
body{
font-family: verdana,arial,helvitica;
background-color: #ffffff;
background-image:   url(../../../images/back_r1_c1.gif);
}


a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

.backgroundColor {
	/*background: #000066;	*/
}

.clipBackgroundColor {
	background: #000099;	
}

.topLeftCorner {
background-color: #ffffff;
background-image:   url(images/default/bluetlcorner.gif);
}

.sectionHeaderBackground{
background-color: #000099;
background-image:   url(images/default/menuBG.gif);
}


.topRightCorner {
background-color: #ffffff;
background-image:   url(images/default/bluetrcorner.gif);
}

.roleEdgeLeft {
background-color: #cccccc;
background-image:   url(images/default/roleEdgeLeft.gif);
}

.logoBot {
/*background-color: #cccccc;
background-image:   url(images/default/logo1bot.gif);*/
}

.lowerLogo {
/*background-color: #000066; */
}

.tabOn {
background-image:   url('../../../images/default/Onback.gif');
background-color: #eeeeee;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;
}

.tabOff {
background-image:   url('../../../images/default/Offback.gif');
background-color: #eeeeee;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;
padding-top:4px;
}

.tabLibraryOn {
background-color: #ffffff;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;

}

.libraryBoxOff {
BACKGROUND-COLOR: #fe850c; 
BORDER-BOTTOM: #fe850c 1px solid;
BORDER-LEFT: #fe850c 1px solid;
BORDER-RIGHT: #fe850c 1px solid; 
BORDER-TOP: #fe850c 1px solid; 
COLOR: #000000; 
FONT-FAMILY: Verdana;
FONT-SIZE: 10px;
}

.libraryBoxOn {
BACKGROUND-COLOR: #ffffff; 
BORDER-BOTTOM: #cccccc 1px solid;
BORDER-LEFT: #cccccc 1px solid;
BORDER-RIGHT: #cccccc 1px solid; 
BORDER-TOP: #cccccc 1px solid; 
COLOR: #000000; 
FONT-FAMILY: Verdana;
FONT-SIZE: 10px;
font-weight: bold;
}

.libraryBox= {
BACKGROUND-COLOR: #b5bee2; 
BORDER-BOTTOM: #006699 2px solid;
BORDER-LEFT: #006699 2px solid;
BORDER-RIGHT: #006699 2px solid; 
BORDER-TOP: #006699 2px solid; 
COLOR: #000000; 
FONT-FAMILY: Verdana;
FONT-SIZE: 10px;
}

.tabOn a{
	font-family:Verdana,Arial;
	Font-weight:bold;
	font-size:13px;
	text-align:center;
	width:100;
	display:block;
	color:#000066;
}

.endTabOff {
background-color: #fe850c;
background-image:   url(images/default/endOrange.gif);
}

.startTabOff {
background-color: #fe850c;
background-image:   url(images/default/startOrange.gif);
}


.tabLibraryOff {
background-color: #fe850c;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;
}

.tabLibraryOff a {
background-color: #fe850c;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;
}

.tabOff a {
font-family:Verdana,Arial;
Font-weight:bold;
font-size:12px;
text-align:center;
width:100;
	display:block;
	color:#000000;
}

.headerDate {
font-family:Verdana,Arial;
Font-weight:bold;
font-size:9px;
text-align:right;
color:#cccccc;
}

.menuSelectedTop
{
background-image:   url(../../../images/default/selectedTop.gif);
}

.menuTop
{
background-image:   url(../../../images/default/menuTop.gif);
}

.menuSelectedBot
{
background-image:   url(../../../images/default/selectedBot.gif);
}

.menuBot
{
background-image:   url(../../../images/default/menuBot.gif);
}

.rightMenuBackground
{
background-color: #cce5ff;
}
.rightMenuBot
{
background-color: #cce5ff;
}
.rightMenu {
background-color: #cce5ff;
font-family:Verdana,Arial;
/*Font-weight:bold;*/
font-size:10px;
padding:2px;
height:24;
vertical-align: middle;
}
.rightMenuTopImage
{
background-image:   url(images/default/subMenuTop.gif);
}
.rightMenuBotImage
{
background-image:   url(images/default/subMenuBot.gif);
}
.rightMenuSelectedBot
{
background-image:   url(images/default/rightSelectedBot.gif);
}
.rightMenuSelectedTop
{
background-image:   url(images/default/rightSelectedTop.gif);
}
.rightMenuSelected {
background-color: #ffffff;
font-family:Verdana,Arial;
/*Font-weight:bold;*/
font-size:10px;
padding:2px;
height:24;
vertical-align: middle;
}

.menuSelected {
background-color: #ffffff;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:11px;
padding:2px;
padding-top:1px;
height:24;
vertical-align: middle;
}

.menuItem {
background-color: #fda245;
font-family:Verdana,Arial;
Font-weight:bold;
font-size:11px;
padding:2px;
border-bottom:1px solid #cccccc;
height:24;
vertical-align: middle;
}

.menuBackground {
background-color: #fda245;
}

.menuSelected a{
	background-color: #ffffff;
	font-family:Verdana,Arial;
	Font-weight:bold;
	font-size:11px;
	width:140;
	height:20;
	color:#000000;
	display:block;
	line-height: 20px;
	vertical-align: middle;
}

.menuItem a{
	background-color: #fda245;
	font-family:Verdana, Arial;
	Font-weight:bold;
	font-size:11px;
	width:140;
	height:20;
	color:#000000;
	display:block;
	line-height: 20px;
	vertical-align: middle;
}


@media Print    
{
.hideonprint {
	DISPLAY: none
}
}

.printButton {
background-color: #ccccff;
background-image: url("/userapp/app/images/clipPrint.gif");
}

.homeDiaryEdge {
	background: #EEEEEE;	
	padding: 1px;	
	border: 1px dotted #000077;
}

.homeDiaryTitle {
	background-color: #4d7fe9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	}
	
.profileBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066; 
	background:#EEEEEE;	
	padding: 4px;	
	border: 1px solid #000077;
}

.homeDiaryText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0033CC;
	}

.homeDiarySeperator {
	background-color: #4d7fe9;
	}

.homeDiaryLink {
	color: #0033CC;
	}

.boxTableHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000077;
	border: 1px solid #000077;
	padding: 3px;
}

.boxTableHead2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	background-color: #4d7fe9;
	border: 1px solid #4d7fe9;
	padding: 3px;
}

.boxTableBody2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	background-color: #eeeeee;
	border: 1px solid #4d7fe9;
	padding: 3px;
}

.boxTableBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #eeeeee;
	border: 1px solid #000077;
	padding: 3px;
}
.diaryButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
background:#0000cc;	
padding: 2px;	
border: 1px solid #cccccc;
font-weight: bold;
}

.calendarButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
background:#dddddd;	
padding: 1px;	
border: 1px solid #cccccc;
font-weight: bold;
}

.greyBoxHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #777777;
	border: 1px solid #777777;
	padding: 3px;
}
.greyBoxBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #eeeeee;
	border: 1px solid #777777;
	padding: 3px;
}


