
/* CSS Document */

body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color: #204B9A;
	background-repeat: repeat-x;
	background-position: top;
}
/*June 10 removed: background-color: #669dbd; background-image:url(../Images/background.png);*/

.lrBg {
	background-color: #687B48;
	background-image: url(../Images/background-top.jpg);
	background-repeat: repeat-x;
}
#locateResourceBg {
	background-image: url(../Images/background-content-green.jpg);
	background-repeat: repeat-x;
	height: 20px;
}
.lrDrop {
	background: url(../Images/background-content-green-drop.png) repeat-y center;
}
.posBg {
	background-color: #939393;
	background-image: url(../Images/background-top.jpg);
	background-repeat: repeat-x;
}
#programOfStudyBg {
	background-image: url(../Images/background-content-grey.jpg);
	background-repeat: repeat-x;
	height: 25px;
}
.posDrop {
	background: url(../Images/background-content-grey-drop.png) repeat-y center;
}
.homeBg {
	background: #288DBF url(../Images/background-top.jpg) repeat-x;
}
#homeBg {
	background-image: url(../Images/background-content-blue.jpg);
	background-repeat: repeat-x;
	height: 20px;
}

.referenceBg
{
	background: url(../Images/background-content-red-drop.png) repeat-y center;
}

#referenceBg 
{
	background:url(../Images/background-content-red.jpg);
	background-repeat: repeat-x;
	height: 20px;
}

#t4tBg {
	background-image: url(../Images/background-content-skyblue.jpg);
	background-repeat: repeat-x;
	height: 20px;
}

.t4tDrop {
	background: url(../Images/background-content-skyblue-drop.png) repeat-y center;
}

#myWorkspaceBg {
	background-image: url(../Images/background-content-purple.jpg);
	background-repeat: repeat-x;
	height: 20px;
}
.workBg {
	background-color: #785987;
	background: url(../Images/background-top.jpg);
	background-repeat: repeat-x;
}
.workDrop {
	background: url(../Images/background-content-purple-drop.png) repeat-y center;
}

/*  Hacks
	---------------------------------- */
.clearfix {
	clear: both;
	width: 100%;
	}
	
.flickerFix
{
	display: none;
}
/* Updated November 07/2007 START */
.alignLeftPad {
	float: left;
	clear: left;
	margin-top: 5px;
}
.alignRightPad {
	float: right;
	clear: right;
	margin-top: 5px;
}
/* Updated November 07/2007 END */
.alignRightNoMargin {
	float: right;
}
/*  Alignment
	---------------------------------- */
.alignRight {
	float: right;
	clear: right;
	margin-top: 5px;
	}
.alignLeft {
	float: left;
	clear: left;
	margin-top: 5px;
	}

.resultsHeaderResourceNote {
	border-top: 1px solid #CDEEFC;
	border-bottom: 1px solid #94DAF8;
	color: #006497;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	width: 98%;
    background: #C5EAFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}

.alignRightResourceNote {
	text-align: right;
	margin-right: 20px;
	height: 20px;
	}
.alignLeftButtonResourceNote	
{
    float: left;
}
.alignRightButtonResourceNote	
{
    float: right;
}
.divPaddingAllSides {
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;
}

/*  Alightment
	---------------------------------- */
.left {
	float:left;
	margin-right: 20px;
	}
.right {
	float: right;
	}
	
.alignRight {text-align:right; margin-top: 2px;}
	
/* errors */

.error {
	color: #FF0000;		}
.error span {
	color: #FF0000;
	}
.globalHalfColRight .error span {
	color: #FF0000;
	}
.globalHalfColRight .error {
	color: #FF0000;
	}



	
.note { color: #666666; font-weight: normal; }

/*  Standard Elements
	---------------------------------- */


/* Michael */
.searchThree textarea, .searchThree input, .searchHalf input, .searchHalf textarea, .MyWorkSpaceEmail input, .MyWorkSpaceField input.text, .BlueTextBox input {
	border: 1px solid #006497;
	height: 20px;
	background-image: url(../Images/background-search.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

.MyWorkSpaceEmail textarea, .MyWorkSpaceField textarea, .BlueTextBox input {
	border: 1px solid #006497;
	background-image: url(../Images/background-search.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 5px;
	}

	
.searchThree input.text, .searchThree textarea {
	width: 500px;
	}

.searchHalf input.text, .searchHalf textarea {
	width: 340px;
	}	
.formMiddleThird textarea {
	padding: 0px;
	margin-right: 5px;
	width: 97%;
	margin-left: 5px;
	margin-top: 5px;
}
.MyWorkSpaceField input.text, .MyWorkSpaceField textarea, .BlueTextBox input {
	width: 450px;
}
/* End Michael */
fieldset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
	margin: 0px;
	padding: 0px;
	}
legend {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align: left;
	_padding-bottom: 5px;
	}
	
legend span, .globalHalfColRight legend span {	
	font-weight: bold;
	color: #006497;
	text-align: left;
	_padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
dd {
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	}
dt {
	padding: 0px;
	margin-left: 40px;
	}
dl {
	padding: 0px;
	}
ul {
	clear: both;
}
.resultsContent dl {
	padding: 0px;
	margin-right: 10px;
	}
.resultsContent dd {
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	margin-top: -15px;
	margin-bottom: 10px;
	}
.resultsContent dt {
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
	}
.MyWorkSpaceField dl {
	padding: 0px;
	margin-left: -40px;
	}
.MyWorkSpaceField dd {
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	}
.MyWorkSpaceField dt {
	padding: 0px;
	margin-left: 40px;
	font-weight: bold;
	}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

/* default link rules */

a:link {
	text-decoration: none;
	font-weight: bold;
	}	
a:visited {
	text-decoration: none;
	font-weight: bold;
	}	

a:hover {
	text-decoration: underline;
	}		

/* END default link rules */

.t4tInfoBox
{
	margin-left: 20px;
	margin-right: 20px;
	padding-top:6px;
	padding-bottom:6px
}

.t4tInfoBox p a, .t4tInfoBox p a:visited, .t4tBlueLink p a, .t4tBlueLink p a:visited
{
	color: #204B9A;	
	text-decoration: none;
}

.t4tInfoBox p a:hover, .t4tBlueLink p a:hover
{
	color: #204B9A;
	text-decoration: underline;	
}

.BrowseLink, .BrowseLink span a, .BrowseLink span a:visited
{
  font-weight: bold;
	color: #025F93;	
	text-decoration: none;
}

.BrowseLink span a:hover
{
  font-weight: bold;
	color: #025F93;	
	text-decoration: underline;	
}

/*  Structural Elements
	---------------------------------- */
#wrapper {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	}
.headerBlueBar{	
    width: 100%;
    color: #D9DCF6; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: 600	
}
.headerLeft {
	width: 450px;
	float: left;
	}
.headerRight {
	float: right;
	margin-right: 5px;
	width: 510px;
	}
.header {
	height: 100px;
	background-image: url(../Images/background-header.png);
	}
.headerImage {
	padding-left: 15px;
	height: 140px;
	}
.albertaLearningLogo {
	float: left;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height:72px;
	}
.jurisdictionInfo {
    /*color: #FFFFFF;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 90px;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:12px;
	}

.LoginBackgroundLockEnglish{
    background: url(../Images/lockBackground.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundJurisdictionalEnglish{
    background: url(../Images/jurisdictionalBackground.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundPersonalEnglish{
    background: url(../Images/personalBackground.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundTeacherEnglish{
    background: url(../Images/teacherBackground.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundJurisdictionalFrench{
    background: url(../Images/jurisdictionalBackground-French.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundPersonalFrench{
    background: url(../Images/personalBackground-French.jpg) no-repeat;
    background-position:left top;
}
.LoginBackgroundTeacherFrench{
    background: url(../Images/teachersBackground-French.jpg) no-repeat;
    background-position:left top;
}

.jurisdictionInfo a, .jurisdictionInfo a:visited {
	color: #FFFFFF;
	}
.jurisdictionBar {
	width: 170px;
	float: left;
	clear: right;
	}
.jurisdictionAlightLeft {
	float: left;
	}
.jurisdictionAlightRight {
	float: right;
	}
.subNavigation {
	color: #515151;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	/*text-align: right;*/
	/*float: right;*/
	text-align:center;
	vertical-align:top;
	padding-right: 5px;
	white-space: nowrap;
	font-size: 12px;
	margin-left: 5px;
	float: right;
	vertical-align: bottom;
	}

.subNavigation span {
	display:block;
	padding: 2px 2px 1px 8px;
	}
	.subNavLeft
	{
		background-image: url(../Images/subNavLeft.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 0px;
		padding-right: 6px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.subNavMiddle
	{
		background-image: url(../Images/subNavMiddle.gif);
		background-repeat: repeat-x;
		background-position: left top;
		padding-left: 2px;
		padding-right: 2px;
		margin-left: 0px;
		margin-right: 0px;
		white-space: nowrap;
	}
	.subNavRight
	{
		background-image: url(../Images/subNavRight.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-left: 0px;
		padding-right: 8px;
	}
.subNavigation a, .subNavigation a:visited  {
	color: #515151;
	}
.subNavigation a:hover {
	color: #515151;
	text-decoration: underline;
	}
/* Added: October 1/2007 END */
.navigation {
	padding-left: 0px;
	background-color: #fff;
	background-repeat: no-repeat;
	}
.headerCrumbs {
	background-image: url(../Images/background-crumb.jpg);
	height: 20px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-left: 15px;
	width: 945px;
	margin-right: auto;
	margin-left: auto;
	}
.crumbs {
	float: left;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size:12px;
	color: #006187;
	}
.crumbs a {
	color: #006187;
	text-decoration: underline;
	font-weight: normal;
	}
.crumbs a:hover 
{
	color: #0091b9;
	text-decoration: underline;
	}
.textResize{
    float: right;
    margin-right:15px;
    margin-top: 15px;
    color: #CCCCCC;
    font-size:12px;
    font-weight: bold;
}
.typeSize {
	float: right;
	padding-bottom: 3px;
	}
.typeSize img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.posNavDrop {
	background: url(../Images/background-navigation-grey-drop.png) repeat-y center;
	}
.lrNavDrop {
	background: url(../Images/background-navigation-green-drop.png) repeat-y center;
	}
.homeNavDrop {
	background: url(../Images/background-navigation-blue-drop.png) repeat-y center;
	}

.referenceNavDrop
{
	background: url(../Images/background-navigation-red-drop.png) repeat-y center;
}	
.t4tNavDrop
{
	background: url(../Images/background-navigation-skyblue-drop.png) repeat-y center;
}	

.workNavDrop {
	background: url(../Images/background-navigation-purple-drop.png) repeat-y center;
	}

/*  Navigation Tabs - English  */
.tabsen
{
	color: #FFFFFF;
	float: left;
	width: 100%;
}
	.tabsen #nav {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
		height: 35px;
	}

	.tabsen #nav table {
		display: inline;
	}

	.tabsen #homeImg, #programImg, #locateImg, #referenceImg, #t4tImg, #workImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px 0px;
	}	

	.tabsen .buttonCell {
		padding-left: 5px;
		cursor: hand;
		cursor: pointer;
	}
	.tabsen #nav a {
		text-decoration: none;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		white-space: nowrap;
	}
	
	.tabsen #nav #t4tCurrentpage a {
	    color: #204B9A;
	}
	.tabsen #nav img {
		border: 0;
	}

	.tabsen #homeCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -34px;
	}
	.tabsen #programCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -68px;
	}
	.tabsen #locateCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -102px;
	}
	.tabsen #referenceCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -136px;
	}
	.tabsen #t4tCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -204px;
	}
	.tabsen #workCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -170px;
	}
	
	/*  Navigation Tabs - French  */
.tabsfr
{
	color: #FFFFFF;
	float: left;
	width: 100%;
}
	.tabsfr #nav {
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
		height: 35px;
	}

	.tabsfr #nav table {
		display: inline;
	}

	.tabsfr #homeImg, #programImg, #locateImg, #referenceImg, #t4tImg, #workImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px 0px;
	}	

	.tabsfr .buttonCell {
		padding-left: 5px;
		cursor: hand;
		cursor: pointer;
	}
	.tabsfr #nav a {
		text-decoration: none;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		white-space: nowrap;
	}
	
	.tabsfr #nav #t4tCurrentpage a {
	    color: #204B9A;
	}
	.tabsfr #nav img {
		border: 0;
	}

	.tabsfr #homeCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -34px;
	}
	.tabsfr #programCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -68px;
	}
	.tabsfr #locateCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -102px;
	}
	.tabsfr #referenceCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -136px;
	}
	.tabsfr #t4tCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -204px;
	}
	.tabsfr #workCurrentpageImg {
		background-image: url(../Images/Navigation/middle.gif);
		background-position: 0px -170px;
	}

.contentWrapper {
	clear: both;
	background-color: #FFFFFF;
	}
#contentWrapper {
	clear: both;
	background-color: #FFFFFF;
	}
.content 
{
	clear: both;
	padding-top: 8px;
	padding-bottom: 25px;
	padding-left: 25px;
    padding-right: 25px;
	width: 940px;
}

.helpContent 
{
	clear: both;
	padding-top: 8px;
	padding-bottom: 25px;
	padding-left: 25px;
    padding-right: 25px;
	width: 940px;
}
	
.content a, .content a:hover, .content a:visited  
{
	color: #000000; 
	text-decoration: underline; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: hand;
	cursor: pointer;
}
.content a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
	}
	
.t4tContent a, .t4tContent a:hover, .t4tContent a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color: #204B9A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.t4tContent a:hover, .t4tContent a:visited {
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	color: #204B9A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


.t4tContent h2 span
{
    FONT-SIZE: 18px;
    color: black;
    font-weight: bold;
    line-height: 20px;
}

.t4tContent h2 .HeaderDetails span
{
    FONT-SIZE: 18px;
    color: black;
    font-weight: normal;
    line-height: 20px;
}

table.t4tTable  
{
    width: 100%;
    padding: 10;
    cellspacing: 0;
}



.t4tTable td
{   
    border-bottom: solid 1px #45D7FF;   
    vertical-align: top;
}


.content hr {
	background:#999999 none repeat scroll 0 0;
	border:medium none;
	clear:both;
	color:#999999;
	float:none;
	height:0.1em;
	width:100%;
	}
.content .subnav {
	border-bottom: 1px dashed #529FC9;
	padding-bottom: 20px;
	margin-bottom: 5px;
	}
.content .message {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	background: #EDF5FA;
	padding: 5px;
	border: 1px solid #6FACD2;
	margin-top: 10px;
	}
.content .postMessage {
	width: 330px;
	border: 1px solid #D56C6C;
	background-color: #FAEDED;
	clear: both;
	margin-top: 5px;
	margin-left: 45px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/icon-postMessageArrow.gif);
	background-repeat: no-repeat;
	background-position: 3px 10px;
	}
.content .prompt {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: 1px solid #D56C6C;
	margin-top: 30px;
	background-color: #FAEDED;
	clear: both;
	}
.content  .subnav  .current a {
	text-decoration: none;
	}
.content .subnav .current a:hover {
	text-decoration: underline;
	}
#programOfStudy {
	color: #025F93;
}
#locateResource {
	color: #025F93;
}
#myWorkSpace {
	color: #690F64;
}
#home {
	color: #004B83;
}
h4 {
	color: #333333;
	margin-top: 50px;
	background-color: #F1FAFE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94DAF8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDEEFC;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	}
.content h1, .content h1 span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006497;
	margin: 0px;
	padding-bottom: 5px;
	line-height: 19px;
	}
.content h2 {
	font-weight: bold;
	line-height:normal;
}
.content h2 img {
	padding-right: 5px;
	padding-left: 10px;
}

.content h3, .content h2 a {
	margin-top: 0px;
	color: #025F93;
	text-decoration: none;
	margin-bottom: 1px;
	line-height:normal;
	}
.content h2 a:hover, .content h2 a:visited
{
	text-decoration: underline;
	color:#025F93;
}
	
.MyWorkSpaceField h2 {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #006497;
}
hr
{
	-moz-box-sizing:border-box;
	-moz-float-edge:margin-box;
	border:1px inset;
	color:gray;
	display:block;
	height:2px;
	margin:0.5em auto;
}	

.content ul.basic {
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
.content ul.basic li {
	list-style: none;
	}

.content .indent {
	margin-left: 10px;
	margin-top: 0px;
	color: #333333;
}
.globalCenter {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	}
	
.progressClientBox
{
	border: solid 2px #808080;
	background-color:White; 
	text-align:center;
	padding:10px 15px 10px 15px;
}
	
.progressClientBox h3 
{
	font-size: 22px;
	margin-top: 0px;
	color: #025F93;
	text-decoration: none;
	margin-bottom: 1px;
	line-height:normal;
	}	
	
.globalHalfColRight span, .globalFourCol span, .globalTwoCol span, .progressClientBox span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

.T4T h3 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #025F93;
	}
	
.T4T span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

/* Michael added July 23 */
.globalHalfOfThreeOfFourCol
{
	width:37%;
	float:left;
	clear:right;
}

.globalHalfCol
{
	width:50%;
	float:left;
	clear:right;
}

.t4tNavColLeft
{
    width:28%;
	float:left;
	clear:right;
}
.t4tNavColRight
{
    width:72%;
	float:left;
	clear:right;
}

/*Kimberly added May 6 */
.globalTwoCol
{
	width:55%;
	float:left;
	clear:right;
}

.globalSplitCol
{
	width:47%;
	float:left;
	clear:right;
	margin-left:5px;
	margin-right:5px;
}

.globalOneThirdLeftCol
{
	width:340px;
	float:left;
	clear:right;
	margin-left: 5px;
	margin-right: 5px;
}
/*end Kimberly */


.globalThreeCol {
	width: 620px;
	float: left;
	clear: right;
	}
.globalFourCol {
	width: 25%;
	float: left;
	clear: right;
	}

.globalHalfThird {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}
.globalPosLeftCol {
	width: 200px;
	float: left;
	}
.PosLeftCol 
{
	width: 500px;
	}
/* Michael modified Program of Study middle column */
.globalPosCenterCol {
	/*width: 385px;
	float: left;*/
	margin-top:5px;
	margin-left: 15px;
	margin-right: 15px;
	}
/* end Michael modified Program of Study middle column */
.globalOneCol {
	width: 300px;
	float: right;
	clear: right;
	margin-right: 5px;
	}
.globalPOSOneCol {
	/*width: 300px;
	float: right;
	clear: right;*/
	margin-left: 5px;
	margin-right: 5px;
	}
/* Old Jan. 8, 2008
.globalHalfColLeft hr, .globalHalfColRight hr {
	background-color: #006497;
	margin: 3px 0px 5px;
	}*/
/* New Jan. 8, 2008 */
.globalHalfColLeft hr, .globalHalfColRight hr {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #006497;
	width: 460px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: right;
	clear: both;
}		
/* Michael added for Folder Notes component */
.globalHalfColRight .EditNotes hr 
{
    width: 100%;
}
/* end Michael */
.globalHalfColLeft {
	width: 463px;
	clear: right;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


.globalHalfColDivider {

    background-image: url('../Images/greyDash.gif'); 
    background-repeat: repeat-y; 
    background-position: center;

	width: 2px;
	height: 200px;
	clear: right;
	float: left;
	
	}

.globalHorizontalDivider {

    background-image: url('../Images/greyDash-horizontal.gif'); 
    background-repeat: repeat-x; 
    background-position: left;

    margin-left: 25px;

	width: 200px;
	height: 2px;
	/*clear: right;
	float: left;*/
	}

.globalHalfColRight {
	width: 463px;
	clear: right;
	float: right;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.globalTwoThirdColRight
{
	width: 620px;
	clear: right;
	float: right;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.newPosTip 
{
	width: 250px;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 5px;
	}

.globalOneCol .tip, .newPosTip .tip {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006497;
	background-image: url(../Images/tipContentRight.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 20px;
	line-height: 15px;
	}

.globalHalfColLeft select {
	width: 450px;
}

.globalOneCol .tip h1, .newPosTip .tip h1{
	color: #006497;
	background-image: url(../Icons/icon-question.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 0px;
	padding-bottom: 5px;
	}
.globalOneCol .tip .tipTop, .newPosTip .tip .tipTop{
	height: 17px;
	background-image: url(../Images/tipTopLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	}
.globalOneCol .tip .tipTop .tipTopRight, .newPosTip .tip .tipTop .tipTopRight{
	background-image: url(../Images/tipTopRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	height: 17px;
	}
.globalOneCol .tip .tipContent, .newPosTip .tip .tipContent{
	padding-left: 15px;
	background-image: url(../Images/tipContentLeft.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-right: 15px;
	padding-top: 5px;
	}
.globalOneCol .tip .tipBottom, .newPosTip .tip .tipBottom{
	height: 16px;
	background-image: url(../Images/tipBottomLeft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
.globalOneCol .tip .tipBottom .tipBottomLeft, .newPosTip .tip .tipBottom .tipBottomLeft{
	background-image: url(../Images/tipBottomRight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: right;
	height: 16px;
	}

/*Added May 26, 2008 */	
.globalOneColLeft
{
	width: 300px; 
	float: left; 
	clear: right; 
	margin-right: 5px; 
}		

.globalOneColLeftNoWidth
{
	float: left; 
	clear: right; 
	margin-right: 5px; 
}		
	
.globalThreeColRight,.globalThreeColRight2009 
{ 
	width: 620px; 
	float: right; 
	clear: right;
	margin-left: 0px;
}	

.globalPOSThreeColRight
{ 
	width: 460px; 
	float: right; 
	clear: right;
	margin-right: 5px;
	margin-left: 5px;
}	

/*end May 26 */
	
.locateShowHide {
	width: 100%;
	}
.locateShowHideRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.locateShowHideHeader {
	color: #333333;
	background-color: #D5F0FD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94DAF8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDEEFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-top: 5px;
	width: 99%;
	}
.locateShowHideHeader .collapser, .resultsHeader .collapser {
	float: right;
	white-space: nowrap;
	cursor: pointer; 
	cursor: hand;
	}

.locateShowHideTitle {
	color: #006497;
	float: left;
	font-weight: bold;
	}
.locateShowHideShow a, .locateShowHideHide a {
	color: #333333;
	text-decoration: none;
	}
.locateShowHideShow a:hover, .locateShowHideHide a:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
	}

.locateShowHideHide {
	width: 45px;
	float: right;
	background-image: url(../Icons/icon-hide.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 10px;
	text-align: right;
	padding-right: 15px;
	}
.locateShowHideShow {
	width: 45px;
	float: right;
	background-image: url(../Icons/icon-show.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 10px;
	text-align: right;
	padding-right: 15px;
	}
.locateShowHideContent {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006497;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F1FAFE;
	width: 100%;
	}
.locateShowHideContent a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}
.locateShowHideList span {
	color: #10809D;
	font-weight: bold;
	}

.myWorkContent {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006497;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F1FAFE;
	width: 100%;
	}
.myWorkListHalf {
	width: 37%;
	float: left;
}

.myWorkSort {
	text-align: left;
	color: #006497;
	margin-bottom: 10px;
	width: 250px;
	float: left;
	margin-top: 10px;
	}
.myWorkSort select {
	background-color: #F9FDFF;
	width: 100px;
	}
.myWorkResults{
	float: right;
	width: 200px;
	margin-top: 15px;
	text-align: right;
	margin-bottom: 10px;
	
	}
.resourceSort {
	width: auto;
	margin-top: 10px;
	background: #F4FBFD url(../images/backgroundResourceSort.jpg) repeat-y left;
}
.resourceSortHeader {
	color: #006497;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94DAF8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CDEEFC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 99%;
	background: #C5EAFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}

.resourceSort  .resourceSorterUp {
	width: 19px;
	float: left;
	padding-left: 3px;
	padding-top: 4px;
}
.resourceSort  .resourceSorterDown {
	width: 100%;
	clear: both;
	padding-bottom: 4px;
	padding-left: 3px;
	margin: 0px;
}
.resourceSort  .resourceSorterContainer {
	float: right;
	width: 435px;
	margin: 0px;
	padding-top: 0px;
}
.resourceSort .resourceSorterContainer .resourceSorterContent {
	padding-left: 5px;
}

.resourceSort .resourceSorterContent p {
	margin: 0px;
	padding: 5px 0px 0px;
}

/* Michael added */
.CheckBoxListThreeColumnWidth td 
{
	 width: 33%;
	 
}
.CheckBoxListTwoColumnWidth td 
{
	 width: 50%;
}

.CheckBoxListThreeColumnWidth tr 
{
	 vertical-align: top;
}
.CheckBoxListTwoColumnWidth tr
{
	 vertical-align: top;
}

/* End Michael added */

/*
.locateShowHideList {
	float: left;
	width: 33%;
	}
*/
.locateShowHideList li {
	list-style-type: none;
	}
	

.locateShowHideListHalf {
	float: left;
/*	width: 50%; */
	}
.locateShowHideListHalfRight {
	float: right;
	}
.resultsContent{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006497;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	}
	
.draftBorder
{
	border-color:Red;
	border-style:solid;
	border-width:thin;
}
/* #CC9999 */
.draftBg
{
	background-color:#FFE5B4;
}

.draftCorrelationBg
{
	background-color:#FFE5B4;
}


.resultsSort, .resultsSort span {
	text-align: left;
	color: #006497;
	margin-bottom: 10px;
	}
.resultsSort select {
	background-color: #F9FDFF;
	}
.resultsSort option {
	}
.resultsRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.resultsResourceIcon {
	color: #006497;
	float: left;
	height: 30px;
	padding-right: 5px;
	}
.resultsTitle
{
	margin-left: 18px;
	color: #006497;
	line-height:normal;
}
.resultsTitleORC 
{
	color: #006497;
	line-height:normal;
}
	
.resultsTitle a, .resultsTitle a:visited, .resultsTitleORC a, .resultsTitleORC a:visited  {
	color: #006497;
	text-decoration: none;
	line-height:normal;
	}
.resultsTitle a:hover, .resultsTitleORC a:hover {
	color: #006497;
	text-decoration: underline;
	line-height:normal;
	}
.resultsTitle h1, .resultsTitleORC h1 {
	padding: 0px;
	line-height:normal;
	}
.resultsResourceNote {
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	
	}
.resultsFolderWebLinkRequiresSignIn {
	float: right;
	width: 150px;
	text-align: right;
}
.resultsResourceNote span {
	COLOR: #006497;
    }
.resultsRequiresSignedIn {
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	}
.resultsSave{
	float: right;
	width: 70px;
	padding: 0 0 0 5px;
	}
.resultsSave img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.resultsSaveWorkSpace {
	float: right;
	padding-right: 5px;
	}
.resultsContent a {
	color: #000000;
	}
	

.resultsHeader {
	border-top: 1px solid #CDEEFC;
	border-bottom: 1px solid #94DAF8;
	color: #006497;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 12px;
		width: 98%;
		background: #C5EAFC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		clear: both;
		margin-top: 5px;
	/*height: 20px;*/
}
.resultsHeader a, .resultsHeader a:visited {
	text-decoration: underline;
	color: #006497;
	}
.resultsHeader a:hover {
	text-decoration: none;
	color: #006497;
	}
.resultsType {
	width: 100%;
	clear: left;
	float: left;
	margin-bottom: 5px;
	background-color: #FDFEF5;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F7FDDB;
	border-bottom-color: #F7FDDB;
	}
.resultsType span 
{
	color: #000000;
}
.noResults span 
{
	color: #000000;
}

.resultsMetaLr, .resultsMetaPos {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	float: left;
	margin-right: 5px;
	background-color: #F7FDDB;
	}
.resultsMetaLr {
	width: 120px;
	}
.resultsMetaPos {
	width: 120px;
	}
.resultsMetaLr a, .resultsMetaPos a {
	text-decoration: underline;
	}
.resultsDataLr {
	width: 320px;
	}
.resultsDataLr2 {
	width: 305px;
	font-size: 11px;
	}
.resultsDataPos {
	width: 160px;
	}
.clearboth {
	clear: both;
}
.resultsDataPos, .resultsDataLr, .resultsDataLr2{
	float: right;
	padding-right: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	}
.resultsDataPos img, .resultsDataLr img, .resultsDataLr2 img{
	padding-right: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.resultsDataPos strong, .resultsDataLr strong, .resultsDataLr2 strong {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.dataTable {
	background: #EBF8FA;
	}
.dataTable .tableHeader {
	background: #C5EAFC;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #006497;
	font-weight: bold;
	}
.dataTable .tableHeader img {
	padding-right: 4px;
	padding-left: 4px;
	}
.dataTable .even {
	background: #F4FBFD;
	clear: both;
	border-top: 1px solid #DBF2F9;
	border-bottom: 1px solid #DBF2F9;
	}
.dataTable .even hover {
	background: #0066CC;
	}
.dataTable .odd {
	clear: both;
	}
.dataTable .odd hover {
	background: #99CC00;
	}
.dataTable .selected {
	background: #5FB5E7;
	border-top: 1px solid #C4EAFF;
	border-bottom: 1px solid #C4EAFF;
	}
.dataTable .lockIcon
{
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}
.dataTable .dataTableTitle {
	float: left;
	padding-right: 6px;
	padding-left: 7px;
	}
.dataTableColumnTitle {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 130px;
	font-weight: bold;
	}
.dataTableColumnTitleHomePage {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
	width: 160px;
	}
.dataTable  .dataTableBox {
	float: right;
	padding-right: 10px;
	padding-left: 5px;
	text-align:center;
	}
.dataTable .dataTableDate {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	width: 80px;
	}
.dataTable .dataTableWeb {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	width: 75px;
	text-align: center;
	}
.dataTable .mine {
	float: right;
	width: 42px;
	text-align: center;
	}
.dataTable .resources {
	float: right;
	width: 75px;
	text-align: center;
	}
.dataTable  .mine  img {
	padding-top: 3px;
	}
	
/*added May 27, 2008 */
.dataTable .dataTableBox 
{ 
	padding-right: 10px; 
	padding-left: 5px; 
	text-align:center;
}
.dataTable .dataTableDateHome {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	width: 60px;
	}
.dataTable .dataTableMedia 
{ 
	float: right; 
	padding-right: 5px; 
	padding-left: 5px; 
	width: 100px; 
}

.dataTable .dataTableSubject 
{ 
	float: right; 
	width: 150px; 
}	

.dataTable .grade 
{ 
	float: right; 
	width: 47px; 
	text-align: left; 
	margin-right: 5px;
}
/* end May 27 */

.page {
	color: #333333;
	margin-top: 15px;
	}
.page a {
	text-decoration: underline;
	color: #000000;
	padding-right: 2px;
	padding-left: 2px;
	}
.page img {
	padding-right: 5px;
	padding-left: 5px;
	}
.page span 
{
	color: #000000;
}
.pages {
	float: right;
	}
.pageOn {
	float: left;
	}
.page .currentPage {
	text-decoration: none;
	}
.page .pageon span {
	text-decoration: none;
	}
.posLanguage {
	width: 49%;
	float: left;
}
.posHighlight {
	background-color: #DDF0FF;
	border: 1px solid #75CFFF;
	padding: 5px 5px 10px;
}

.locateShowHideTitle { color: #006497; float: left; font-weight: bold; }
.posContentShowHideHeader { color: #333333; background-color: #C5EAFC; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #94DAF8; border-top-width: 1px; border-top-style: solid; border-top-color: #CDEEFC; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; margin-top: 5px; height: 18px; white-space:nowrap;}
.posContentShowHideHeader .collapser { float: right; cursor: hand; 	cursor: pointer; }
.illustratedExamples { background-color: #F1EFEF; padding-right: 5px; padding-left: 5px; border: 1px solid #999999; }
.illustratedExamples table { border-color:#CCCCCC;}
.illustratedExamples table.docCorrelations
{
	border-style: none; 
	border: 0px;
}
.illustratedExamples table.docCorrelations td
{
	border-style: none; 
	border: 0px;
}
.posContent {
	padding: 5px 5px 10px; 
	border-bottom-width: 1px; 
	border-bottom-style: dotted; 
	border-bottom-color: #006497; 
}
   .highlight, .activeInfo {background-color: #FEF9D6;}

.active  {background-color: #E8F7F7; border: 1px solid #0099FF; }

.posContent a, .posHighlight a, .posContent a:visited, .posHighlight a:visited
{
	color:Black;	
	font-weight:normal;
	text-decoration: none;
}
	
.posHighlight a:hover, .posContent a:hover {
	color: #006497; 
	text-decoration: underline;
	}
		
.posHighlight h1 span, .posContent h1 span, .posHighlight h1, .posContent h1 {
	margin: 0px;
	font-weight: bold;
	}
.posHighlight .posYellow span, .posContent .posYellow span {
	background: #FFFF00;
	}
	
.paneClose {
	color: #000000;
	width: 55px;
	float: right;
}

.tocTab {
	width: 30px;
	float: left;
	clear: right;
	}
.tocWrapper {
	float: right;
	width: 429px;
	}
.tocContent {
	/*width: 169px;*/
	/*float: right;*/
	/*background: #E5EEF6 url(../images/backgroundToc.jpg) repeat-y;
	}*/
}
.checkMySystem { width: 650px; margin-right: auto; margin-left: auto; clear: both; }
.checkMyStstemColumn { width: 48%; margin-bottom: 10px; }

	.checkMySystem span { }
	.checkMySystem .numbers  li  { list-style-type: decimal; }
	.checkMySystem .dots  li  { list-style-type: disc; margin-left: 30px; }
	.checkMySystem .systemBar { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; clear: both; margin-bottom: 10px; }
	.checkMySystem .systemBar .dataLeft { float: left; width: 100px; }
	.checkMySystem .systemBar .dataRight { float: right; width: 180px; padding-bottom: 5px; }
	.checkMySystem .systemBar  .dataImage  img { border: 1px solid #999999; }
	.checkMySystem .systemBar .dataImage { float: left; width: 35px; }
	.checkMySystem .systemBar .dataPlugin { float: right; width: 250px; padding-bottom: 5px; }
	.checkMySystem   .grey  { color: #999999; }

.posFooterDrop{
	background: url(../Images/background-grey-footer.png) repeat-y center bottom;
	}
.homeFooterDrop{
	background: url(../Images/background-blue-footer.png) repeat-y center bottom;
	}
.lrFooterDrop{
	background: url(../Images/background-green-footer.png) repeat-y center bottom;
	}
.referenceFooterDrop
{
		background:url(../Images/background-red-footer.png) repeat-y center bottom;
	}
.workFooterDrop{
	background: url(../Images/background-purple-footer.png) repeat-y center bottom;
	}	
.footer a, .footer a:hover, .footer a:visited {
	color: #006497;
	}
.footer a:hover {
	text-decoration: underline;
	}

/*	TipPop-up
	---------------------------------- */
.tipPop {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006497;
	background-image: url(../Images/tipPopContentRight.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-top: 20px;
	line-height: 15px;
	}
.tipPop .tipPopTop {
	height: 36px;
	background-image: url(../Images/tipPopTopLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	}
.tipPop  .tipPopTop  .tipPopTopRightHelp {
	background-image: url(../Images/tipPopTopRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	height: 36px;
	}
.tipPopTopRightHelp p {
	background-image: url(../Icons/icon-question.jpg);
	height: 18px;
	background-repeat: no-repeat;
	background-position: 10px -0px;
	padding-left: 25px;
	padding-top: 15px;
	font-weight: bold;
	color: #004062;
	}
.tipPop  .tipPopTop  .tipPopTopRightSave {
	background-image: url(../Images/tipPopTopRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	height: 36px;
	}
.tipPopTopRightSave p {
	background-image: url(../Icons/icon-save-resource.jpg);
	height: 18px;
	background-repeat: no-repeat;
	background-position: 10px -0px;
	padding-left: 25px;
	padding-top: 15px;
	font-weight: bold;
	color: #004062;
	}
.tipPop  .tipPopTop  .tipPopTopRightExternal {
	background-image: url(../Images/tipPopTopRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	clear: right;
	height: 36px;
	}
.tipPopTopRightExternal p {
	background-image: url(../Icons/icon-external-resource.jpg);
	height: 18px;
	background-repeat: no-repeat;
	background-position: 10px -0px;
	padding-left: 25px;
	padding-top: 15px;
	font-weight: bold;
	color: #004062;
	}
.tipPop .tipPopContent {
	padding-left: 25px;
	background-image: url(../Images/tipPopContentLeft.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-right: 25px;
	margin: 0px;
	}
.tipPop .tipPopBottom {
	height: 31px;
	background-image: url(../Images/tipPopBottomLeft.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
 .tipPop .tipPopBottom .tipPopBottomLeft {
	background-image: url(../Images/tipPopBottomRight.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: right;
	height: 31px;
	}
	
/* Light blueish purpley button with bold black text!  */

span.bluPuButtonDisabled 
{
	display:-moz-inline-box;
	display:inline-block;
	cursor:default;
	border:none;
	line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:36px;
	text-decoration:none;
	color:#000000;
	font-style:normal;
	margin:0px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	padding-top:-2px;
	_margin: 0px 0px 10px 0px;
	_position:relative;
	/*_width:10px;*/
	_overflow-y:hidden;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

span.bluPuButtonDisabled input, span.bluPuButtonDisabled button, span.bluPuButtonDisabled input span {
	/*border-bottom-width: 2px;

	border-bottom-color: #ffffff;*/

	white-space:nowrap;
	cursor:default;
	color:#000000;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
	letter-spacing:0 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-style:normal;
	background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:36px;
	/*padding:8px 20px 0 10px;*/
	padding:8px 10px 3px 5px;
	margin:0 -16px 0 5px;
	border:none;
	vertical-align:text-top;
	opacity: 0.5;
	filter:alpha(opacity=50);

	_position:relative;
	_padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
	font-weight: bold;
	}
span.bluPuButtonDisabled button, span.bluPuButtonDisabled input {
	padding-top:0px;
	line-height:1.5;/*Opera need this*/
	}
span.bluPuButtonDisabled input, span.bluPuButtonDisabled, span.bluPuButtonDisabled button, 
span.bluPuButtonDisabled input span {
	background-image:url(../Images/bluPuButton.png);
	_background-image:url(../Images/bluPuButton.gif);
	}

a.bluPuButton, span.bluPuButton {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:36px;
	text-decoration:none;
	color:#000000;
	font-style:normal;
	margin:0px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	padding-top:-2px;
	_margin: 0px 0px 10px 0px;
	_position:relative;
	/*_width:10px;*/
	_overflow-y:hidden;
	}

span.bluPuButton input, a.bluPuButton, span.bluPuButton, a.bluPuButton span, span.bluPuButton button, span.bluPuButton input span {
	background-image:url(../Images/bluPuButton.png);
	_background-image:url(../Images/bluPuButton.gif);
	}
span.bluPuButton input, a.bluPuButton span, span.bluPuButton button, span.bluPuButton input span {
	/*border-bottom-width: 2px;

	border-bottom-color: #ffffff;*/

	white-space:nowrap;
	cursor:pointer;
	color:#000000;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
	letter-spacing:0 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-style:normal;
	background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:36px;
	/*padding:8px 20px 0 10px;*/
	padding:8px 10px 3px 5px;
	margin:0 -16px 0 5px;
	border:none;
	vertical-align:text-top;

	_position:relative;
	_padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
	font-weight: bold;
	}
span.bluPuButton button, span.bluPuButton input {
	line-height:2.5;
	}
	/*Opera need this*/
/* End Michael */	
/*html.safari a.bluPuButton span, html.safari del.bluPuButton span {
	line-height:1.3;
	}
html.safari span.bluPuButton button {
	line-height:2.6;
	}
html.safari a.bluPuButton:focus, html.safari span.bluPuButton button:focus {
	outline:none;
	}*/
span.bluPuButton button, span.bluPuButton input {
	padding-top:0px;
	line-height:1.5;/*Opera need this*/
	}
/** optional **/
/*
a.bluPuButton:visited{
	color:#aaa;
	}
*/

/*Hover Style*/

a.bluPuButton:hover, span.bluPuButton:hover, a.bluPuButton:focus,  a.dom-button-focus, span.bluPuButton-behavior-hover {
	background-position:0 -65px;
	color:#000000;
	text-decoration:none;
	}
a.bluPuButton:hover span, span.bluPuButton:hover input, a.bluPuButton:focus span,  span.bluPuButton-behavior-hover input, span.bluPuButton-behavior-hover input {
	background-position:100% -65px;
	}
a.bluPuButton:active, a.bluPuButton:focus span {
	color:#000000;
	}


/*  Span Button
	---------------------------------- */

a.spanButton, span.spanButton, span.spanButtonHelp, span.spanButtonHelp2 {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#FFFFFF;
	font-style:normal;
	margin:0px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	vertical-align:middle;
	padding-top:-2px;
	_margin: 0px 0px 10px 0px;
	_position:relative;
	_overflow-y:hidden;
	}

a.spanButton, span.spanButton {
	height:30px;
}
span.spanButtonHelp {
	height:40px;
}
span.spanButtonHelp2 {
	height:50px;
}
span.spanButton input, a.spanButton, span.spanButton, a.spanButton span, span.spanButton button, span.spanButton input span {
	background-image:url(../Images/form_buttons.png);
	}
span.spanButtonHelp input, span.spanButtonHelp {
	background-image:url(../Images/form_buttons_help.png);
	}	
span.spanButtonHelp2 input, span.spanButtonHelp2 {
	background-image:url(../Images/form_buttons_help_height50.png);
	}	
span.spanButton input, span.spanButtonHelp input, span.spanButtonHelp2 input, a.spanButton span, span.spanButton button, span.spanButton input span {
	white-space:nowrap;
	cursor:pointer;
	color:#FFFFFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
	letter-spacing:0 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-style:normal;
	background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	padding:8px 8px 0 5px;
	margin:0 -16px 0 5px;
	border:none;
	_position:relative;
	_padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;
	font-weight: bold;
	}

span.spanButton input, a.spanButton span, span.spanButton button, span.spanButton input span {
    height:30px;
    vertical-align:text-top;
}
span.spanButtonHelp input, span.spanButtonHelp input span {
    height:40px;
    vertical-align:middle;
}
span.spanButtonHelp2 input, span.spanButtonHelp2 input span {
    height:50px;
    vertical-align:middle;
}
span.spanButton input, a.spanButton span, span.spanButton button, span.spanButton input span {
	white-space:nowrap;
}	
span.spanButtonHelp input {
	white-space:normal;
}	
span.spanButtonHelp2 input {
	white-space:normal;
}	
	
span.spanButton button, span.spanButton input {
	line-height:2.5;
	}
span.spanButtonHelp input, span.spanButtonHelp2 input {
	padding-top:0px;
	}	
	
	/*Opera need this*/
/* End Michael */	
/*html.safari a.spanButton span, html.safari del.spanButton span {
	line-height:1.3;
	}
html.safari span.spanButton button {
	line-height:2.6;
	}
html.safari a.spanButton:focus, html.safari span.spanButton button:focus {
	outline:none;
	}*/
span.spanButton button, span.spanButton input {
	padding-top:0px;
	line-height:1.5;/*Opera need this*/
	}
/** optional **/
/*
a.spanButton:visited{
	color:#aaa;
	}
*/

/*Hover Style*/

a.spanButton:hover, span.spanButton:hover, a.spanButton:focus,  a.dom-button-focus, span.spanButton-behavior-hover {
	background-position:0 -60px;
	color:#FFFFFF;
	text-decoration:none;
	}
a.spanButton:hover span, span.spanButton:hover input, a.spanButton:focus span,  span.spanButton-behavior-hover input, span.spanButton-behavior-hover input {
	background-position:100% -60px;
	}
a.spanButton:active, a.spanButton:focus span {
	color:#FFFFFF;
	}
	
.headerSignInButton{
	background-image:url(../Images/signinButton.png);
	_background-image:url(../Images/signinButton.png);
	background-color:Transparent;
	height:30px;
	width:77px;
	outline:none;
	border:none;
}
.headerSignInButton:hover{
	background-image:url(../Images/signinButtonHover.png);
	_background-image:url(../Images/signinButtonHover.png);
	background-color:Transparent;
}
.headerSignInFrenchButton{
	background-image:url(../Images/signinButtonFrench.png);
	_background-image:url(../Images/signinButtonFrench.png);
	background-color:Transparent;
	height:30px;
	width:77px;
	outline:none;
	border:none;
}
.headerSignInFrenchButton:hover{
	background-image:url(../Images/signinButtonFrenchHover.png);
	_background-image:url(../Images/signinButtonFrenchHover.png);
}
.headerSignUpButton{
	background-image:url(../Images/signupButton.png);
	_background-image:url(../Images/signupButton.png);
	background-color:Transparent;
	height:30px;
	width:78px;
	outline:none;
	border:none;
}
.headerSignUpButton:hover{
	background-image:url(../Images/signupButtonHover.png);
	_background-image:url(../Images/signupButtonHover.png);
}
.headerSignUpFrenchButton{
	background-image:url(../Images/signupButtonFrench.png);
	_background-image:url(../Images/signupButtonFrench.png);
	background-color:Transparent;
	height:30px;
	width:78px;
	outline:none;
	border:none;
}
.headerSignUpFrenchButton:hover{
	background-image:url(../Images/signupButtonFrenchHover.png);
	_background-image:url(../Images/signupButtonFrenchHover.png);
}
.headerSignOutButton{
	background-image:url(../Images/signoutButton.png);
	_background-image:url(../Images/signoutButton.png);
	background-color:Transparent;
	height:31px;
	width:155px;
	outline:none;
	border:none;
}
.headerSignOutButton:hover{
	background-image:url(../Images/signoutButtonHover.png);
	_background-image:url(../Images/signoutButtonHover.png);
}
.headerSignOutFrenchButton{
	background-image:url(../Images/signoutButtonFrench.png);
	_background-image:url(../Images/signoutButtonFrench.png);
	background-color:Transparent;
	height:31px;
	width:155px;
	outline:none;
	border:none;
}
.headerSignOutFrenchButton:hover{
	background-image:url(../Images/signoutButtonFrenchHover.png);
	_background-image:url(../Images/signoutButtonFrenchHover.png);
}

/* Kimberly added June 19/2008 */
.clearButton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	background-color:Transparent;
	font-weight:bold;
	outline:none;
	border:none;
	color:#006497;
}
.clearButton:hover
{
	text-decoration:underline;
	cursor:hand;
	}
/* end Kimberly */

/* Added May 15/2008 START */
.homeMessageBox 
{
	 margin-bottom: 5px;
	 padding-top: 5px; 
	 padding-bottom: 5px; 
	 background-color: #F2FAFD; 
	 width: 100%; 
	 border: 1px solid #0078A9; 
}

.homeMessageBoxDark 
{ 
	background-color: #CBEDFC; 
	margin: 10px; 
	padding: 5px; 
}

.homeField 
{ 
	padding: 0px; 
	margin: 0px 0px 0px -40px; 
	_margin: 0px 0px 0px -20px;
	float: left; 
	width: 300px; 
}

.homeField input 
{ 
	width: 98%; 
	background-image: url(../images/background-search.jpg); 
	background-repeat: repeat-x; 
	background-color: #FFFFFF; 
	border: 1px solid #006497; 
	padding-left: 5px; 
}

.homeField select  
{
	width: 100%; 
}

.homeMessageBoxContent 
{ 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-bottom: 4px;
}

.myWorkspaceMessageBoxContent
{
	padding-left:1px;
	padding-right:3px;
	padding-bottom: 4px;	
}

.homeMessageBoxContent h2  
{
	padding: 0px; 
	float: left; 
	margin: 0px; 
}

.displayNone
{
	display: none;
}

.displayInline
{
	display: inline;
}

.noWrap
{
	white-space:nowrap;
}

.notVisible
{
	visibility:hidden;
	margin:0px;
}

.isVisible
{
	visibility:visible;
}

.handCursor
{
	cursor: pointer; 
	cursor: hand;
}

.progressPopup
{
	background-color:White; 
	border-bottom: solid 1px black;
	text-align:center;
}

.progressClient
{
	display: block;
    position: absolute;
    padding: 200px 400px;
/*	position: absolute;
	z-index: 100;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 40%;
	left: 0;
	height: 43%;
	width: 100%;
	text-align: center;
	line-height: 0;	
*/
}



.progressInline
{
	text-align:center;
}

a.disabled, a.disabled:hover
{
	color:Gray;
	text-decoration:'underline';
	
}

/* Added by Kellen Aug 27 08*/


.homeResourceTabs .ajax__tab_tab {
	padding:4px 10px 4px 10px;
	margin:0;
	border: 1px solid #CCCCCC; 
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}
.homeResourceTabs .ajax__tab_outer {
	
}

.homeResourceTabs .ajax__tab_inner 
{
	padding-left: 15px;
}
.homeResourceTabs .ajax__tab_body {

 	border: 1px solid #0078A9;
	background-color:#F2FAFD;
	padding:8px;

}
.homeResourceTabs .ajax__tab_hover .ajax__tab_tab
{
	background-color: #CCCCCC;
	color: #666666;
}

.homeResourceTabs .ajax__tab_active  .ajax__tab_tab
{
    background-color: #CCCCCC;
	display:inline-block;
}

.homeResourceTabs .ajax__tab_header {
    height:25px;
}

.homeResourceTabs .select {
    width: 200px;
}

select  
{
	border: 1px solid #006497; 
	background-image: url(../images/background-search.jpg); 
	height: 20px; 
	width: 350px; 
}

.fontBold
{
	font-weight:bold;
}

.criteriaWithTip label
{
	color:Black;
	font-weight:normal;
}

/* End Added Kellen */

/*
.PanelTermsOfUse div
{
    margin: 5px 0px 0px 5px;
}
.MyWorkSpaceField .PanelTermsOfUse div {
	border: 1px solid #006497;
	background-image: url(../Images/background-search.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 5px;
	}
*/

/* Tooltip content style */
.check { background: url(../Icons/check.png) no-repeat 10px 0px; }
.explination { background: url(../Icons/icon-explination.jpg) no-repeat 10px 0px; }

div .tooltipPrompt h3 { margin-left: 40px; margin-right: 5px; margin-top: 15px; margin-bottom: 0px; font: 16px Arial, Helvetica, sans-serif; color: #848584; }
div .tooltipPrompt p { margin-left: 40px; margin-right: 5px; margin-top: 5px; margin-bottom: 0px; font: 11px Arial, Helvetica, sans-serif; color: #848584; }
div .tooltipMessage h3 { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 0px; font: 16px Arial, Helvetica, sans-serif; color: #848584; }
div .tooltipMessage p { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 0px; font: 11px Arial, Helvetica, sans-serif; color: #848584; }

.captcha
{
    padding-top: 10px;
     padding-bottom: 10px;
}

.modalPopup
{
	background-color:#FFFFDD;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.orcLayout
{
	display: inline;
}
.orcItem
{
	border-top: 1px solid #CDEEFC;
	border-bottom: 1px solid #94DAF8;
	color: #006497;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 440px;
	background: #C5EAFC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}

.orcMetaLr, .orcMetaPos {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	float: left;
	margin-right: 5px;
	color: #000000;
	font-weight: bold;
	}
.orcMetaLr {
	width: 70px;
	}
.orcMetaPos {
	width: 350px;
	}
.orcMetaLr a, .orcMetaPos a {
	text-decoration: underline;
	}
.orcDataLr {
	width: 320px;
	}
.orcType {
	width: 100%;
	clear: left;
	float: left;
	margin-bottom: 5px;
	color: #000000;
	}
.orcResourceIcon
{
	border-style: solid;
	border-width: 1px;
	color: #94DAF8;
	float: left;
	height: 50px;
	width: 78px;
	margin-right: 5px;
}
.orcContent
{
	border-bottom-width: 1px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.orcContent a, .orcContent a:visited 
{
	color: #006497;
	text-decoration: none;
	line-height:normal;
	font-weight:normal;
}
.orcTitle {
	color: #006497;
	line-height:normal;
	width: 440px;
	height: 50px;
	}
.orcItem a, .orcItem a:visited  {
	color: #006497;
	text-decoration: underline;
	line-height:normal;
	}
.orcItem a:hover {
	color: #006497;
	text-decoration: none;
	line-height:normal;
	}
.orcGrade 
{
	color: #000000;
}
.orcSubject
{
	font-weight: bold;
}
.orcSave
{
	width: 70px;
	float:right;
}

/* Controls Navigation and secondary colour palette */
/* 
    Government of Alberta Base Style Sheet
    CSS1 Definitions for Typography
    developed by YellowPencil.com - December 2006
*/
/* Base HTML Definitions */
#mainNav, #footer, #header, .crumbs {font:100% arial,helvetica,sans-serif;}

/* 
    Government of Alberta Base Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007
*/
/* Base Definitions with Layout */
body {background-color:#005072;}
/* 
    Primary Layout Containers 
*/
#pageWrap {min-width:990px;max-width:990px;margin:0 auto;text-align:left;}
#page {padding:0 8px 8px 8px;background:#fff;}
#header {background:#005c85 url(../Images/Header/header_bg.png) repeat-x top;text-align:right;height:81px; float:left; width: 982px;}
#headerRight {background-color: #fff; background-image: url(../Images/Header/header_right.png); float: left; height: 81px; width: 8px;}

#footer {clear:both;}
/*
    Subsidiary Layout Containers
*/

/* Breadcrumb, Text Resizer and Search Form */
#breadcrumb {padding:5px 50px 2px 10px;color:#000;background:#FFF;}
#breadcrumb a {color:#000;white-space:nowrap;}
#breadcrumb a:hover {color:#2d68c2;}
#breadcrumb p {margin:0;padding:0;}
#textResizer {margin:-2px -50px 0 0;padding:0;list-style:none;float:right;}
#textResizer li {margin:0;padding:0;display:inline;}
#textResizer a {margin:0;padding:0;display:block;float:left;}

/* The Columns are hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser */
/* Column-Section Ornaments */

/* Footer Styles */
#footer {background:#005c85 url(../Images/Footer/footer_bg.png) repeat-x;color:#fff;height:130px;}
#footer #footerLogo {float:left;}
#footer #footerLogo img {margin:47px 0 34px 0;padding:0 20px 0 31px;border-right:0px solid #6680ba;}
#footer #goaLinks {margin:38px 0 0 20px;padding:0;list-style:none;float:left;width:520px;}
#footer #siteLinks {margin:3px 0 0 20px;padding:0;list-style:none;float:left;width:520px;}
#footer #termsConditions {margin:0 0 0 20px;padding:3px 5px;list-style:none;float:left;width:520px;}
#footer #copyright {margin:0 0 0 20px;padding:3px 5px;float:left;width:520px;}
#footer #copyright a {margin-left:20px;}
#footer a {color:#fff;}
#footer a:hover {color:#ccc;}
#footer li {margin:0;padding:0 5px 0 0;display:inline;}
#footer #checkSystem { width: 200px; text-align:center }
/* Page Layout Templates */

/* Home Page Specific Style Definitions */
/* Definitions specifically for Internet Explorer 5-6 but hidden from IE Mac \*/
/* IE <=6 Uses a Fixed Width because it does not support Min-Width */
/* Identify Floated Elements that require Clearing */ 
#mainNav ul:after, #breadcrumb:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainNav ul, #breadcrumb {display:inline-block;}
/* Hide for IE-Mac \*/
#mainNav ul, #breadcrumb {display:block;}
* html #mainNav ul, * html #breadcrumb {height:1%;} 
/* The above definitions fix IE<=6x */

/* 
    Government of Alberta Menu Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007
    
*/
/* Main Navigation - Horizontal */
#mainNav
{
    padding-bottom:4px;
    background: url(../Images/Menu/menu_hr.png) repeat-x bottom;
}
#mainNav ul
{
    margin:0;
    padding:0;
    list-style:none;
}
#mainNav li
{
    float:left;
    margin:0;
    padding:0;
    background: #2a8ca7 url(../Images/Menu/inactive_left.png) no-repeat top left;
    width:11%;
    border-bottom:1px solid #fff;
    margin-right: 2px;
}
#mainNav li.unselected a
{
    display:block;
    text-decoration:none;
    color:#fff;
    background: url(../Images/Menu/inactive_right.png) no-repeat top right;
    padding:7px 7px 5px;
    text-align:center;
    height:3.5em;
    min-height: 3.5em;
}
#mainNav li.unselected a:hover
{
    text-decoration:underline;
}
#mainNav li.selected
{
    background:#d9e7e8 url(../Images/Menu/active_left.png) no-repeat top left;
    border-bottom:1px solid #d0e6f4;
}
#mainNav li.selected a
{
    background: url(../Images/Menu/active_right.png) no-repeat top right;
    color:#001B6B;
    display:block;
    text-decoration:none;
    padding:7px 7px 5px;
    text-align:center;
    height:3.5em;
    min-height: 3.5em;
}
#mainNav li.selected a:hover
{
    color:#555;
    text-decoration:none;
}
#mainNav li.login a
{
	color: #073486;
}
#mainNav li.login
{
    width:32%;
    background:#bfdaeb url(../Images/Menu/login_left.png) no-repeat top left;
    border-bottom:1px solid #d0e6f4;
}
#mainNav li.login div
{
    display:block;
    text-decoration:none;
    padding:4px 7px 5px;
    text-align:left;
    height:3.7em;
    min-height: 3.7em;
    background: url(../Images/Menu/login_right.png) no-repeat top right;
    color:#001B6B;
}
#mainNav li.login div:hover
{
    text-decoration:none;
}

#pageBorderLeft
{
	background-image: url('../Images/Border/l.png');
	background-repeat: repeat-y;
	width: 8px;
	height: 600px;
}

#pageBorderRight
{
	background-image: url('../Images/Border/r.png');
	background-repeat: repeat-y;
	width: 8px;
}

#pageBorderBottomLeft
{
	background-image: url('../Images/Border/bl.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 12px;
}

#pageBorderBottom
{
	background-image: url('../Images/Border/b.png');
	background-repeat: repeat-x;
	height: 12px;
}

#pageBorderBottomRight
{
	background-image: url('../Images/Border/br.png');
	background-repeat: no-repeat;
	width: 8px;
	height: 12px;
}

.EnglishActive
{
	width: 60px;
	height: 17px;
	background-image: url('../Images/Header/english_active.png');
	background-position:top left;
}

.FrenchActive
{
	width: 61px;
	height: 17px;
	background-image: url('../Images/Header/french_active.png');
	background-position:top left;
}

.EnglishSelect
{
	width: 60px;
	height: 17px;
	background-image: url('../Images/Header/english_inactive.png');
	background-position:top left;
}

.EnglishSelect:hover
{
	background-position:bottom left;
}

.FrenchSelect
{
	width: 61px;
	height: 17px;
	background-image: url('../Images/Header/french_inactive.png');
	background-position:top left;
}

.FrenchSelect:hover
{
	background-position:bottom left;
}

a.LightBlueButton {
    /* Sliding right image */
    background: transparent url('../Images/Buttons/lightBlueButtonRight.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 5px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.LightBlueButton span {
	/* Background left image */ 
	background: transparent url('../Images/Buttons/lightBlueButtonLeft.png') no-repeat; 
	display: block;
	line-height: 26px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding-left: 10px;
	padding-right: 7px;
	color: #fff;
} 
a.LightBlueButton:hover
{
	background-position: bottom right;	
}
a.LightBlueButton:hover span{
	text-decoration:none;
	color: #fff;
	background-position: bottom left;
}

table.ProgramOfStudyTable {
    border: 0px; 
    margin: 0px; 
    padding: 0px;
    width:100%
}

table.ProgramOfStudyTable td.TopLegendTD {
    vertical-align: bottom;
}

table.ProgramOfStudyTable td.TopLegendTD div.LegendInfoTab {
    margin-left: auto;
    width: 318px;
}

table.ProgramOfStudyTable td.TopLegendTD div.LegendInfoTab div.DropDownContainer {
    background-color: #f0f0f0; 
    border: 1px solid #828282; 
    border-bottom: none; 
    margin-top: 5px; 
    padding: 10px 10px 5px 10px; 
    border-top-left-radius: 10px; 
}
