/* empty */
/* empty */

/* avoid titlecontent growing too large */

.atb-titlecontent {
    height:10px;
}

/* unlicensed */

div.unlicensed {
    text-align:center;
    background-color:#FFF3F3;
    border:9px solid #DD3333;
    margin:50px;
    padding:20px 50px 50px 50px;
}
div.unlicensed h1, div.unlicensed h1 a {
    font-size:xx-large;
    font-weight:bold;
    color:#BB0000;
}
div.unlicensed p, div.unlicensed a {
    color:#990000;
    font-size:medium;
    font-weight:normal;
}


/* search input */
.search-query-text-input {
    height:20px;
    width:70%;
    float:left;
    margin-right:3px !important;
}

.search-filters-panel {
    margin-top:3px;
}

/* mail css */
.mailLabel {
    color: #666666; font-weight: bold;
}

.mailthread {
}

.unparented {
    list-style: none;
    margin: 0;
    padding: 0;
}

.parented {
    list-style-image: url("/images/icons/link_out_bot.gif");
}

.mailthread ul {
    list-style-image: url("/images/icons/link_out_bot.gif");
}

.selectedMail {
  background-color: #ffffcc;
  padding: 2px;
  border: 1px solid #ddd;
}

.excerpt {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* blog-list macro */
.bloglist.default .permalink {
    float:right;
    font-size:x-small;
}
.bloglist.default .title {
    font-size:x-large;
}
.bloglist.default .date {
    font-size:x-large;
}
.bloglist.default .postedby, .bloglist.default .postedbydate {
    font-size:x-small;
}



/* extracted-default theme.css */
.tabnav .tabs a {
    padding: 0px 3px 0px 3px;
    margin: 0px 3px 0 0;
    border-bottom: none;
    text-decoration: none;
    display: block;
    float: left;
}


/* list page navigational tabs */
.tabnav, .comment .tabnav {
    padding: 0;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    display: inline;
    list-style-position: outside;
    width: 100%;
    font-weight: normal;
    font-size: 9pt;
}


/* comments in IE in 2.8 */
.comment, .comment-body, .comment-header { height:auto; }

/* support recently-updated display */
.recentlyUpdatedItem {
	border-bottom: #f0f0f0 1px solid;
	border-top: #f0f0f0 1px solid;
	margin: 10px 0 0 0;
	padding: 0px;
	border-spacing: 0px;
	width: 100%;
    text-decoration: none;
    border-collapse: collapse;
}

.recentlyUpdatedItem td {
    padding: 10px;
    border-bottom: #f0f0f0 1px solid;
    vertical-align: top;
}

.recentlyUpdatedItem .authorAndDate {
	background-color: #f0f0f0;
	width: 25%;
}

.recentlyUpdatedItem .date {
    margin-top: 4px;
    font-size: 90%;
    color: #666;
}

.recentlyUpdatedItem .profilePic {
    float: right;
    background-color: #f0f0f0;
    margin: 0 2px;
}

.recentlyUpdatedItem .twixie {
    padding: 10px 0 0 4px;
}

.recentlyUpdatedItem .icon {
    padding: 8px 0 0 1px;
}

.recentlyUpdatedItem .details {
    padding-left: 7px;
}

.recentlyUpdatedItem .summary, .recentlyUpdatedItem .thumbnail {
    margin-top: 3px;
    color: #666666;
}

.moreRecentlyUpdatedItems {
    text-align: right;
    margin-top: 10px;
    font-size: 10pt;
}

/* ensure titlecontent cell is correctly aligned */
.atb-titlecontent {vertical-align:top;}

/* support for page versions */
.hidden {
    display: none;
}

/* menus in opera */
.menubar {
    position: static;
}

/* pagetree2 */
.pagetree2 .cell1, .pagetree2 .cell2, .pagetree2 .cell3, .pagetree2 .cell4, .pagetree2 .cell5 {
    white-space:nowrap;
}

/* access keys */
#atb-accessKeys { margin: 0; padding: 0; }
#atb-accessKeys dt { margin: 0; padding: 0; position: absolute; top: -9999px; left: 0; }
#atb-accessKeys dd { margin: 0; padding: 0; }
#atb-accessKeys dd a { position: absolute; top: -9999px; left: 0; }
#atb-accessKeys dd a:focus, #accessKeys dd a:active { background-color: #3556a2 !important; color: #fff !important; top: 0; font-size: 1.2em; padding: .5em; }

/* make headings less ugly */
.atb-page h1, .atb-page h2, .atb-page h3, .atb-page h4, .atb-page h5, .atb-page h6 {
 background-color: transparent;
 border-style: none;
 padding: 0px;
}
.atb-title h1 {
 font-size: 18px;
 line-height: 1.0em;
 margin-top: 0px;
}

/* make breadcrumbs less rancid */
.breadcrumbs {
 background-color: transparent;
 border: 1px none transparent;
}
ol.breadcrumbs {
    padding:0px;
    margin:0px;
}
ol.breadcrumbs li.breadcrumb {
    float:left;
    list-style-type:none;
    padding-right:3px;
}

ol.ellipsis li.breadcrumbsExpansion, ol.expanded li.breadcrumbsEllipsis { display:none; }
ol.expanded li.breadcrumbsExpansion, ol.ellipsis li.breadcrumbsEllipsis { display:block; }

/* labels in menus */
div.dynarch-horiz-menu .label, div.dynarch-popup-menu .label {
 font-weight: normal;
}

/* allow panel css to set design of menus in .atb-menu */
.atb-menu div.dynarch-horiz-menu {
 background-color: transparent;
 background-image: none;
 border-style: none;
}

/* remove margins from forms */
.marginlessForm {
 margin: 0px;
}

/* don't force search box to be 100% width */
.confluence-searchbox {
 width: auto;
 white-space: nowrap;
}

/* remove padding from PageContent */
.PageContent, .pagecontent {
 padding: 0px;
}

/* ui table (e.g. attachments list) */
.tableview th, .tabletitle, .pageSectionHeader {
 border-bottom-width: 1px;
}
.tableview th, div.tabletitle {
 font-weight: bold;
}
.mode-view-attachments .tableview td {
 border-top: 1px solid #fff;
 vertical-align: middle;
}
.tableview td {
 border-bottom: 1px dotted #ccc;
}
.tableview tr:hover td {
 border-bottom: 1px solid #000;
}
.rowAlternate {
 background-color: #f7f7f7;
}

/* activity screens */
.context-space-activity .pagebody {
 padding: 0px;
}

/* no image borders */
a img {
 border-style: none;
}

/* hide accessibility features by default */
.accessibility {
 display: none;
}

/* left slider */
.atb-leftslider {
 cursor: w-resize !important;
}

/* right slider */
.atb-rightslider {
 cursor: e-resize !important;
}

/* allow special effects on tables, etc. */
.layout {
 direction:ltr;
}

/* inhibit selection where possible */
.noselect {
 -moz-user-select: none;
 cursor: default;
}

/* line spacing */
body, p, li, ul {
 line-height:1.6em;
}

/* citation */
cite:before { content: "\""; }
cite:after { content: "\""; }
cite, cite:before, cite:after {
 font-family: Georgia, "Times New Roman", serif;
 font-style: italic;
}

/* insertions and deletions */
ins {
 background-color: #DBFFDB;
}
del {
 background-color: #FFE5E5;
}

/* make italics more readable */
i, em {
 letter-spacing: 1px;
}

/* tables */
.confluenceTable {
 border: 1px solid #B2B2B2;
 border-collapse: collapse;
}
.confluenceTable th.confluenceTh {
 background-color: #F5F5F5;
 border: 1px dotted #B2B2B2;
 font-weight: bold;
 font-size: small;
 padding: 3px 4px 3px 4px;
}
.confluenceTable .confluenceTd {
 border: 1px dotted #B2B2B2;
 padding: 3px 4px 3px 4px;
}

/* ExtJS unselectable panels */
.x-unselectable { cursor: default; }

/* skip navigation */
@media screen, print, handheld, projection, tv {
 .non-visual {display: none; visibility: hidden;}
}

/* sliders */
.atb-slider .atb-slider-img {
 width: 9px;
 height: 20px;
}
.atb-leftslider .atb-leftslider-img {
 background-position: top right;
}
.atb-rightslider .atb-rightslider-img {
 background-position: top left;
}

.quicklinks {
 overflow: auto;
}
.quicklinks div {
 clear: none;
 float: left;
 margin-bottom: 4px;
 width: 49%;
}

/* Stop menu items wrapping */
div.dynarch-horiz-menu table tr td {
 white-space: nowrap;
}

/* Provide support for menu spacers */
div.dynarch-horiz-menu table tr td.spacer {
 width: 100%;
}
div.dynarch-horiz-menu table tr td.spacer div {
 display:none;
}

/* poweredBy */
.poweredBy, .poweredBy a {
 color:#909090;
 font-size:small;
}

/* fixes comments squashing */
?#comments-section .comment {
    height: auto;
}

/* empty */

/* DEFAULTS */

{
    padding:                   0 0 0 0;
    font-family:               "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:                  small;
    text-align:                 left;
    vertical-align:            top;
}


TD
{
   vertical-align: top;
}


/*************************************************
 *
 * This is a fix for IE7 issue. Without it certain elements may
 * appear beyond what IE7 considers the end of the page 
 * length (https://tracker.adaptavist.com/browse/BSUP-1697)
 *
 *************************************************/
#comments-section .comment {
    height: auto;
}


ol.comment-threads {
  padding-right: 0;
}


/* ----------- new note box -------------- */
DIV.note
{
  position: relative;

  background-color: rgb(245, 227, 158);

  border-style: solid;
  border-width: 3px;
  border-color: rgb(252, 214, 71);

  box-shadow:              4px 4px 10px rgba(107, 92, 79, 0.5);  
  -moz-box-shadow:     4px 4px 10px rgba(107, 92, 79, 0.5);   
  -webkit-box-shadow:  4px 4px 10px rgba(107, 92, 79, 0.5);  

  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;

  padding: 20px 20px 20px 40px;
  margin: 40px 20px 20px 20px;

}


DIV.note IMG.noteimage
{
  position: absolute;
  top: -20px;
  left: -20px;

  border: none;
}

/* ---------------- Info Box Styling ------------------- */

DIV.info
{
  position: relative;

  background-color: rgba(120, 179, 224, 0.5);

  border-style: solid;
  border-width: 3px;
  border-color: rgba(0, 48, 92, 0.5);

  box-shadow:              4px 4px 10px rgba(107, 92, 79, 0.5);  
  -moz-box-shadow:     4px 4px 10px rgba(107, 92, 79, 0.5);   
  -webkit-box-shadow:  4px 4px 10px rgba(107, 92, 79, 0.5);  

  border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px;

  padding: 20px 40px 20px 20px;
  margin: 40px 20px 40px 20px;

}

DIV.info IMG.infoimage
{
  position: absolute;
  top: -20px;
  right: -20px;

  border: none;
}

DIV.info UL
{
  padding: 0px 0px 0px 20px;
}


/****************************************************
 *
 * ThemeBuilder Layout
 *
 ****************************************************/

BODY, .atb-body
{
    background-color:     white;
    margin:                    0 0 0 0;
    padding:                   0 0 0 0;
    font-family:               "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:                  small;
    min-width: 940px;
}

.atb-navigationdiv
{
    margin:       5px 20px 5px 20px;
}

.atb-leftSidebar
{
    min-width:    20px;
    max-width:  50px;
    /*width:          50px;*/
}

.atb-titlecontent, .atb-content, .atb-contentdiv
{
   min-width:   670px;
   max-width:  auto;
}


.atb-rightSidebar
{
   min-width:  270px;
   width:        270px;
   margin:      0 0 0 0;
   padding:     0 0 0 0;
}

.atb-footer
{
   text-align: center;
}


.wiki-content,
.wiki-content P,
.wiki-content OL, 
.wiki-content UL, 
.wiki-content LI
{
    font-family:               "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:                  small;
}


/****************************************************
 *
 * Generic header styles. These are shared properties across all
 * the headers.
 *
 * The wiki-content class override seems to be necessary with 
 * Confluence and/or ThemeBuilder to override wiki-content.css
 *
 ****************************************************/

H1, 
H2, 
H3, 
H4, 
H5, 
H6,
.wiki-content H1,
.wiki-content H2, 
.wiki-content H3, 
.wiki-content H4, 
.wiki-content H5, 
.wiki-content H6,
.openremote-title,
.openremote-title P
{
    font-family:     "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight:    normal;
    color:             #245E36;               /* Pantone 7483 (dark green) */ 
}

/*********************************************************
 * 
 * HEADER 1
 *
 *********************************************************/
H1, 
.wiki-content H1,
.atb-title H1
{
	font-size:            x-large;
	text-transform:   uppercase;
        text-decoration:  underline;
	margin:              1em 0em 0.5em 0em;
        padding:             0 0 0 0;
}


/* Override for page title */

.atb-title H1
{
        margin:              1em 0em 1em 0em;
}


/*********************************************************
 *
 * HEADER 2 
 *
 *********************************************************/
H2, 
.wiki-content H2
{
        margin:             0 0 0 0;
        padding:            1em 0px 0px 0px;
        font-size:           x-large;
	text-transform:   uppercase;
}

H3, 
.wiki-content H3
{
    font-size:               large;
    text-transform:      uppercase;
}

H4, 
.wiki-content H4
{
    font-size:               medium;
    font-weight:           bold;
    text-transform:      uppercase;
}

H5, 
.wiki-content H5
{
    font-size:               medium;
    text-transform:      uppercase;
}

H6, 
.wiki-content H6
{
    font-size:              small;
    background-color: white;
    text-decoration:    none;
    text-transform:     uppercase;
}


/**************************************************************
 *
 * Front page class overrides
 *
 * Some specific style layout control for front page only...
 *
 **************************************************************/

/*
.openremote-title,
.openremote-title P
{
	font-size:            xx-large;
	text-transform:   uppercase;
        text-align:          center;
}

.openremote-title P
{

        color:                #245E36;               
        margin:            -1.5em 125px 0.5em 125px;  
        padding:           0 0 0 0;

}

.openremote-mission P
{
    font-family:     "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align:       justify; 
    font-size:        small;
    font-weight:    normal;

    margin:          2em 20px 0em 20px;
    padding:         0 0 0 0;

    min-width:      670px;
    max-width:     670px;
    width:             670px;
}
*/

DIV.frontpage-separator
{
    border-width:     0 0 5px 0;
    border-color:     #245E36;                /* Pantone 7483 (dark green) */
    border-style:     solid;

    padding:           0 0 0 0;
    margin:             -20px 0 0.35em 0;
    width:               670px;
}


DIV.blog-separator
{
    border-width:     0 0 5px 0;
    border-color:     #9C301A;                /* Pantone 484 (earth red) */
    border-style:     solid;

    padding:           0 0 0 0;
    margin:             -10px 0 0.35em 0;
    width:               330px;
    max-width:        330px;
}

DIV.forum-separator
{
    border-width:     0 0 5px 0;
    border-color:     #5C5278;                /* Pantone 5275 (violet) */
    border-style:     solid;

    padding:           0 0 0 0;
    margin:             -10px 0 0.35em 0;
    width:               330px;
    max-width:       330px;
}


DIV.links-separator
{
    border-width:     0 0 5px 0;
    border-color:     #4FA800;                /* (green) */
    border-style:     solid;

    padding:           0 0 0 0;
    margin:             -10px 0 0.35em 0;
    width:               270px;
    max-width:        270px;
}


/******************************************************************
 *
 * Styles for the top navigation bar
 *
 ******************************************************************/
TABLE.openremote-topmenu, TR.openremote-topmenu, TD.openremote-topmenu
{
    width:                    100%;
    padding:                 0 0 0 0; 
    margin:                  0 0 0 0; 
    border-width:          0 0 0 0; 
    border-style:           none;
    font-family:             "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    background-color:   #245E36;
    color:                     #FCD647;            /* Pantone 122 (yellow) */
    text-align:               left;
}


/* Top most navigation links */

.openremote-topmenu A,
.openremote-topmenu A:link,
.openremote-topmenu A:visited,
.openremote-topmenu TD,
A.usernav-link,
A.usernav-link:link,
A.usernav-link:visited,
TABLE.openremote-topmenu P
{
    color:                    #FCD647;            /* Pantone 122 (yellow) */
    text-decoration:     none;
    margin:                 0 1em 0 1em;
    padding:                0 0 0 0;
    font-family:           "Trebuchet MS",  Verdana, Arial, Helvetica, sans-serif; 
    font-size:               small;
}

.openremote-topmenu TD
{
  padding:                  2px 2px 2px 2px;
}


TABLE.openremote-logoarea
{
    width:              100%;
    padding:          2px 2px 2px 2px; 
    margin:           0 0 0 0; 
    border-width:   0px; 
    border-style:    none;
    font-family:     "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


/*******************************************************************
 *
 *  Add some margin space around the global logo image...
 * 
 *******************************************************************/

IMG.global-logo
{
    margin:    10px 20px 10px 20px;
}


/*************************************************
 * 
 * Change breadcrumbs colors.
 *
 *************************************************/
.breadcrumbs, 
.breadcrumbs A
{
    color:     #245E36;      /* dark green */
}



/****************************************************
 *
 * Link colors
 * 
 ****************************************************/

A,
A:link,
A:visited,
.wiki-content A,
.wiki-content A:link,
.wiki-content A:visited
{
    color:                    #245E36;                /* Pantone 7483 (dark green) */
    text-decoration:     none;
}

.wiki-content A,
.wiki-content A:link,
.wiki-content A:visited
{
    font-weight:           bold;
}


A.createlink,
A.createlink:link
{
    color:              red;
    font-weight:     normal;
}



/**********************************************************************
 * 
 *  Generic Bloglist look
 *
 **********************************************************************/


.bloglist .post .postedby
{
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight:           normal;
    font-size:               small;
}

.bloglist .permalink
{
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight:           normal;
    font-size:               xx-small;    
}

.bloglist .post .title A,
.bloglist .post .title A:link,
.bloglist .post .title A:visited
{
    color:                    #245E36;              
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:               medium;
    font-weight:           normal;
    text-transform:      uppercase;
}

.bloglist .post .title
{
    margin:                 1em 0 0.5em 0;
}


/**************************************************************
 *
 * Original Atlassian blog-post CSS
 *
 **************************************************************/

.blogpost A.blogHeading
{
    color:                    #245E36;              
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:               medium;
    font-weight:           normal;
    text-transform:      uppercase;

}



/**************************************************************
 *
 * Frontpage blog and forum look
 * 
 **************************************************************/

.frontpage-tinylinks
{
    font-size: 9px;
    text-align: left; 
}

.frontpage-tinylinks A,
.frontpage-tinylinks A:link,
.frontpage-tinylinks A:visited
{
    font-weight: normal;
}

TD.frontpage-blogs, TD.frontpage-forums
{
    width: 335px;
    max-width: 335px;
}

UL.frontpage-blogs
{
    list-style-image: url(http://www.openremote.org/download/attachments/294914/marker-red-8px.png);
}

UL.frontpage-forums
{
    list-style-image: url(http://www.openremote.org/download/attachments/294914/marker-violet-8px.png);
}

.frontpage-blogs LI, .frontpage-forums LI
{
    padding: 0.4em;
}


/*
.frontpage-blogs .bloglist .title
{    
    margin:                 0.3em 0 0 0;
    padding:                0 0 0 0;
}

.frontpage-blogs .post .title A,
.frontpage-blogs .post .title A:link,
.frontpage-blogs .post .title A:visited,
.frontpage-forums .forum A,
.frontpage-forums .forum A:link,
.frontpage-forums .forum A:visited
{
    color:                    #245E36;               
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:               small;
    font-weight:           normal;
    text-transform:      none;
    text-decoration:     none;
}


.frontpage-blogs .bloglist .permalink
{
    display: none;
}

.frontpage-forums .forum .topic .info,
.frontpage-forums .forum .topic .info A,
.frontpage-forums .forum .topic .info A:link,
.frontpage-forums .forum .topic .info A:visited,
.frontpage-blogs .bloglist .post .postedby
{
    font-family:           "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-weight:           normal;
    font-size:               small;
    overflow:               visible;
    margin:                 0;
    padding:                0;
}


.frontpage-forums TABLE.forum DIV.excerpt
{
    display: none;
}
*/

/**********************************************************************
 *
 * Side panel look
 *
 **********************************************************************/

/*
TABLE.openremote-panel
{
    width:             270px;
    margin:          0px 0px 2em 0px;
    padding:         0px;
    border-style:   none;
    border-width:  0px;
}

TD.openremote-chatpanel-content
{
    background-color: #FFFFFF;
    height:                  420px;
    width:                   250px;
    border-style:   solid;
    border-width:  0px;
    border-color:   #DED6CC;
}
*/

.chat
{   
   border-style:   solid;
   border-width:  0 0 5px 0;
   border-color:   #245E36;

   max-width: 270px; 
   width: 270px; 

   max-height: 366px;
   height: 366px;

   text-align: right;
}


.chat-area
{
   border-style:   solid;
   border-width:  1px;
   border-color:   #DED6CC;

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.chat A,
.chat A:link,
.chat A:visited
{
   margin:  0 0 0 0;
   padding: 0 0 0 0;
   font-size: 8px;
   
   border-style:   none;
   border-width:  0px;
   border-color:   #DED6CC;
}



/*

TD.openremote-panel-content, TD.openremote-panel-left-sideborder, TD.openremote-panel-right-sideborder, TD.openremote-panel-sideborder
{
    margin:          0 0 0 0;
    padding:         0px;
    border-style:   none;
    border-width:  0px;
}

TD.openremote-panel-left-sideborder
{
   border-style: solid;
   border-width: 0 0 0 2px;
   border-color: white;
}

TD.openremote-panel-right-sideborder
{
   border-style: solid;
   border-width: 0 2px 0 0;
   border-color: white;
}


TD.openremote-panel-topborder
{
    border-width:  2px;
    border-style:   solid;
    margin:          0px;
    padding:         0px;
    border-color:  #245E36;                
    height:           10px;
    min-height:     10px;
    max-height:    10px;
    font-size:        1px;
}


TD.openremote-panel-left-sideborder, TD.openremote-panel-right-sideborder 
{
    width:                   10px;
    background-color: #245E36;        
    font-size:              0px;
}

TD.openremote-panel-content
{
    background-color: #FFFFFF;  
    height:                  220px;
    width:                   250px;
}

*/


/**********************************************************************
 *
 * Styling overrides for side panel...
 *
 **********************************************************************/
.atb-rightSidebar H2
{
        padding:           0px 0px 0px 0px;
        margin:            0 0 0 0;
        font-size:          x-large;
	text-transform:  uppercase;
}


/**********************************************************************
 *
 * Powered by and vendor labels
 *
 **********************************************************************/
.poweredby,
.poweredby A,
.poweredby A:link
{
   font-size:  8px;
}

.license-free
{
  display: none;
}


/**********************************************************************
 *
 * Display OpenRemote license....
 *
 **********************************************************************/
.openremote-license
{
   color: #441E1C;                    /* Pantone 4975 (wine) */
   margin: 2.5em 0 0 0;
   padding: 0 0 0 0;
   border: 0px none white;

   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: medium;
}

.openremote-bottommenu
{
  font-size: x-small;
  color:               #245E36;                    /* Pantone 7483  (dark green) */
  border: 0px none white;
  margin: 2em 0 1em 0;
  padding: 0 0 0 0;
}


/**********************************************************************
 *
 * Wiki macro formatting
 *
 **********************************************************************/

/* code and noformat blocks */

div.code, 
div.preformatted 
{
  overflow: auto;
}

div.codeContent, 
div.preformattedContent 
{
  background-color: #E6DBD1;

  font-family: monospace;
  font-size:    12px;
}


div.code, 
div.preformatted 
{
  border-style:     solid;
  border-color:    #ADA194;
}

 
/*************************************************
 *
 * Default CSS for the frame macro when no other styling
 * is specified.
 *
 *************************************************/
.openremote-default-frame
{
    background-color:       rgba(255, 255, 255, 0);      /*  white with 100% transparency */
    border-width:              1px;
    border-color:               rgba(0, 0, 0, 0.2);

    border-radius:              10px; 
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;

    box-shadow:                0px 0px 10px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow:       0px 0px 10px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow:    0px 0px 10px rgba(0, 0, 0, 0.2);

}


/*************************************************
 *
 * New menubar links
 *
 *************************************************/
.menu-link A,
.menu-link A:link,
.menu-link A:visited
{
   font-weight:   normal;
}


/*************************************************
 *
 * Properties for the main image frame on the front page.
 *
 ************************************************/
.frontpage-mainframe
{
    background-color: #DBDBDB;
    background-image: url('/download/attachments/7405861/Gradient_350x60.png');
}


/*************************************************
 *
 * Shared properties for the frontpage link frames
 *
 ************************************************/
.frontpage-frame
{
    border-width:  2px;
    height:           100%;
    width:            100%;
    padding:         0px 0px 5px 0px;
    max-width:     240px;
}


/*************************************************
 *
 * CSS for the news section in the front page.
 *
 *************************************************/
.news A:link,
.news A:visited,
.news A
{
    font-weight:    normal;
    font-family:    "Arial", sans-serif;
    font-size:       11px;
    color:             rgb(92, 82, 120);
}

/* for the frame */
.frontpage-news-frame
{
    border-color:  rgb(92, 82, 120);

    box-shadow:                0px 0px 15px rgba(92, 82, 120, 0.2), inset 0px 0px 15px rgba(92, 82, 120, 0.2); 
    -moz-box-shadow:       0px 0px 15px rgba(92, 82, 120, 0.2), inset 0px 0px 15px rgba(92, 82, 120, 0.2);
    -webkit-box-shadow:    0px 0px 15px rgba(92, 82, 120, 0.2), inset 0px 0px 15px rgba(92, 82, 120, 0.2);
}


/*************************************************
 *
 * CSS for the quick links section in the front page.
 *
 *************************************************/
.quicklink A:link,
.quicklink A:visited,
.quicklink A
{
    font-weight:    normal;
    font-family:    "Arial", sans-serif;
    font-size:       11px;
    color:             rgb(36, 94, 54);
}

/* for the frame */
.frontpage-quicklinks-frame
{
    border-color:  rgba(36, 94, 54, 0.75);

    box-shadow:                0px 0px 15px rgba(36, 94, 54, 0.2), inset 0px 0px 15px rgba(36, 94, 54, 0.2); 
    -moz-box-shadow:       0px 0px 15px rgba(36, 94, 54, 0.2), inset 0px 0px 15px rgba(36, 94, 54, 0.2);
    -webkit-box-shadow:    0px 0px 15px rgba(36, 94, 54, 0.2), inset 0px 0px 15px rgba(36, 94, 54, 0.2);
}


/*************************************************
 *
 * CSS for the forum section in the front page.
 *
 *************************************************/
.frontpage-forum A:link,
.frontpage-forum A:visited,
.frontpage-forum A
{
    font-weight:    normal;
    font-family:    "Arial", sans-serif;
    font-size:       11px;
    color:             rgb(156, 48, 26);
}

/* for the frame */
.frontpage-forum-frame
{
    border-color:  rgb(156, 48, 26);

    box-shadow:                0px 0px 15px rgba(156, 48, 26, 0.2), inset 0px 0px 15px rgba(156, 48, 26, 0.2); 
    -moz-box-shadow:       0px 0px 15px rgba(156, 48, 26, 0.2), inset 0px 0px 15px rgba(156, 48, 26, 0.2);
    -webkit-box-shadow:    0px 0px 15px rgba(156, 48, 26, 0.2), inset 0px 0px 15px rgba(156, 48, 26, 0.2);
}




/* --------- Listing Macro ------------------ */

DIV.listing-style
{
  font-style: italic; 
  padding: 0px 0px 0px 20px; 
  letter-spacing: 1px; 
  margin: 0px 0px 0px 20px;
}



/**********************************************************************

   Bill's menu stuff....

***********************************************************************/

/* dropdowns styles */



/*sets up the basic structure of the menu*/
.menu 
{
	font-family:      "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       font-size:          small;

	width:              950px;
	height:             20px;
	position:           relative;
	z-index:           1500;
	font-weight:     bold;
	margin-right:   10px;
	margin-left:     10px;
	float:               left;
}


/* controls the main level menu items */
.menu ul li a, .menu ul li a:visited
{
	display:             block;
	text-decoration: none;
	width:               130px;
	height:               20px;
	text-align:         center;
	color:               #245E36;                    /* Pantone 7483  (dark green) */
	border:             1px solid #C2B5A8;     /* Pantone Warm Gray 4 */
	background:     #FFFFFF;
	line-height:       20px;
	overflow:          hidden;

	font-family:      "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:      bold;
       font-size:          small;
}


/*dropdown items - 1st level*/
.menu ul
{
	padding:           0 0 0 0;
	margin:            0 0 0 0;
	list-style:          none;
	border-color:    #C2B5A8;                   /* Pantone Warm Gray 4 */
}

/* makes the menu span the screen horizontally */
.menu ul li 
{
	float:left; 
	position:relative;
}

/*keeps the submenu pages from flying out all at once. */
.menu ul li ul
{
	display: none;
}

/* needed for non-IE browsers */

/*controls the main menu rollover effect*/
.menu ul li:hover a
{
	color:              #FCD647;                 /* Pantone 122 (orange yellow) */
	background:    #245E36;                  /* Pantone 7483 (dark green) */
	border:           1px solid #C2B5A8;   /* Pantone Warm Gray 4 */
}

/* this makes the dropdowns drop down */
.menu ul li:hover ul
{
	display:            block;
	position:           absolute;
	top:                  21px;
	left:                  0;
	width:               113px;
}


/*controls dropdown color*/
.menu ul li:hover ul li a
{
	display:           block; 
	background:    #DED6CC;                 /* Pantone Warm Gray 2 */
	color:              #000000;

       font-size:          small;
       font-weight:      normal;

/*
 filter:alpha(opacity=98);
 opacity: 0.98;
 -moz-opacity:0.98;
*/

}

/*controls dropdown rollover menu color*/
.menu ul li:hover ul li a:hover
{
	background:    #FCD647;                /* Pantone 122 (orange yellow) */
	color:              #245E36;                /* Pantone 7483 (dark green) */
}


/* controls the main level menu items */