/*** WEBSITE: Auditor Training Centre 4.4 Website   
	 AUTHOR: Cherie Proctor 
	 CREATED: 18/01/2007 
	 COMMENTS: Condensed Stylesheet for Auditor Training Centre 4.4 Website */
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background:#FFFFFF url(bg.gif) repeat-x top left; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:897px;margin-left:auto;margin-right:auto; margin-top: 20px; text-align:left;background-color:#FFFFFF;border: 3px solid #0574A0;}
#branding { height: 131px;}
#contentArea { width:897px;}
#menu{ float: left; height: 25px; width: 895px; font-size: 13px; font-family: "Arial", Arial, Verdana, Helvetica, san-serif; margin: 0px; padding: 0px; border: 1px solid #FFFFFF; background: #7FCFE9 url(menu_bg.gif) no-repeat top left;}
.enclose { float: left; width: 689px;}
.leftPanel{ width:166px;float:left; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px;}
.contentPanelHome{ width:/*439*/350px; float:right; padding: 0px 10px 0px 10px; margin:10px 0px 0px 0px; border-right: 1px dotted #79A8C9; /*border-left: 1px dotted #79A8C9;*/}
html>body .contentPanelHome {width:360px; padding-right:20px;}
.encloseHome {width: 689px; float:left}
* html .encloseHome {width: 670px; float:left;}
.encloseHome h1 {margin: 20px 0px 0px 20px}
.leftPanelHome {float: left;width: 265px; margin: 10px 0px 0px 0px; padding-left: 20px;}
* html .leftPanelHome {width: 255px}
.contentPanelInner{ width:647px;float:left; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px; border-right: 1px dotted #79A8C9;}
.contentPanelInner2{ width:740px;float:left; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px; border-right: 1px dotted #79A8C9;}
.contentPanelAdmin {width:857px;float:left; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px;}
.rightPanel{ width:166px;float:right; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px;}
.rightPanelHome{ width:166px;float:right; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px;}
* html .rightPanelHome {width: 156px;padding-right: 0px}
#footer {clear:both; width:881px; height: 18px; text-align:right; font-size: 11px; color:#0574A0; padding: 2px 7px 0px 7px; margin-top: 20px; background: #E3F3F9; border: 1px solid #FFFFFF;}
.contentPanelNoMenu {width:530px;float:left; padding: 0px 20px 0px 20px; margin: 20px 0px 0px 0px;}
.arrow { width:110px; height:64px;background:url(arrow.jpg) no-repeat; float:left; position:relative;top:90px; left:15px}
.MsoNormal {clear:both}
.activeLesson a{color:#2873A9!important}
/*.contentPanelHome #DataSprings_FlashRotator*/.flashRotator {border:1px solid #0574A0;width:370px;}
/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px;}

#OptContainer a, #OptContainer a:active, #OptContainer a:link, #OptContainer a:visited{background: #5FCCFF url(button_bg.gif) repeat-x top left; color: #045675;}
#OptContainer a:hover{color:#000000}

/******************************************************
    TZI / INFINITE MENU STYLES
******************************************************/
/* --[[ Main Expand Icons ]]-- */
#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(none); width:7px; height:5px; left:15px; top:5px; background-repeat:no-repeat;background-position:top left;}
#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}

/* --[[ Sub Expand Icons ]]-- */
#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(none); width:5px; height:7px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}
#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(none); background-repeat:no-repeat;background-position:top left;}

/* --[[ Main Container ]]-- */
#imouter0 {border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }

/* --[[ Sub Container ]]-- */
#imenus0 li ul {background-color:#B7DCEC; border: 1px solid #48A5CB; margin: 1px 0px 0px 0px; z-index:999999;position:relative;}

/* --[[ Main Items ]]-- */
#imenus0 li a, #imenus0 ul .imctitle {color:#FFFFFF; text-align:left; font-family:"Tahoma", Tahoma, Arial, Helvetica, san-serif; font-size:12px; font-weight:normal; text-decoration:none; border-right: 1px solid #FFFFFF; height: 17px; padding:4px 13px 4px 13px;}

	/* [hover] - These settings must be duplicated for IE compatibility.*/
	#imenus0 li:hover>a {background-color:#48A5CB; text-decoration:none; }
	#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#48A5CB; text-decoration:none; }

	/* [active] */
	#imenus0 li a.iactive {}

/* --[[ Sub Items ]]-- */
#imenus0 ul a, #imenus0 ul .imctitle  {color:#0574A0; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:4px 13px;}

	/* [hover] - These settings must be duplicated for IE comptatibility.*/
	#imenus0 ul li:hover>a {background: #85C9E5; color:#FFFFFF; text-decoration:none; }
	#imenus0 ul li a.ihover {background: #85C9E5; color:#FFFFFF; text-decoration:none; }

	/* [active] */
	#imenus0 ul li a.iactive {}
		
/******************************************************
    SELECTOR STYLES              
******************************************************/
html {height: auto; background:#ffffff url(bg.gif) repeat-x top left;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-family: "Microsoft Sans Serif", Microsoft Sans Serif, "MS Sans Serif", MS Sans Serif, "Verdana", Verdana, arial, helvetica; font-size: 14px; color: #666666;font-weight: normal;line-height:1.5em;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: Silver;}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Tahoma", Tahoma, "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica; color:#777777; margin:0px; padding:0px; margin-bottom:10px; font-weight:bold; font-size: 12px;}
h1 {font-size:19px; color:#2873A9; background: url(dots_decoration.gif) no-repeat top left; padding-left: 15px;}
h2, .head, h2 span.head, .container h2 span.head {font-size:15px; color: #2DA3D4;}
h3, h3 span.SubHead, .newstitle {font-size: 13px;}
h4 {font-size: 12px;}
h5, DT {font-size: 12px; font-style: italic;}
h6 {font-size: 11px; font-style: italic;}

p {margin: 0px 0px 15px 0px;}
ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 17px;}
ul li { margin-left:5px; padding:0px; /*list-style-type: square;*/ list-style:none; list-style-image: url(bullet.gif);}
.rightPanel ul li {list-style-image:none; margin-left: -15px;}
ul li p { margin-top: 0px; margin-bottom: 12px;}
ul li h4 { margin-bottom: 0px;}

ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}

hr { color: dimgrey; height:1pt; text-align:left;}

img{ border:0px; margin:0px; padding:0px;}

/* link styles */
a, a:link, a:active, a:visited { color:#1CB5FF; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:underline; color:#1E87BA;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 12px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 12px;font-style: italic;}



/******************************************************
    FORM STYLES              
******************************************************/

/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.formItem { clear: both; margin-bottom: -10px;}
.label { display:block; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold; margin-bottom: 10px; clear: both;}
.labelDetails { float:right; width: 490px; margin-bottom: 10px;}
.labelDetails p { margin: 0px 0px 7px 0px;}



/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding-left:6px; padding-right: 6px; width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 1px solid #CBD2D8; background: #5FCCFF url(button_bg.gif) repeat-x top left; color: #045675; font-family: Tahoma, Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both; height: 14px; border: 1px solid #0093D9; margin: 5px 0px 5px 0px; margin-bottom: 10px; height:18px;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #0A83B0; text-decoration: none;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}

/* Required Fields */
span.mandatory { color: #334692; font-weight:bold;}




/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;width:100%; text-align:right}
.blogCalendar th, .CreateFrom, .extraInfo, .extraInfo .Normal, .extraInfo .NormalBold {font-size: 14px; font-weight: normal; color: #666666;}
.blogSummary { }
.blogCommentsHeading { padding: 5px; margin: 5 0 5 0px; background: #EFEFEF;}
.blogComments { border-bottom: 1px solid #C0C0C0; padding-bottom: 5px;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.courseSummary, /*.courseDetails,*/ .courseHistory, .unitSummary {
	border: 1px solid #7FCFE9;
	padding: 10px;
	/*width: 535px;
	background: red;*/
	margin-bottom: 10px;
}
.courseHistory table { padding: 5px;}
.courseHistory h3 { margin: 0px;}
.courseHeading { background: #CCEFFF;}

.tableHeader { font-style:italic; font-weight: bold;}
.unitName { padding-left: 10px; font-size: 14px;}

.unitSummary h5 { padding: 0px; margin: 0px;}

.taskDescBox{ position:absolute; width:300px; padding: 10px; height:auto; 10px; background-color:#666666; background-repeat:no-repeat; z-index:10000; visibility:hidden; filter:alpha(opacity=90);}
.taskDescBox p, .taskDescBox li, .taskDescBox {color:#FFFFFF; }


/******************************************************
    DNN STYLES (These styles are commonly used)
******************************************************/

/* style of item titles on edit and admin pages */
.SubHead  {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold;}

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: black;
}
/* text style used for rendered text which requires emphasis */
.NormalBold
{
    /*font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;*/
    font-weight: bold;
}
/* text style used for error messages */
.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}
/* What exactly does this style?? */
.SkinObject {
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link {
    text-decoration:    none;
    color:#003366;
}
A.SkinObject:visited  {
    text-decoration:    none;
    color:#003366;
}
A.SkinObject:active   {
    text-decoration:    none;
    color:#003366;
}
A.SkinObject:hover    {
    text-decoration:    none;
    color:#003366;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
    background-color:White;
    color: Red;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}
.DataGrid_Header
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}
.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* text style used for help text rendered by modules */
.Help
{
  border: black 1px solid;
  padding: 2px;
  font-weight: normal;
  font-size: 11px;
  color: black;
  font-family: Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}

SMALL   {
    font-size:  8px;
}
BIG {
    font-size:  14px;
}



/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink{ padding:9px 0px; margin:0px;background:url(ql_top.gif) top left no-repeat; width: 173px}
.QuickLink h3 a{ margin:0px; display:block; width:143px;padding: 0px 0px 2px 18px!important;margin-left: 8px!important; color: white!important; font-size: 14px; background:url(ql_h3.gif) left no-repeat!important}
* html .QuickLink h3 a {width: 165px;}
.QuickLink h3 { border-bottom: 1px solid white;background:url(ql_headRepeat.gif) repeat-y top left; width:173px}
.QuickLink img{padding: 0px 5px 0px 0px; float:right}
.QuickLink p{ margin:0px; padding:5px 0px 5px 10px; background:url(ql_bodyRepeat.gif) repeat-y top left; color: white;}
.quickLink {background: pink; padding-bottom: 10px; background: url(ql_bottom.gif) bottom left no-repeat; width: 173px}


/******************************************************
    NUKE NEWS STYLES
******************************************************/
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited
{font-size:12px;color:#FFFFFF;background-color: #666666;padding: 3px 5px 3px 5px;}
.newsactionbarlinks:hover{color:white;background-color: #999999;}
.rssFeed {margin-top: 10px;}
.readMore {padding: 0 0 5 0px;}
.newspostdate, .newsPosted{padding: 5 0 5 0px;font-size:11px;color:gray;}

/******************************************************
    QUIZ LISTX STYLES
******************************************************/
#dragBox { display: inline; margin-bottom: 8px; float: left;}
#nameList { overflow: auto; width: 250px; height: 240px; border: 1px solid #0574A0;}

#dropBox { margin-bottom: 8px; float: left;}
#dropZone { overflow: auto; width: 250px; height: 240px; border: 1px solid #0574A0;}
#dnn_ctr646_FormMaster_New_Form td, #dnn_ctr646_FormMaster_New_Form label {text-align:left}