@charset    'utf-8';

/* global rules */

html {
    color: #595959;
}
h1 {
    color: #000000;
    font-size: 25px;
    font-variant: normal;
    font-weight: bold;
    margin: 0px 0px 10px 210px;
}
h2 {
	margin-top: 0;
}
td {
    border: none;
}
p, td {
    color: #595959;
}
img {
    border: none;
}
a {
    color: #533aff;
	text-decoration: none;
}
a:visited {
    color: #533aff;
}
a:hover {
    color: #6c62b1;
	text-decoration: underline;
}

/* shared classes */

.left {
    float: left;
}
.right {
    float: right;
}
.strong {
    font-weight: bold;
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}
.underline {
    text-decoration : underline;
}

div#hd,
div#bd {
	font-size: 93%;
}
div#ft {
	font-size: 85%;
}

/* Header */

div#hd div#banner {
    margin: 10px 0px 10px 0px;
    height: 70px;
    width: 100%;
    background: url('/img/header-bg.png') repeat-x 50% top;
}
div#hd div#banner div.left {
    width: 25px;
    height: 70px;
    background: url('/img/header-left.png') repeat-x 50% top;
}
div#hd div#banner div.right {
    width: 25px;
    height: 70px;
    background: url('/img/header-right.png') repeat-x 50% top;
}
div#hd a#logo {
    margin-top: 6px;
}

/* Body */

div#bd div.right {
    margin-bottom   : 15px;
    width           : 774px;
    background		: #ffffff;
}

div#bd div.top,
div#ft div.top {
    height          : 22px;
    background      : url('../images/top.jpg') no-repeat;
}

div#bd div.bottom,
div#ft div.bottom {
    height          : 22px;
    background      : url('../images/bottom.jpg') no-repeat;
}

div#bd div.content,
div#ft div.content {
    padding         : 0px 5px 0px 5px;
    background      : url('../images/bg.jpg') repeat-y;
}

div#bd ul.nav {
    float           : left;
    width           : 200px;
    list-style-type : none;
    margin          : 0px;
    padding         : 0px;
}

div#bd ul.nav li {
    list-style-type : none;
    margin-top      : 5px;
}

div#bd ul.nav li a {
    padding         : 2px;
    display         : block;
    width           : 200px;
    color           : #595959;
    font-weight     : bold;
    text-decoration : none;
    border          : 1px solid #FFFFFF;
}

div#bd ul.nav li a:hover,
div#bd ul.nav li a.active {
    color           : #72C201;
    font-weight     : bold;
    text-decoration : none;
    border-bottom   : 1px solid #E2E2E2;
}

/* Left */

div#awards.box .middle {
    height: 150px;
}

div#bd div.devices {
    height          : 246px;
    margin-top      : 15px;
/*    width           : 200px;*/
    background      : url('../images/layout/devices.png') no-repeat;
}

div#bd div.left .box h2 {
    margin:0px;
    margin-bottom:10px;
}

div#bd div.left .box {
	width			:170px;
    margin-left     : 10px;
}

div#bd div.left div.box div.top {
	width			: 180px;
    background      : url('../images/layout/left-widget-top.png') no-repeat;
    height          : 12px;
}

div#bd div.left div.box div.middle {
	width			: 170px;
    background      : url('../images/layout/left-widget-middle.png') repeat-y;
    padding         : 0px 0px 0px 10px;
}

div#bd div.left div.box div.bottom {
	width			: 180px;
    background      : url('../images/layout/left-widget-bottom.png') no-repeat;
    height          : 11px;
}

/* Right */

div.right div#sidebar {
    width: 241px;
    margin-left: 15px;
}

div#bd div.right .box .top {
    background      : url('../images/layout/right-widget-top.jpg') no-repeat;
    height          : 12px;
}

div#bd div.right .box .middle {
    background      : url('../images/layout/right-widget-middle.jpg') repeat-y;
    padding         : 10px;
}

div#bd div.right .box .bottom {
    background      : url('../images/layout/right-widget-bottom.jpg') no-repeat;
    height          : 11px;
}

div#bd div.right > div.border-top {
    background      : url('../images/layout/border-top.png') no-repeat;
    height          : 22px;
}

div#bd div.right > div.border-middle {
    background      : url('../images/layout/border-middle.png') repeat-y;
    padding-left    : 1em;
    padding-right   : 1em;
    margin          : 0;
	min-height:400px;
	height:auto !important;
	height:400px;
}

div#bd div.right > div.border-bottom {
    background      : url('../images/layout/border-bottom.png') no-repeat;
    height          : 22px;
}
