/* Big 5 Assessments - Custom Branding - Sterling Organisation */

html	{ background: #F6F5F4;}

h1#logo {
display:block;
width:453px;
height:100px;
text-indent:-9009px;
background: white url('images/sterling_org_logo.png') no-repeat 0 0;
position: absolute;
top: 45px;
left: 30px;
z-index: 5;
}

h1#logo a {
display:block;
width:100%;
height:100%;
outline:none;
}

#tagline { display: none;}

#canvasWrapper { border: 1px solid #ccc; margin-top: 15px;
}

#canvasWrapper > footer { background:#202945; text-shadow:none; font-size:11px; color:#7c8081; padding:5px 20px 2px 20px; }
#canvasWrapper > footer a {color:#7c8081;}

#canvasWrapper > header { background: #ffffff; height: 200px; }
#canvas header { background: #9cbecd; height: 30px; border-bottom: 0px solid #004679; }
#canvas { border: none; background: #ffffff; }
section.breadcrumb { display:none; }

.user { background: #9cbecd; border: none; color:#000; margin-top: 45px; position:absolute; right:
45px;}
.user img.avatar	{ margin-right:10px; width:25px; margin-top:15px;}
.user-detail .name	{ color: #999!important; }
.user-detail .text	{ color: #ffffff!important; }

/* MENU */
.menu li { border-right: none; }
.menu li a { color: #ffffff; text-transform: none; font-size: 12px; }
.menu li a:hover { color: #ffffff!important; background: #9cbecd; }
.menu li.active a { background: #9cbecd; color: #ffffff; text-shadow: none!important; }
.menu ul ul { background: #ccc; }
.menu li li { border-bottom: 0px solid #f1f1f1; }
.menu li li a { color: #fff!important;}
.menu li li a:hover { background: url("../../images/arrow_sm_black.gif") 12px 10px no-repeat !important; }
.menu li li:hover { background: #9cbecd; }
.menu li li:hover a { color: #ffffff!important; }

/* Datatables */
table.style2 th { background: #ccc; color: #000; }
table.style2 th.sorting_asc, table.style2 th.sorting_desc { background: #9cbecd; color: #ffffff; }
table.style2 tr { background: white; }
table.style2 tr.odd { background: #f9f9f9; }
table.style2 tr:hover { background: #F6F5F4; color: #000; }
table.style2 td { padding: 8px 5px; }
table.style2 a { color: #202945; }


a		{ color: #202945; text-decoration: none;}
a:hover		{ color: #202945; text-decoration: underline;}
.aLink 	{ color: #202945; cursor:pointer; text-decoration: none;}
.aLink:hover 	{ color: #202945; cursor:pointer; text-decoration: underline;}

/* Buttons */
a.button, input.button { background: #202945; color: #fff; text-decoration: none; padding: 5px; }
a.button :hover, input.button :hover { background: #202945; color: #fff; text-decoration: none; }

.box-header .tabs li.active a	{ background: #202945; }
.box-header .tabs li a.selected	{ background: #202945; }

div.rule2 { background: none; border-top: 2px solid #9cbecd; }