body {
    background: #E0E0E0 url(images/doc_header_bg1.jpg) repeat-x;
    margin:0px;
    padding:0px;
}

#doc4 { background-color: #FFFFFF; width: 990px; }

body,td,th,p {
    font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
}


 .ie_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #323232;
	text-decoration: none;
	border: 1px solid #5c6671;
	background-color: #bcc2c9;
	vertical-align: middle; 
/*	background-image: url(images/b_background2.gif); */
/*	background-repeat: repeat-x; */
 }
 
 
 .ie_input_radio_checkbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #323232;
	text-decoration: none;
	vertical-align: middle; 
 }

input[type=text], input[type=password], input[type=button], input[type=submit], input[type=reset], input[type=image], input[type=file] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #323232;
	text-decoration: none;
	border: 1px solid #5c6671;
	background-color: #bcc2c9;
	hover: background-color: #FF22AA;
	vertical-align: middle;
}

input[type=text]:hover, input[type=password]:hover{
	background: #E9ECEE;
}

input[type=text]:focus, input[type=password]:focus {
	background: #FFFFFF;
}


input[type=button], input[type=submit], input[type=reset] {
    background-image: url(images/b_background2.gif);
    background-repeat: repeat-x;
    font-size: 8pt;
    color: #323232;
    font-weight: bold;
    height: 17px;
    vertical-align: middle;     
}

input[type=radio], input[type=checkbox] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #323232;
	text-decoration: none;
	vertical-align: middle;
}

select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #323232;
	text-decoration: none;
	border: 1px solid #00328A;
	background-color: #E0E1EF;
	vertical-align: middle;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00328A;
	border: 1px solid #7B9EBD;
	background-color: #E0E1EF;
	margin: 0.1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	cursor: pointer;
	line-height: 28px;
	display: inline;
	text-align: center;
	background-image: url(images/b_background2.gif);
	background-repeat: repeat-x;
	vertical-align: bottom;
}

a:link {
	text-decoration: none;
	color: #00328A;
}
a:visited {
	text-decoration: none;
	color: #00328A;
}
a:hover {
	text-decoration: none;
	color: #993300;
}
a:active {
	text-decoration: none;
	color: #3533CF;
}

a img {
	border: none;
}

.header_text {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
        font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 12px;
	color: #EEEEEE;
	font-weight: bold;
}

.topmenu {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;	
	font-size: 7pt;
	color: #333;
	text-decoration: none;
}

.headerbg {
        background-image: url(images/header_02.gif);
        background-repeat: repeat-x;
}

.headerbgleft {
/*      background-image: url(images/header_01.gif); */
        background-repeat: no-repeat;
}

.headerbgright {
        background-image: url(images/header_04.gif);
        background-repeat: no-repeat;
        background-position: right;
}

.headerbg table {
	text-align: left;
}

.white_border {
	border: 1px solid #FFFFFF;
}
.sepbg {
	background: url(images/top_sep_13.gif) repeat-x;
}

.mainmenu td {
	color: #fff;
	background: url(images/mainmenu_bg.gif) repeat-x;
}

.mainmenu1 td {
	color: #fff;
	background: url(images/mainmenu_bg.gif) repeat-x;
}

.mainmenu1, .mainmenu1 a, .mainmenu1 a:visited {
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: normal;
}

.headerinfo, .headerinfo a:hover {
	font-size: 8pt;
	padding: 2px;
	color: #ffffff;
	line-height: 17px;
	text-decoration: none;
}

.headerinfo a {
	font-size: 8pt;
	padding: 2px;
	color: #ffffff;
	line-height: 17px;
	text-decoration: underline;
}

#ft {
        background-image: url(images/bg79h_02.gif);
        background-repeat: repeat-x;
        height: 79px;
        padding: 4x;
/*        font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
        font-size: 7pt;
        color: #CCCCCC;
        text-decoration: none;
        font-weight: bold;
}

#footermenu {
	font-size: 9pt;
	padding: 5px;
	color: #fff;
	line-height: 17px;
}

#footermenu a, #ft a {
	color: #fff;
}

.mainmenu, .mainmenu a, .mainmenu a:visited  {
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-size: 9pt;
	
	font-weight: normal;
	width: 120px;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
h1, p, h2
{
margin: 0.5em;
}

.back_left_title {
	background-image: url(images/back-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.greytxt {
	color: #CCCCCC;
}
.redtxt {
	color: #CC0000;
}
.tr_even {
    background-color: #EFEFFF;
}

.tr_even:hover {
    background-color: #D1DFEF;
}

.tr_odd:hover {
    background-color: #D1DFEF;
}

.tr_odd{
    background-color: #FFFFFF;
}

.tr_header {
    background-color: #BDC4CB;
    background-image: url(images/b_background2.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    height:18px;
}
.content_border {
    border: 1px solid #BDC4CB;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

h1 {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 16px;
	color: #00328A;
	text-decoration: none;
	margin: 4px;
	padding: 4px;
    font-weight: bold;
}

h2 {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	color: #00328A;
	text-decoration: none;
	margin: 0px;
	padding: 2px;
    font-weight: bold;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00328A;
	text-decoration: none;
	margin: 1px;
	padding: 2px;
    font-weight: bold;
}

#maincontent {
	width: 100%;
	background-color: #FFFFFF;
}

#maincontent td {
	/*padding: 0px;*/
	font-size: 12px;
}

#maincontent p {
	font-size: 15.07px;
}

#maincontent h2 {
	font-size: 24px;
	color: #000000;
}

.messages b {
	width: 100%;
	display: block;
	cursor: hand;
}

.noborder {
	border: none;
}

.login {
	width: 130px;
}

.header {
	border: 1px solid #fff;
	width: 100%;
	height: 97px;
	background-repeat: no-repeat;
}
.inactive {
	color: #EEEEEE;
}
#calendar_add {
    float: right;
}
#calendar_day {
    font-weight: bold;
}
#calendar_transparent {
    color: #CCCCCC;
}
#calendar_eventday {
    background: #ABB8BA;
    font-weight: bold;
    font-size: 11px;
}
#calendar {
    font-size: 11px;
}



div.box{
    background-color: #FFFFFF;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B7B7B7;
	border-right-color: #B7B7B7;
	border-bottom-color: #B7B7B7;
	border-left-color: #B7B7B7;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
    font-size: 12px;
/*   font-family: Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
}

div.box h3{
/*    font-family: Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: 12px;
    margin:0;
    background: #A3ADB7 url("images/b_box_bg.gif") top left no-repeat;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
    color: #53616F;
    text-align: left;
}

div.box_content {
	padding-left: 5px;
	padding-right: 5px;
}

div.panels {
    background-color: #FFFFFF;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B7B7B7;
	border-right-color: #B7B7B7;
	border-bottom-color: #B7B7B7;
	border-left-color: #B7B7B7;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
    font-size: 12px;
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #000000;
}

div.panels h3{
/*    font-family: Arial, Helvetica, sans-serif; */
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: 13px;
    margin:0;
    background: #A3ADB7 url("images/b_panel_bg.gif") top left repeat;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
    color: #53616F;
    text-align: left;
}

#maincontent div.panels h2 {
    font-size: 15.07px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #000000;
}
#maincontent div.panels p {
    font-size: 12px;
    font-family: Georgia, Times, "Times New Roman", serif;
}
div.panels img {
    margin-left: 1px;
}

.text_justify {
	text-align: justify;
}
.chat_info {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.chat_text {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000066;
	text-decoration: none;
}
.chat_system {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #9F5F13;
	text-decoration: none;
}
.chat_inputtext {
    width: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
.chat_sendbut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}
.chat_div {
	text-align: left;
	vertical-align: top;
	overflow: auto;
	height: 300px;
}

/* Site Navigation */

#pgTopNav {
  text-align: left;
  color: #666;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  height: 23px;
  background: #FFFFFF url("images/nav_fill.png") top left repeat-x;
  overflow: visible;
  margin-top: 10px;
  margin-bottom: 10px;
}

#pgTopNavLeft {
  width: 7px;
  height: 23px;
  border: 0px;
  padding-right: 0px;
  margin: 0px;
  float: left;
}

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

#pgTopNavRight {
  width: 7px;
  height: 23px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  float: right;
}

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

#pgTopNavList {
  list-style: none;
  margin: 0;
  padding: 0;

  height: 23px;
  padding-top: 5px;
}

#pgTopNavList li {
  padding: 0 0em 0 0.3em;
  display: inline;
  border-left: 1px solid #C8C8C8;
}

#pgTopNavList li a {
  color: #fff;
  font-weight: bold; 
  text-decoration: none;
}
#pgTopNavList li a:hover {
  color: #000066;
  font-weight: bold; 
  text-decoration: none;
}

#pgTopNavList li:first-child {
  border-left: 0;
  padding-left: 0;
}
.tab {
    padding-left: 20px;
}
.error {
    color: #990000;
    font-weight: bold; 
    font-size: 10pt;
    text-decoration: none;
}
.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.cleardiv {
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.paddiv {
    padding: 0.5em;
}
#wrapper div {
	clear: both;
	margin: 5px;
}

.treemenu_left {
	float: left; 
	margin-right: 10px;
}
.image_left {
	float: left;
	margin: 5px;
}

.image_right {
	float: right;
	margin: 5px;
}
.treeMenuCss {
/*	float: left; */
	margin: 0px;
	text-align:justify;
	border: 0x solid #8F94BF;
	width: 100%;
}

.no_space {
    margin-top: 0em;
	margin-bottom: 0em;
}

.print_body {
    /*margin: 20 20 20 20;*/
    padding: 0 0 0 0;	
    text-align:left;
	background: none;
	/*width: 600px;*/
}

.text_like_link {
	text-decoration: none;
	color: #00328A;
	cursor: pointer;
	
}

.width_100p {
    width: 100%;
}

.statemod {
 	text-align: center;
 	margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    font-size: 12px;
}

.statemod td {
	font-size: 12px;
}

div.box_cal{
    background-color: #FFFFFF;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
    font-size: 12px;
    
}
div.box_cal h3{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    margin:0;
    background: #A3ADB7 url("images/b_box_bg.gif") top left no-repeat;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-left: 10px;
    color: #53616F;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B7B7B7;
	border-right-color: #B7B7B7;
	border-bottom-color: #B7B7B7;
	border-left-color: #B7B7B7;
    text-align: left;
}

/* 22 mai 2007 */
div.figure {
  float: left;
  max-width: 300px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  align: center;
  text-align: center;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: 10px;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}

.toolsbar { background: url(images/toolsbar_bg.gif) repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #141e29;
	border-right-color: #141e29;
	border-bottom-color: #141e29;
	border-left-color: #141e29;
	vertical-align: middle;
	height: 30px;
	color: #ffffff;
	margin-bottom: 0.5em;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
    }

    
.catbar {
    background:url(images/catbarbg_bg.gif) 0 0px repeat;
    height: 24px;
}
.catbar_left {
    background:url(images/catbarbg_left.gif) 0 0px repeat;
}
.catbar_right {
    background:url(images/catbarbg_right.gif) 0 0px repeat;
}
.catlist {
    border:0px solid #000;
    margin:0;
    padding:4px;
    background: url(images/folder_expanded.gif) 5px 4px no-repeat;
}
.catlist li{
list-style:none;
display:inline;
background:url(images/catbarbg_arrow.gif) 0 3px no-repeat;
padding:0 0 0 14px;
margin:0;
line-height: 16px;
}
.catlist li.first{
background:none;
padding-left:20px;
}
.catbar_sep{
background:url(images/catbarbg_separator.gif) 0 0px no-repeat;
}
.catlist li a{
color:#000088;
}

/* autocomplete */
 #statesmod {position:relative;}

 #statesautocomplete, #statesautocomplete2 {position:relative;width:15em;margin-bottom:1em;}/* set width of widget here*/

 #statesautocomplete {z-index:9000} /* for IE z-index of absolute divs inside relative divs issue */

 #statesinput, #statesinput2 {width:30em;height:1.4em;z-index:0;}

 #statescontainer, #statescontainer2 {position:absolute;top:1.7em;left:0em ;width:100%; background: #E0E1EF;}

 #statescontainer .yui-ac-content, #statescontainer2 .yui-ac-content {position:absolute;width:29em;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}

 #statescontainer .yui-ac-shadow, #statescontainer2 .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}

 #statescontainer ul, #statescontainer2 ul {padding:5px 0;width:100%; background: #E0E1EF; margin:0;padding:0;}

 #statescontainer li, #statescontainer2 li {padding:0 5px;cursor:default;white-space:nowrap; background: #E0E1EF; margin:0;padding:0;}

 #statescontainer li.yui-ac-highlight, #statescontainer2 li.yui-ac-highlight {background:#ff0; margin:0;padding:0;}

 #statescontainer li.yui-ac-prehighlight,#statescontainer2 li.yui-ac-prehighlight {background:#FFFFCC; margin:0;padding:0;}
 
 
 /* end of autocomplete*/

div.panels h3{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin:0;
    background: #A3ADB7 url("images/b_panel_bg.gif") top left repeat;
        padding-top: 2px;
        padding-right: 1px;
        padding-bottom: 2px;
        padding-left: 10px;
    color: #53616F;
    text-align: left;
}
div.panels .imgborder{
    border-width: 1px;
    border-style: solid;
    border-color: silver;
}
div.panels .cleardiv {
    margin-bottom: 0em;
    margin-top: 0em;
}
div.panels div {
    padding-top: 4px;
}

        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #141e29;
        border-right-color: #141e29;
        border-bottom-color: #141e29;
        border-left-color: #141e29;
        vertical-align: middle;
        height: 30px;
        color: #ffffff;
        margin-bottom: 0.5em;
        padding: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
div.toolsbar div {
padding-top: 4px;
    }

.catbar {
    background:url(images/catbarbg_bg.gif) 0 0px repeat;
    height: 24px;
    margin: 4px 0 4px 0;
}
.catbar_left{
    background:url(images/catbarbg_left.gif) 0 0px no-repeat;
    width: 2px;
    height: 24px;
    float:left;
}
.catbar_right{
    background:url(images/catbarbg_right.gif) 0 0px no-repeat;
    width: 4px;
    height: 24px;
    float: right;
}
.catbar_sep{
    background:url(images/catbarbg_separator.gif) 0 0px no-repeat;
    width:100px;
    height:24px;
    float:right;
}
.catlist {
    border:0px solid #000;
    margin:0;
    padding:4px;
    background: url(images/folder_expanded.gif) 5px 4px no-repeat;
}

.catlist li{
list-style:none;
display:inline;
background:url(images/catbarbg_arrow.gif) 0 3px no-repeat;
padding:0 0 0 14px;
margin:0;
line-height: 16px;
}
.catlist li.first{
background:none;
padding-left:20px;
}
.catlist li a{
color:#000088;
}

.catbar_sec{
    background:#eeeeee;
    padding: 1px;
    border: 1px;
    border-style: solid;
    border-color: silver;
    margin-bottom: 4px;
}
.subcatlist {
    border:0px solid #000;
    margin:0;
    padding:4px;
    /*background: url(images/folder_expanded.gif) 5px 4px no-repeat;*/
}
.subcatlist li{
list-style:none;
display:inline;
background:url(images/treemenu/folder.gif) 0 -3px no-repeat;
padding:0 0 0 20px;
margin:0;
line-height: 16px;
}
.subcatlist li.first{
background:none;
padding-left:0px;
font-weight: bold;
}
.subcatlist li a{
color:#000088;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Import multiple CSSs */
@import "css\yui.css";

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

.catheader {
    background:#eeeeee;
    padding: 1px;
    border: 1px;
    border-style: solid;
    border-color: silver;
    margin-bottom: 4px;

}