BODY
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 10pt; margin-top: 10px;
}
TD
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 10pt;
}
P
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 10pt
}

hr {border: none 0; 
border-top: 1px solid #F0B615;/*the border*/
width: 80%; 
height: 1px;/*whatever dthe total width of the border-top and border-bottom equal*/
 font-family : serif;
} 


INPUT
{
    FONT-FAMILY: default
}
SELECT
{
    FONT-FAMILY: default
}
H1
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 16pt;
    color : Blue;
}

H2
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 16pt;
    color : #000066;
}
H3
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 14pt;
    color : #DAA520;
}

H4
{
    FONT-FAMILY: sans-serif;
    FONT-SIZE: 12px;
    color : blue;
}

.big
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 12pt
}
.bigger
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 14pt
}
.bigtall
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 12pt;
    LINE-HEIGHT: 120%
}

.blue{
	FONT-FAMILY: sans-serif;
    color : blue;
}
.small
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 9pt
}
.smaller
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 8pt
}
.smallest
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 6pt
}
.gutter
{
    FONT-FAMILY: Helvetica, Arial, Geneva;
    FONT-SIZE: 9pt
}
.article-headline
{
    COLOR: #000000
}
.article-attribution
{
    COLOR: #000000
}
.rollover
{
    BACKGROUND: #0000ee;
    COLOR: #ffffff
}
.error
{
    BACKGROUND: #f0b615
}
.hilite
{
    BACKGROUND: #ffffcc
}
.tiny
{
    FONT-FAMILY: Helvetica, Arial, geneva;
    FONT-SIZE: 4pt
}

.maintable
{
border: 1px solid #F0B615;
}

#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 12px arial, helvetica, sans-serif;
text-align: center;
}

li { display: inline;
 position: relative;
        float: left;
 }

li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

li a:hover
{
background-color: #369;
color: #fff;
}
li#active a
{
background-color: #F0B615;
color: #000066;
}

#navcontainer li ul {
	height: auto;
	top: 100%;
	left: 0px;		
	font-weight: normal;
	font-size: 1em;
	width: 105px;	
}

#navcontainer li ul li {
	text-align: left;
	height: auto;
	min-height: auto;
	display: block;
	width: 105px;		
}


#navcontainer li li ul {
	top: 0;
	left: 0;
}

#navcontainer li li:hover ul {
	left: 150px;
}

/* initialy hide all sub sidemenus */
#navcontainer ul ul,
#navcontainer ul li:hover ul ul,
#navcontainer ul ul li:hover ul ul,
#navcontainer ul ul ul li:hover ul ul,
#navcontainer ul ul ul ul li:hover ul ul {
	position: absolute;
	display:none;
}

/* display them on hover */
#navcontainer li:hover ul,
#navcontainer ul li:hover ul,
#navcontainer ul ul li:hover ul,
#navcontainer ul ul ul li:hover ul,
#navcontainer ul ul ul ul li:hover ul,
#navcontainer ul ul ul ul ul li:hover ul {
 	 display: block;

}
.menu-tabs {
    text-align:left;
    margin-bottom:1.5em;
    padding:0em;
    background:#eee;
}
    .menu-tabs > ul {
        margin:0;
        padding:0;
        border-bottom:1px solid #8CACBB;
    }

    .menu-tabs > ul li {
        float:left;
        margin:0;
        padding:0 0.4em;
        list-style: none;
    }
    
    .menu-tabs > ul li.last {
        clear:both;
        float:none
    }

    .menu-tabs a {
        color:white;
        font-weight:normal;
        font-size:9pt;
        display: block;
        padding: 5px 5px 7px;
        white-space: nowrap;
    }
    
    .menu-tabs a.expandable {
        padding-right: 20px;
    }
    
    .menu-tabs > ul li.active a {
        color:#F0B615;
	font-weight: bold;
    }

    .menu-tabs div.tab {
        
        position: relative;
        
        background:#DEE7EC;
        border: 1px solid #8CACBB;
        margin-top:5px;
        margin-bottom:-1px;
        z-index:5;
    }

    .menu-tabs > ul li.active div.tab {
        border-bottom-color:white;
        background:white;
    }

    .menu-tabs div.arrow {
        width: 7px;
        height: 5px;
        overflow: hidden;
        float: right;
        margin: 8px;
        background:url('./arrow.png') no-repeat left;
    }

    .menu-tabs > ul li.active div.arrow {
        background:url('./arrow.png') no-repeat right;
    }

    .menu-tabs > ul li:hover div.tab {
        background:white;
        border-bottom-color:white;
    }

    .menu-tabs > ul li:hover div.submenu {
        display:block
    }

    .menu-tabs div.submenu {
        display:none;
        position:absolute;
        border:1px solid #8CACBB;
        background: white;
        padding:0;
    }

    .menu-tabs div.submenu ul {
        margin:0;
        padding:0;
    }

    .menu-tabs div.submenu li {
        display: list-item;
        float: none;
        list-style: none;
        padding: 0;
    }

    .menu-tabs div.submenu li a {
        border: none;
        padding: 5px;
        margin: 0;
        display: block;
        background: #DEE7EC;
    }

    .menu-tabs div.submenu li a:hover {
        background: white;
    }


div.backend-wrapper {
    width: 780px;
    display: inline-block;
    text-align:left
}