BODY{	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;    BACKGROUND-COLOR: #eeeeee; FONT-FAMILY: Arial, Helvetica Sans-Serif; }
H1, H2, H3, H4, H5, TH, THEAD, TFOOT{  COLOR: #555555;margin-bottom:0;padding-bottom:0;}
H1	{ color : #ff0000; font-size:22px; font-weight:normal; font-family: Arial, Helvetica Sans-Serif }	
H2	{	font-size :medium ;  color : #555555; }	
H3	{	font-family: Arial, Helvetica, sans-serif;	font-size:	15px;	font-weight:	bold;	color:#555555;	}	
H4	{	font-family: Arial, Helvetica, sans-serif;	font-size:	1.33em;	font-weight:	500;}	
H5, DT	{	font-family: Arial, Helvetica, sans-serif;font-size:	1em;	font-weight:	700;}	
H6	{	font-family: Arial, Helvetica, sans-serif;	font-size:	.8em;	font-weight:	700;	}	
TFOOT, THEAD	{	font-size:	12px;	font-family: Arial, Helvetica, sans-serif;	}	
TH	{	text-align:left;	vertical-align:	baseline;	font-size:	12px;	font-weight:	bold;	font-family: Arial, Helvetica, sans-serif;	}	
A { color:	#ff0000;text-decoration:	none; }
A:hover	{ text-decoration:	underline;	}
BLOCKQUOTE, PRE	{		font-family:	Courier New, monospace;	}	
TABLE {	border:0;clear:both;}
H1 IMG { float:left;margin:5px 10px 0 0;}

#main { text-align: center; }
#screen { width: 970px; margin: 0px auto 5px; background-color: #ffffff; }

	
#capableBox {margin: 0px 5px 0px 5px; text-align:right;}
#debugBlock {top:85px;left:10px;position:fixed;}
#debug {font-size:12px;float:none;}
#debugBlock{font-size:10px;color:#000000;z-index:2000;margin-top:30px;padding:5px 5px 5px 5px;}

.debug { font-size: 10px; color: #777; }

#footer{	 margin: 0px 0px 0px 170px;padding: 0px 0px 0px 0px;	border: 0px; font-size:xx-small;	color: #999;	line-height:36px;	text-align:center;	clear:both;}
.col1 {text-align : left; 
	width:720px;
	border: 1px;
	border-bottom-style : none;
	}


			.calendarHeader { background-color: #2C65BF; color:#fff;  font-weight:bold;font-size:12px; } 
			.enromentStatusEnrolled, .enromentStatusEnrolled a {color: #080;  }
			.enromentStatusEnrolled a:hover { color:#0a0;  }
			.enromentStatusNominated, .enromentStatusNominated a {color: #2C65BF; }
			.enromentStatusNominated a:hover {  color: #4c8fdf;  }
			.enromentStatusNone, .enromentStatusNone a { color: #222; font-weight:bold; }
			.enromentStatusNone a:hover { color: #777;}		
			.nominatedIndex { background-color:  #2C65BF; }
			.enrolledIndex { background-color:  #080; }



/*.iconMail {	padding-left: 40px;	background: transparent url(/images/icon2/iconMailMed.gif) 0px 2px no-repeat ;}
.iconUser {	padding-left: 40px;	background: transparent url(/images/icon2/iconUserMed.gif) 0px 1px no-repeat ;}
.iconCalendar {	padding-left: 40px;	background: transparent url(/images/icon2/iconCalendarMed.gif) 0px 1px no-repeat ;}*/

.col1 h1 {	width: 640px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border: 0px;height: 35px;text-align:left;line-height:48px;}
.content p { font-size:12px;}
.content {position:relative;clear:both;float:left;width:100%;overflow:hidden;text-align:left;}

.block { margin: 10px 0px 10px 0px;	width: 700px; padding: 5px 5px 5px 5px; }	
.block H2	{	margin-top:1px;	width:100%;	margin-bottom:0px;	padding-bottom:0px;	height:20px;	clear:none;}
.block ul {	clear:both;	margin-top:0px;	margin-bottom:5px;}


/*-----------------------------------------------------------------------------------*/
/* column container */
/* common column settings */
.colleft, .colmid, .colright {float:left;width:100%;position:relative;}
.col1, .col2, .col3 {float:left;position:relative;padding:0px 0px 0px 0px; overflow:hidden; margin: 0px 0px 0px 0px;}

/* CCM Column settings */
.CCMcol { background:Transparent; }
.CCMcol .colmid {right:25%;background-color: Transparent;}
.CCMcol .colleft {right:60%;background-color: Transparent;}
.CCMcol .col1 {width:56%;	left:102%; }
.CCMcol .col2 {width:11%;left:31%;}
.CCMcol .col3 {width:21%;left:95%;}


/* 3 Column settings */
.threecol { background-color: Transparent; }
.threecol .colmid {right:25%;background-color: Transparent;}
.threecol .colleft {right:50%;background-color: Transparent;}
.threecol .col1 {width:46%;	left:102%;}
.threecol .col2 {width:21%;left:31%;}
.threecol .col3 {width:21%;left:85%;}
/* 3 Column blog style settings */
.blogstyle {background-color: Transparent;}
.blogstyle .colmid {right:25%;background-color: Transparent;}
.blogstyle .colleft {right:25%;background-color: Transparent;}
.blogstyle .col1 {width:46%;left:52%;}
.blogstyle .col2 {width:21%;left:56%;}
.blogstyle .col3 {width:21%;left:60%;}
/* 2 Column (left menu) settings
.leftmenu {background-color: Transparent;}
.leftmenu .colleft {right:75%;background-color: Transparent;}
.leftmenu .col1 {width:71%;left:102%;}
.leftmenu .col2 {width:21%;left:6%;	}*/
	 
/* CCM2 Column (left menu) settings 
.CCMleftmenu {background-color: Transparent;}
.CCMleftmenu .colleft {right:75%;background-color: Transparent;}
.CCMleftmenu .col1 {width:71%;left:92%;}
.CCMleftmenu .col2 {width:11%;left:6%;	}	*/
/* 2 column left menu settings */
.leftmenu { background-color: Transparent; }
.leftmenu .colright { float:left;width:200%;position:relative;left:170px;background-color: Transparent;}
.leftmenu .col1wrap {float:right;width:50%;position:relative;right:170px;padding-bottom:1em;}
.leftmenu .col1 {margin:0px 0px 0px 170px; padding: 0px 0px 0px 0px; position:relative;right:100%;overflow:hidden;}
.leftmenu .col2 {float:left;width:170px;position:relative;right:170px; }

	
	
/* 2 Column (right menu) settings */
.rightmenu {background-color: Transparent;}
.rightmenu .colleft {right:25%;background-color: Transparent;}
.rightmenu .col1 {width:71%;left:27%;}
.rightmenu .col2 {width:21%;left:31%;}
/* 2 Column (double page) settings */
.doublepage {background-color: Transparent;}
.doublepage .colleft {right:50%;background-color: Transparent;}
.doublepage .col1 {width:46%;left:52%;}
.doublepage .col2 {width:46%;left:56%;}
/* Full page settings */
.fullpage {background-color: Transparent;}
.fullpage .col1 {width:96%;left:2%;}


	/* holy grail 3 column settings */
	.holygrail { background:#fff;}
    .holygrail .colmid {float:left; width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#fff;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

/* ------------------------- */
.form { clear:both; }

#form {	width:100%;	padding: 5px 5px 5px 5px;}
#form p, form {padding:0 0 0 0;margin:0 0 0 0;}
/* select {height:20px; } */
input[type="text"] {height:18px;}
input[type="text"], textarea, select {	border: solid 1px #888;	background: #ffffff; color: #000; font-size:12px;margin: 1px 2px 1px 2px;padding: 0px 0px 0px 0px;}
input[type="submit"], input[type="button"] { background: #cccccc; }

.formField { margin:0px 0px 0px 0px; padding: 1px 2px 1px 2px; text-align: left; display: block; clear: both; }
.formField .value {
		width: 300px;
		float: left;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 3px 0px 3px 10px;	
		text-align: left;
	}

.formField .value input {	width: auto; }
.formField2 {	height:25px; margin:0 0 0 0; padding: 2px 2px 0 2px; }
.formFieldTextarea { margin:0px 0px 0px 0px; padding: 2px 2px 0 2px; }

/* .value { color:#0033cc;	} */
.asterix { color:orange; }


/* .formField .key, .formField .mandatoryKey, .formField .mandatoryMissingKey {	width: 140px;	} */

.mandatoryKey { font-weight: bold;}
.mandatoryMissingKey {color:#cc0000;}
	
label {
	float: left;
	display: block;
	color:#555555;	
	text-align: right;
	width:140px;
	margin: 0px 0px 0px 0px;
	padding: 6px 12px 6px 2px;
	border: #676767;	
	font-size: 12px;
}

#clMenu LI A:link, #clMenu LI A:visited, #clMenu LI A:active{   height:18px;   }
form {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#contentPopup{ margin-top:11px;	margin-left:12px;width:610px;}
.pageHelp {width:25px;display:block;clear:both;float:right;position:relative;margin-bottom:0px;}
.pageHelp2 {width:48px;display:block;clear:both;float:right;position:relative;margin-bottom:0px;}
.noDot { list-style-type:none;}
.menuItem{ font-family:Arial;font-size:10px;color: #333333;text-decoration:none;background-color:Yellow;}
.score {color:#6d6d6d;top:0px;font-size:11px;}

/* ----------------------------------------------------------------------- */
.value { font-size: 12px; }
.block .value { background-color: #E6E6E6; color : #0033cc; }
.value3 { font-size: 12px;background-color: #aaaaee;color : #0033cc;}
.key { font-size: 12px;	color : #555555;}
.keyP { font-size: 12px;	color : #000555;background-color:#FFF799; }
.mandatoryKey {	font-size: 12px; color : #000555;font-weight:bold;	}
.mandatoryMissingKey {font-size: 12px;color: #cc0000;font-weight:bold;}
/* .value { background-color: #dedede; color : #000; } */
.portfolio {    background-color: #FFFFFF; font-size: 12px;	color : #000000; font-weight: normal; }
.portfolioDisabled { font-size: 10px; padding-left: 4px; background-color:transparent;color:red }
	
/* ------------------------- QTI STYLES ------------------------- */	
.qtiKeyIncorrect, .qtiKeyCorrect, .qtiKeyNoResponse, .qtiKeyUnmarked { font-weight : bold; }
.qtiKeyIncorrect {  color : red; }
.qtiKeyCorrect {    color : green; }
.qtiKeyNoResponse {	color : red; font-style : italic; }
.qtiKeyUnmarked {   color : blue;}
	
/* ------------------------- FORUM THREAD STYLES ------------------------- */	
.threadInfoD, .threadInfoO, .threadInfoI, .threadHeadD, .threadBodyD, .threadHeadO, .threadBodyO, .threadHeadI, .threadBodyI 
{ padding-left: 4px; }
.threadInfoD, .threadInfoO, .threadInfoI{ font-size: 10px;color : #000000; }
.threadInfoD{ background-color : #C3CDD9; }
.threadInfoO{ background-color : #CEBDBD; }
.threadInfoI{ background-color : #BEC9BC; }
.threadCode { font-weight: bold;font-size: 11px;color : #000000; }
.threadHeadD, .threadHeadO, .threadHeadI {  font-weight: bold;font-size: 0.8em; }
.threadHeadD { background-color : #C3CDD9;color : #003471; }
.threadHeadO { background-color : #CEBDBD;color : #790000; }
.threadHeadI { background-color : #BEC9BC;color : #005826; }
.threadBodyD, .threadBodyO, .threadBodyI { color : #000000;font-size: 0.9em; }



/* ---------------------------- ERROR MESSAGES ----------------------------- */
.errorMessage, .welcomeMessage, .cautionMessage, .successMessage 
{ margin:10px 0px 10px 0px; 
	padding: 4px 4px 4px 4px;
	text-align : center; 
	font-size:12px;
	font-weight : bold;
	width: 700px;	}

.tipMessage 
{	margin:10px 0px 10px 0px;
	font-size: 10px; 
	color : #818181; 
	padding: 5px 0px 5px 0px;	}

.errorMessage {	background-color:#ff0000;	color:white; border: solid 1px #dd0000;}
.welcomeMessage { background-color:#818181; color:white; border: solid 1px #dddddd;}
.cautionMessage { background-color:#ffff00; color:black; border: solid 1px #dddd00;}
.successMessage { background-color:#0000ff; color:white; border: solid 1px #dddddd;}

#warningA 
{	background-color:yellow;	
	font-weight:bold;	
	font-size:xx-small;	
	color:#000000;	
	width:400px;	
	padding:5px 5px 5px 5px;	
	margin:10px 0px 10px 0px;	
	visibility:hidden;	
	display:none;}

/* ----------Login Box-------------- */
#loginbox {	text-align :left;	width : 320px;	padding: 2px 2px 2px 2px;	border: solid 1px #676767;	}
#loginbox .errorMessage, #loginbox .welcomeMessage, #loginbox .cautionMessage, #loginbox .successMessage {width:95%;}

/* ------------------------- ADD/EDIT/REMOVE POPUPS ------------------------- */
.popup{	background-color:#ffffff;border:1px solid #676767;width:300px;padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;display:none;visibility:hidden;z-index:20000;position:absolute;}
.popup H2{width:100%;text-align:center;color:#444444;margin:0px 0px 0px 0px;display:block;clear:right;float:left;}
.popKey{ font-size: 12px; text-align:center;width:100%;color:#444444;margin:2px 2px 2px 2px; font-weight: bold;}
.popValue{ font-size: 12px; text-align:center;width:100%;color:#444444;margin:2px 2px 2px 2px;}
.popup p {margin:4px 4px 4px 4px;text-align:center;}
.popup INPUT, .popup SELECT{background-color: #FFF799;color: #000;margin:2px 2px 2px 2px;}
.popup INPUT.SUBMIT{ margin-top: 0px;width: 80px;border: 1px solid #888888;background-color: #dddddd; }
.popup INPUT.BUTTON{ margin-top: 0px;width: 80px;border: 1px solid #888888;background-color: #dddddd; }
INPUT.dateDD{width:20px;	text-align:center;}
SELECT.dateMMM{width:50px;  text-align:center;}
INPUT.dateYYYY{width:30px; 	text-align:center;}

/* ------------------------- PARTICIPANT HOME PAGE ------------------------- */
#dashboard { width: 700px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;text-align: center; }
.dashboardRow { width: 480px; margin: 0px auto; padding: 0px 0px 0px 0px;}
.dashboardItem {width:160px;height:100px;  margin: 0px 0px 0px 0px; display:block;  float: left;}
.dashboardItem A{font-size: 12px;font-weight:bold;width:160px;padding-top:52px;float:left;}
#part1 A{	background:#FFFFFF url(/branding/images/home/partHome1.gif) top center no-repeat;	color:#21479E;}
#part2 A{	background:#FFFFFF url(/branding/images/home/partHome2.gif) top center no-repeat;	color:#FB6E03;}
#part3 A{	background:#FFFFFF url(/branding/images/home/partHome3.gif) top center no-repeat;	color:#6B0081;}
#part4 A{	background:#FFFFFF url(/branding/images/home/partHome4.gif) top center no-repeat;	color:#6B0081;}
#part5 A{	background:#FFFFFF url(/branding/images/home/partHome5.gif) top center no-repeat;	color:#737373;}
#part6 A{	background:#FFFFFF url(/branding/images/home/partHome6.gif) top center no-repeat; color:#21479E;}
#part7 A{	background:#FFFFFF url(/branding/images/home/partHome7.gif) top center no-repeat;	color:#FB6E03;}
#part8 A{	background:#FFFFFF url(/branding/images/home/partHome8.gif) top center no-repeat;	color:#21479E;}
#part9 A{	background:#FFFFFF url(/branding/images/home/partHome9.gif) top center no-repeat;	color:#ED1C24;}