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

    /* razorCMS                                              */

    /* theme/default_css.css                                 */

    /* GPLv3                                                 */

    /* smiffy6969                                            */

    /* www.razorcms.co.uk                                    */

    /* www.mis-limited.com                                   */

    /* 03/2008                                               */

    /* ----------------------------------------------------- */

    /* V0.1  -  03/2008  -  Version 0.1 first release        */

    /*                                                       */

    /*                      Theme created by smiffy6969      */

    /*                      Copywrited to burningfist.co.uk  */

    /* ----------------------------------------------------- */

    /* V0.2  -  06/2008  -  This file contains changes for   */

    /*                      up issue to V0.2RC               */

    /* ----------------------------------------------------- */

    /* V0.3  -  11/2008  -  BETA1 Bug fix and new features   */

    /* ----------------------------------------------------- */

    /* V0.3  -  12/2008  -  RC Bug fix and code walk         */

    /* ----------------------------------------------------- */

    /* V0.3  -  02/2009  -  RC2 Bug fix, code walk and some  */

    /*                      movement of functions.           */

    /* ----------------------------------------------------- */

    /* V1.0  -  06/2009  -  ALPHA Security, Bug fix and new  */

    /*                      functionality                    */

    /* ----------------------------------------------------- */

    /* V1.0  -  07/2009  -  BETA Bug fix and new             */

    /*                      functionality                    */

    /* ----------------------------------------------------- */

    /* V1.0  -  08/2009  -  BETA2 Bug fix and new            */

    /*                      functionality                    */

    /* ----------------------------------------------------- */

    /* V1.0  -  09/2009  -  RC Bug fix                       */

    /* ----------------------------------------------------- */

    /* V1.0  -  10/2009  -  Stable - Bug fix                 */

    /* ----------------------------------------------------- */

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



body {
    width: 900px;
    margin-right: auto;
    margin-left: auto; 
    
    padding: 0px;

    background-position: top;

    background-color:#000000;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-align: center;




}



h1 {

    margin: 10px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 105%;

    color: #006b84;

}



h2 {

    margin: 10px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 95%;

    color: #31b506;

    clear: left;

}



#content h1 {

    color: #000000;

    margin: 10px 0px 1px 0px;

    padding: 0px;

    text-align: left;

    border-bottom: 1px solid #808080;

    font-size: 130%;

}



#content h2 {

    color: #006b84;

    margin: 0px;

    padding: 0px;

    text-align: left;

    font-size: 120%;

}



#content h3 {

    padding-left: 3px;

    color: #006b84;

    font-size: 110%;

}



p, td {

    margin: 10px 10px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 85%;

    color: #000000;

}



li {

    margin: 0px;

    padding: 0px;

    color: #000000;

    text-decoration: none;

}



a, a:visited, a:active {

    margin: 0px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #000000;

    text-decoration: none;

}



a:hover {

    margin: 0px;

    padding: 0px;

    color: #000000;

}



a img {

    border: none;

}



#brace {

    width: 900px;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

}



#pageframe {

    margin: 0px;

    padding: 0px;

    color: #ff3118;

    height: auto;

    width: 900px;

    background-image: url(images);

    background-repeat: repeat-y;

    background-position: top left;

    float: center;

}



#pageframer {

    margin: 0px;

    padding: 0px;
    
    color: #ff3118;

    height: auto;

    width: 900px;

    background-image: url(images);

    background-repeat: repeat-y;

    background-position: top right;

    float: left;

}



#headerr h1{

    margin: 0px;

    padding: 10px 0px 0px 10px;

    color: #000000;

    text-align: left;

    font-size: 170%;

    font-weight: normal;

    color: #ffffff;

}



#headerr h2{

    margin: 0px;

    padding: 0px 0px 0px 30px;

    color: #000000;

    height: 0.5em;

    font-size: 100%;

    text-align: left;

    font-weight: normal;

    color: #ffffff;

}



/* ######################################################### */

/* ######################################################### */

/* Topnav css */

/* ######################################################### */

/* ######################################################### */



#topnav {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    width: 900px;

    /*background-color:  #e0e0e0;*/

    background-image: url(images/);

    background-position: center;

    background-repeat: repeat-x;

    border-top: 2px solid #e0e0e0;

    border-left: 2px solid #e0e0e0;

    border-right: 2px solid #e0e0e0;

    text-align: left;

    float: left;

}



#topnav ul {

    padding: 0;

    margin: 0;

    list-style: none;

    width: auto;

}



#topnav a {

    padding-top: 2px;

    padding-bottom: 4px;

    padding-left: 10px;

    padding-right: 10px;

    display: block;

    width: auto;

    height: auto;

    color: #ffffff;

    text-decoration:none;

    font-size: 85%;

}



#topnav a:hover {

    color: #000000;

    background-color:  #e0e0e0;

    background-image: none;

}



#topnav a.active {

    color: #ffffff;

}



#topnav a.active:hover {

    color: #000000;

    background-color:  #e0e0e0;

    background-image: none;

}



/* setup li */

#topnav li {

    float: left;

    width: auto;

    border-right: 1px solid #ffffff;

    height: auto;

}



/* setup li hover */

#topnav li:hover, #topnav li.hoverfix {

    background-color:  #e0e0e0;

}



/* hide the 1st list sub menu container */

#topnav li ul{

    display:none;

}



/* Display 1st sub menu container*/

#topnav li:hover ul, #topnav li.hoverfix ul {

    width: 130px;

    display:block;

    position: absolute;

    left: auto;

    z-index: 2;

    background-color:  #e0e0e0;

}



/* alter 1st sub menu li width */

#topnav li:hover ul li, #topnav li.hoverfix ul li{

    width: 130px;

}



/* Display 1st sub menu li hover*/

#topnav li:hover ul li:hover, #topnav li:hover ul li:hover a:hover, #topnav li.hoverfix ul li.hoverfix, #topnav li.hoverfix ul li.hoverfix a:hover{

    background-color:  #ffffff;

    position: relative;

}



/* hide the 2nd sub menu container */

#topnav li:hover ul li ul, #topnav li.hoverfix ul li ul{

    display:none;

}



/* Display 2nd sub menu container*/

#topnav li:hover ul li:hover ul, #topnav li.hoverfix ul li.hoverfix ul{

    width: auto;

    display: block;

    position: absolute;

    top: 0px;

    left: 130px;

    z-index: 2;

    background-color:  #ffffff;

}


/* hide the 3rd sub menu container */

#topnav li:hover ul li:hover ul li ul, #topnav li.hoverfix ul li.hoverfix ul li ul{

    display:none;

}



/* Display 3rd sub menu container*/

#topnav li:hover ul li:hover ul li:hover ul, #topnav li.hoverfix ul li.hoverfix ul li.hoverfix ul{

    width: auto;

    display: block;

    position: absolute;

    top: 0px;

    left: 130px;

    z-index: 2;

    background-color:  #ffffff;

}


/* ######################################################### */

/* ######################################################### */

/* ######################################################### */

/* ######################################################### */



#midbrace {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 1px;

}



#midbox {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    min-height:10px;

    height:auto !important;

    height:10px;

    width: 900px;

    background-color: #ffffff;

    float: left;

}



/* ######################################################### */

/* ######################################################### */

/* Navbar css */

/* ######################################################### */

/* ######################################################### */



#leftbar {

    margin: 1px 0px 0px 0px;

    padding: 0px 5px 0px 10px;

    width: 175px;

    font-size: 85%;

    text-align:left;

    float:left;

}



#leftbar p {

    margin: 10px 10px 10px 0px;

    padding: 0px;

}



#leftbar h1, #leftbar h2 {

    margin: 1px 0px 1px 0px;

    padding: 4px;

    color: #888888;

    width: 160px;

}



#leftbar #leftnav ul {

    margin: 0px;

    padding: 4px;

    list-style-type: none;

    background-color: #ffffff;

    border: 1px solid #000000;

}



#leftbar #leftnav ul li {

    margin: 0px;

    padding: 0px;

}



#leftbar #leftnav ul li a {

    margin: 0px;

    padding: 0px;

    color: #1791e4;

    text-decoration: none;

}



#leftbar #leftnav ul li a:hover{

    margin: 0px;

    padding: 0px;

    color: #60bfff;

}



#leftbar #leftnav ul li a.active, #leftbar #leftnav ul li a.active:hover{

    margin: 0px;

    padding: 0px;

    color: #ffffff;

}



#leftbar #leftnav ul li ul {

    padding-left: 10px;

    margin: 0px;

    list-style-type: none;

    border: none;

}



#leftbar #leftnav ul li ul li ul{

    padding-left: 10px;

}



/* ######################################################### */

/* ######################################################### */





#content {

    margin: 0px;

    padding: 0px 0px 0px 0px;

    height: auto;

    width: 750px;

    border: none;

    text-align: center;

    float: left;

}



div.contentwh {

    margin: 0px 0px 0px 0px;

    padding: 1px 0px 1px 0px;

    height: auto;

    width: auto;

    text-align: left;

}



div.contentinstall {

    margin: 1px 0px 1px 0px;

    padding: 2px;

    height: auto;

    width: auto;

    text-align: left;

}



div.contentinstallred {

    margin: 4px 0px 4px 0px;

    padding: 2px;

    height: auto;

    width: auto;

    background-color: #ffffff;

    border: 1px solid #ff0000;

    text-align: left;

}



#content ul {

    margin: 0px 0px 0px 20px;

    padding: 0px;

    list-style-type: circle;

}



#content li {

    margin: 0px 0px 0px 10px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 80%;

    color: #000000;

}



form {

    width: auto;

}



#button {

    border: 1px solid #ff7200;

    background-color: #e0e0e0;

    width: auto;

    text-align: center;

}



table {

    margin-top: 2px;

    margin-bottom: 2px;

    width: 100%;

    border: 1px solid #bbbbbb;

    border-spacing: 0px;

    border-collapse: collapse;

    background-color: #ffffff;

}



th {

    background-color: #ffffff;

    color: #888888;

    border-bottom: 1px solid #bbbbbb;

    border-right: 1px solid #bbbbbb;

}



td {

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 80%;

    color: #444444;

    border-top: 1px solid #dddddd;

    border-left: 1px solid #dddddd;

}



.tableTitle {

    background-color: #ffffff;

}



.tableFooter {

    background-color: #e0e0e0;

    height: 10px;

}



.tableCenter {

    text-align: center;

}



.ten {

    width: 10%;

}



.auto {

    width: auto;

}



.twenty {

    width: 20%;

}



.twentyFive {

    width: 25%

}



#UCLoginBox, #UCUserBox {

    margin: 5px 0px 0px 0px;

    padding: 2px;

    border: 1px solid #e0e0e0;

    background-color: #ffffff;

}



#UCUserBox h2 {

    margin: 0px;

    padding: 0px;

}



#UCLoginForm, #UCLogOutForm {

    margin: 0px;

    padding: 0px;

    text-align: center;

}



#UCLoginForm input.user {

    margin: 0px;

    padding: 0px;

    width: 100px;

}



#UCLoginForm input.button {

    margin: 0px;

    padding: 0px;

}



#UCLoginForm p.userSmall {

    margin: 0px;

    padding: 0px;

    font-size: 12px;

}



/* ######################################################### */

/* ######################################################### */

/* Footnav css */

/* ######################################################### */

/* ######################################################### */





#copyw {

    margin: 0px 0px 0px 0px;

    padding: 0px;

    height: auto;

    width: 900px;

    background-color: #ffffff;

    float: left;

}



#copynav {

    display: block;

}



#copynav ul {

    margin: 0px;

    padding: 0px 0px 0px 0px;

    list-style-type: none;

    display: inline;

}



#copynav li {

    margin: 0px;

    padding: 0px 0px 0px 0px;

    display: inline;

}



#copynav a, #footnav a:active, #footnav a:visited, #copyw a, #footnav a:active, #footnav a:visited {

    margin: 0px;

    padding: 0px 6px;

    text-decoration: none;

    font-size: 80%;

}



#copynav a:hover, #copyw a:hover{

    color: #e0e0e0;

}



#copyw p {

    margin: 0px;

    padding: 0px;

    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    font-size: 85%;

    color: #000000;

    clear: left;

}



#footerl {

    margin: 0px;

    padding: 0px;

    height: 135px;

    width: 100%;

    background-image: url(images/);

    background-repeat: no-repeat;

    background-position: top left;

    display: block;

    float: left;

}



#footer {

    margin: 0px;

    padding: 0px;

    height: 35px;

    width: 100%;

    background-image: url(images/);

    background-repeat: repeat-x;

    background-position: top;

    background-color: #000000;

    display: block;

    float: left;

}



#footerr {

    margin: 0px;

    padding: 0px;

    height: 135px;

    width: 100%;

    background-image: url(images/);

    background-repeat: no-repeat;

    background-position: top right;

    display: block;

    float: left;

}



#footnav {

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    background-image: url(images/);

    background-repeat: no-repeat;

    background-position: top center;

    height: 135px;

    text-align: center;

    display: block;

}



#footerLeft {

    padding-top: 26px;

    width: 50%;

    height: 70px;

    text-align: right;

    float: left;

    display: block;

}



#footerRight {

    padding-top: 26px;

    width: 50%;

    height: 70px;

    text-align: left;

    float: right;

    display: block;

}



#footerLeft a, #footerLeft a:active, #footerLeft a:visited {

    margin: 0px;

    padding: 0px 36px 0px 0px;

    text-decoration: none;

    font-size: 80%;

}



#footerRight a, #footerRight a:active, #footerRight a:visited {

    margin: 0px;

    padding: 0px 0px 0px 36px;

    text-decoration: none;

    font-size: 80%;

}



#footerLeft a:hover, #footerRight a:hover{

    color: #e0e0e0;

}



/* ######################################################### */

/* ######################################################### */