/*
COLOUR SCHEME
red: #7a2426
tan: #d3c89d
grey: #776f67
light-grey: #bab5af
*/



/*~~~~~~ Initialize elements ~~~~~~*/
body {
    margin:0;
    margin-top:10px;
    font-family: Century, Courier, Microsoft Sans Serif, sans-serif;
    color:#7a2426;
    font-size:15px;
    background:#b8b5ae url('../_images/University.jpg') top no-repeat fixed;
}
#TopLogo {
    width:780px;
    margin:auto;
    text-align:right;
}
#TopLogo img {
    position:relative;
    left:6px;
}
#wrapper {
    width:780px;
    margin:auto;
    border:1px solid #b8b5ae;
    background-color:#ffffff;
    padding:5px;
}
#crumbtrail {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:73%;
	text-transform:capitalize;
}
#userlogin {
	margin-left:75%;
	text-align:right;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#776f67;
}
#userlogin a {
    color:#776f67;
    border-bottom:1px dotted #776f67;
}
#mainbody {
    margin-top:20px;
}
.col1of2 {
    width:48%;
    float:left;
}
.col2of2 {
    margin-left:50%;
}
.col1of3 {
    width:31%;
    float:left;
}
.col2of3 {
    margin-left:33%;
    width:31%;
}
.col3of3 {
    float:right;
    width:31%;
}
.cleaner {
    margin:0;
    padding:0;
    clear:both;
    height:0px;
    font-size:0px;
    background-color:Transparent;
}
.invisible {
    font-size:0px;
}
.hidden {
    display:none;
}
.height0 {
    height:0px;
}
.lineHeight30 {
    line-height:25px;
}
.lineHeight30 select, .lineHeight30 input {
    margin-top:3px;
}
.InitialTween {
    height:0px;
    /*opacity:0;*/
    display:none;
}
code {
	font-size: 12px;
	color: #FFFFFF;
	padding: 15px;
	width: 705px;
	background-color: #366E9F;
	display: block;
	font-family: "Courier New", Courier, mono;
	border-left-width: 15px;
	border-left-style: groove;
	border-left-color: #0099FF;
}
a {
    color:#7a2426;
    text-decoration:none;
    border-bottom:1px dotted #7a2426;
}
a:hover {
    background-color:#d3c89d;
    border-bottom:1px solid #776f67;
}
.lblMessage {
    color:#e72929;
    font-weight:bold;
    border:1px solid #e72929;
    padding:3px 5px 3px 5px;
    background-color:#fae1cb;
    font-family:Arial, Helvetica, sans-serif;
}
.ResultMessage {
    color:#7a2426;
    font-weight:bold;
    border:1px solid #7a2426;
    padding:3px 5px 3px 5px;
    background-color:#bab5af;
    font-family:Arial, Helvetica, sans-serif;
}
.ArialGrey {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#776f67;
}
.width100 {
    width:100px;
}
.width300 {
    width:300px;
}
.width500 {
    width:500px;
}
.width30 {
    width:30px;
}
.width100percent {
    width:100%;
}
.padding3 {
    padding:3px;
}
/*~~~~~~ /Initialize elements ~~~~~~*/



/*~~~~~~ form elements ~~~~~~*/
.ddlStyled {
    color:#7a2426;
}
.ddlStyled:hover {
    background-color:#d3c89d;
    cursor:pointer;
}
/*~~~~~~ /form elements ~~~~~~*/



/*~~~~~~ tables ~~~~~~*/
table {
    padding:0;
    border:0;
}
tr {
    vertical-align:top;
}
td {
    padding:0;
}
.trHead {
    font-weight:bold;
}
.alignleft {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}
.alignright {
    text-align:right;
    padding-right:5px;
    padding-left:5px;
}
.alignmiddle {
    text-align:center;
}
.rightHead {
    text-align:right;
    padding-right:5px;
    padding-left:5px;
    font-weight:bold;
}
.tblStyle1 {
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#776f67;
}
/*~~~~~~ /tables ~~~~~~*/



/*~~~~~~ headers ~~~~~~*/
h1, h2, h3, h4, h5, h6 {
    padding:0;
    margin:0;
}
h1 {
    font-family:Arial, Helvetica, sans-serif;
    border-bottom:5px solid #d3c89d;
    margin-bottom:10px;
}
h2 {
	background-color:#d3c89d;
	border-bottom:5px solid #776f67;
	padding:3px 10px 3px 10px;
	margin-bottom:10px;
}
h3 {
	background-color:#7a2426;
	border-bottom:5px solid #776f67;
	padding:3px;
	color:#d3c89d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:5px;
}
h4 {
    margin-top:5px;
    margin-bottom:5px;
    padding-bottom:2px;
    border-bottom:2px solid #776f67;
}
h5 {
    color:#008cd0;
}
h6 {
    color:#859db6;
}
/*~~~~~~ /headers ~~~~~~*/




/*~~~~~~ footer ~~~~~~*/
#Footer {
    background-color:#776f67;
    color:#ccc9c6;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    padding:10px;
    text-align:center;
    line-height:135%;
}
#Footer a {
    color:#ccc9c6;
    border-bottom:1px dotted #ccc9c6;
}
#Footer a:hover {
    color:#d3c89d;
    border-bottom:1px solid #d3c89d;
    background-color:#776f67;
}
#SubFooter, h6 {
    width:35%;
    margin:auto;
    text-align:left;
    padding:6px;
    border:2px ridge #4a4540;
    background-color:#ffffff;
    color:#776f67;
}
#SubFooter a {
    color:#776f67;
    border-bottom:1px dotted #776f67;
}
#SubFooter a:hover {
    color:#d3c89d;
    border-bottom:1px solid #d3c89d;
    background-color:#776f67;
}
h6 {
    text-align:center;
    font-size:16px;
    margin-bottom:10px;
}
/*~~~~~~ /footer ~~~~~~*/




/*~~~~~~ bordered divs ~~~~~~*/
.divBox1 {
    border:2px groove #d3c89d;
    background-color:#d3c89d;
    padding:10px;
}
.divBox1 a:hover {
    background-color:#c1b375;
}
.divBox2 {
    border:2px ridge #776f67;
    background-color:#776f67;
    padding:10px;
    color:#d3c89d;
}
.divBox3 {
    background-color:#7a2426;
	border-bottom:5px solid #776f67;
	padding:3px;
	color:#d3c89d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.divBox3 a {
    color:#d3c89d;
    font-size:13px;
    font-weight:normal;
}
.divBox3 a:hover {
    background-color:#571a1b;
}
/*~~~~~~ /bordered divs ~~~~~~*/



/*~~~~~~ reports ~~~~~~*/
.trReportHead1 td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-top:1px solid #776f67;
	border-bottom:1px solid #776f67;
	background-color:#c0bcb8;
}
.trReportDetail td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:1px solid #c0bcb8;
}
.ReportPopup {
    height:0px;
    /*opacity:0;*/
    display:none;
    position:absolute;
    z-index:20;
    border:1px solid #776f67;
    background-color:#bab5af;
    padding:2px;
}
.ReportTable {
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.tdCatLevel_0 {
    padding:3px 0px;
    background-color:#c0bcb8;
    border-bottom:1px solid #776f67;
}
.tdCatLevel_1 {
    padding:3px 10px;
    background-color:#c0bcb8;
    border-bottom:1px solid #776f67;
}
.tdCatLevel_2 {
    padding:3px 20px;
    background-color:#c0bcb8;
    border-bottom:1px solid #776f67;
}
.tdCatLevel_3 {
    padding:3px 30px;
    background-color:#c0bcb8;
    border-bottom:1px solid #776f67;
}
.tdModule {
    padding-left:50px;
    border-bottom:1px solid #c0bcb8;
}
.trResultQuestion td {
    border-top:1px solid #bab5af;
    padding-top:3px;
}
.trResultAnswer td {
    padding-bottom:30px;
}
#divTestTotals {
    margin-bottom:20px;
    padding:10px;
    border:2px ridge #7a2426;
    background-color:#d3c89d;
    font-weight:bold;
}
.greybottom, .greybottom td {
    border-bottom:1px solid #c0bcb8;
}
/*~~~~~~ /reports ~~~~~~*/



/*~~~~~~ /Text Editor ~~~~~~*/
.DarkGreyEditor {
    border:1px inset #d07000;
}
.DarkGreyEditor .ajax__htmleditor_editor_toptoolbar {
    background-color:#060405;
    color:#859db6;
    padding:4px;
}
.DarkGreyEditor .ajax__htmleditor_editor_editpanel, .HTMLPanel {
    background-color:#191919;
    color:#859db6;
    padding:4px;
}
.DarkGreyEditor .ajax__htmleditor_editor_bottomtoolbar {
    background-color:#060405;
    color:#859db6;
    padding:4px;
}
/*~~~~~~ /Text Editor ~~~~~~*/



#UpdateProgressWrapper, #htmlProgress {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:100;
    background-color:Transparent;
    opacity:0.6;
    filter:alpha(opacity=60)
}
#UpdateProgressWrapper div, #htmlProgress div {
    width:48px;
    margin:auto;
    margin-top:200px;
}