body {
	background-image: url(../assets/gradient_1.jpg);
	background-repeat: repeat-x;
	background-color: #b0aea6;
}

.p7TPpanel {
	background-color: #FFFFFF;
	border: 1px solid #333333;
}
.p7TPwrapper {
	padding: 10px 10px 9px 10px;
}
.p7TPheader {
	background-image: url(img/tabs07header.jpg);
	background-repeat: repeat-x;
	padding: 6px 6px;
	border-bottom: 1px solid #666666;
	background-color: #858585;
}
.p7TPheader h2, .p7TPheader h3 {
	margin: 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #CCCCCC;
}
.p7TP_tabs {
              font-family: Arial, Verdana, Helvetica, sans-serif; 
	padding: 0;
	font-size: 0.8em;
}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a,
#p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, 
#p7TP5 .p7TP_tabs a {
	padding: 5px 8px;
	display: block;
	float: left;
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(img/tabs07_up.jpg);
	background-repeat: repeat-x;
	border: 1px solid #333333;
	border-bottom: 0;
}
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus,
#p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus,
#p7TP5 .p7TP_tabs a:focus {
	outline: 1px dotted;
	outline-color: #CCCCCC;
}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, 
#p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, 
#p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, 
#p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active,
#p7TP4 .p7TP_tabs a:active, 
#p7TP5 .p7TP_tabs a:active {
	color: #FFFFFF;
}
.p7TP_tabs div {
	display: block;
	float: left;
	margin: 0 -1px 0 0;
}
.p7TPclear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.p7TPcontent {
	padding: 10px;
	background-color: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.5em;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 0;
	color: #333333;
	border: 1px solid #333333;
               font-family: Arial, Verdana, Helvetica, sans-serif; 
}
.p7TPcontenth2, .p7TPcontent h3, 
.p7TPcontent h4 {
	font-size: 1.1em;
	color: #444444;
	margin: 0px;
	line-height: normal;
}
.p7TPcontent p {
	margin: 6px 0 12px 0;
}
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, 
#p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, 
#p7TP5 .p7TP_tabs div.down {
	padding: 0;
	position: relative;
	z-index: 2;
}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, 
#p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, 
#p7TP5 .p7TP_tabs div.down a {
	background-repeat: repeat-x;
	color: #333333 ;
	cursor: default;
}

#Treectrl {
	margin: 0 0 0px 0;
	font-size: 12px;
	color: #ffffff;
}
#Treectrl a:link {
	color: #ffffff;
}
#Treectrl a:visited {
	color: #ffffff;
}
#Treectrl a:hover {
	color: #bbb;
}

/*Sets line-height of all menuitems*/
#Treenav {
	/*/*/line-height: 1.35; /* */
}
/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#Treenav div div {
	margin: 0 0 0 16px;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#Treenav div a {
	color: #333333;
	font-size: 13px;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#Treenav div a {
 	padding: 1px 0 1px 18px;
	display: block;
	border-top: 1px solid #eee;
	border-right: 1px solid #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-decoration: none; /* */
          color: #3c2373; 
}


/*The Link style for second-level menuitems*/
#Treenav div div a {
	font-size: 12px;
	border: 0;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#Treenav div div div a {
	font-size: 12px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via ) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.Treeplusmark {
	background-repeat: no-repeat;
	background-image: url(img/p7t_plus.gif);
	background-position: 6px 5px;
}
.Treeminusmark {
	background-repeat: no-repeat;
	background-image: url(img/p7t_minus.gif);
	background-position: 6px 5px;
}
.Treedefmark {
	background-image:  none;
	padding: 1px 0 1px 20px ;
}


bo#TopNavMroot {
	font-size: 1em;
	border-top: 1px solid #f6f6f6;
	padding: 0px 0em 16px 0em;
	background-repeat: repeat-x;
	background-position: left bottom;
}
.greyfade{
	background-color: #adadad;
	background-image: url(img/kl-mbar.jpg);
	background-repeat: repeat-x;
}
#TopNavMroot img {
	border: 0;
}
#TopNavMroot ul {
	margin: 0;
	padding: 0;
}
#TopNavMroot li {
	list-style-type: none;
	display: inline;
}
#TopNavMroot li a {
	float: right     ;
}
#TopNavMroot .TopNavMtext li a {
	color: #000000;
	padding: 9px 10px 6px 10px;
	text-decoration: none;
	border-right: 1px solid #333333;
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #adadad;
}
#TopNavMroot .TopNavMtext .TopNavMdown, #TopNavMroot .TopNavMtext .TopNavMdown:hover {
	color: #333333;
	background-color: #FFFFFF;
	background-position: 0px -200px ;
	background-repeat: repeat;
}
/*
The Root Level Hover. This also locks the Hover state while 
the root item's associated sub-menu is visible.
DO NOT CHANGE SELECTOR NAMES*/
.p7ie6Fix:active, 
#TopNavMroot .TopNavMtext .TopNavMon,
#TopNavMroot .TopNavMtext li a:focus, 
#TopNavMroot .TopNavMtext li a:active {
	color: #ffffff;
	background-position: 0px -100px;
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#TopNavMsubwrap{
	font-size: .95em;
	position: relative;
	height: auto;
}
.TopNavMsub {
	position: absolute;
	visibility:hidden;
	left: 0;
	top: 0;
	width: 100%;
}
.TopNavMsubbox {
	padding: 4px 0 24px 0;
	margin: 0;
}
/*
SUBMENU BAACKGROUNDS and BORDERS HERE*/
.TopNavMsub ul {
	margin: 0;
	padding: 0;
	background-image: url(img/iebfix.gif);
	background-color: transparent;
	border: 0;
}
.TopNavMsub li {
	list-style-type: none;
	display: inline;
}
.TopNavMsub li a {
	color: #959595;
	padding: 4px 10px;
	display: block;
	float: left;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	margin: 0 .5em 0 0;
}
.TopNavMsub li a:hover,
.TopNavMsub li a:active,
.TopNavMsub li a:focus {
	color: #000000;
	border-color: #6B6B6B;
}
#TopNavM br {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}

/* current marker style */
.TopNavMsub .TopNavMmark,
.TopNavMsub .TopNavMmark:hover,
.TopNavMsub .TopNavMmark:active,
.TopNavMsub .TopNavMmark:focus {
	color: #333333;
	font-weight: bold;
	border-color: #CCCCCC ;
}


body,td,th {	font-family: Lucida Grande, Lucida Sans Unicode, Arial, sans-serif;}
.style8 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.style9 {
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.style10 {font-size: 12px}
.style11 {color: #666666}
.style12 {font-size: 12px; color: #333333; }
.style13 {color: #333333}

.menulist {
	margin: 0 0 12px 0 ;
	padding: 0;
	list-style-type: none;
	line-height: normal;
	font-size: 1em;
}
.menulist li {margin: 0 0 4px 0;}
.menulist a {
	text-decoration: none;
	display: block;
	padding: 3px 6px;
	border: 1px #ffffff solid;
	color: #404040;
	background-image: url(img/dj_linkgradient.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #ffffff;
}

.menulist a:hover {
	color: #ffffff;
	border-color: #7b7b7b;
	background-position: 0px -100px;
	text-decoration: none;
	background-color: #7b7b7b;
}
.section a {
	border-color: #fff;
	background-position: 0px -100px;
	text-decoration: none;
	background-color: #fff;
}
.selected a {
	border-color: #7b7b7b;
	background-position: 0px -100px;
	text-decoration: none;
	background-color: #7b7b7b;
}
.selected a:link {
	color: #ffffff;
}
.selected a:visited {
	color: #ffffff;
}

.p7ap_currentmark {
	font-weight: bold;
	border-color: #505050 ;
	background-position: 0px -200px ;
	cursor: default;
}

.cEM { background-color: #E93435}
.cCEM { background-color: #6F37E0}
.cLinks { background-color: #6F37E0}
.cFASSGEM { background-color: #2f922a}
.cEMTA { background-color: #0000CC}
.cShared { background-color: #3C8195}
.c { background-color: #8A60E2}

.maincontent { padding: 10px 10px; height : 600px; }
.rightcontent { padding: 10px 10px; height : 600px; background-color:#FFF; width : 200px;}

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  height: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
  width: 220px;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #336;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}
#CalendarControl .previous a, #CalendarControl .previous a:link{
  font-size: 0.7em;
  color: #0FF;
}
#CalendarControl .next a, #CalendarControl .next a:link {
  font-size: 0.7em;
  color: #FF0;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}

A:LINK {TEXT-DECORATION: none; FONT-WEIGHT : normal;  COLOR: #666666}
A:VISITED {TEXT-DECORATION: none; FONT-WEIGHT : normal;  COLOR: #666666}
A:HOVER {TEXT-DECORATION: none; FONT-WEIGHT : normal; COLOR: #999999}

TD {	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	}

h1 {
	color : #555555;
	font-size : 16px;
	line-Height : 20px;
}
h3 {
	color : #555555;
	font-size : 14px;
	margin-bottom : 2px;
}

.crumbs { FONT-SIZE: 8pt; COLOR: #999; }
.crumbs A:LINK, .crumbs A:VISITED{ FONT-SIZE: 8pt; COLOR: #999; TEXT-DECORATION: underline;}
.crumbs A:HOVER{ FONT-SIZE: 8pt; COLOR: #000;}

.cembot { COLOR: #444; }
.cembot:LINK, .cembot:VISITED{ COLOR: #444;}
.cembot:HOVER{ COLOR: #669;}

.hidden { display: none ; position: static; visibility: hidden}

.cal { FONT-SIZE: 8pt; COLOR: #999; }
.cal A:LINK, .crumbs A:VISITED{ FONT-SIZE: 8pt; COLOR: #999; TEXT-DECORATION: underline;}
.cal A:HOVER{ FONT-SIZE: 8pt; COLOR: #000;}

a.Treecurrentmark {
	background-color: #bbbbbb !important;
	color: #000000 !important;
	background-repeat: no-repeat;
	background-image:    url("img/here.gif");
	background-position: 0 50%;
}
a.Treecurrentplus {
	background-color: #bbbbbb !important;
	color: #000000 !important;
	background-repeat: no-repeat;
	background-image: url(img/p7t_plus.gif);
	background-position: 6px 5px;
}

select { font-size : 11px;}
.smallselect { font-size : 9px;}

.if { border: 1px solid #333333;}

.yell:LINK, .yell:VISITED{ COLOR: #ffa; TEXT-DECORATION: none;}
.yell:HOVER{ COLOR: #fcc;}

.quiet { color: #666666; background-color: #eeeeee; }
.bigger { FONT-WEIGHT: bold; 	FONT-SIZE: 13pt; }

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(img/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(img/bt.gif) no-repeat bottom}

.se {font-size: 15px}
.se:LINK,.se:VISITED {TEXT-DECORATION: underline; FONT-WEIGHT : normal;  COLOR: #4444aa}
.se:HOVER {TEXT-DECORATION: none; FONT-WEIGHT : normal; COLOR: #7777ff}
.ses {font-size: 11px}
.ses:LINK,.ses:VISITED {TEXT-DECORATION: underline; FONT-WEIGHT : normal;  COLOR: #6666aa}
.ses:HOVER {TEXT-DECORATION: none; FONT-WEIGHT : normal; COLOR: #7777ff}