/* CSS Document */

/* Core */

/*  global ( description: Global tags redesign ) */

html{
    height:auto;
    /*overflow:auto;
    overflow-x:hidden*/
}
body{
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    border:none;
    background:url(/img/body.png) top left repeat-x #b0d7ff
}
img{
    border:none
}
body, form, input{
    /* Font style */
    font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#363636
}
form{
    margin:0;
    padding:0
}

/*  blocks */

div{}
span{}
center{}

/*  headings */

h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    cursor:default;

    letter-spacing:normal;
    /*text-transform:capitalize*/
}
h1{
    font-size:28px;
    color:#00a9f0;
    font-weight:normal
}
h2{
    margin:12px 0;

    font-size:18px;
    color:#ff4900;
    font-weight:normal
}
h3{
    margin:12px 0;

    font-size:18px;
    color:#76b82f;
    font-weight:normal
}
h4{
    margin:10px 0;

    font-size:14px;
    color:none;
    font-weight:bold
}
h5{}
h6{}

/*  links */

a{
    cursor:pointer;

    color:#363636;
    text-decoration:underline
}
a:before{}
a:after{}

a:hover{
    text-decoration:none
}
a:link{}
a:visited{}
a:active{}

a.select{
    cursor:default
}

/*  text */

p{
    margin:0;
    padding:0
}
pre{}
font{}
b{}
strong{}
big{}
i{}
em{}
s{}
strike{}
tt{}

/*  specific text */

abbr{}
acronym{}
address{}
blockquote{}
cite{
    display: block;
    font-style:italic;

    text-align: right
}
code{}
q{}
samp{}
sub{}
sup{}
var{}

/*  lists */

ul{
    margin:0;
    padding:0
}
menu{}
ul li{
    margin:0;
    padding:0
}
ol{
    margin:0;
    padding:0
}
ol li{
    margin:0;
    padding:0
}
dl{}
dl dt{}
dl dd{}

/*  table */

table{
    border:none;
    border-collapse:collapse
}
caption{
    text-align:left
}
thead{}
tbody{}
tfoot{}
th{
    font-weight:normal
}
td{}

/*  specific tags */

iframe{}
embed{}
object{}


table.list tr th, table.list tr td  { padding: 5px 10px; vertical-align: middle; }

table.list tr th  { text-align: left; background-color: #9CCDFF; }
table.list tr th.center { text-align: center; background-color: #9CCDFF; }
table.list tr th.right { text-align: right; background-color: #9CCDFF; }

table.list tr td                { border-bottom: solid 1px #9CCDFF; }
table.list tr td.center  { text-align: center; border-bottom: solid 1px #9CCDFF; }
table.list tr td.right    { text-align: right; border-bottom: solid 1px #9CCDFF; }

/*  master ( description: Global application styles ) */
/*  global ( description: Global containers styles ) */

.description{ text-indent: 1em; font-style: italic; color: #999999; }

div#container{
    width:980px;
    min-width:980px;
    position:relative;
    z-index:10;
    margin:0 auto;
    padding:10px 0;
    background:none;
    border:none
}

/*  header ( description: Header elements ) */

div#header{
    width:auto;
    height:151px;
    position:relative;
    margin:0 0 10px;
    padding:0;
    background:none;
    border:none
}
div#intro{
    width:auto;
    height:122px;
    position:relative;
    background:url(/img/hdr/intro/bg.jpg) top left no-repeat
}
div#logo{
    width:208px;
    height:104px
}
div#logo img{
    width:208px;
    height:104px;
    display:block
}

div#slogan{}
div#image{}

div#intro div#logo{
    position:absolute;
    top:0;
    left:50%;
    margin:8px 0 0 -104px
}
div#intro slogan{}
div#intro div#image{
    position:absolute;
    bottom:-13px;
    right:18px
}

div#header .corner{
    width:14px;
    height:28px;
    top:0px;
    border-bottom:#12b4eb solid 1px
}
div#header .corner.left{
    left:0px;
    background:url(/img/nav/top/corner.left.png) top left no-repeat
}
div#header .corner.right{
    right:0;
    background:url(/img/nav/top/corner.right.png) top left no-repeat
}

/*  block */

div.block{
    position:relative;
    margin:0 0 10px;
    padding:10px 0 10px 10px;
    /*background:#d7d7d7;*/
    border:#cecece solid 1px;
    line-height:16px;

    font-size:13px;
    color:#363636
}
div.block h3{
    margin:0;
    padding:0;

    font-size:19px;
    color:#ff4900;
    font-weight:normal
}
div.block a{}

div.block{}
div.block li{
    display:block;
    margin:0;
    padding:0 10px 0 0;
    list-style:none;

    font-size:12px
}

div.block li a{
    font-size:12px;
    color:#007ac4
}
div.block li a:hover{}

div.block li.title{
    margin:0 0 5px 0
}
div.block li.title a{
    font-size:15px;
    font-weight:bold
}
div.block li.title a:hover{}

div.block li.date{
    margin:10px 0 0;
    cursor:default
}

div.block .corner{
    width:10px;
    height:10px
}
div.block .corner.top-left{
    top:-1px;
    left:-1px;
    background:url(/img/elements/corner.left.top.png) top left no-repeat
}
div.block .corner.top-right{
    top:-1px;
    right:-1px;
    background:url(/img/elements/corner.right.top.png) top left no-repeat
}
div.block .corner.bottom-left{
    bottom:-1px;
    left:-1px;
    background:url(/img/elements/corner.left.bottom.png) top left no-repeat
}
div.block .corner.bottom-right{
    bottom:-1px;
    right:-1px;
    background:url(/img/elements/corner.right.bottom.png) top left no-repeat
}

/*  content */

div.content{
    line-height:18px
}
div.content div.wrap{}

/*  specific blocks ( description: Specific functional blocks ) */

/*  login ( description: Used for login form ) */

div#form-login{
    position:absolute;
    top:10px;
    left:20px;
}
div#form-login div.wrap{
    margin:0;
    padding:0
}
div#form-login label{
    margin-bottom:5px;

    font-size:11px
}
div#form-login input.text{
    width:140px;
    margin-bottom:5px
}
div#form-login button{
    width:52px;
    height:24px;
    background:url(/img/form/bg-button-sign.png) top left no-repeat;
    border:none;
    position:absolute;
    top:75px;
    left:160px
}
div#form-login .display-block{
    margin:0
}
div#form-login a{
    width:78px;
    position:absolute;
    left:160px;

    font-size:11px;
    color:#007ac4;
    text-decoration:underline
}
div#form-login a:hover{
    text-decoration:none
}
/*  search ( description: Used for search form ) */

div#form-search{
    width:auto;
    position:absolute;
    top:50%;
    right:20px;
    margin:5px 0 0 0
}
div#form-search div.wrap{
    margin:0;
    padding:0
}
div#form-search input.text, 
div#form-search input[type="text"]{
    width:auto;
    padding-right:24px
}
div#form-search input.image,
div#form-search input[type="image"]{
    width:14px;
    height:14px;
    display:block;
    position:absolute;
    top:5px;
    right:6px
}
div#form-search h3{}

/*  footer ( description: Footer elements ) */

div#footer{
    width:100%;
    height:84px;
    margin:21px 0 10px;
    padding:0;
    background:url(/img/ftr/bg.png) top left no-repeat;

    font-size:13px;
    color:#9cd2ff

}

/*  info ( description: Used for various site related information ) */

div#info{}

/*  credits ( description: Designer or other credits ) */

div#credits{
    position:absolute;
    bottom:45px;
    right:20px;
}

div#credits a{
    font-size:12px;
    color:#c2c2c2;
    text-decoration:underline
}

div#credits a:hover{
    text-decoration:none
}

/*  legal ( description: Copyright information etc ) */

div#logolegal{
    position:absolute;
    bottom:25px;
    right:20px;
    /*padding:20px 0 0 0;*/
    cursor:default
}

div#legal{
    position:absolute;
    right:20px;
    padding:20px 0 0 0;
    cursor:default
}

/*  main bar */

/*  content ( description: Contents blocks ) */

div#content{
    width:auto;
    height:auto;
    position:relative;
    margin:0;
    padding:10px 0 0;
    background:#FFF;
}
div.wrap{
    margin:0;
    padding:0
}

div#content .bg {
    width:940px;
    height:20px;
    left:20px;
    bottom:-20px;
    background:#FFF
}
div#content .bg .corner{
    width:20px;
    height:20px;
    top:0
}
div#content .bg .corner.left{
    left:-20px;
    background:url(/img/corner.left.png) top left no-repeat
}
div#content .bg .corner.right{
    right:-20px;
    background:url(/img/corner.right.png) top left no-repeat
}

/*  main bar */

div#container-main{ }
div.column-one{
    width:100%
}
div.column-two{
    float:left
}
div.column-two{
    width:724px
}
div.column-three{
    width:50%;
    float:left
}
div#container-main div.wrap{
    margin:0;
    padding:0 10px 0;
    background:none
}
div#container-main div.block{}
div#container-main div.content{}

/*  left bar */

div#container-left{
    width:256px;
    float:left
}
div#container-left div.wrap{
    margin:0;
    padding:0 0 0 10px;
    background:none
}
div#container-left div.block{}
div#container-left div.content{}

/*  right bar */

div#container-right{
    width:256px;
    float:right
}
div#container-right div.wrap{
    margin:0;
    padding:0 10px 0 0;
    background:none
}
div#container-right div.block{}
div#container-right div.content{}

/*  multi columns */

div.multi{}
div.multi{} div.wrap{
    margin:0;
    padding:0
}
div.multi .column{
    height:auto;
    float:left;
    display:block
}
div.multi.three .column{
    width:33.3%
}
div.multi.four .column{
    width:25%
}
div.multi.five .column{
    width:20%
}
div.multi div.column div.wrap{
    margin:0;
    padding:0 10px 0 0
}

/*  navigation ( description: Application navigation styles ) */

/*  top menu ( description: A supplementary list of links ) */

div#nav-top{
    width:auto;
    height:28px;
    position:relative;
    margin:0 14px;
    background:#007bdf;
    border-bottom:#12b4eb solid 1px
}
div#nav-top ul{
    position:absolute
}
div#nav-top ul li{
    width:auto;
    height:28px;
    line-height:24px;
    position:relative;
    float:left;
    list-style:none;

    font-size:11px;
    color:#aedbff
}
div#nav-top ul li.popup{
    padding:0 14px 0 0;
    background:url(/img/nav/top/popup.gif) center right no-repeat
}
div#nav-top ul li.popup span{
    margin:0 8px 0 0
}
div#nav-top.lines li:before{
    color:#2e9ef9
}

/* li:hover */
div#nav-top ul li:hover{}
div#nav-top ul li:before{}
div#nav-top ul li:after{}

div#nav-top ul li:hover a{}
div#nav-top ul li:hover ul li a{}

/* li a */
div#nav-top ul li a{
    font-size:11px;
    color:#FFF;
    text-decoration:underline
}
div#nav-top ul li a:hover{
    color:#f6ec78;
    text-decoration:none
}
div#nav-top ul li a:before{}
div#nav-top ul li a:after{}

div#nav-top ul li.select a{}
div#nav-top ul li.select a:hover{}
div#nav-top ul li.select a:before{}
div#nav-top ul li.select a:after{}

/* level 2 */
div#nav-top ul li ul{
    width:auto;
    min-width:100%;
    top:28px;
    left:8px;
    z-index:100;
    margin:0;
    padding:5px 0;
    background:url(/img/png/bg-white80.png)
}
div#nav-top ul li ul li{
    height:18px;
    float:none;
    padding:0 5px;
    line-height:18px
}
div#nav-top ul li ul li:hover{}
div#nav-top ul li ul li:before{}
div#nav-top ul li ul li:after{}

div#nav-top ul li ul li:hover a{
    color:#ff4900
}

/* li a */
div#nav-top ul li ul li a{
    font-size:11px;
    color:#007ac4
}
div#nav-top ul li ul li a:hover{
    color:#ff4900;
    text-decoration:underline
}
div#nav-top ul li ul li a:before{}
div#nav-top ul li ul li a:after{}

div#nav-top ul li ul li.select a{}
div#nav-top ul li ul li.select a:hover{}
div#nav-top ul li ul li.select a:before{}
div#nav-top ul li ul li.select a:after{}

/*  group left ( description: Group left menu ) */

div#nav-top ul.left{
    left:6px;
    background:none
}

/*  group right ( description: Group right menu ) */

div#nav-top ul.right{
    right:6px;
    background:none
}

/*  root menu ( description: Main navigation ) */

div#nav-root{
    width:auto;
    height:auto;
    position:relative
}

/* level 1 */
div#nav-root ul{}
div#nav-root ul li{
    width:240px;
    height:28px;
    line-height:25px;
    /*position:relative;*/
    display:block;
    margin:0;
    padding:0;
    background:url(/img/nav/root/bg.gif) top left repeat-x #ececec;
    border-left:#b0d685 solid 2px;
    border-right:#b0d685 solid 2px;
    list-style:none
}

div#nav-root ul li.last-item{
    height:31px;
    padding:0 3px;
    background:url(/img/nav/root/li-last.png) top left no-repeat;
    border-left:none;
    border-right:none
}

/* li:hover */
div#nav-root ul li:hover{}
div#nav-root ul li:before{}
div#nav-root ul li:after{}

div#nav-root ul li.select{}
div#nav-root ul li.select:hover{}
div#nav-root ul li.select:before{}
div#nav-root ul li.select:after{}

div#nav-root ul li span{
    height:28px;
    display:block;
    padding:0 0 0 27px;
    background:url(/img/nav/root/ico.gif) center left no-repeat
}

/* li a */
div#nav-root ul li a{
    font-size:13px;
    color:#0080cd;
    font-weight:normal;
    text-decoration:none
}
div#nav-root ul li a:hover{
    color:#ff4900
}
div#nav-root ul li .selected{
    font-size:13px;
    color:#ff4900;
    font-weight:normal;
    text-decoration:none
}
div#nav-root ul li a:before{}
div#nav-root ul li a:after{}

div#nav-root ul li.select a{}
div#nav-root ul li.select a:hover{}
div#nav-root ul li.select a:before{}
div#nav-root ul li.select a:after{}

/* level 2 */
div#nav-root ul li ul{
    width:190px;
    min-width:100%;
    top:40px;
    margin:0;
    padding:0;
    background:url(/img/png/bg-black90.png)
}
div#nav-root ul li ul li{
    height:20px;
    line-height:20px;
    padding:5px 10px;
    border-bottom:#252525 solid 1px
}
/* li:hover */
div#nav-root ul li ul li:hover{
    background:none
}
div#nav-root ul li ul li:before{}
div#nav-root ul li ul li:after{}

div#nav-root ul li ul li:hover a{
    color:#FFFFFF
}

/* li a */
div#nav-root ul li ul li a{
    font-size:13px;
    color:#c2c2c2;
    font-weight:normal
}
div#nav-root ul li ul li a:hover{
    color:#8ba83f
}
div#nav-root ul li ul li a:before{}
div#nav-root ul li ul li a:after{}

div#nav-root ul li ul li.select a{}
div#nav-root ul li ul li.select a:hover{}
div#nav-root ul li ul li.select a:before{}
div#nav-root ul li ul li.select a:after{}

/* level 3 */
div#nav-root ul li ul li ul{}
div#nav-root ul li ul li ul li{}

/* li a */
div#nav-root ul li ul li ul li a{}
div#nav-root ul li ul li ul li a:hover{}
div#nav-root ul li ul li ul li a:before{}
div#nav-root ul li ul li ul li a:after{}

div#nav-root ul li ul li ul li.select a{}
div#nav-root ul li ul li ul li.select a:hover{}
div#nav-root ul li ul li ul li.select a:before{}
div#nav-root ul li ul li ul li.select a:after{}

/*  section menu ( description: Navigation to pages within the current site section ) */

div#nav-section{}

/* level 1 */
div#nav-section ul{}
div#nav-section ul li{
    display:inline;
    list-style:none
}
div#nav-section ul li:hover{}
div#nav-section ul li:before{}
div#nav-section ul li:after{}

div#nav-section ul li.select{}
div#nav-section ul li.select:hover{}
div#nav-section ul li.select:before{}
div#nav-section ul li.select:after{}

/* li a */
div#nav-section ul li a{}
div#nav-section ul li a:hover{}
div#nav-section ul li a:before{}
div#nav-section ul li a:after{}

div#nav-section ul li.select a{}
div#nav-section ul li.select a:hover{}
div#nav-section ul li.select a:before{}
div#nav-section ul li.select a:after{}

/* level 2 */
div#nav-section ul li ul{}
div#nav-section ul li ul li{}
div#nav-section ul li ul li:hover{}
div#nav-section ul li ul li:before{}
div#nav-section ul li ul li:after{}

div#nav-section ul li ul li.select{}
div#nav-section ul li ul li.select:hover{}
div#nav-section ul li ul li.select:before{}
div#nav-section ul li ul li.select:after{}

/* li a */
div#nav-section ul li ul li a{}
div#nav-section ul li ul li a:hover{}
div#nav-section ul li ul li a:before{}
div#nav-section ul li ul li a:after{}

div#nav-section ul li ul li.select a{}
div#nav-section ul li ul li.select a:hover{}
div#nav-section ul li ul li.select a:before{}
div#nav-section ul li ul li.select a:after{}

/* level 3 */
div#nav-section ul li ul li ul{}
div#nav-section ul li ul li ul li{}
div#nav-section ul li ul li ul li:hover{}
div#nav-section ul li ul li ul li:before{}
div#nav-section ul li ul li ul li:after{}

div#nav-section ul li ul li ul li.select{}
div#nav-section ul li ul li ul li.select:hover{}
div#nav-section ul li ul li ul li.select:before{}
div#nav-section ul li ul li ul li.select:after{}

/* li a */
div#nav-section ul li ul li ul li a{}
div#nav-section ul li ul li ul li a:hover{}
div#nav-section ul li ul li ul li a:before{}
div#nav-section ul li ul li ul li a:after{}

div#nav-section ul li ul li ul li.select a{}
div#nav-section ul li ul li ul li.select a:hover{}
div#nav-section ul li ul li ul li.select a:before{}
div#nav-section ul li ul li ul li.select a:after{}

/*  footer menu ( description: Footer navigation ) */

div#nav-footer{
    position:absolute;
    top:5px;
    left:20px
}
div#nav-footer ul{}
div#nav-footer ul li{
    display:inline;
    list-style:none
}
div#nav-footer ul li:hover{}
div#nav-footer ul li:before{}
div#nav-footer ul li:after{}

/* li a */
div#nav-footer ul li a{
    font-size:13px;
    color:#FFF;
    text-decoration:underline
}
div#nav-footer ul li a:hover{
    text-decoration:none
}
div#nav-footer ul li a:before{}
div#nav-footer ul li a:after{}

/*  simple menu ( description: Footer simple menu ) */

div#nav-simple{
    position:absolute;
    padding:20px 0 0 20px
}
div#nav-simple ul{}
div#nav-simple ul li{
    display:inline;
    list-style:none
}
div#nav-simple.lines li:before{
    margin:0 6px 0 2px
}

div#nav-simple ul li:hover{}
div#nav-simple ul li:before{
    color:#7bc3fe
}
div#nav-simple ul li:after{}

/* li a */
div#nav-simple ul li a{
    font-size:13px;
    color:#FFF;
    text-decoration:underline
}
div#nav-simple ul li a:hover{
    text-decoration:none
}
div#nav-simple ul li a:before{}
div#nav-simple ul li a:after{}

/*  forms ( description: Global forms styles ) */

.readonly{
    border:none;
    background:transparent
}

form span{}

form .display-block{
    margin:5px 0 0
}

/*  label */

label{
    display:block;
    margin:0;
    padding:0;
    cursor:default
}
label:before{}
label:after{
    content:":"
}
.display-block label{
    display:inline;
    padding-right:8px
}
.display-block label:after{
    content:""
}

/*  fieldset */

fieldset{
    margin:0 0 10px;
    padding:0 10px 10px;
    border:#cecece solid 1px
}
fieldset legend{
    margin:0;
    padding:0 5px;
    cursor:default;
    
    font-weight:bold
}
fieldset label{
    display:block;
    margin:10px 0 5px;
    padding:0
}
.display-block fieldset label{
    margin:0
}

/*  input */

input, select, textarea, button{
    /* Font style */
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#363636
}
input:focus{}
input:hover{}

input.text, input[type="text"], input.password, input[type="password"], textarea{
    width:200px;
    padding:2px 0;
    border-top:#898989 solid 1px;
    border-bottom:#d0d0d0 solid 1px;
    border-left:#898989 solid 1px;
    border-right:#d0d0d0 solid 1px;
    vertical-align:middle;
    
    font-size:14px;
    color:#252525
}
input.text:focus, input[type="text"]:focus, input.password:focus, input[type="password"]:focus, textarea:focus{
    background:#d7d7d7
}
input.text:hover, input[type="text"]:hover, input.password:hover, input[type="password"]:hover, textarea:hover{
    background:#eaeaea
}

input.password, input[type="password"]{}
input.password:focus, input[type="password"]:focus{}
input.password:hover, input[type="password"]:hover{}

input.checkbox, input[type="checkbox"], 
input.radio, input[type="radio"]{
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    vertical-align:middle
}
label input.checkbox, label input[type="checkbox"], 
label input.radio, label input[type="radio"]{
    margin-right:5px;
    margin-bottom:2px
}
input.radio{}, input[type="radio"]{}
label input.radio, label input[type="radio"]{
    margin-left:-1px
}

input.file{}, input[type="file"]{}
input.file:focus, input[type="file"]:focus{}
input.file:hover, input[type="file"]:hover{}

/*  select */

select{
    margin-right:6px;
    border-top:#898989 solid 1px;
    border-bottom:#d0d0d0 solid 1px;
    border-left:#898989 solid 1px;
    border-right:#d0d0d0 solid 1px;
    vertical-align:middle
}
select:focus{}
select:hover{}

select optgroup{
    background:#666666;

    font-style:normal
}
select option{
    margin:0;
    padding:0 5px
}
select option.color{
    background:#999999
}

/*  textarea */

textarea{
    width:500px;
    height:100px;
    padding:5px
}
textarea:focus{}
textarea:hover{}

/*  button */

input.button, 
input[type="button"], input[type="submit"], input[type="reset"], 
button{
    width:auto;
    height:24px;
    line-height:22px; vertical-align:middle;
    margin:0 0;
    padding:0 8px 3px;
    background:url(/img/form/bg-button.png) top left repeat-x;
    border:none;
    cursor:pointer;

    color:#FFFFFF;
    font-size:13px;
    font-weight:normal
}
input.button:hover, 
input[type="button"]:hover, 
button:hover{}

input.btn150 { 
    width:150px;
    height:24px;
    line-height:22px; vertical-align:middle;
    margin:0 0;
    padding:0 8px 3px;
    background:url(/img/form/btn150.gif) top left repeat-x;
    border:none;
    cursor:pointer;

    color:#FFFFFF;
    font-size:10px;
    font-weight:normal
}

select.narrow { width: 100px; }
select.medium { width: 200px; }
select.wide { width: 350px; }
select.max { width: 100%; }
input.normal { width: 200px; }
input.wide { width: 350px; }
input.max { width: 100%; }
textarea.wide { width: 350px; }
textarea.max { width: 100%; }


input.submit, input[type="submit"]{}
input.submit:focus, input[type="submit"]:focus{}
input.submit:hover, input[type="submit"]:hover{}

input.reset, input[type="reset"]{}
input.reset:focus, input[type="reset"]:focus{}
input.reset:hover, input[type="reset"]:hover{}

input.image, input[type="image"]{}
input.image:focus, input[type="image"]:focus{}
input.image:hover, input[type="image"]:hover{}

/*  route */

div#route{
    margin:10px 0 20px 2px
}
div#route ul{}
div#route ul li{
    float:left;
    display:inline;
    margin:0 8px 0 0;
    cursor:default;
    list-style:none;
    
    font-size:11px;
    color:#898989
}
div#route ul li:hover{}
div#route ul li:before{
    margin:0 8px 0 0;
    content:"/"
}
div#route ul li:after{}

div#route ul li:first-child:before{
    margin:0;
    content:""
}

div#route ul li.section{}
div#route ul li.section:hover{}
div#route ul li.section:before{}
div#route ul li.section:after{}

/* li a */
div#route ul li a{
    color:#000000;
    text-decoration:underline
}
div#route ul li a:hover{
    text-decoration:none
}
div#route ul li a:before{}
div#route ul li a:after{}

div#route ul li:first-child a{
    color:#007ac4
}

div#route ul li.home a{}
div#route ul li.home a:hover{}

div#route ul li[class|='root'] a{
    color:#4d9710
}
div#route ul li.root a{}
div#route ul li.root a:hover{}

div#route ul li.section a{}
div#route ul li.section a:hover{}

/*  pager */

div#pager{
    width:auto;
    height:24px;
    line-height:20px;
    margin:20px 0 0;
    padding:0;
    background:url(/img/components/pager/bg.gif) top left repeat-x;
    border:#d7d7d7 solid 1px
}
div#pager ul{
    text-align:center
}
div#pager ul li{
    display:inline;
    list-style:none;
    cursor:default;

    font-size:12px;
    color:#ff4900;
    font-weight:normal
}
div#pager ul li:before{
    margin:0 8px 0 4px
}

div#pager ul li a{
    font-size:12px;
    color:#007ac4;
    font-weight:normal
}
div#pager ul li a:hover{}

div#pager ul li.back:before{
    /*margin-right:8px;
    content:"<";
    cursor:default;

    font-size:14px;
    color:#f7941d;
    font-weight:bold*/
}
div#pager ul li.back, 
div#pager ul li.next{
    padding:0 0 2px 12px;
    background:url(/img/components/pager/ico-back.gif) center left no-repeat
}

div#pager ul li.back a, 
div#pager ul li.next a{
    color:#4d9710;
    font-weight:normal
}
div#pager ul li.back a:hover, 
div#pager ul li.next a:hover{}

div#pager ul li.next{
    padding:0 14px 2px 0;
    background:url(/img/components/pager/ico-next.gif) center right no-repeat
}
div#pager ul li.next:after{
    /*margin-left:6px;
    content:">";
    cursor:default;

    font-size:14px;
    color:#f7941d;
    font-weight:bold*/
}
div#pager ul li.next a{}
div#pager ul li.next a:hover{}

/*  popup */

div.popup{}

/* level 1 */
div.popup ul{
    display:block
}
div.popup ul li{}

/* li:hover */
div.popup ul li:hover{}
div.popup ul li:before{}
div.popup ul li:after{}

div.popup ul li:hover ul{
    visibility:visible
}

/* level 2 */
div.popup ul li ul{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    visibility:hidden
}
div.popup ul li ul li{
    width:auto !important;
    height:auto !important;
    display:block !important;
    float:none !important;
    text-align:left !important
}

/*  more */

.more{
    margin:10px 0 0 !important
}

.more:hover{}
.more:before{}
.more:after{}

.more a{
    height:20px;
    line-height:18px;
    display:block;
    position:relative;
    float:right;
    margin:0 4px;
    padding:0 6px;
    background:url(/img/components/more/bg.png) top left repeat-x;

    font:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important;
    font-size:11px !important;
    color:#FFFFFF !important;
    text-decoration:none !important
}
.more a:hover{}
.more a:before{}
.more a:after{}

.more a span.text{
    padding:0 10px 2px 0;
    background:url(/img/components/more/arrow.white.gif) center right no-repeat
}
.more a:hover span.text{}

.more a .corner{
    width:4px;
    height:20px;
    top:0

}
.more a .corner.left{
    left:-4px;
    background:url(/img/components/more/corner.left.png) top left no-repeat
}
.more a .corner.right{
    top:0;
    right:-4px;
    background:url(/img/components/more/corner.right.png) top left no-repeat
}

/*  dialog */

div#dialog-bg{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    background:url(/img/png/bg-black60.png)
}
div.dialog{
    position:absolute;
    top:50%;
    left:50%;
    z-index:1001;
    background:#FFFFFF
}
div.dialog div.wrap{
    padding:20px
}

div.dialog div.block{}
div.dialog div.block div.controls{
    position:absolute;
    top:14px;
    right:14px
}
div.dialog div.block div.controls a.close{
    width:9px;
    height:9px;
    display:block;
    background:url(/img/ico/close.gif) top left no-repeat
}

div.dialog div.content{
    margin:20px 0 0 0
}

/*  intro */

div.dialog.intro{
    width:800px;
    height:500px;
    margin:-250px 0 0 -400px;
    border:#999999 solid 1px
}

/*  signin */

div#signin{
    width:290px;
    background:url(/img/png/bg-black30.png)
}
div#signin div.block{
    margin:4px;
    background:#FFFFFF;
    border:none
}
div#signin input, div#signin input[type="password"]{
    width:240px;
    display:block
}
div#signin div.checkbox{
    margin-bottom:20px
}
div#signin input[type="submit"]{
    width:auto;
    position:absolute;
    bottom:14px;
    right:14px
}

/*  buttons */

div.button{
    height:auto;
    position:relative;
    margin:0 13px 0 11px
}

/*  sign */

div.button.sign{
    height:34px;
    background:url(/img/elements/button.sign.bg.gif) top left repeat-x;
    border-top:#fecc96 solid 2px;
    border-bottom:#fecc96 solid 2px
}
div.button.sign div.corner{
    width:10px;
    height:38px;
    top:-2px
}
div.button.sign div.corner.left{
    left:-10px;
    background:url(/img/elements/button.sign.corner.left.gif) top left no-repeat !important
}
div.button.sign div.corner.right{
    right:-10px;
    background:url(/img/elements/button.sign.corner.right.gif) top left no-repeat !important
}
div.button.sign span{
    line-height:30px;
    display:block;
    margin:0 0 0 0px;
    padding:0 0 3px 16px;
    background:url(/img/nav/root/icoAccordionPanelTab.gif) center left no-repeat
}
div.button.sign a{
    font-size:15px;
    color:#FFF;
    font-weight:bold;
    text-decoration:none
}

/*  present */

div.button.present{
    height:34px;
    margin:0 2px 0 0;
    padding:0;
    background:#FFF;
    border:#cecece solid 1px
}
div.button.present div.corner{
    width:9px;
    height:36px;
    top:-1px
}
div.button.present div.corner.left{
    left:-1px;
    background: url(/img/elements/button.present.corner.left.gif) top left no-repeat !important
}
div.button.present div.corner.right{
    right:-1px;
    background:url(/img/elements/button.present.corner.right.gif) top left no-repeat !important
}
div.button.present span{
    line-height:32px;
    display:block;
    margin:0 0 0 11px;
    padding:0 0 2px 18px;
    background:url(/img/elements/ico.button.present.gif) center left no-repeat
}
div.button.present a{
    font-size:14px;
    color:#007ac4;
    font-weight:normal;
    text-decoration:underline
}
div.button.present a:hover{
    text-decoration:none
}

/*  tools */

/*  lines */

hr{}
div.hr{
    height:1px;
    margin:0;
    padding:0;
    border-bottom:#999999 solid 1px;
    line-height:1px;

    font-size:1px
}
div.lines{
    cursor:default
}
div.lines li:before{
    margin:0 5px;
    content:"|";
    cursor:default;

    font-size:15px;
    color:#898989
}
div.lines li:first-child{
    padding:2px 0 0 0
}
div.lines li:first-child:before{
    margin:0;
    content:""
}
div.lines ul li ul li:before{
    margin:0;
    content:""
}

/*  clearing */

.clear{
    clear:both
}
.clear:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden
}

/*  floating */

.float-left{
    float:left !important
}
.float-right{
    float:right !important
}
.float-none{
    float:none !important
}

/*  position */

.absolute{
    position:absolute !important
}
.absolute-global{
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.relative{
    position:relative !important
}

/*  clear sides */

.clear-outside{
    margin:0 !important
}
.clear-inside{
    padding:0 !important
}
.clear-sides{
    margin:0; !important
    padding:0 !important
}

/*  width */

.width100 {
    width:100% !important
}

/*  spacer */

.spacer{
    width:1px;
    height:1px;
    line-height:1px;

    font-size:1px
}

/*  hidden */

.hidden {
    visibility:hidden !important
}
.none {
    display:none !important
}

/*  display */

.display-block{
    display:block
}
.display-inline{
    display:inline
}
.display-none{
    display:none
}

/*  background */

.bg-none{
    background:none !important
}
.bg-transparent{
    background:transparent !important
}

/*  border */

.border-none{
    border:none !important
}

/*  list */

.list-none{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important
}

/*  before & after */

.before-none:before{
    content:""
}
.after-none:after{
    content:""
}

/*  margin & padding */

/*  top */

.margin-top5{
    margin-top:5px
}
.margin-top10{
    margin-top:10px
}
.margin-top15{
    margin-top:10px
}
.margin-top20{
    margin-top:10px
}

/*  right */

.margin-right5{
    margin-right:5px
}
.margin-right10{
    margin-right:10px
}
.margin-right15{
    margin-right:15px
}
.margin-right20{
    margin-right:20px
}

/*  bottom */

.margin-bottom5{
    margin-bottom:5px
}
.margin-bottom10{
    margin-bottom:10px
}
.margin-bottom15{
    margin-bottom:15px
}
.margin-bottom20{
    margin-bottom:20px
}

/*  left */

.margin-left5{
    margin-left:5px
}
.margin-left10{
    margin-left:10px
}
.margin-left15{
    margin-left:15px
}
.margin-left20{
    margin-left:20px
}

/*  view */

/*  list */

.list div.item{
    margin:0 0 10px
}
.list div.item ul{}
.list div.item ul li{
    display:block;
    margin:0;
    padding:0;
    list-style:none
}
.list div.item ul li.title{}

/*  matrix */

.matrix div.item{
    width:33.3%;
    height:auto;
    float:left;
    position:relative;
    margin:0 0 10px;
    padding:0
}
.matrix div.item ul{
    margin:0;
    padding:0
}
.matrix div.item ul li{
    display:block;
    margin:0;
    padding:0;
    list-style:none
}
.matrix div.item ul li.title{}

/*  bg */

.bg{
    position:absolute
}

.bg.top{}

/*  corners */

.corner{
    position:absolute
}

.corner.top{
    top:0
}
.corner.right{
    right:0
}
.corner.bottom{
    bottom:0
}
.corner.left{
    left:0
}

.corner.top.left{}
.corner.top.right{}
.corner.bottom.left{}
.corner.bottom.right{}

/*  shadows */

.shadow{
    position:absolute
}

.shadow.top{}
.shadow.right{}
.shadow.bottom{}
.shadow.left{}

.shadow.top.left{}
.shadow.top.right{}
.shadow.bottom.left{}
.shadow.bottom.right{}

/* Spry (Framework for Ajax) */
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
    border-left: solid 1px gray;
    border-right: solid 1px black;
    border-bottom: solid 1px gray;
    overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
    margin: 0px;
    padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
    background-color: #CCCCCC;
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
    overflow: auto;
    margin: 0px;
    padding: 0px;
    height: 200px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
    background-color: #EEEEEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
    color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
    background-color: #3399FF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #33CCFF;
}

/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip
{
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
}

.tooltipContent
{
    background-color: #FFFFCC;
}

/*  Accordion: root menu */

div#nav-root .Accordion{
    margin:10px 0;
    border:none
}
div#nav-root .AccordionPanelTab{
    height:35px;
    line-height:31px;
    padding:0 10px 0 12px;
    background:url(/img/nav/root/bgAccordionPanelTab.png) top left no-repeat;
    border:none;
    
    font-size:15px;
    color:#FFF;
    font-weight:bold
}
div#nav-root .AccordionPanelTab span{
    height:35px;
    display:block;
    padding:0 0 0 16px;
    background:url(/img/nav/root/icoAccordionPanelTab.gif) center left no-repeat
}
div#nav-root .AccordionPanelTab.first{
    background:url(/img/nav/root/bgAccordionPanelTabFirst.png) top left no-repeat
}
div#nav-root .AccordionPanelTab.last{
    background:url(/img/nav/root/bgAccordionPanelTabLast.png) top left no-repeat
}
div#nav-root .AccordionPanelOpen .AccordionPanelTab{
    color:#f6ec78
}
div#nav-root .AccordionPanelOpen .AccordionPanelTab.first{}
div#nav-root .AccordionPanelOpen .AccordionPanelTab.last{
    background:url(/img/nav/root/bgAccordionPanelTab.png) center left no-repeat
}
div#nav-root .AccordionPanelOpen .AccordionPanelTab span{
    background:url(/img/nav/root/icoAccordionPanelTabOpen.gif) center left no-repeat
}
div#nav-root .AccordionPanelTab.first span,
div#nav-root .AccordionPanelOpen .AccordionPanelTab.first span{
    line-height:34px;
    background-position:0 14px
}
div#nav-root .AccordionPanelTab.last span,
div#nav-root .AccordionPanelOpen .AccordionPanelTab.last open{
    line-height:29px;
    background-position:0 11px
}

/* Extension */

/*  height100 */

html, body{
    height:100%
}
div#container-bg{
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto;
    background: url(/img/body.bottom.png) bottom left repeat-x;
}

/*  home */

/*  header ( description: Header elements ) */

div#header{}
div#intro{}
div#logo{}
div#logo img{}

div#slogan{}
div#image{}

div#intro div#logo{}
div#intro slogan{}
div#intro div#image{}

div#features{
    margin-right:-10px
}
div#features div.column div.block{
    margin-right:10px;
    background:url(/img/elements/bg.features.png) bottom left no-repeat !important;
}
div#features div.column div.bottom{
    margin:-9px 0 10px 0;
    height:28px;
    background:url(/img/elements/under.features.png) top left no-repeat !important;
}
div#features h3{
    display:block;
    padding:0 0 0 24px;
    background:url(/img/elements/ico.h3.features.gif) center left no-repeat !important;

    font-size:19px;
    color:#00b3fe
}
div#features ul{
    margin-top:10px
}
/*  search */

div#search{}
div#search div.item{}
div#search div.item ul{}
div#search div.item ul li{}
div#search div.item ul li a{}
div#search div.item ul li a:hover{}
div#search div.item ul li.title{
    margin:0 0 5px 0;
    padding:0 0 0 20px;
    background:url(/img/ico/arrow.gif) top left no-repeat;
    background-position:0 6px
}
div#search div.item ul li.title a{
    font-size:13px;
    color:#007ac4;
    font-weight:bold
}
div#search div.item ul li.title a:hover{}

div#search div.item ul li b{
    font-size:14px;
    color:#898989
}

/*  article */

div#article{}
div#article div.item{}
div#article div.item ul{}
div#article div.item ul li{}
div#article div.item ul li a{}
div#article div.item ul li a:hover{}
div#article div.item ul li.date{
    padding:0 5px;
/*  width:64px;*/
/*  float:left;*/
    display:inline;
    background:#7fb743;
    text-align:center;
    cursor:default;
    
    font-size:11px;
    color:#FFF
}
div#article div.item ul li.title{
    display:inline;
    margin:0 0 5px 10px;
    padding:0 0 0 20px;
    background:url(/img/ico/arrow.gif) top left no-repeat;
    background-position:0 6px
}
div#article div.item ul li.title a{
    font-size:13px;
    color:#007ac4;
    font-weight:bold
}
div#article div.item ul li.title a:hover{}

div#article div.item ul li b{
    font-size:14px;
    color:#898989
}

div#news_nav{
    float:left;
    margin:0 40px 10px 0;
}

div#news_nav a{
    font-size:13px;
    color:#007ac4;
    font-weight:bold
}

div#news_nav div.left{
    padding-right:10px;
    float:left;
}

div#news_nav div.right{
    padding-left:10px;
    border-left:solid 1px #cecece;
    float:right;
}

.newmessagetitle
{
    margin:12px 0;

    font-size:18px;
    color:#ff4900;
    font-weight:normal

}

.separator { clear: both; }
.pad { height: 20px; }

/*  START JOURNALS  */

#journal_navigation {font-size: smaller;}
#journal_navigation #years {margin: 10px 0;}
#journal_navigation #years div  {padding: 7px; float: left; color: #69AA2F; }
#journal_navigation #years div  a { color: #69AA2F; }
#journal_navigation #years div.active  { background-color: #69AA2F; }
#journal_navigation #years div.active  a { color: #FFFFFF; }

#journal_navigation #monthes {margin: 10px 0; }
#journal_navigation #monthes div  {padding: 7px; float: left; color: #69AA2F; }
#journal_navigation #monthes div  a { color: #69AA2F; }
#journal_navigation #monthes div.active  {background-color: #69AA2F; }
#journal_navigation #monthes div.active  a { color: #FFFFFF; }


.journal_entry_links   {font-size: smaller;}
#journal_entries .journal_entry_title  {font-weight: bold;}
#journal_entries .journal_entry_title a { color: #007AC4;}
#journal_entries .journal_entry_stext   {margin: 10px 0;}
#journal_entries .journal_entry_links .journal_entry_date   {margin-right: 10px; float: left;}

#journal_entry_text   {margin: 20px 0;}
#journal_entry_header #journal_entry_alias  {float: left; line-height:16px; font-weight: bold;}
#journal_entry_header #journal_entry_date {font-size: smaller; line-height:18px;}

#journal_band .journal_item .date {font-size: x-small; padding-bottom:0px; color:#ff4900;}
#journal_band .journal_item .title { line-height: 1.2em; padding-bottom:5px;}
#journal_band .journal_item .title a { color: #007AC4; font-weight: bold;}
#journal_band .journal_item .text { line-height: 1.2em; padding-bottom:20px; }
a.news_archive { font-size: xx-small; }

/*  END JOURNALS    */


/*  START SYSTEM MESSAGES */

table.sys_msg_ok {background: #efe; color: #363; margin-bottom:10px;}
table.sys_msg_ok tr td { vertical-align: top; padding: 5px; }
table.sys_msg_err {background: #fee; color: #633; margin-bottom:10px;}
table.sys_msg_err tr td { vertical-align: top; padding: 5px; }

/*  END SYSTEM MESSAGES*/

#wallet_menu { xheight: 100%; line-height: 1.8em; text-align: center; font-size: 100%; 
                font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; }
				
/*	start comments	*/
.level0 {}
.level1 {margin-left: 20px}
.level2 {margin-left: 40px}
.level3 {margin-left: 60px}
.level4 {margin-left: 80px}
.level5 {margin-left: 100px}
.level6 {margin-left: 120px}
.level7 {margin-left: 140px}
/*	end comments	*/