html { height:100%; }

body {padding: 0 0 0 0; margin: 0 0 0 0; height:100%; }
body {background-image: url(../../media/images/banner/page_bg.gif);background-repeat: repeat-y;}
body, div{scrollbar-arrow-color: #0B3D91;	scrollbar-base-color: #E5EAF3;	scrollbar-darkshadow-color: #0B3D91;	scrollbar-face-color: #E5EAF3;	scrollbar-highlight-color: #ffffff;	scrollbar-shadow-color: #E5EAF3;	scrollbar-track-color: #ffffff;}
body, div, td, th, p, legend {font-size: 12px; font-family: Verdana, Sans-Serif;	font-weight: normal;}
body, div, td, th, p, legend {color: #464646;}

a:link, a:visited, a:hover, a:active {color: #01509b;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

a img {border: none;text-decoration: none;}
a.menuLinks {
    text-decoration: none;
    color: #fff;
    padding-left: 10px;
    top: 10px;
    line-height: 25px;
}

fieldset {padding: 8px 6px 8px 6px;	margin: 0 0 4px 0; }
fieldset {border-color: #C0C0C0;}

h1.PageTitle {color: #40a4ff; font-size: 18px;}

input label {margin-left: 5px;}

INPUT {margin: 0 0 0 0;}
legend {font-weight: bold;}
legend {color: #000000;}

TH, TR .head TD {border-bottom-style: solid; border-bottom-width: 1px;}
TH, TR .head TD {font-weight: bold;}
TH, TR .head TD {border-bottom-color: #C0C0C0;}



#AccountInformation .Data {width: 275px;}
#AccountInformation #information .Label {width: 275px;}
#AccountInformation #customRegistrationQuestions { width: 100%;}
#AccountInformation #customRegistrationQuestions .Label {width: 275px;}
#AccountInformation #email       .Label {width: 175px;}
#AccountInformation #password    .Label {width: 175px;}
#AccountInformation #settings    .Label {width: 175px;}
#AccountInformation #activity    .Label {width: 175px;}

#banner {width: 100%;padding: 0;margin: 0;text-align: left;}
#banner {background-repeat: no-repeat;background-position: top right;}
#banner {border-bottom-style: solid; border-bottom-width: 2px;}
#banner {background-image: url(../../media/images/banner/Banner_bg.gif);}
#banner {border-bottom-color: #000000;}

#BannerPane td {width: 100%;padding: 0;margin: 0;}
#bannerTop { height: 25px; width: 100%; background: url(../../media/images/top-bar-bg.gif) repeat-x;  }
#bannerMiddle { width: 100%; vertical-align: middle; padding: 2px 0 2px 0;margin: 0; background: url(../../media/images/banner_tile.gif) repeat-x; }

#ContentPane {width:inherit; padding: 0 10px 15px 30px;}

#MiddlePane {width: 100%;}
#MiddleTable {width: 100%; }
#LeftPane {width: 145px; vertical-align: top;}
#CenterPane {width: auto; vertical-align: top;}
#RightPane {width: 0px;}

#FooterPane {height: 0px;} /* footer for contentpane not page */


/* MENU ADDENDUM - used for hard-coded menu items */
#home, #about, #faq, #contactus {
    width: 140px;
    background-repeat: repeat-x;
    background-position: left center;
    height: 24px;
    color: #fff;
    text-transform: capitalize;
    padding: 0;
    background-color: #fff;
    margin-bottom: 4px;
}
#home { background-image: url(../../media/images/menu_red_bg.gif);}
#about {background-image: url(../../media/images/menu_yellow_bg.gif);}
#faq {background-image: url(../../media/images/menu_green_bg.gif);}
#contactus {background-image: url(../../media/images/menu_blue_bg.gif);}
#loginBox {
    width: 100%;
    background-color: #fff;
    padding: 1px;
    margin-bottom: 4px;
}

#impersonateLink {color: #b67640 !important;font-weight: bold !important;text-decoration: none !important;}

#LoggedInContainer {width: 750px; margin: 0 auto;position: relative;}
#LoggedInContainer #WelcomeBox {height: 57px; padding: 10px; background-color: #f2f2f2; background-image: url(../../media/image/ACS/logged_in_header.jpg); background-repeat: no-repeat; background-position: top right;}
#LoggedInContainer #WelcomeBox h1 {font-size: 16px; color: #40a4ff; margin: 0;padding: 0;}

/*************
SlideDownMenu
*************/
#SlideDownMenu {cursor: pointer; width: 140px;  }
#SlideDownMenu div {width: 100%;}
#SlideDownMenu .menuHeader, #SlideDownMenu .menuItemDiv { margin-bottom: 4px; }
#SlideDownMenu .menuItemDiv a {margin-left: 10px; line-height: 25px;}
#SlideDownMenu .menuHeaderLevel1 {background-image: url(../../media/images/menu_orange_bg.gif); background-repeat: repeat-x; background-position: center left; background-color: #fff; color: #fff; height: 24px; line-height: 25px; text-transform: capitalize;}
#SlideDownMenu .menuItemDivLevel1 {background-image: url(../../media/images/menu_purple_bg.gif); background-repeat: repeat-x; background-position: center left; background-color: #fff; color: #09360d; height: 24px;}
#SlideDownMenu .menuItemDivLevel2, #SlideDownMenu .menuHeaderLevel2 {background-color: #fff2d5; color: #646464;}

#SlideDownMenu .menuItem8 {background-image: url(../../media/images/menu_purple_bg.gif); background-repeat: repeat-x; background-position: center left; height: 24px;}
#SlideDownMenu .menuItem83 {background-image: url(../../media/images/menu_pink_bg.gif); background-repeat: repeat-x; background-position: center left; height: 24px;}
#SlideDownMenu .menuItem155 {background-image: url(../../media/images/menu_orange_bg.gif); background-repeat: repeat-x; background-position: center left; height: 24px;}

#SlideDownMenu a {text-decoration: none; color: #fff;}
#SlideDownMenu .menuItemDivLevel1 a, #SlideDownMenu .menuHeaderLevel1 a {color: #fff; text-transform: capitalize;}
#SlideDownMenu .menuItemDivLevel2 a, #SlideDownMenu .menuHeaderLevel2 a {color: #000; font-size: 80%;}
#SlideDownMenu .menuHeaderImg {margin-right: 3px;}

#WelcomeDiv a, #WelcomeDiv a:link, #WelcomeDiv a:visited, #WelcomeDiv a:active {color: #0f3372;text-decoration: none;}
#WelcomeDiv a:link:hover, #WelcomeDiv a:hover {text-decoration: underline;}
#WelcomeDiv {position: absolute; top: 7px;right: 0 !important;margin-right: 10px !important;margin-right: 25px;color: #000; overflow: hidden;}


.accordionHeader{	border: 1px solid #cccccc;	color: #333;	background-color: #ccddff;	font-family: Arial, Sans-Serif;	font-size: 12px;	font-weight: bold;	padding: 2px;	margin-top: 2px;	cursor: pointer;	height: 16px;}



/* -- Activity Uploads */
.ActivityUploadsContainer {clear: both;}

.ActivityUploadsContainer .Status {float: right; width: 48%;}
.ActivityUploadsContainer .Status .Label {width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityUploadsContainer .Status TD {vertical-align: top;}

.ActivityUploadsContainer .Upload {float: left; width: 48%; padding-top: 5px; margin-top: 0px;}
.ActivityUploadsContainer .Upload TD {vertical-align: top;}
.ActivityUploadsContainer .Upload .Label {color: #2b9aff; font-weight: bold;  padding-bottom: 5px;}
.ActivityUploadsContainer .Upload .Commands{padding-bottom: 15px;}

.ActivityUploadsContainer .Incomplete { background-color: #F9F9F9; }
.ActivityUploadsContainer .Submitted { background-color: #FBFF40;}
.ActivityUploadsContainer .Re-submitted { background-color: #FBFF40;}
.ActivityUploadsContainer .Failed { background-color: #FF4045;}
.ActivityUploadsContainer .Passed { background-color: #53FF40;}

/* -- Activity Posts */
.ActivityPostsContainer {clear: both;}

.ActivityPostsContainer .Incomplete { background-color: #F9F9F9; }
.ActivityPostsContainer .Submitted { background-color: #FBFF40;}
.ActivityPostsContainer .Re-submitted { background-color: #FBFF40;}
.ActivityPostsContainer .Failed { background-color: #FF4045;}
.ActivityPostsContainer .Passed { background-color: #53FF40;}

.ActivityPostsContainer .FormContainer .formHeader {display: none;}

.ActivityPostsContainer .FormContainer { margin-bottom: 20px;}

.ActivityPostsContainer .FormContainer .Submit {}
.ActivityPostsContainer .FormContainer .buttons a {}

.ActivityPostsContainer .FormContainer .Post {float: left; width: 48%; padding-top: 5px; margin-top: 0px;}
.ActivityPostsContainer .FormContainer .Post TABLE {width: 100%;}
.ActivityPostsContainer .FormContainer .Post TD {vertical-align: top;}
.ActivityPostsContainer .FormContainer .Post .Label {width: 80px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityPostsContainer .FormContainer .Post .txtComment {width: 100%; height: 80px;}

.ActivityPostsContainer .FormContainer .Status {float: right; width: 48%;}
.ActivityPostsContainer .FormContainer .Status .Label {width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityPostsContainer .FormContainer .Status TD {vertical-align: top;}

.ActivityPostsContainer .PostsContainer { clear: both;}
.ActivityPostsContainer .PostsContainer .ActivityPost {background-color: #F3F3F3; text-align: left; margin-bottom: 20px; font-size: smaller;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader {height: 20px; padding: 4px 10px; border: 1px solid #d3d3d3; background-color: #e9e8e8; background-image: url(../../media/image/ACS/blogHeaderBack.gif); background-repeat: repeat-x;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .HeaderText {padding-top: 4px; width: 100%}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .ScreenName {float: left; color: #2b9aff; font-weight: bold; font-size: 14px !important;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostHeader .PostDate { float: right; font-size: 8pt !important;} 
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostItem { padding: 5px  10px 10px 10px;}
.ActivityPostsContainer .PostsContainer .ActivityPost .ActivityPostFooter {}
.ActivityPostsContainer .PostsContainer .myPost { }

.ActivityRequiredContainer {clear: both;}
.ActivityRequiredContainer .Incomplete { background-color: #F9F9F9; }
.ActivityRequiredContainer .Submitted { background-color: #FBFF40;}
.ActivityRequiredContainer .Re-submitted { background-color: #FBFF40;}
.ActivityRequiredContainer .Failed { background-color: #FF4045;}
.ActivityRequiredContainer .Passed { background-color: #53FF40;}

.ActivityRequiredContainer .Assignment {float: left; width: 48%; padding-top: 5px; margin-top: 0px;}

.ActivityRequiredContainer .Status {float: right; width: 48%;}
.ActivityRequiredContainer .Status .Label {width: 120px; color: #2b9aff; font-weight: bold; padding-bottom: 5px;}
.ActivityRequiredContainer .Status TD {vertical-align: top;}


.ActivitySummary {margin-top:15px; float: left;}
.ActivitySummary td {font-weight: bold;  border: 1px solid #808080;}
.ActivitySummary table { border-collapse: collapse;}
.ActivitySummary #Icon{ width: 30px}
.ActivitySummary #Name{ padding: 10px; }
.ActivitySummary #Comment{ padding: 10px; }
.ActivitySummary .Incomplete #Icon{}
.ActivitySummary .Incomplete #Name { background-color: #FFFFFF; }
.ActivitySummary .Failed #Icon{ background-image: url(../../media/images/incorrect.gif); background-repeat: no-repeat; background-position: center center; }
.ActivitySummary .Failed #Name{ background-color: #FF4045; }
.ActivitySummary .Submitted #Icon{}
.ActivitySummary .Submitted #Name {background-color: #FBFF40; }
.ActivitySummary .Re-submitted #Icon{}
.ActivitySummary .Re-submitted #Name {background-color: #FBFF40; }
.ActivitySummary .Passed #Icon{background-image: url(../../media/images/correct.gif); background-repeat: no-repeat; background-position: center center; }
.ActivitySummary .Passed #Name{background-color: #53FF40; }


.AdminLearnerAssignments #Header{padding: 5px 2px; margin: 0 0 10px 0; border: 1px solid #BDBCBB; background-color: #EFF4F5}
.AdminLearnerAssignments #Header TH{font-weight: bold; border: none;}

.AdminLearnerAssignments .Header { border-style: solid solid none solid; border-width: 1px; border-color: #BDBCBB; padding: 5px 2px; background-color: #EFF4F5; font-weight: bold; }
.AdminLearnerAssignments .Detail{ border: 1px solid #BDBCBB; margin: 0px 0 10px 0; }

.AdminLearnerAssignments TABLE{ width: 100%}
.AdminLearnerAssignments .Activities .ItemRow { vertical-align: top; }
.AdminLearnerAssignments .Status{width: 192px; padding-top: 5px;}
.AdminLearnerAssignments .Data{width: auto; border-bottom: 1px dashed #808080;}
.AdminLearnerAssignments .Score{width: 40px; padding-right: 4px; }
.AdminLearnerAssignments .Score INPUT{width: 98%; }
.AdminLearnerAssignments .TutorComment{width: 300px;}
.AdminLearnerAssignments .TutorComment TEXTAREA{width: 98%;}
.AdminLearnerAssignments .PassButton{width: 50px; height: 10px;}
.AdminLearnerAssignments .FailButton{width: 50px;}

.adminPanel .Last3Students {float: left; width: 90%}
.adminPanel .Last3Seminars {display: none;}
.adminPanel .SessionExpires {float: left; width: 9%; white-space:nowrap;}

.AssignmentStatusHeaderStyle{ display: table-cell !important; display: block; }
.AssignmentStatusItemStyle{ display: table-cell !important; display: block; }
/* ie 7 */
*+html .AssignmentStatusHeaderStyle{ display: block; }
*+html .AssignmentStatusItemStyle{ display: block; }

.AssignmentsIncomplete{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px;	border: 1px solid #999;	background-color: #FFFFFF;}
.AssignmentsSubmitted {font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40; }
.AssignmentsFailed{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FF4045;}
.AssignmentsRe-submitted{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px; border: 1px solid #999; background-color: #FBFF40;}
.AssignmentsPassed{font-weight: bold; font-size: 90%; padding: 0px 2px 0px 2px; margin: 0 2px 0 2px;	border: 1px solid #999;	background-color: #53FF40;}

.backgroundFaint{background-color: #fffff6;}
.backgroundLight{background-color: #fffff6;}
.backgroundDark{background-color: #f7f7f7;}
.backgroundBlack{background-color: #000000;}
.backgroundWhite{background-color: #FFFFFF;}

.borderLight{border-style: solid;border-width:1px;}
.borderDark{border-style: solid;border-width:1px;}
.borderBlack{border-style: solid;border-width:1px;}
.borderWhite{border-style: solid;border-width:1px;}
.borderLight{border-color: #a2b1cb;}
.borderDark{border-color: #2c66cb;}
.borderBlack{border-color: #000000;}
.borderWhite{border-color: #FFFFFF;}


/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #999;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    font-weight: bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration:none;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.cmdButton {color : #243216; background-color : #eaf6ff;}
.confirm {padding: 5px;}
.codeText {font-family: Courier, Terminal; font-size: 10px;}

.confirm {font-weight:bold;}

.ContentContainer {margin-left: 22px;}
.CustomRegistrationQuestions{ display: table-row; *display: block;}

.confirm{border: 1px solid #333; background-color: #F9F9F9;	color:#FF0000;}
.cmdButton{background-color : #2653a0;	color : #ffffff; font-weight : Normal;}


.defaultDate img{width: 28px;height: 24px;}
.defaultDate{white-space: nowrap;}
.defaultDate input{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #333333;	margin: 0 0 0 0;}

.defaultLink .imgN {display: inline;cursor: pointer;text-decoration: none;}
.defaultLink .imgO {display: none;text-decoration: none;}
.defaultLink:Hover {text-decoration: underline;border: none;cursor: pointer;}
.defaultLink:Hover .imgN {display: none;text-decoration: none;}
.defaultLink:Hover .imgO {display: inline;cursor: pointer;text-decoration: none;}

.defaultInput{	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;	color: #333333;	margin: 0 0 0 0;}
.defaultInputRight{	font-size: 14px;	margin: 0px;	color: #333333;	font-family: Verdana, Arial, Helvetica, sans-serif;	text-align: right;}
.defaultError{	font-size: 14px;	color: Red;}
.defaultSuccess{	font-size: 14px;	color: #008000;}
.defaultLabel{	font-size: 14px;	color: #333333;}
.defaultHeader{font-size: 14px; font-weight: bold; text-decoration : none; color: #2653a0;}

.d0grid .itemN {cursor: pointer;}
.d0grid .itemO {cursor: pointer;}
.d0grid .itemO {background-color: #FFFFBF;}

.d0grid {border-collapse: collapse; border: none; font-size: smaller;}
.d0grid .head TD {color: #000; text-decoration: none; border-bottom: 1px solid #ffe19d;}
.d0grid .head TD A {color: #2653a0; text-decoration: none;}
.d0grid .head TD A:Hover {text-decoration: underline;}
.d0grid .itemN {cursor: pointer;}
.d0grid .itemO {background-color: #ffe19d;cursor: pointer;}
.d0grid .foot TD {color: #2653a0; text-decoration: none; border-top: 1px solid #ffe19d; font-weight:bold;}


.fontSmall{font-size: 11px;}
.fontMedium{font-size: 12px;}
.fontLarge{font-size: 14px;}

.fontBoldSmall{font-size: 11px;font-weight: bold;}
.fontBoldMedium{font-size: 12px;font-weight: bold;}
.fontBoldLarge{font-size: 14px;font-weight: bold;}

.fontColorLight{color: #464646}
.fontColorDark{color: #464646}
.fontColorWhite{color: #FFFFFF}
.fontColorBlack{color: #000000}


.footerCopyRight {font-size: smaller;}
.footer {vertical-align: middle;padding: 0;margin: 0; }

.indexCell {padding: 1px 0 5px 0;}
.intfNavPages{font-weight: bold;font-size: 11px;}

.listTable{font-size: smaller;}
.listTable .rowHeader{text-align: left;	text-decoration : none;	color: #2653a0;	padding: 2px 2px 2px 2px;}
.listTable .rowHeader TH{border-bottom: 1px solid #ffe19d;}
.listTable .rowHeader A{font-size: 13px;font-weight: normal;}
.listTable .rowHover{padding: 2px 2px 2px 2px;cursor: pointer;}
.balanceTotal {	background-color: #EEEEEE;font-weight: bold;color: #2653a0;	border: 1px solid #ffe19d;}
.balanceEquals {color: #2653a0;	border-bottom: 1px solid #ffe19d;}

.loginTable .defaultInput Label {font-size: 12px;}
.logonInput{width: 250px; font-size: 12px; padding: 6px 4px;}

.loginTable TD {padding: 5px;}
.logonTitle {padding-left: 35px; vertical-align: middle; margin-bottom: 1px; line-height: 18px;}
.logonLink {padding: 3px 0 3px 0;}
.logonTitle {font-weight:bold;}
.logonTitle {color: #ffffff; background-color: #01509b;}

.ModuleGrid .MouseOver {cursor: pointer;}

.modalBackground {	background-color:Gray;	filter:alpha(opacity=70);	opacity:0.7;}
.modalPopup {	background-color:#ffffdd;	border-width:3px;	border-style:solid;	border-color:Gray;	padding:3px;	width:250px;}

.ModuleGrid .MouseOver {background-color: #FFFFBF;}

.menuLink {text-decoration: none;cursor: pointer;}
.menuLink IMG {border: none;}
.menuLink .imgN {display: inline;cursor: pointer;}
.menuLink .imgO {display: none;}
.menuLink:Hover {text-decoration: underline;border: none;cursor: pointer;}
.menuLink:Hover .imgN {display: none;}
.menuLink:Hover .imgO {display: inline;cursor: pointer;}
.menuOver {}
.menuOver IMG {border: none;}
.menuOver .imgN {display: none;}
.menuOver .imgO {display: inline;}

.ModuleGrid {border-collapse: collapse;	border: 1px solid #d9d9d9; font-size: smaller;}
.ModuleGrid .ModuleGridItemStyle {background-color: #f4f9fa; cursor: pointer;}
.ModuleGrid .ModuleGridAltItemStyle {background-color: #ffffff;	cursor: pointer;}
.ModuleGrid .MouseOver {background-color: #fff2d5; cursor: pointer;}
.ModuleGrid .head TD {background-color: #2653a0; border-bottom: 2px solid #d9d9d9;}
.ModuleGrid .head TD A {color: #FFFFFF;}
.ModuleGrid .head TD A:Hover {color: #000000;}



.rowHeader td {font-weight: bold;}

.SkillInfoContainer {border: 1px solid #bdbcbb; padding: 1px; width: 95%; margin-bottom: 2px; vertical-align: middle;}
.SkillInfoContainer .SkillInfoHeader { background-color: #eff4f5; padding: 2px; vertical-align: middle; overflow: hidden; }
.SkillInfoCourseCategoryName {display: inline;}

.StepBox {position: relative; float: right; width: 658px; padding: 12px;  margin: 0 0 15px 0; background-color: #f2f2f2;}
.StepBox h2 {font-size: 12px; color: #40a4ff; margin: 0;padding: 0;}
.StepBox .hlicorner {font-size: 0; background-repeat: no-repeat; padding: 0; margin: 0;width: 12px; height: 12px;position: absolute;}
.StepBox .hlitl { top: 0; left: 0; background-image: url(../../media/image/ACS/hli_tl.gif);}
.StepBox .hlitr { top: 0; right: 0; background-image: url(../../media/image/ACS/hli_tr.gif);}
.StepBox .hlibl { bottom: 0; left: 0; background-image: url(../../media/image/ACS/hli_bl.gif);}
.StepBox .hlibr { bottom: 0; right: 0;	background-image: url(../../media/image/ACS/hli_br.gif);}
.StepBoxIcon {float: left; margin-top: 12px;}

.watermarked{	height: 18px;	padding: 2px 0 2px 3px;	line-height: 16px;	border:1px solid #BEBEBE;	background-color:#F0F8FF;	color:gray;}