/*  MAIN SITE CLASSES  */

body {
  font-size: 80%;
  margin: 0;
  padding: 0;
}

div.copyright {
  padding: 0;
  margin: 10px auto 10px auto;
  font-weight: bold;
  clear: both;
  width: 100%;
  text-align: center;
  height: 1%;
}

.floatright {
  float: right;  
  margin: 0 0 10px 15px;
}

.floatleft {
  float: left;  
  margin: 0 10px 10px 0;
}

div.main {
  width: 754px; 
  margin: 5px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

div.photo {
  float: left;
  margin: 0px 0 5px 0
}

div.photo-stack {
  float: none;
  margin: 0px 0 10px 0
}

div.special {
  padding: 10px;
}


table.main {  
  width: 754px;
  padding: 0;
  margin: 0;
}

td.left {
  padding: 30px 0 0 0;
  width: 124px;
}

td.right {
  padding: 0 10px 0 10px;
  width: 630px;
}


/*  ANONYMOUS CLASSES  */

.alert {
  font-weight: 700;
}

.center { 
  text-align: center;
  width: 100%;
  margin: 0px auto 10px auto;
  display: block;
}

.clear {
  clear: both;
  visibility: hidden;
  height: 1px;
}

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

.clearfix {
  display: inline-table;
}

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

.justify {
  text-align: justify;
}

.hidden {
  display: none;
}

.photo img, .photo-stack img {
  display: block;
}

/* INDIVIDUAL CLASSES */

a.image, a.image:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  border: 0px;
}

a.large, a.large:link, a.links, a.large:visited {
  font-weight: 700;
  font-size: 125%;
  margin: 0 0 5px 0;
 }

a.small, a.small:link, b.small {
  font-weight: 400;
  font-size: 90%;
}

fieldset {
  border: 1px solid #dddddd;
  padding: 10px;
}

form {}

h1,h2,h3,h4 {
  font-weight: 700;
}

h1 {
  font-size: 180%;
  margin: 0;
  text-align: center;
}

h2, h3, h4 {
  font-size: 120%;
  clear: left;
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

input.submit {
  padding: 2px;
  font-size: 1.2em;
  font-weight: 700;
  margin: 0px 0px 20px 20px;
}

.formbutton{
  cursor:pointer;
  border:outset 1px #ccc;
  font-weight:bold;
  padding: 1px 2px 1px 2px;
  margin: 10px 0 0 0;
}

label {
  font-weight: 700;  
}

legend, legend a, legend strong a
{
  padding: 1px 10px;
  font-weight: bold;
  margin: 10px 0px 10px 0px;
  width: 350px;
  /*
  word-wrap: break-word;
  */
  display: block;
}

ul,li {
  margin: 0;
  padding: 0;  
}

li {
  list-style-type: none;
  margin: 0 0 5px 0;
}

p ul li, li.normal {
  list-style-type: disc;
  margin: 0 0 0 10px;
}

ol li {
 list-style-type: decimal;
 padding: 0px 4px 0px 0px;
}

p {
  margin: 0 0 10px 0;
}


.caption {
  font-size: 90%;
  text-align: center;
  margin: 0 auto 0 auto;
  clear: both;
}

span.xar-error {
  display: block;
  clear: left;
}

table {
  clear: left;
}

table, th, tr, td {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

/*  XARAYA ANONYMOUS CLASSES  */

.xar-align-center {
  text-align: center;
  padding: 5px;
}

.xar-align-left {
  padding: 5px;
}

.xar-block-body {
  padding: 0;
  margin: 0 0 20px 0;
  width: 120px;
}

* html .xar-block-body {height: 1%;}

.xar-block-body-reverse {
  padding: 10px 10px 15px 10px;
  margin: 0 0 25px 0;
}

.xar-block-head {
  margin: 0;
  padding: 0;
  clear: both;
}

.xar-block-title-special {
  padding: 5px 5px 5px 15px;
  font-weight: bold;
  margin: 15px 0 0 0;
}

.xar-block-title {
  padding: 5px 5px 5px 15px;
  font-weight: bold;
  margin: 15px 0 0 0;
}

.xar-block-title-reverse {
  margin: 0 0 0 0;
  padding: 15px;
  font-weight: bold;
  background-image: url(../images/curver.png);
  background-repeat: no-repeat;
}

.xar-clearboth {
  clear: both;
}

.xar-error, .error {
  font-weight: 700;
  font-size: 120%;
  line-height: 120%;
}

.xar-form-container-after {
  clear: both;
  margin: 10px 0 0 0;
}

.xar-form-input-wrapper, .param {
  clear: left;
  margin: 0px 0px 15px 0px;
  padding: 5px 5px 5px 5px;
  width: 100%;
}

.xar-form-input-wrapper-after {
  margin: 0px 0px 15px 0px ;
  padding: 5px 5px 5px 5px;  
  clear: both;
}

.xar-form-label {
  float: left;
  width: 125px;
  text-align: right;
  margin: 0 5px 10px 0;
}

.xar-form-textarealarge {
    height: 35ex;
    width: 90%;
}

.xar-fullwidth {
  margin: 10px;
  width: 90%;
  border: none;
  /*
  word-wrap: break-word;
  */
}


.xar-mod-body {
  margin: 10px 0 0 0;
}

.xar-mod-head {
  margin: 20px auto 0 auto;
  text-align: center;
}

.xar-mod-title {
  font-size: 150%;
  font-weight: 700;
  text-align: center;
  display: block;
  clear: both;
}

.xar-norm-outline {
  text-align: left;
}

.xar-norm-outline h1, .xar-norm-outline ul  {
  text-align: left;
}

.xar-norm  {
  padding: 0 0 15px 0;
  margin: 0 0 10px 0;
  clear: both;
  border-bottom: 1px dotted #cccccc;
}

.xar-xarpages-status-ACTIVE {
  margin: 0 0 25px 0;
  display: block;
}

.xar-sub {
  font-size: 80%;
  margin: 0px 0px 5px 0px;
}

.xar-tabs {
  width: 550px;
  margin: 0px 0px 15px 0px; 
}

#article-columns {
  margin: 10px 0 0 0;
}
/*  XARAYA INDIVIDUAL CLASSES */

table.xar-accent {
    width: 550px; 
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
	margin: 0px auto 10px auto;
}

table.xar-accent tr td, table.xar-accent tr th {
    border-style: solid;
    border-width: 1px;
    padding: 3px; 
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

/* start nav */

ul.xar-menu-section, ul.xar-menu-item {
  margin: 0;
}

.xar-menu-section li {
  position: relative;
}

li.xar-menu-item ul {
  position: absolute;
  left: 122px; 
  top: 0;
  display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html .xar-block-body ul { float: left; height: 1%; margin-bottom: 0; }
* html .xar-block-body ul li { float: left; height: 1%; margin-bottom: 0; }

/* Sub Menu Styles */
li.xar-menu-item:hover ul, li.over ul {
  display: block;
}

.xar-menu-subitem a {
}

.xar-menu-item ul, .xar-menu-item li {
  margin: 0;
  padding: 0;
}

/* main Xaraya block menus */

.xar-menu-item a, .xar-menu-item-current a, .xar-menu-subitem a   {
   text-decoration: none;
   padding: 3px;
   display: block;
   margin: 0 0 3px 5px;
   font-weight: 700;
   font-size: 90%;
   width: 110px;
}

#user_nav .xar-menu-item a {
}

.xar-menu-item-current a {
}

.xar-menu-subitem a {
   margin: 0 0 0 0;
   width: 100px;
}

.xar-menu-item ul .xar-menu-subitem a {
   margin: -2px 0 0 0;
}

.xar-menu-item-current ul .xar-menu-subitem a {
   margin: 0 0 2px 15px;
}

/*  start verticlemenu */

div#hmenu {
  width: 100%; 
  padding: 0;
  margin: 0;
  position: relative;
}

/*
* html div#hmenu { z-index:9998;}
*/


#hmenuroot, #hmenuroot ul {
    list-style: none;
    float: left;
	margin: 0;
}

#hmenuroot li {
    /* all list items */
    position: relative;
    display: block;
    float: left;
}

#hmenuroot li ul {
    /* second-level lists */
    position: absolute;
    left: -999em;
    margin: 0;
    z-index: 9999;
}



#hmenuroot li a {
    display: block;
}

#hmenuroot li:hover ul, 
#hmenuroot li li:hover ul, 
#hmenuroot li li li:hover ul, 
#hmenuroot li.over ul, 
#hmenuroot li li.over ul, 
#hmenuroot li li li.over ul {
    /* lists nested under hovered list items */
    left: auto;
    z-index:10000;
}

#hmenuroot li ul  {
height: 100%;
background-color: #ffffff;
}

/*
  Fix for IE6
*/

* html #hmenuroot li ul li {
  margin-top: -5px;
}