/* General styles */
body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:775px;        /* Minimum width of layout - remove line if not required */
                            /* The min-width property does not work in old versions of Internet Explorer */

    font-size:74%;
    font-family:Arial,Verdana, Helvetica,sans-serif;
}

img {
    border:0;
}

a {
    color:#187eaf;
    text-decoration:none;
}
a:hover {
    color:#e7662b;
    text-decoration:underline;
}

.hide {
    display:none;
}

/* 3col layout */

#wrap {
    position:relative;
    width:26cm;
    margin:0 auto;
    margin-top:.5cm;
}

/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
    margin-bottom:.3cm;
}
/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;         /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em;  /* no left and right padding on columns, we just make them narrower instead
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* Full page settings */
.fullpage {
    background:#fff;        /* page background colour */
}
.fullpage .col1 {
    width:100%;          /* page width minus left and right padding */
    left:0%;             /* page left padding */
}
.fullpage .col2, .fullpage .col3 {
    display:none;
}
/* 2 Column (left menu) settings */
.leftmenu {
    background:#fff;        /* right column background colour */
}
.leftmenu .colmid {
    float:none;
}
.leftmenu .colleft {
    right:80%;          /* right column width */
    background:#fff;    /* left column background colour */
}
.leftmenu .col1 {
    width:80%;          /* right column content width */
    left:100%;          /* 100% plus left column left padding */
}
.leftmenu .col2 {
    width:19%;          /* left column content width (column width minus left and right padding) */
    left:0%;           /* (right column left and right padding) plus (left column left padding) */
}
.leftmenu .col3 {
    display:none;
}
/* 3 Column settings */
.threecol {
    background:#fff;        /* right column background colour */
}
.threecol .colmid {
    right:20%;          /* width of the right column */
    background:#fff;        /* center column background colour */
}
.threecol .colleft {
    right:60%;          /* width of the middle column */
    background:#fff; /* left column background colour */
}
.threecol .col1 {
    width:58%;          /* width of center column content (column width minus padding on either side) */
    left:101%;          /* 100% plus left padding of center column */
}
.threecol .col2 {
    width:19%;          /* Width of left column content (column width minus padding on either side) */
    left:22%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    width:19%;          /* Width of right column content (column width minus padding on either side) */
    left:84%;           /* Please make note of the brackets here:
                           (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    position:relative;
}


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

/* base layout styles */
#accessibility {
    display:none;
}

#header {
    color:#187eaf;
}

#header .left, #header .right {
    height:2cm;
}

#header .left {
    width:50%;
    position:relative;
}

#header .left p {
    position:absolute;
    bottom:0;
    left:0;
    font-size:150%;
    margin:0;
    padding:0;
}

#header .right {
    width:50%;
    text-align:right;
    position:absolute;
    top:0;
    right:0;
}

#header form {
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
}
#header form label {
    display:none;
}
#header form input.query {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:30%;
    margin:0;
    padding:.42em;
    background:#fff;
    border:0.2em solid #e4e3e3;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    font-size:100%;
}

#header form input.submit {
    height:2.2em;
    vertical-align:bottom;
}

/* crumbs */
#header .crumbs {
    font-size:100%;
    margin-top:.8em;
    padding:0;
    color:#187eaf;
    padding:.5em 0;
    border:0.13em solid #9bbfd7;
    border-left:0;
    border-right:0;
}

/* footer styles */
#footer {
    border-top:1px solid #9bbfd7;
    color:#187eaf;
}

#footer .links {
    line-height:3.5em;
}

#footer .size {
    position:absolute;
    top:0;
    right:0;
    line-height:3.5em;
}

#footer a {
    margin-left:.1cm;
}
#footer a.sm {
    font-size:100%;
}
#footer a.mid {
    font-size:130%;
}
#footer a.big {
    font-size:150%;
}

/* feedback note */
.fullpage a#feed {
    display:none;
}

a#feed {
    display:block;
    position:absolute;
    bottom:.7em;
    left:0;
    width:19%;
    color:#fff;
    background:#003068;
}

a#feed:hover span {
    text-decoration:underline;
}
a#feed:hover span.title {
    text-decoration:none;
}

a#feed span {
    display:block;
    margin:0.5em .7em;
    padding:0;
    font-size:100%;
}

a#feed span.title {
    font-weight:bold;
    font-style:normal;
}



/* left menu */
.col2, .colmid, .colmask {
    overflow:visible;
}
#wrap {
    padding-left:1em;
}
.col2 ul.menu {
    list-style-type:none;
    margin:0 0 3cm;
    padding:0;
}

.col2 ul.menu li {
    display:block;
    border-top:1px solid #d8d9da;
    margin:0;
    padding:0;
}

.col2 ul.menu li a {
    display:block;
    font-size:110%;
    padding:.5em 0;
    font-weight:bold;
    text-decoration:none;
    overflow:visible;
}
.col2 ul.menu li a:hover {
    text-decoration:none;
}

.col2 ul.menu li.last {
    border-bottom:1px solid #d8d9da;
}


.col2 ul.menu li.open a {
    /*padding-bottom:0;*/
}
.col2 ul.menu li ul {
    list-style-type:none;
    padding:0;
    margin:0;
    margin-bottom:.5em;
    overflow:hidden;
}
.col2 ul.menu li ul li {
    border-top:none;
}
.col2 ul.menu li a.selected {
    color:#e7662b;
}
.col2 ul.menu li ul li a {
    padding-left:1em;
}
.col2 ul.menu li a img {
    margin:0 .3em 0 -.9em;
    padding:0;
    width:0.6em;
}
.col2 ul.menu li ul li ul {
    margin-left:1em;
}

/* right column style */
.col3 dl {
    display:block;
    padding:0;
    margin:0 0 .5em;
}
.col3 dl dt {
    display:block;
    padding:.2em .4em;
    margin:0;
    color:#fff;
    font-size:110%;
    font-weight:bold;
    cursor:pointer;
}
.col3 dl dd {
    display:block;
    padding:.4em;
    margin:0;
    background:#e6e6e6;
}
.col3 dl dd .emph {
    font-weight:bold;
}

.col3 dl dd ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
.col3 dl dd ul li {
    margin:0 0 .5em;
}
.col3 dl dd ul li.last {
    margin:0;
}


.col3 dl.downloads dt {
    background:#187eaf;
}
.col3 dl.downloads dd, .col3 dl.downloads dd a {
    color:#187eaf;
}
.col3 dl.related dt {
    background:#46267d;
}
.col3 dl.related dd, .col3 dl.related dd a {
    color:#46267d;
}
.col3 dl.related dd ul {
    display:block;
    margin:0;
    padding:0;
}
.col3 dl.related dd ul li {
    display:block;
    margin:0;
    padding:0;
}
.col3 dl.related dd ul li a {
    display:block;
    line-height:2em;
    font-weight:bold;
}
.col3 dl.tools dd ul li a:hover {
    text-decoration:underline;
}

.col3 dl.tools dt {
    background:#743030;
}
.col3 dl.tools dd, .col3 dl.tools dd a {
    color:#743030;
}
.col3 dl.tools dd ul li {
    margin:0;
}
.col3 dl.tools dd ul li a {
    display:block;
    height:2.5em;
    line-height:2.5em;
}
.col3 dl.tools dd ul li a img {
    width:1.8em;
    margin-right:.3em;
    vertical-align:middle;
}
.col3 dl.tools dd ul li a:hover {
    text-decoration:none;
}
.col3 dl.tools dd ul li a:hover span {
    text-decoration:underline;
}
.col3 dl.tools dd ul li a.disabled {
    color:#777;
}
.col3 dl.tools dd ul li a.disabled img {
    opacity:.7;
}
.col3 dl.tools dd ul li a.disabled:hover span {
    text-decoration:none;
}



/* special page general styles */
#rv-content-special {
    /*border-top:solid .07cm #0790B2;*/
}
#rv-content-special h1, #rv-content-special h2 {
    padding:0;
    margin:0 0 .1cm;
    color:#187eaf;
}
#rv-content-special h1 {
    font-size:180%;
    font-weight:bold;
}
#rv-content-special h2 {
    font-size:130%;
    font-weight:bold;
}
#rv-content-special p {
    margin:.2cm 0;
    padding:0;
    font-size:100%;
    color:#000;
    clear:both;
}

#rv-content-special form span.error-message {
    float:left;
    display:inline;
    font-weight:bold;
    color:red;
    margin-left:.3em;
}

#rv-content-special form label span.error-message {
    display:inline;
    font-weight:bold;
    color:red;
    margin-left:1em;
}

/* print basket */
#rv-content-special.printbasket table {
    border:0;
    border-collapse:collapse;
    width:100%;
}
#rv-content-special.printbasket th,
#rv-content-special.printbasket td,
#rv-content-special.printbasket p.actions {
    text-align:left;
    line-height:220%;
    padding:0;
    margin:0;
    vertical-align:middle;
    border-bottom:solid 1px #769bb8;
}
#rv-content-special.printbasket th,
#rv-content-special.printbasket p.actions a {
    color:#1a5989;
    font-weight:bold;
}
#rv-content-special.printbasket td, #rv-content-special.printbasket td a {
    color:#000;
}
#rv-content-special.printbasket p.actions {
    padding-left:2em;
}
#rv-content-special.printbasket p.actions a {
    margin-right:2em;
}
#rv-content-special.printbasket th.num {
    width:2em;
}
#rv-content-special.printbasket th.email,
#rv-content-special.printbasket th.print {
    width:4em;
}
#rv-content-special.printbasket tbody tr:hover {
    background:#B8DFE9;
}

/* feedback form */
#rv-content-special.feedback label {
    display:block;
    margin:.2cm 0 .1cm;
    clear:both;
}

#rv-content-special.feedback .grid {
    clear:both;
}
#rv-content-special.feedback .grid label {
    position:relative;
    display:block;
    float:left;
    width:23%;
    text-indent:-1.8em;
    margin:0;
    padding:0 0 0 1.8em;
    clear:none;
}
#rv-content-special.feedback .grid label input {
    width:1.8em;
}
#rv-content-special.feedback textarea {
    display:block;
    width:90%;
    height:8ex;
}

/* email form */
#rv-content-special.email label {
    display:block;
    margin:.2cm 0 .1cm;
    clear:both;
}
#rv-content-special.email textarea {
    display:block;
    width:90%;
    height:15em;
}
#rv-content-special.email input#email {
    width:90%;
}
#rv-content-special.email img.code {
    display:block;
    height:45px;
}

/* search results */
#rv-content-special.search div {
    margin:1em 0 0;
    padding-left:2em;
}
#rv-content-special.search a {
    display:block;
    margin-left:-2em;
}
#rv-content-special.search .hl {
    background:yellow;
}

/* base */
#rv-content a.linktotop {
    display:block;
    margin-top:1.5em;
}

#rv-content .pagelinks {
    margin:1.5em 0 0;
}
#rv-content .pagelinks a {
    margin-right:.7em;
}