/* CSS Document */

/*
* {margin:0; padding:0;}

html {
	font: 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	padding:1em;
	background-image: url(bare_BG.jpg);
	background-repeat: no-repeat;
}
*/
/*
BC IMP Note: position is relative to its container.
*/
body, form{
margin:0;
padding:0;
 background-color:#FFFFFF;
  
}
#help {
	position: absolute;
	width:11.8em;
	left: 58em;
	top: 25em;
	background:url(drag.png) no-repeat 1em;
	height: 20em;
	font-size: 0.7em;
}

.course {
	padding-top: 0.1em;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	padding-bottom: 0.2em;
	border: 1px dotted #5C85B1;
}



#leftcolumn
{
	margin-left:-995px;
}








.title {
	background-color: #5C85B1;
	padding: 0.2em;
	font-size: 0.8em;
	color: #FFFFFF;
}

.coursename {
	font-size: 0.7em;
	letter-spacing: -0.03em;
	word-spacing: -0.03em;
	background-color: #F6F9FE;
	color: #000000;
	padding-left: 0.5em;
}

.coursedate {
	font-size: 0.7em;
	color: #333333;
	text-align: left;
	padding-left: 0.8em;
}

.courseparticipant {
	font-size: 0.8em;
	color: #0000FF;
	padding-left: 0.8em;
	width: 13em;
}

.deluser {
	position: absolute;
	right: 1em;
}

form {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
}

.company {
	/*background:url(user.gif) no-repeat 95% 1em;*/
	background:url(backgrounds.png) no-repeat 100% 0.7em;
}

.participants {
	/*background:url(user.gif) no-repeat 95% 1em;*/
	background:url(backgrounds.png) no-repeat 100% 0.7em;
}
.course_OLD {
	/*background:url(user.gif) no-repeat 95% 1em;*/
	background:url(backgrounds.png) no-repeat 100% 0.7em;
}


.contact {
	/*background:url(email2.gif) no-repeat 95% 1em;*/
	background:url(backgrounds.png) no-repeat 100% 0.7em;
}

fieldset div {
	margin:0.2em 0;
	clear:both;
}

.checkbox
{
	position:relative;
	font-size:18px;
	color:#5E89C0;
	top:-4;
	left:-2px;
	width: 1em;
}


/*
form {
	margin:1em;*/
	/* BC Note: Change this to set the width of the page (bordered contained area) */
	/*width:34em;*/
	/*
	left: 11.5em;
	top: 9.5em;
	position: absolute;
}
*/
#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top:-14px;
}

form h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#00417c;
	font-size:1.1em;
	padding-bottom: 0.5em;
}

form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0.5em;
	color:#666666;
	font-size:0.9em;
}

label {
	float:left;
	text-align:left;
	margin-right:1em;
}

legend {
	color:#00417c;
	font-size:1.1em;
	background-color:#F6F9FE;
}

legend span {
	width:10em;
	text-align:right;
}

label {
	color:#666666;
	font-size:0.8em;
}


notes {
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
}

input {
	padding:0.15em;
	width:20em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.85em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
	margin-top: 1em;
	background-color: #F6F9FE;
}

.date input {
	background-image:url(calendar-small.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}

.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}

.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}

.radio, .date {
	position:relative;
}

.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}

.radio legend, .date legend {
	font-size:1em;
	color:#000;
}

.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}

.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}

.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}




.short {
	width: 7em;
}

.midlen {
	width:15em;
}

.long {
	width:25em;
}

.email {
	width:25em;
}

input.default {
	color:#bbb;
}

/* BC Note: Changed from id to class driven */
/* Something in here is failing to display the css classed button tested */
/* If I remove every element, apart from width, then the button displays */
.submitaddcourse {
	margin-top:1em;
	width:154px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}
.submitaddcourseandcont {
	margin-top:1em;
	width:191px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

.submitaddcourse:hover {
	background-position:0 -26px;
}

.submitaddparticipant {
	margin-top:1em;
	width:137px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	/*background:url(Images/submit-button_add_another_participant.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

/* BC Note:  being picked up */
.submitaddparticipant:hover {
	background-position:0 -26px;
}

.submitsave {
	margin-top:1em;
	width:54px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	/*background:url(Images/submit-button-save.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

.submitsave:hover {
	background-position:0 -26px;
}

.submitedit {
	margin-top:0.5em;
	width:48px;
	height:26px;
	overflow:hidden;
	border:0;
	/*background:url(Images/submit-button-edit.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: left;
	text-indent: -9999px;
}

.submitedit:hover {
	background-position:0 -26px;
}

.submitnextstep {
	margin-top:1em;
	width:88px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

.submitnextconfirm {
	margin-top:1em;
	width:75px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}


.submitnextstep:hover {
	background-position:0 -26px;
}

.submitnextconfirm:hover {
	background-position:0 -26px;
}


.submitpreviousstep {
	margin-top:1em;
	width:115px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	/*background:url(Images/submit-button-previous-step.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: left;
}

.submitpreviousstep:hover {
	background-position:0 -26px;
}

.submitsubmit {
	margin-top:1em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	/*background:url(Images/submit-button-submit.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

.submitsubmit:hover {
	background-position:0 -26px;
}

#submit-course {
	margin-top:1em;
	width:98px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	/*background:url(submit-button-course.png) no-repeat 0 0;*/
	display:block;
	cursor:pointer !important;
	cursor:hand;
	float: right;
}

#submit-course:hover {
	background-position:0 -26px;
}

/*
.dropdown {
	background:#dad9d4 url(calendar.gif) no-repeat 2px 2px;
	border:1px solid #cac9c2;
	padding:0.2em;
	cursor:default;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	-moz-border-radius:0 2em 0 0;
	-khtml-border-radius:0 2em 0 0;
	border-radius:0 2em 0 0;
	width:21em;
}
*/
.dropdown .month {
	margin-left:48px;
	width:37%;
}

.dropdown .year {
	margin-left:1em;
	width:25%;
}

.dropdown .close {
	display:block;
	overflow:hidden;
	border:0;
	position:absolute;
	top:0.5em; right:1em;
	/*background:url(close.png) no-repeat 50% 50%;*/
	width:16px; height:16px;
	border:none;
	text-indent:-9999px;
}

.dropdown table {
	border-spacing:0;
	table-layout:fixed;
	empty-cells:show;
	margin-top:0.5em;
	width:100%;
}

.dropdown thead th {
	width:14%;
}

.dropdown tbody td {
	background:#fff;
	text-align:center;
	line-height:2;
	border:1px solid #dad9d4;
}

.dropdown tbody td.hover {
	background:#748098;
	color:#fff;
	cursor:pointer;
}

.dropdown .weekend {
	color:#f00;
}

.dropdown .today {
	border:1px solid #f00;
}

.dropdown .selected {
	background:#748098;
	color:#fff;
}

hr {
	border: 0;
	color: green;/*#DDDDDD;*/
	background-color: green;/*#DDDDDD;*/
	height: 0.1em;
	width: 95%;
	text-align: center;
	margin-top: 10px;
	position:relative;
	margin-bottom: 10px;
}

.coursename1 {	font-size: 0.7em;
	letter-spacing: -0.03em;
	word-spacing: -0.03em;
	background-color: #ECF2FD;
	color: #000000;
	padding-left: 0.5em;
}
/*
span {
	color:#666666;
	font-size:0.8em;
}
*/
/*span {
	color: black;
	font-size:8pt;
}*/

.tblCheckAllDetailsSubHeading
{
    font-weight: bold;
}
.dummyListBox
{

}
.tblTwoByTwoLayout
{
   
}
.tdTwoByTwoLayout
{
    
}
.fsSelectCourse
{
	width:700px;
	background-color:White;
	border: solid 1px #667A9D;
	padding:20px;
	padding-top:5px;
	
}
.fsSelectCourseNoBorder
{
	width:700px;
	background-color:White;
	border: 0px;
	padding:20px;
	padding-top:5px;
}
.lgndSelectCourse
{
	background-color:White;
	font-weight:bold;
}
.divCourseInstanceRegistration
{
	float:left;
	width:225px;
}
.divDateAndLocationCourseLocationRegistration
{
	font-size:1em;
	font-weight:bold;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:5000;
}

.modalPopup {
	background-color:white;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:450px;
	z-index:10001;
}

.navigationPanel{
	margin: 0px;
	background-color:White;
	color:#01267F;
	text-align:left;
	font-size:.8em;
	width:450px;
	z-index:10001;
}

.navigationMainHeader
{
	background-color: #ddeeff;
	color:#01267F;
	padding-left:5px;
	padding-top:2px;
	border-bottom:1px solid #01267F;
	height:20px;
	font-size:x-small;
	font-weight:bold;
	font-family:Calibri, Verdana;
	text-align:center;
	
	
}
.modalPopupSelect {
	background-color:white;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:750px;
	height:400px;
	
}
.selectMainHeader
{
	background-image:url(\images\exclamationwide.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #ddeeff;
	color:#01267F;
	padding-left:24px;
	padding-top:2px;
	border-bottom:1px solid #01267F;
	height:20px;
	font-size:x-small;
	font-weight:bold;
	font-family:Calibri, Verdana;
	
	
}
.selectHeader
{
	font-size:x-small;
	color:Red;
	font-weight:bold;
	font-family:Calibri, Verdana;
}
.selectContent
{
	font-size:x-small;
	color:Black;
	font-weight:normal;
	font-family:Calibri, Verdana;
	background-color:White;
	
}
.selectPanel{
	margin:5px;
	background-color:White;
}
.navigationHead {
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#01267F); */
   background-color:#DDEEFF; 
    width:450px;
    float: left;
    text-align: center;
    height:20px;
    border-bottom:1px solid black;
    padding-top:2px;
    font-family:verdana;
    font-size:8pt;
    color:#01267F;
    font-weight:bold;
    cursor:hand;
   z-index:100000; 
}
.navigationHeadInfo {
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=white,endColorStr=#01267F); */
   background-color:#DDEEFF; 
    width:450px;
    float: left;
    text-align: center;
    height:40px;
    border-bottom:1px solid black;
    padding-top:2px;
    font-family:verdana;
    font-size:8pt;
    color:#01267F;
    font-weight:bold;
    cursor:hand;
   z-index:100000; 
}
.closeButton{
    background-image:url(\images\close_vista.gif);
	background-position:center center;
	background-color:transparent;
	background-repeat:no-repeat;
	width:28px;
	height:15px;
	padding:0px;
	border:0px;
	margin:0px;
	cursor:hand;
	position:absolute;
	top:2px;
	right:2px;
	
}
h1.marketingHeaderMain 
{
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-left:0px;
	margin-bottom:3px;
	margin-top:3px;
}
h2.marketingHeaderSub 
{
	margin:0px;
	padding:0px;
	margin-left:5px;
	width:100%;
}
h3
{
	font-size:1.2em;
	color:#01267F;
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-left:0px;
	margin-bottom:3px;
	padding-top:7px;
}
.spanMandatoryIndicator
{
	color:Red;
	margin-right:5px;
}
.noBorder
{
	border:0px;
}