/** General Styles **/

body{
    background: url( '../images/bg.jpg' ) repeat-x scroll 0 0 #496298;
    color: #f8e6ff;
}

a:hover{
    color: white;
}

#rt-top-surround{
    padding-bottom: 6px;
    background: transparent;
    border: none;
    box-shadow: none;
}

#rt-top-surround:after {
    background: transparent;
}

#rt-drawer{
    border: none;
}

.rt-block.banner{
    margin: 0;
    padding: 0;
}
.rt-block.banner p{
    margin: 0;
    padding: 0;
}

.rt-block.top-mini-menu{
    margin: -25px 0 0;
    padding: 0 10px 0 0;
    text-align: right;
    color: white;
}
.rt-block.top-mini-menu p{
    margin: 0;
    padding: 0;
}

#rt-main{
    background-color: #160f3b;
    border-radius: 10px;
}

#rt-mainbottom .rt-container{
    background-color: #160f3b;
    border-radius: 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: white;
}

.title, .component-content h2 {
    clear: both;
    color: #fff;
    text-shadow: 1px 1px 0 #000000;
}

.article-info dd:before {
    text-shadow: 1px 1px 0 #000000;
}

.title, .component-content h2 {
    border-bottom: 1px solid #0a002c;
    box-shadow: 0 1px 0 #3d3263;
}

#rt-mainbody-surround{
    /*margin-bottom: 25px;*/
}

#rt-copyright {
    border-top: 1px solid #213e71;
    box-shadow: 0 1px 0 #7b92cc inset;
}

.readmore{
    opacity: 0.8;
    padding: 0;
}

.readmore:hover{
    opacity: 1.0;
}

.readmore a{
    color: #160f3b;
    padding: 3px 10px;
    text-shadow: 1px 1px 0 rgba( 255, 255, 255, 0.3 );
}
.readmore a:hover{
    color: #2c1a86;
}

/** Main Menu Styles **/

.gf-menu.l1 > li{
    font-weight: bold;
}
.gf-menu.l1 > li.active {
    background: none repeat scroll 0 0 #4e4e93;
    border: 1px solid #00104a;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 1px 0 #353779;
}

.layout-mode-960fixed .gf-menu li:hover, .layout-mode-960fixed .gf-menu li.active:hover,
.layout-mode-1200fixed .gf-menu li:hover, .layout-mode-1200fixed .gf-menu li.active:hover {
    border: 1px solid #00104a;
    background: #6e6cb5;
    padding-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 0;
    -webkit-box-shadow: inset 0px 1px 0px #353779, inset 0px 2px 0px #9c98e5;
    -moz-box-shadow: inset 0px 1px 0px #353779, inset 0px 2px 0px #9c98e5;
    box-shadow: inset 0px 1px 0px #353779, inset 0px 2px 0px #9c98e5;
}

/** Bottom Menu Styling **/
.bottom-menu{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0.8em;
}
.bottom-menu li{
    padding: 0;
    margin: 0;
    display: inline-block;
    border-right: 1px solid #bdb7ff;
    line-height: 1.1em;
}
.bottom-menu li a{
    display: inline-block;
    color: #ffffff;
    padding: 0 7px;
}

.bottom-menu li a:hover{
    text-decoration: underline;
}

ul.menu.bottom-menu li a:before, ul.menu.bottom-menu li .item:before, ul.menu.bottom-menu li .separator:before {
    content: none;
}

ul.menu li.active.current > a:before, ul.menu li.active.current > .item:before, ul.menu li.active.current > .separator:before, ul.menu li#current.active > a:before, ul.menu li#current.active > .item:before, ul.menu li#current.active > .separator:before {
    content: none;
}

ul.menu li.active.current > a, ul.menu li.active.current > .item, ul.menu li.active.current > .separator, ul.menu li#current.active > a, ul.menu li#current.active > .item, ul.menu li#current.active > .separator {
    color: #fff;
    background-color: #89c;
    padding: 4px 7px;
    margin: 0 4px;
    border-radius: 4px;
}

/* Styling the pages index */
#article-index{
    float: right;
    display: inline-block;
    width: 180px;
    background-color: #2d3975;
    border-radius: 8px;
    padding: 10px 5px;
}

#article-index .toclink.active{
    color: white;
    font-weight: bold;
}

.component-content .pagination ul li a{
    color: #160f3b;
}

.component-content .pagination ul li{
    color: #160f3b;
}

span.highlight {
    background-color: yellow;
  color: black;
}

samp{
    background-color: #2d3975;
    display: block;
    border-radius: 10px;
    padding: 10px;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.7 );
    box-shadow: 1px 1px 0 rgba( 255, 255, 255, 0.3 );
}

legend {
    border-bottom: 1px solid #D5D5D5;
    color: #7070f0;
}

#rt-drawer{
    background: none repeat scroll 0 0 #9c3e9e;
}

.button, .button.validate, .formelm-buttons button{
    color: #160f3b;
    text-shadow: none;
}
.button:hover, .button.validate:hover, .formelm-buttons button:hover{
    color: #31258d;
    text-shadow: none;
}

.system-unpublished .system-unpublished {
    background-color: #cc687a;
    margin-bottom: 20px;
}
.system-unpublished .system-unpublished:before {
    color: red;
    content: " . UNPUBLISHED (this article will not be visible when you log off) . ";
    font-size: 0.8em;
    font-weight: bold;
    left: 10px;
    position: absolute;
    text-transform: none;
    top: -19px;
    background-color: #ffff00;

}