@charset "UTF-8";
/* CSS Document */


/*  The following classes are used in the JQuery toggleClass function.
The normal (beginning state is assigned the 'button' class.  When clicked the JQuery toggleClass
assigns the .buttonBlue class. WHen clicked again the original 'button' class is reassigned.*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
	background-image: url(../Images/Arrow_Right.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.buttonBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #0089cf;
	background-image: url(../Images/Arrow_Down.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}

.button2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #666666;
	background-image: url(../Images/Arrow_Right.gif);
	background-repeat: no-repeat;
	background-position: 10px 3px;
}

.button2Blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #0089cf;
	background-image: url(../Images/Arrow_Down.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
}


/*  Main containing div  */
#courses {
	width: 100%;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:30px;
	outline: none;
}


/*  Container for course group name.  */
.courseGroupName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	padding: 16px 0px 4px 10px;
	border-top: 1px solid #dff2fd;
}


/*  Container for a group of course classes.  */
.courseClassWrapper {
	padding-bottom: 16px;
}


/*  Container for left column of course class.  */
.liveWebinarWrapper {
	float: left;
	width: 100%;
}

.liveWebinarWrapperBlue {
	float: left;
	width: 100%;
	background-color: #f2fafe;
}


/*  Container for left column of course class.  */
.courseLeft {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*  Container for right column of course class.  */
.courseRight {
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}


/*  Container for course class name.  */
.courseName {
	float: left;
	width: 330px;
	font-size: 11px;
}

.courseName a{
	float: left;
	width: 330px;
	font-size: 11px;
	padding-left: 20px;
}

.courseNameLong {
	float: left;
	width: 630px;
	font-size: 11px;
	padding: 9px 0px 9px 0px;
}

.courseNameLong a{
	padding-left: 20px;
}


/*  Register div  */
.register {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0089cf;
	text-decoration: underline;
	margin-top: 7px;
	margin-right: 14px;
}


/*  Container for course class description.  */
.courseClassDescription {
	clear: both;
	width: 300px;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	padding: 0px 6px 20px 20px;
}

.courseClassDescription p{
	margin: 0px;
}

.courseClassDescription a{
	color:#0089cf;
	background-image: url(../Images/Play_Small.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	padding-left:16px;
}

.courseClassDescriptionLong {
	clear: both;
	width: 650px;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 16px;
	padding: 0px 6px 20px 20px;
}


/*  A wrapper to add a blue background to alternate row background colors.  */
.blueRow {
	background-color: #f2fafe;
}


/*  Descriptors for controlling link actions and appearances.  */
.courseNameLong a:hover {
	color: #0089cf;
	text-decoration: underline;
}

.courseName a:hover {
	color: #0089cf;
	text-decoration: underline;
}

a:focus {
	outline: none;
}


/*  Clear the div float setting.  */
.clearFloat {
	clear: both;
}