/* not-rl.css */
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Sans+Mono|Droid+Serif:400,700,700italic,400italic);
html {
    font-family:  "Droid Sans", Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Geneva, "Trebuchet MS", sans-serif;
    color: #111111;
}
body {
    /* http://www.colorzilla.com/gradient-editor/#cccccc+0,ffffff+15,ffffff+85,cccccc+100;Custom */
    margin: 2%;
    background: rgb(204,204,204); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, 
            rgba(204,204,204,1) 0%, 
            rgba(255,255,255,1) 5%, 
            rgba(255,255,255,1) 95%, 
            rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, 
            color-stop(0%,rgba(204,204,204,1)), 
            color-stop(5%,rgba(255,255,255,1)), 
            color-stop(95%,rgba(255,255,255,1)), 
            color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, 
            rgba(204,204,204,1) 0%,
            rgba(255,255,255,1) 5%,
            rgba(255,255,255,1) 95%,
            rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, 
            rgba(204,204,204,1) 0%,
            rgba(255,255,255,1) 5%,
            rgba(255,255,255,1) 95%,
            rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, 
            rgba(204,204,204,1) 0%,
            rgba(255,255,255,1) 5%,
            rgba(255,255,255,1) 95%,
            rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to right, 
            rgba(204,204,204,1) 0%,4
            rgba(255,255,255,1) 5%,
            rgba(255,255,255,1) 95%,
            rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-8 */ )
}

pre, tt, code, kbd, samp, var, address, td {
    font-family:    "Droid Sans Mono", unifont, "Lucida Console", Monaco, monospace, 'Courier New', Courier, monospace;
    color: green;
}
p, dd { margin-top: 0.5em; margin-bottom: 0.5em; }
dt  { 
    font-size: 115%;
    font-weight: bold; 
}
table   {
    border-collapse:    collapse;
    margin-top:         0.5em;
    margin-bottom:      0.5em;
    margin-left:        2.5em;
    position:           relative;
}
tr  { position: relative; }
th, td  {
    padding:    8px;
    border:     1px  solid  #E0E0E0;    /* light gray */
    position:   relative;
}
th  { text-align: right; }
td  { text-align: center; }

input { height: 2em; border-radius: 5px; border-width: 1px; border-color: #DBDAE2; }
input[type='button'],
input[type='submit'],
input[type='reset'] { min-width: 100px; cursor: pointer; }
input[type='button'].control-widget,  input[type='button'].control-widget-show,  input[type='button'].control-widget-hide,
input[type='submit'].control-widget, input[type='submit'].control-widget-show, input[type='submit'].control-widget-hide,
input[type='reset'].control-widget, input[type='reset'].control-widget-show, input[type='reset'].control-widget-hide  
{ background-color: transparent; min-width: 0px; border-color: inherit; color: inherit; border-style: solid; }
input:not([type='button']):not([type='submit']):not([type='reset']) { padding: 0  0.5em; border-style: solid; background-color: rgba( 197,197,213,0.25 );  }


/* 
 * alignment
 */
    
/* the following should be phased out for the following:
 * @import url( '//inc.fabsuite.net/css/horizontally-centered.css' ) (for the whole page)
 * or the .horizontally-centered class below
 */
.page-centered { margin-left:auto; margin-right:auto; width:90%; }

/* use te following to center a block element;
 * see: https://css-tricks.com/centering-css-complete-guide/
 */
.horizontally-centered  {
    display: flex;
    justify-content: center;
}
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-top { vertical-align:top; }
.align-middle { vertical-align:middle; }
.align-bottom { vertical-align:bottom; }

/* font control classes */
.font-90    { font-size: 90%; }
.font-100   { font-size: 100%; }
.font-110   { font-size: 110%; }
.font-120   { font-size: 120%; }
.font-130   { font-size: 130%; }
.font-140   { font-size: 140%; }
.font-150   { font-size: 150%; }
.font-160   { font-size: 160%; }
.em { font-style: italic; }
.strong { font-weight: bold; }
.code, .tt, .fixed-width-font {
    font-family: "Droid Sans Mono", unifont, "Lucida Console", Monaco, monospace, 'Courier New', Courier, monospace;
}

/* rotation */
.no-rotate { transform: scale(1, 1); }
.invert { transform: scale(1, -1); }
/* when you flip via transform, it changes the text direction */
.mirror-align-left  { transform: scale(-1, 1); direction: rtl; }
.mirror-align-right { transform: scale(-1, 1); direction: ltr; }
.mirror-invert-align-left  { transform: scale(-1, -1); direction: rtl; }
.mirror-invert-align-right { transform: scale(-1, -1); direction: ltr; }

/* show/hide controls transformations */
.control-widget-show  { transform: scale(1, -1); }
.control-widget-hide  { transform: scale(1, 1); }
/* ...being fussy! * /
.control-widget:hover,
.control-widget-show:hover,
.control-widget-hide:hover { transform: rotate(5deg); }
*/


/* display type classes */
.hide-me { display: none;  }
.inline { display: inline; }
.block  { display: block }
.inline-block   { display: inline-block }
.flex   { display: flex; }
.inline-flex { display: inline-flex; }
.table { display:table; }
.table-header-group { display:table-header-group; } /* thead equiv */
.table-row-group { display:table-row-group; } /* tbody equiv */
.table-footer-group { display:table-footer-group;  } /* tfoot equiv */
.table-row { display:table-row; }
.table-cell{ display:table-cell; }
.table-column-group { display:table-column-group; } /* colgroup equiv */
.table-column{ display:table-column; }  /* col equiv */
.table-caption{ display:table-caption; } /* caption equiv */
.list-item{ display: list-item; } /* li equiv */
.nowrap { white-space: nowrap; }
.wrap   { white-space: normal; }

/* button-like-borders */
.widget-border { border-radius: 5px; border-top-width: 1px; border-color: black; }

/* tabs */
.tab, .tab-content  {
}
.element {
    margin-bottom: 2em;
    overflow: hidden;
}
.tab    {
/*   background-color:   #EFEFEF; */
    font-weight: bold;
    color: #304A88;
    padding: 0.5em;
    border-top:  2px #304A88 solid;
    border-right:  2px #304A88 solid;
    border-left:  2px #304A88 solid;
    border-bottom: 2px #304A88 solid;
    border-top-left-radius:  8px;
    border-top-right-radius: 8px;
}

.tab-content,
.full-legnth-tab-content {
    color: #FFFFFF;
    margin: 0;
    position: relative;
    top: -2px;
    padding: 2em 0.5em;
    border-top:  2px #304A88 solid;
    border-right:  2px #304A88 solid;
    border-left:  2px #304A88 solid;
    border-bottom:  2px #304A88 solid; 
    border-bottom-left-radius:  8px;
    border-bottom-right-radius: 8px;
}
.tab-content { border-top-right-radius: 8px; }
.disabled-link {
    text-decoration: none;
    color:  #A9A9A9;
    cursor: default;
}