/*  ///////////////////////////////////////////////////////////////////////////////////////////////
CSS-pwnage v3.0 Screen
villev[at]frontofmind.co.uk
//////////////////////////////////////////////////////////////////////////////////////////////  */
html { 
overflow: -moz-scrollbars-vertical !important; 
}

body {
background-color: #fff;
color: #333;
font-family: geneva, verdana, sans-serif;
font-size: 70%;
line-height: 150%;
margin: 0;
padding: 0;
text-align: center;
}
td {
font-family: geneva, verdana, sans-serif;
font-size: 70%;
voice-family: "\"}\""; 
voice-family:inherit;
font-size: 100%;
}
pre {
color: #555;
font-style: normal;
font-size: 90%;
}
img, input, label, legend {
border: none;
margin: 0;
padding: 0;
}
.access {
display: none;
}

.clear {clear:both;}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
typography
//////////////////////////////////////////////////////////////////////////////////////////////  */

/* headers */
#twocolumn h2 {
border-bottom:1px solid #ABABAB;
font-size:0.9em;
margin:40px 0 0 0;
padding:3px 0;
width:180px;
}
#twocolumn h2 a{
background:url("/dmgt/images/nav_arrow_down.gif") 10px 5px no-repeat;
margin:40px 0 0 0;
padding:0 0 0 20px;
}

#content h3 {
font-family: "Times New Roman", Times, serif;
font-size: 2.2em;
font-weight:normal;
line-height:1.0em;
margin:5px 0 3px 0;
padding:0;
}

#content .dashboard h3 {
font-family: geneva, verdana, sans-serif;
font-size:1.0em;
margin:0;
padding: 0 0 7px 0;
}

#content h4 {
clear:both;
color:#6D6D6D; 
font-size:1.2em;
font-style:italic;
margin:10px 0;
}

#related h4 {
background: url("/dmgt/images/h4_related.gif") no-repeat;
height:17px;
margin:0;
padding:0;
text-indent:-8000px;
width:180px;
}

#content h4.greyfull {
background:url("/dmgt/images/ui_dbl_border.gif") bottom left repeat-x;
clear:both;
color:#6D6D6D; 
font-size:1.2em;
font-style:italic;
margin:10px 0;
padding-bottom:5px;
width:565px;
}

#content p {
margin:0 0 10px 0;
padding:0;
}

#content ul {
margin:5px 0 10px 15px;
padding:0;
}

#content ul li {
background: url("/dmgt/images/ui_bullet_sq.gif") 0 7px no-repeat;
list-style:none;
margin:0 0 8px 0;
padding:0 0 0 10px;
}

span.reallysmall {
color: #999;
font-size: 90%;
}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
links
//////////////////////////////////////////////////////////////////////////////////////////////  */
a { 
color:#3E87BE; 
text-decoration:none;
}

a:hover { 
text-decoration:underline;
}

#siteservices a {
padding: 0 5px 0 5px;
color: #999;
text-decoration: none;
}
#siteservices a:hover {
color: #3E87BE;
}

a.noline {
text-decoration: none;
}
a.ext {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding-right: 12px;
background: url("/dmgt/images/hrefext.gif") no-repeat right #fff;
}
a.htm {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_html.gif") no-repeat #fff;
}
a.pdf {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_pdf.gif") no-repeat #fff;
}
a.ppt {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_ppt.gif") no-repeat #fff;
}
a.media {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_media.gif") no-repeat #fff;
}
a.zip {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_zip.gif") no-repeat #fff;
}
a.zinio {
padding: 0px;
voice-family: "\"}\""; 
voice-family:inherit;
padding: 0 0 4px 22px;
line-height: 200%;
background: url("/dmgt/images/ico_zinio.gif") no-repeat #fff;
}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
layout
//////////////////////////////////////////////////////////////////////////////////////////////  */

#wrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width: 760px;
}

#header {
display: block;
float: left;
width: 760px;
}

#header img {
float: left;
margin: 10px 30px 10px 0px;
}

#siteservices {
float: left;
width: 590px;
text-align: right;
font-size: 90%;
margin: 20px 0 0 0;
}

#topnav {
display: block;
float: left;
margin:15px 0;
width: 760px;
}

#banner {
background:url("/dmgt/images/ui_dbl_border.gif") bottom left repeat-x;
display: block;
float: left;
margin-bottom:10px;
padding-bottom:4px;
width:760px;
}

#twocolumn {
display:block;
float:left;
width:760px;
}

#leftnav {
float:left;
display:inline;
width:190px;
margin: 0;
padding: 0;
}

#content {
float:left;

width:565px;
}

#footer { 
background:url("/dmgt/images/ui_dbl_border.gif") top left repeat-x;
display: block;
float: left;
margin:15px 0;
padding:10px 0;
text-align:center;
width: 760px;
}
 /* breadcrumb trail */
#content #trail {
display:block;
margin: 0 0 10px 0;
padding: 0;
width: 560px;
}
#content #trail li {
background: url("/dmgt/images/ui_arrow_trail.gif") 0 5px no-repeat;
margin: 0;
padding: 0 4px 0 10px;
}
#content #trail li.first {
background: none;
margin: 0;
padding: 0 4px 0 0;
}
#content #path {
color: #777;
font-size: 90%;
margin: 0;
padding: 0;
width: 480px;
}
#path a {
color: #777;
padding: 0;
text-decoration: none;
}
#path a:hover {
text-decoration: underline;
}

#related {
float:right;
padding:0 0 10px 20px;
width:180px;
}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
lists
//////////////////////////////////////////////////////////////////////////////////////////////  */

#siteservices li {
margin: 0;
padding: 0;
}
#siteservices li.first a {
border-left: 0px;
}

ul.inline {
margin:0;
padding:0;
}

ul.inline li {
display: inline;
}

#footer ul li{
border-right:1px solid #ccc;
color:#999;
font-size:0.9em;
padding:0 5px;
}

#footer ul li a{
color:#999;
}

#footer ul li a:hover{
color:#3E87BE;
}

#content #related ul {
list-style:none;
margin:0;
padding:0;
}

#content #related ul li{
background:none;
list-style:none;
margin:0;
padding:3px 0;
}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
leftnav
//////////////////////////////////////////////////////////////////////////////////////////////  */
#leftnav ul {
list-style:none;
margin:0 0 0 0;
padding:0;
width:180px;
}
#leftnav ul li{
background:url("/dmgt/images/ui_dotted.gif") bottom left repeat-x;
padding:1px 0;
}
#leftnav ul li.last{
background:none;
}
#leftnav ul li a{
background:url("/dmgt/images/nav_arrow.gif") 10px 5px no-repeat #fff;
display:block;
font-size:0.9em;
padding-left:20px;
width:160px;
}
#leftnav ul li a:hover{
background: url("/dmgt/images/nav_arrow.gif") 10px 5px no-repeat
#f2f2f2;
text-decoration:none;
}
#leftnav ul li a.active{
background: url("/dmgt/images/nav_arrow.gif") 10px 5px no-repeat
#f2f2f2;
font-weight:bold;
text-decoration:none;
}
#leftnav ul li a.open{
background: url("/dmgt/images/nav_arrow_down.gif") 10px 5px no-repeat
#f2f2f2;
font-weight:bold;
text-decoration:none;
}

/*sub levels */

#leftnav ul ul {
background:url("/dmgt/images/ui_dotted.gif") top left repeat-x;
}

#leftnav ul ul li{
background:url("/dmgt/images/ui_dotted.gif") bottom left repeat-x;
padding:1px 0;
}

#leftnav  ul ul li a{
background:url("/dmgt/images/nav_sub_arrow.gif") 20px 7px no-repeat #fff;
display:block;
font-size:0.9em;
padding-left:30px;
width:150px;
}

#leftnav ul ul li a:hover{
background: url("/dmgt/images/nav_sub_arrow.gif") 20px 7px no-repeat #f2f2f2;
text-decoration:none;
}

#leftnav ul ul li a.active{
background: url("/dmgt/images/nav_sub_arrow.gif") 20px 7px no-repeat #f2f2f2;
font-weight:bold;
text-decoration:none;
}

#leftnav ul ul li a.open{
background: url("/dmgt/images/nav_arrow_down.gif") 20px 7px no-repeat #f2f2f2;
font-weight:bold;
text-decoration:none;
}

/*sub sub levels */

#leftnav ul ul ul li{

padding:1px 0;
}

#leftnav  ul ul ul li a{
background:none;
display:block;
font-size:0.8em;
padding-left:40px;
width:140px;
}

#leftnav ul ul ul li a:hover{
background:none;
text-decoration:none;
}

#leftnav ul ul ul li a.active{
background:none;
font-weight:bold;
text-decoration:none;
}


/*  ///////////////////////////////////////////////////////////////////////////////////////////////
pagetools
//////////////////////////////////////////////////////////////////////////////////////////////  */

#content ul#pagetools{
display: inline;
float:right;
margin:20px 0 10px 0;
padding:0;
}

#content #pagetools li{
background:none;
display: inline;
padding-left:10px;
}

#pagetools li a{
color:#777;
font-weight:bold;
}

a.backtop { 
background:url("/dmgt/images/ui_icon_backtop.gif") no-repeat;
padding-left:25px;
}
a.print { 
background:url("/dmgt/images/ui_icon_print.gif") no-repeat;
padding-left:25px;
}
a.email { 
background:url("/dmgt/images/ui_icon_email.gif") 0 2px no-repeat;
padding-left:25px;
}
/*  ///////////////////////////////////////////////////////////////////////////////////////////////
tables
//////////////////////////////////////////////////////////////////////////////////////////////  */

table.twocol {width:100%}
table.twocol tr td {
background:none;
padding-bottom:10px;
vertical-align:top;
width:50%;
}

hr {
height: 1px;
color: #ccc;
margin: 10px 0 10px 0;
}
div.tablecontainer {
margin: 0 0 0 6px;
padding: 0;
}
div.tablecontainer fieldset {
border: 1px solid #ccc;
margin: 0;
padding: 0 0 20px 0;
}
div.tablecontainer legend {
padding: 0 0 15px 0;
font-weight: bold;
color: #333;
}
table th {
border-bottom: 1px solid #999;
}
td {
background: url("/dmgt/images/ui_dotted.gif") repeat-x center bottom #fff;
}
td.small, th.small {
font-size: 90%;
}
td label {
width: 175px;
}
td.last {
background: none;
border-bottom: 1px solid #999;
}
td.none {
margin: 0;
padding: 20px 15px 20px 0;
vertical-align: top;
background: none;
}
td.none img {
margin: 0;
padding: 0;
}
td.nothing {
margin: 0;
padding: 0;
background: none;
}
td.nobg {
background: none;
}
td.note {
font-size: 90%;
background: none;
}
td.white {
color: #fff;
}
td.note a {
text-decoration: none;
}
td.botmargin {
padding: 0 0 40px 0;
background: none;
}
table.noline td {
border:none;
background-image:none;
}
blockquote {
float: left;
display: block;
width: 150px;
margin: 0;
padding: 0;
}
div.case {
border: 1px solid #aaa;
padding: 1em;
font-size: 90%;
background-color: #f6f6f6;
}
div.charted {
border: 1px solid #aae3a1;
padding: 1em;
color: #3e7a42;
font-size: 90%;
background-color: #edffed;
}

/*  ///////////////////////////////////////////////////////////////////////////////////////////////
miscellaneous
//////////////////////////////////////////////////////////////////////////////////////////////  */

/*shareprice box */
.item {width:70px; display:block;float:left;}
.green {color:#1CA733;}
.blue {color:#3E87BE;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */