/* Basic */
@import "verticalmenu.css";
@import "layoutblue.css";

img {
 border:none;
}
#pagetrails {
    padding:10px 0 10px 10px;
    font-style: italic;
    color: #5c93ee;
    font-size: 90%;
}
#pagetrails a {
     color: #5c93ee;

}
#pagetrails  a:hover {
    color: #FF5600;
}
/* xarpages */
div#rightside form.xar-xarpages-admin {
   margin-left: 10px;
   width: 98%;
}

/* MENUS */

.menulist ul, 
.menulist ul li 
 {
    font-family: arial, helvetica, verdana, sans-serif;
    list-style-type: none;
    margin: 0;
    display: block;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    padding: 0 5px 0 0px;
}
.menulist ul {
    list-style-position: outside; 
}

/* common rules for all anchors in the menus */
.menulist  ul li.xar-menu-item a, 
.menulist  ul li.xar-menu-item a:hover,
.menulist  ul li.xar-menu-item-current a, 
.menulist  ul li.xar-menu-item-current a:hover {
    text-decoration: none;
    display: block;
    margin-left: 7px;
    margin-right: 7px;
    border-bottom: 1px solid #EDEDF2;   
}

/* menu items anchors - normal state */
.menulist  ul li.xar-menu-item a {
    color: #5c93ee;
}

/* menu items anchors - hover state */
.menulist  ul li.xar-menu-item a:hover {
   /* Partial fix - bug 3992 
    padding: 0 6px;
    margin: 0 1px 0 1px; */
    color: #333366;
    background-color: #E4E4ED;
}

/*  visually highlight the currently active items and subitems,
    below is one example of various possible implementations */
.menulist  ul li.xar-menu-item-current {
    padding: 1px;
    margin: 0 -1px 0 -1px;
    border-color: #A9A9C0;
    border-width: 0px;
    border-style: solid;
}


/*  common rules for subitems elements */
.menulist ul li.xar-menu-subitem, 
.menulist ul li.xar-menu-subitem-current {
    display:block;
    margin: 0;
    /*border-right: 4px solid #D5D5DF;
    border-left: 4px solid #D5D5DF;*/
    text-align: left;
    padding-right: 10px;
}

/*  common rules for anchors in subitems,
    if you dont like right alignment or fixed font size - change it here */
.menulist ul li.xar-menu-subitem a, 
.menulist ul li.xar-menu-subitem-current a {
    text-align: right;
    font-size: 11px;
    line-height:15px;
    display: block;
    padding: 0 10px 0 4px;
    border-bottom: 1px solid #EDEDF2;
    background-image: none;
}

/*  subitems anchors - hover state */
.menulist ul li.xar-menu-subitem a:hover {
    color: #333366;
 }
/*  subitems anchors current - normal state */
.menulist ul.xar-menu-subitem li.xar-menu-subitem-current a {
   
    color: #ff5600 !important;
}

/*  subitems anchors current - hover state */
.menulist ul li.xar-menu-subitem-current a:hover {
    color: #FFFFFF;
    margin: 0;
    
}

/* XARAYA REQUIRED ANONYMOUS CLASSES  [gen_heading] */

/*
these defaults apply to the left and right block group 
-------------------------------------------------------------------------[comment] */

.xar-block-head,
.xar-block-head-right { 
    color: #fff; 
    
    }

.xar-block-title,
.xar-block-title-right {
    width:210px;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 0;
    color: #fff;
    background: #2e5cb6;
    margin:20px 0 10px 0;    
    /*background-image: url(../images/gradients.png);
    background-position: 0px -430px;
    background-repeat: repeat-x;*/
}

.xar-block-body,
.xar-block-body-right { 
    overflow:hidden;
    float:left;
    width:190px;
    margin-right:10px;
    margin-bottom:20px;
    padding: 10px 10px;
    background: #2e5cb6;
    color: #fff;
}

.xar-block-foot,
.xar-block-foot-right { margin-bottom: 2px; }

/*
topnav block group classes 
-------------------------------------------------------------------------[comment] */

.xar-block-head-topnav { }
.xar-block-title-topnav { }
.xar-block-body-topnav { }
.xar-block-foot-topnav { }

/*
center block group classes 
-------------------------------------------------------------------------[comment] */

.xar-block-head-center { width: 100%; }

.xar-block-title-center {
    /*  background-color: inherit; */
    font-weight: bold;
}

.xar-block-body-center { }

.xar-block-foot-center {
    width: 100%;
    margin-bottom: 4px;
    border-bottom: 1px solid #A0B8E5;
}

/*
module rendering area and related rules 
-------------------------------------------------------------------------[comment] */

.xar-mod-head, .xar-mod-body, .xar-mod-foot { 
    /*border: 1px solid #cccccc; */
    }

.xar-mod-head {
    padding: 3px 10px;
    margin: 4px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #333366;
    background-color: #ffffff;
    background-image: url(../images/gradients.png);
    background-position: 0px -250px;
    background-repeat: repeat-x;
    border-bottom: 0 none;
}

.xar-mod-title {
    font-size:150%;
    font-weight: bold;
}

.xar-mod-body {
    padding: 5px 10px;
    margin:0;
}
 
.xar-mod-foot {
    font: 110% Georgia, "Times New Roman", Times, serif;
    font-size: 90%;
    clear:both;
    width:auto;
    margin:10px 10px;
    padding: 5px 0;
    background: #000;
    color: #FFF;
    text-align:center
}

/*
complementary styling - colors, backgrounds and outlines 
-------------------------------------------------------------------------[comment] */

.xar-alt { background-color: #f8f8f8; }
.xar-accent { background-color: #efefef; }

.xar-alt-outline {
    border-color: #6699CC;
    border-width: 1px;
    border-style: solid;
}

.xar-accent-outline {
    border-color: #333366;
    border-width: 1px;
    border-style: solid;
}

.xar-norm-outline {
    border-color: #666666;
    border-width: 1px;
    border-style: solid;
}

/*
complementary text related styling
-------------------------------------------------------------------------[comment] */

.xar-norm { background-color: #FFFFFF; }
.xar-sub { font-size: 80%; }
.xar-error { color: #ff0000; }
.xar-title { 
  
    font-weight: bold;

 }
a.xar-title {
    text-decoration: none;
}

/*
icon related styling
-------------------------------------------------------------------------[comment] */

a.xar-icon {
    text-decoration: none;
}

img.xar-icon {
}
img.xar-icon-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

/*
item tables and listing controls
-------------------------------------------------------------------------[comment] */
table.xar-items {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid;
}
table.xar-items th, table.xar-items td {
    border-collapse: collapse;
    border: 1px solid #a0a0a0;
}
.xar-item-actions {
    text-align: center;
    white-space: nowrap;
}

.xar-item-controls {
    border-collapse: collapse;
    border: 1px solid #a0a0a0;
    width: 100%;
}
table.xar-item-controls th, table.xar-item-controls td {
    border-collapse: collapse;
    border: 1px solid #a0a0a0;
}

/*
form footer (for submit buttons, etc)
-------------------------------------------------------------------------[comment] */
.xar-form-footer {
    width: 100%;
    text-align: center;
    margin: 1em 0;
    border: 1px solid #a0a0a0;
    padding: 1em 0;
}

/*
not sure if we still using this rule anywhere TODO: check
-------------------------------------------------------------------------[comment] */

/* THEME SPECIFIC ANONYMOUS CLASSES  [gen_heading] */
.xar-sidebox {font-size:90%;}

div.xar-block-body-topnav li, div.xar-block-body-topnav ul {
    display: inline;
    list-style-type: none;
    padding: 0 5px;
    margin: 0;
    border: 0;
} /*
since topnav group is available by default, we should take care of it
-------------------------------------------------------------------------[comment] */

/* hide section heading [gen_heading] */
div.xar-block-body-topnav .xar-menu-section h4 { display: none; }


div.xar-block-body-topnav .xar-menu-section ul li a {
    display: inline;
    padding-right: .5em;
    padding-left: .5em;
}

/* all links should display horizontally in topnav block in this theme */
div.xar-block-body-topnav {
    margin: 2px 0;
    padding: 2px 0;
    background-color:#ffffff;
}

/* MISCELLANEOUS [gen_heading] */

abbr, acronym, .help {
    border-bottom: 1px dotted #999;
    cursor: help;
}

#contactform {
   color: #000580;
font-family:Verdana, Arial, Helvetica, sans-serif;
}