/* OneSAF CSS Document */
/* COLORS USED: 
  #CC9933  (Orange)
  #666666  (Dk Grey)
  #CCCCCC  (Silver)
  #F0F0F0  (Lt Grey)
  #990000  (Dk-Dk Red)
  #993333  (Dk Red)
  #CC0000  (Lt Red)
*/
/* ======================================================= */
/* ============== BIG SETUP THINGS ======================= */
body {
    background: #666666; /* Dk Grey */
    /*padding: 7px;*/

    font-family: Arial, Helvetica, Sans Serif;
    line-height: 120%;
    font-size: 11px;
}

a:link, a:visited {
    color: #CC0000;  /* Lt Red */ 
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #990000;  /* Dk-Dk Red */
    text-decoration: none;
    font-weight: bold;
}

#page {
    text-align: center;
    background: white;
    width: 98% !important;
    height: 100% !important;
    margin: 10px;  }
#page_table {
    margin:0;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 10px;
    padding-top: 0;
    border: solid #660000 5px;
}

#footer {
    text-align: center;
}
/* ======================================================= */
/* ============== HEADER THINGS ========================== */
#search_outer {
    float: right;
    margin-top: -22px;
    display: inline;
}

#search_inner {
    padding: 0px;
    height: 21px !important;
    height: 23px;
    float: right;
    overflow: hidden;
}

#search_inner form {
    padding: 0;
    margin: 0;
}

#search_inner .inputbox {
    border: 0px;
    padding: 3px 3px 3px 4px;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    color: #CC0000;  /* Lt Red */
}
#top_outer .moduletable {
    width: 100% !important;
    margin-bottom: 0;
}

#top_outer {
    float: none;
    
}

#top_inner {
    overflow: visible;
    float: none !important;
    text-align: left;
}

#header_outer {
    text-align: left;
    border: 0px;
    margin: 0px;
    width: 100% !important;
    background-color: #666666; /* Dk Grey */
}

#header {
    background: black url(../images/bannerRight.png) no-repeat right bottom;
    width: 100% !important;
    padding: 0;
    margin: 0;
    color: white;
    vertical-align: middle;
    border-bottom: solid black 1px;
    
}

#header img {
    vertical-align: middle; 
    padding: 2px 0px 3px 5px;
}


#header_title {
    color: white; 
    font-size: 420%; 
    font-family: 'Trebuchet MS', 'Tahoma', 'Verdana', sans-serif; 
    margin-left:-475px; 
    z-index: 2;
}

#header_subtitle { 
    font-size: 175%; 
    position: absolute;
    margin-left:-75px;
    margin-top:70px;
}

table.content_table {
    width: 100% !important;
    padding: 0px;
    margin: 0px;
}

table.content_table td {
    padding: 0px;
    margin: 0px;
    /*border: brown 3px solid;*/
}
table.content_table td.content{
    width: 100% !important;
}

h2 {
    background-color: #CC9933;  /* Orange*/
    /*height: 15px;*/
    padding: 6px;
    color: #666666; /* Dk Grey */
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.clr {
    clear: both;
}

/* ======================================================= */
/* ============== PATHWAY ================================ */
#pathway_text {
    overflow: hidden;
    display: block;
    padding-left: 4px;
    padding-bottom: 2px;
    /*border-bottom: 2px solid black;*/
    font-weight: bold;
    background-color: #666666; /* Dk Grey */ color: white;
    width: 100% !important;
    text-align: left;
}

#pathway_text img {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 6px;
}
a.pathway {
    
}

a.pathway:link, a.pathway:visited {
    color: #CCCCCC;  /* Silver */ 
}
a.pathway:hover {
    text-decoration: underline;
}

/* ======================================================= */
/* ============== LEFT SIDE ============================== */
#left_outer {
    margin: 2px;
    float: left;
/*    width: 100% !important;*/
}


#left_outer .moduletable {
    width: 100% !important;
    width: 146px; /* 150 - (margin-left + margin-right) */
}

#left_outer .contentpaneopen {
    width: 100% !important;
    width: 146px; /* 150 - (margin-left + margin-right) */
}

#left_inner {
    padding: 2px;
    float: none !important;
    margin: 0;
    /*border: 2px orange dashed;*/
}
/* ======================================================= */
/* ============== CONTENT (BELOW HEADER) ================= */
#content_outer {
    margin: 2px;
    float: none;
    width: 100% !important;
}

#content_outer .moduletable {
    width: 100% !important;
}

#content_outer .contentpaneopen {
    width: 100% !important;
}

#content_inner .contentpaneopen {
    width: 100% !important;
}

#content_inner{
    float: none !important;
    padding: 0;
    margin: 0;
    /*border: red 2px solid;*/
}

div.contentpane {
    width: 100% !important;
    display: block;
    padding: 0;
    /*border: blue 2px solid;*/
}
/* ======================================================= */
/* ============== RIGHT SIDE ============================== */
#right_outer {
    margin: 2px;
    float: right;
    width: 146px; /* 150 - (margin-left + margin-right) */
    /*border: 2px green dashed;*/
}

#right_outer .moduletable {
    width: 100% !important;
}

#right_outer .contentpaneopen {
    width: 100% !important;
}

#right_inner {
    padding: 2px;
    float: none !important;
    margin: 0;
}

/* ======================================================= */
/* ============== MAINLEVEL_OTHER ======================== */
span.mainlevel_other {
    display: block;
    background-color: #993333;
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;  /* Silver */
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-top: 2px;
    border-left: solid 5px #CC9933;
    border-bottom: solid 2px #CC9933;
    text-decoration: none;
    font-variant: small-caps;
    width: auto;
}
a.mainlevel_other:link, a.mainlevel_other:visited {
    display: block;
    background: #666666 url(../images/menu_bg.png) no-repeat;
    background-position: 2px -25px; /* '-25' shifts the image down. */
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;  /* Silver */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    text-decoration: none;
    width: auto;
}

a.mainlevel_other:hover {
    background-position: 2px 0px; /* '0' shifts the image up to top. */
    text-decoration: none;
    background-color: #993333; /* DARK-RED */
    color: white;
}

a.mainlevel_other#active_menu {
    background-color: #993333; /* DARK RED */
    color: white;
    font-weight: bold;
}

a.mainlevel_other#active_menu:hover {
    background-color: #993333;  /* DARK-RED */
    color: #CCCC99;
}

/* ======================================================= */
/* ============== MOSTREAD  ======================== */
a.mostread:link, a.mostread:visited {
    display: block;
    background: #666666 url(../images/menu_bg.png) no-repeat;
    background-position: 2px -25px; /* '-25' shifts the image down. */
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;  /* Silver */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    text-decoration: none;
    width: auto;
margin: 0;
}

a.mostread:hover {
    background-position: 2px 0px; /* '0' shifts the image up to top. */
    text-decoration: none;
    background-color: #993333; /* DARK-RED */
    color: white;
}

a.mostread#active_menu {
    background-color: #993333; /* DARK RED */
    color: white;
    font-weight: bold;
}

a.mostread#active_menu:hover {
    background-color: #993333;  /* DARK-RED */
    color: #CCCC99;
}

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

li.mostread {
    background-image: none;
    padding: 0;/
    margin: 0;  
    /* ======= SLG
    CSS hack: set border so IE doesnt 
    space these things apart!  
    ============== */
    border: #666666 1px solid;  /* Dk Grey*/
}


/* ======================================================= */
/* ============== COMPONENT SPECIFIC ===================== */
#dm_header {
    text-align: right;
}
#dm_header div {
    text-align: center;
    display: inline;
    float: right;
    padding: 2px 7px 2px 7px;
    margin: 0;
    width: auto;
}
#dm_header div a {
    padding: 0;
    margin: 0;
}

/* For RD Glossary */
ul.index {
    margin-top: 5px;
    padding-bottom: 5px;
    background-color: #CCCCCC;  /* Silver */
    border: 1px solid #666666; /* Dk Grey */
    width: 100% !important;
}

ul.index li {
    list-style-type: none;
    list-style-image: none;
    background-image: none;
    display: inline;
}

ul.index li a {
    border-bottom: 2px solid #CC9933;  /* Orange*/
}


/* ======================================================= */
/* ============== MODULE SPECIFIC ======================== */
.user1_inner {
    margin: 2px;
    padding: 2px;
}

.user2_inner {
    float: none !important;
    margin: 2px;
    padding: 2px;
}

.mostread {
    margin-bottom: 2px;
}

/* ======================================================= */
/* ============== GENERIC MODULE SETUP ======================== */
table td.body_outer {
    padding: 2px;
}

.maintitle {
    color: white;
    font-size: 40px;
    padding-left: 15px;
    padding-top: 20px;
}

.error {
    font-style: italic;
    text-transform: uppercase;
    padding: 5px;
    color: #CCCCCC;  /* Silver */
    font-size: 14px;
    font-weight: bold;
}

/** old stuff **/

.back_button {
    float: left;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border: 3px double #CCCCCC;  /* Silver */
    background: url(../images/button_bg.png) repeat-x;
    padding: 0px 10px;
    line-height: 20px;
    margin: 1px;
}

.pagenav {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/button_bg.png) repeat-x;
    padding: 0px 10px;
    line-height: 20px;
    margin: 1px;
}

.pagenavbar {
    margin-right: 10px;
    float: right;
}


ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol li {
    line-height: 15px;
    padding-left: 0px;
    padding-top: 0px;
    background-image: none;
}
li {
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}


td {
    text-align: left;
    font-size: 11px;
}


/* Joomla core stuff */

table.contentpaneopen {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
    padding-left: 4px;
}

table.contentpane {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
}

table.contentpane td {
    margin: 0px;
    padding: 0px;
}

table.contentpane td.componentheading {
    padding-left: 4px;
}

table.contentpaneopen fieldset {
    border: 0px;
    border-bottom: 1px solid #F0F0F0;
}

.button {
    color: #CC0000;  /* Lt Red */
    font-family: Arial, Hevlvetica, sans-serif;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    background: url(../images/button_bg.png) repeat-x;
    padding: 0px 5px;
    line-height: 18px !important;
    line-height: 16px;
    height: 26px !important;
    height: 24px;
    margin: 1px;
}

.inputbox {
    padding: 2px;
    border:solid 1px #CCCCCC;  /* Silver */
    background-color: white;
}

.componentheading {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666; /* Dk Grey */
    text-align: left;
    padding-top: 4px;
    padding-left: 4px;
    height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;

}
#content_inner .componentheading {
    background-image: none;
    border-bottom: solid 1px #CC9933;  /* Orange*/
    color: #CC0000;  /* Lt Red */
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
    text-transform: none;
    margin-bottom: 4px;
}

.contentcolumn {
    padding-right: 5px;
}

h1, .contentheading {
    border-bottom: solid 1px #CC9933;  /* Orange*/
    height: 30px;
    color: #CC0000;  /* Lt Red */
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.contentpagetitle {
    font-size: 13px;
    font-weight: bold;
    color: #CCCCCC;  /* Silver */
    text-align:left;
}


table.searchintro td {
    font-weight: bold;
}

table.moduletable {
    margin-bottom: 5px;
    padding: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}

div.moduletable {
    padding: 0;
    margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
    background: url(../images/subhead_bg.png) repeat-x;
    color: #666666; /* Dk Grey */
    text-align: left;
    padding-left: 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

table.moduletable td {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

table.pollstableborder td {
    padding: 2px;
}

.sectiontableheader {
    font-weight: bold;
    background: #F0F0F0;
    padding: 4px;
}