/** CSS Document **/

.RatingContainer 
{
    background-color: White;
    border: 1px solid black;
    height:9px;
}
.RatingProgress
{
    background-color: #CCCCCC;
    height:9px;
}

.content_framer
{
    background-color:white;
}

.IsOverRequiredLevel
{
    background-image : url('/ednet/app_themes/default/images/dashboard_top_bar_green.jpg');
}

.MeetsRequiredLevel
{
    background-image : url('/ednet/app_themes/default/images/dashboard_top_bar_orange.jpg');
}

.IsUnderRequiredLevel
{
    background-image : url('/ednet/app_themes/default/images/dashboard_top_bar_red.jpg');
}


.error
{
    color: Red;
}

.TextBoxStyle
{
    width : 360px;
}

.AssociationButtonBarLeft
{
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    padding-left : 8px;
}

.AssociationButtonBarRight
{
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    padding-right : 15px;
}



/*******************************************************/
div.main_layout_container {

text-align: center;

}

 

/* style given to the links in the news pane */

a.news_href { text-decoration : underline; display:block; color : #000; padding-left : 30px; padding-right : 12px;}

a:link.news_href { text-decoration : underline; }

a:visited.news_href { text-decoration : underline; }

a:active.news_href { text-decoration : underline; }

a:hover.news_href { text-decoration : none; }

a.news_href_urgent { text-decoration : underline; display:block; color : red; padding-left : 30px; padding-right : 12px;}

a:link.news_href_urgent { text-decoration : underline; }

a:visited.news_href_urgent { text-decoration : underline; }

a:active.news_href_urgent { text-decoration : underline; }

a:hover.news_href_urgent { text-decoration : none; }


/*******************************************************/
body{
	background-color    	: #F7F7F7;
	margin		          	: 0px;
	font-family         	: Arial,Helvetica,sans-serif;
	font-size           	: 10px;
	color               	: #202020;
	
	/*Scroll bar*/
	scrollbar-base-color	: #F0F0F0;
	scrollbar-darkshadow-color: #949494;
	scrollbar-3dlight-color	: #DADADA;
	scrollbar-track-color	: #DADADA;
	scrollbar-arrow-color	: #858585;
	scrollbar-shadow-color	: #FFFFFF;
}

.Disabled
{
	cursor:default !important;
}
a.Disabled
{
	color:Black;
    text-decoration:none;
}
a:active.Disabled {text-decoration: none;}
a:hover.Disabled {text-decoration: none;}

.AspxMasterPage
{
	margin:0px 0px 0px 0px;
	background-color: transparent;
}

/* Patch for Mozilla FireFox */
.AspxMasterPageEdHolderDiv
{
	padding-right: 5px; 
	padding-left: 5px; 
	padding-top: 5px; 
	padding-bottom: 0px;
	text-align: left;
}

.AspxMasterPageEdHolderDivForUI2
{
	text-align: left;
}

/* To overwrite in popup window the default class for body */
body.popup{
	background-color		: #FFFFFF;
	text-align				: left;
	margin					: 0px;
}

/* To overwrite the job profile iframe window's default class for body */
body.jobProfile{
	background-color		: #FFFFFF;
	background-image		: none;
	text-align				: left;
	margin					: 2px;
} 

/* Because we do not always have a 'body' tag in portal pages, style for the text must be repeated in that class */
table{
	width           		: 100%;
	border          		: 0px;
	border-collapse 		: collapse;
	font-size       		: 12px;
	/* font-family     : Lucida sans unicode; */
}

/* Every page contains one global table with this class. All elements are contained in this table */
table.base{
    width                   : 100%; 
    height                  : 100%; 
    border-left             : 5px solid #FFFFFF; 
    border-collapse         : collapse; 
}

/********************* Start portal structure*******************/
.main_layout{
	/*Applied to table that holds the entire portal*/
	width						: 1000px;
	background-color		: #FFFFFF;
	height					: 100%;
	vertical-align			: top;
	border-left				: 1px solid #ccc;
	border-right			: 1px solid #ccc;
	/* used to center the layout */
	margin-left				: auto;
	/* in Mozilla-based browsers */
	margin-right			: auto;
}

.masthead{
/*Applied to first row of portal*/
width               : 100%;
padding             : 0px;
margin              : 0px;
/* border-left         : 1px solid #949494;
border-right        : 1px inset #949494;
border-top          : 1px solid #949494; */
}

.mastfooter{
/*Applied to last row of portal*/
width               : 100%;
padding					: 0px;
padding-top        : 20px;
margin              : 0px;
/* border-left         : 1px solid #949494;
border-right        : 1px inset #949494; */
/* background-image	: url(/Data/Resources/Image/1000200en-CA-mastheadfooter.JPG); */
}


.masthead_menu{
/*Applied to second row of portal*/
text-align			: right;
font-weight			: none;
height				: 25px;
/* border-left			: 1px solid #949494;
border-right		: 1px inset #949494; */
/* background-image	: url(/client/img/portal/1000200en-CA-mastheadfooter.JPG); */
padding-right		: 12px;

/*Netscape Specific
-moz-box-sizing         : border-box;*/
}

.masthead_menu a{
color           : #ff5800;
font-size		: 12px;
/* font-family     : Lucida sans unicode; */
text-decoration : bold;
}

.left_rail_logged_in{
/*This is the menu area when logged in*/
width               : 192px;
/* border-right        : 1px inset #949494;
border-left         : 1px solid #949494; */
padding				: 0px;
padding-top			: 0px; 
border-bottom		: url(/client/img/portal/VerticalDots.JPG);
vertical-align		: top;
/* background-color	: #FFFFFF; */
/*Netscape Specific
-moz-box-sizing         : border-box;*/
}

.left_rail_not_logged_in{
/*This is the menu area when not logged in*/
width						: 0px;
padding					: 0px;
padding-top				: 0px;
vertical-align			: top;
/* border-left			: 1px solid #949494;
border-right		: 1px inset #ffffff; */
/*Netscape Specific
-moz-box-sizing         : border-box;*/
}

.content_no_right_pane{
/*This is the center page - 1 column - no right rail*/
width				: 800px;
background-color	: #FFFFFF;
text-align			: left;
vertical-align		: top;
height				: 100%;
padding				: 0px;
padding-left		: 10px;
padding-top			: 0px;
/* Netscape Specific
-moz-box-sizing         : border-box;*/
}

.content_right_pane{
/*This is the center page - 2 colums - either login prompt or announcements*/
width					: 660px;
background-color	: #FFFFFF;
text-align			: left;
vertical-align		: top;
height				: 100%;
/* border-right		: 1px solid #949494; */
padding				: 10px;
padding-top			: 0px;
/*Netscape Specific
-moz-box-sizing		: border-box;*/
}

.right_rail_logged_in{
	/*This is where the news and login boxes are in the login and home pages*/
width					: 200px;
vertical-align  	: top;
/* border-right  		: 1px solid #949494; */
padding-left		: 10px;
padding-right		: 0px;
padding-top			: 0px;
padding-bottom		: 0px;
/* background-color 	: #f1f1f1; */
/*Netscape Specific
-moz-box-sizing     : border-box;*/
background-image 	: url(/client/img/portal/VerticalDots.JPG);
background-repeat : no-repeat;
background-position: 0px 20px;
}
 
.right_rail_not_logged_in{
/*This is where the news and login boxes are in the login and home pages*/
width    			: 200px;
vertical-align  	: top;
/* border-right  	: 1px solid #949494; */
padding-left		: 10px;
padding-top			: 0px;
background-image 	: url(/client/img/portal/VerticalDots.JPG);
background-repeat 	: no-repeat;
background-position: 0px 20px;
/*Netscape Specific
-moz-box-sizing     : border-box;*/
}


div.left_rail_image{
/*place background image if desired*/
/* width				: 150px;
background-image	: url(); */
}

div.right_rail_image{
/*place background image if desired*/
/* width				: 310px;
background-image	: url(); */
}
/*********************End portal structure**********************/


/*****************Begin right-rail table styles*****************/
.news_table{
    border-bottom       	: 1px dashed #7a6c8d;
/* background-color	: #FFFFFF; */
/*Netscape Specific
-moz-box-sizing     : border-box;*/
}

.news_header{
color           : #ff5800;
font-size		: 12pt;
font-weight		: 700;
/* font-family     : Lucida sans unicode; */
/* padding-top		: 12px; */
text-align		: left;
text-decoration : bold;
/* background-image    : url(/client/img/portal/Strategia/login_top.jpg); */
}

.login_table{
	padding					: 20px;
	text-align				: left;
    border-bottom       	: 1px dashed #7a6c8d;
/* background-color	: #ffffff; */
/*Netscape Specific
-moz-box-sizing     : border-box;*/
}

.login_table input.textfield{
width			: 180px;
height			: 21px;
}

.login_table td{
}

.login_header{
color					: #ff5800;
font-size		: 12pt;
font-weight		: 700;
/* font-family			: Lucida sans unicode; */
/* padding-top		: 12px; */
text-align		: left;
text-decoration : bold;
/* background-image	: url(/client/img/portal/Strategia/login_top.jpg); */

/*Ensure browser to display properly the login box even when portal content is to large*/
white-space         : nowrap;
}

.login_register{
color           : #ff5800;
font-size		: 8pt;
/* font-family     : Lucida sans unicode; */
padding-top		: 10px;
text-align		: left;
text-decoration : bold;
	}

.login_forgot{
color           : #ff5800;
font-size		: 8pt;
/* font-family     : Lucida sans unicode; */
padding-top		: 10px;
padding-bottom		: 10px;
text-align		: left;
text-decoration : bold;
}
/*****************End right-rail table styles*******************/


/**************** This is for the first level menu ****************/
.menu{
/*  	background-image		: url(/client/img/icons/menu_button.jpg); */
/*  	background-repeat 		: repeat-x; */
    font-size               : 12px;
	/* font-family             : Lucida sans unicode; */
	background-color    	: #f5f5f5;
    border-bottom       	: 1px dashed #5d5d5d;
	padding 				: 4px;
	padding-right			: 2px;
 	border-spacing          : 1px;
/* Netscape Specific
    -moz-box-sizing         : border-box;*/
}

.menu a{
    color                   : #5d5d5d;
    font-weight             : bold;
    height                  : 100%;
}

.menu_selected{
/*  	background-image		: url(/client/img/icons/menu_button.jpg); */
/*  	background-repeat 		: repeat-x; */
    font-size               : 12px;
	/* font-family             : Lucida sans unicode; */
	background-color    	: #ff5800;
    border-bottom       	: 1px dashed #5d5d5d;
	padding 				: 4px;
	padding-right			: 2px;
 	border-spacing          : 1px;
/* Netscape Specific
    -moz-box-sizing         : border-box;*/
}

.menu_selected a{
/*This is for the first level menu */
    color                   : #ffffff;
    font-weight             : bold;
    height                  : 100%;
}

/*
.menu a:hover				: {color:#ff5800;}
.menu a:active				: {color:#ff5800;}
.menu a:visited				: {color:#5d5d5d;}
.menu_selected a:hover		: {color:#ff5800;}
.menu_selected a:active		: {color:#ff5800;}
.menu_selected a:visited	: {color:#5d5d5d;}
*/

.submenu{
/*This is for the sub-menu*/
/*    background-color    	: #FCFCFC; */
    border-bottom       	: 1px dashed #5d5d5d;
	padding 				: 4px;
	padding-left			: 24px;
	padding-right			: 2px;
 	border-spacing          : 1px;
/* Netscape Specific
-moz-box-sizing         	: border-box;*/
}

.submenu a{
    color                   : #5d5d5d;
    height                  : 100%;
}

.submenu_selected{
	color					: #ff5800;
    border-bottom       	: 1px dashed #7a6c8d;
	padding 				: 4px;
	padding-left			: 24px;
	padding-right			: 2px;
	border-spacing          : 1px;
}

.submenu_selected a{
	color					:#ff5800;
}

/*
.submenu hover{
	color					: #ff5800;
}
.submenu active{
	color					: #ff5800;
}
.submenu visited{
	color					: #5d5d5d;
}

.submenu_selected hover:{
	color					: #ff5800;
}
.submenu_selected active:{
	color					: #ff5800;
}
.submenu_selected visited:{
	color					: #5d5d5d;
}

.submenu_selected a:hover	: {color:#ff5800;}
.submenu_selected a:active	: {color:#ff5800;}
.submenu_selected a:visited	: {color:#5d5d5d;}
*/


/******************************************************************/



/* For any element (tables mainly) displayed with full width available */
.element{
    width                   : 100%;
    border-collapse         : collapse;
}

/* For any element (tables mainly) displayed with full width available and with an orange border */
.bloc{
	width					: 100%;
	border					: 1px solid #DADADA;
	border-collapse			: collapse;
	/*Netscape Specific
	-moz-box-sizing     	: border-box;*/
}

/* very important : impacts all text shown */
td, div, span{
	text-decoration  		: none;
    font-size               : 12px;
	/* font-family             : Lucida sans unicode; */
}

/* a           {color: black; text-decoration: none;} */
a           {color: #ff5800; text-decoration: none;}
a:active    {text-decoration: underline;}
a:link      {text-decoration: none;}
a:visited   {text-decoration: none;}
a:hover     {text-decoration: underline;}

/* used with a 'textarea' input field to style it */
input, textarea{
	/* font-family         : Lucida sans unicode; */
	font-size           : 10px;
}

/* For all select boxes */
select{
    background-color	: white;
	/* font-family         : Lucida sans unicode; */
    font-size           : 12px;
    behavior            : url(/ed/Includes/clientScripts/listJump.htc)  
}

/* For all images in the application */
img{
	border 				: 0px;
}

/* Mainly used in popup windows and association pages.
	It displays a vertical scroll in case elements contained in the division overflows : scrollable list of elements for example */
div.scrollVertical{
    overflow            : scroll;
    overflow-x          : hidden;
    height              : 100%;
    width               : 100%;
    vertical-align      : top;
}

/* Left alignment of what is contained in the element using this class */
.floatLeft{
	text-align      : left;
}

/* Centered alignment of what is contained in the element using this class */
.floatCenter{
	text-align      : center;
}

/* Right alignment of what is contained in the element using this class */
.floatRight{
	text-align      : right;
}

/*Every page has a title on top*/
.pagetitle, .portalpagetitle {
	font-size		: 14px;
	font-weight		: 700;
    color           : #ff5800;	
	border-bottom	: 1px solid #858585;
	padding-bottom	: 4px;
	margin-bottom	: 10px;
	/*Netscape Specific
	-moz-box-sizing : border-box;*/
}

/*Make the user name match other page titles*/
.pagetitle td{
	font-size		: 14px;
	font-weight		: bold;
    color           : #ff5800;	
}

/* To use with a 'div' tag mainly. When needed, display the name of the element as complement to the top title of the page */
.topName{
    color           : #ff5800;
    font-size       : 14px;
    font-weight     : bold;
    letter-spacing  : 0px;
    margin-top      : 5px;
    margin-bottom   : 5px;
}

/* To use with a 'div' tag mainly. When needed, display info on the element with less emphasis as complement to the top name, usually on a second line*/
.TopNamePlain{
    color           : #ff5800;
	/* font-family     : Lucida sans unicode; */
    font-size       : 14px;
    font-weight     : normal;
    letter-spacing  : 0px;
    margin-top      : 0px;
    margin-bottom   : 5px;
}

/* To display text in bold */
.form-nom{
    color       		: #ff5800;
    font-weight 		: bold;
}

/* Only to display number of elements on top of a list */
.total{
    color           	: black;
    font-size       	: 14px;
    letter-spacing  	: 1px;
}

/* to style horizontal line */
hr.display{
    width               : 100%;
    text-align          : left;
    color               : #858585;
    height              : 1px;
}

/* Mainly used with division, to display centered messages */
.instructions{
	padding-top     	: 5px;
	padding-bottom  	: 5px;
}

/* To display title on top of a list or a light gray button bar mainly */
.lightbackground, .LabelCell {
	background-color 	: #F1F1F1;
}

/* To display the bottom line of buttons mainly */
.bottom{
	background-color	: #F1F1F1;
}

/* Style of all buttons */
.lowback, .EdButton{
    background-image    : url(/client/img/icons/button_background.gif);
    background-repeat   : repeat-x;
    height              : 20px;
    border              : 1px solid #DADADA;
	margin-left			: 2px;
	margin-right		: 2px;
	padding: 0 .3em;
	overflow: visible;
}

.EdButton, input[type="button"], input[type="submit"]
{
    background-image    : url(/client/img/icons/button_background.gif);
    background-repeat   : repeat-x;
    height              : 20px;
    border              : 1px solid #DADADA;
	margin-left			: 2px;
	margin-right		: 2px;
	padding: 0 .3em;
	overflow: visible;
}

/*row_odd and row_even create the alternating row effect on the tables*/
.row_odd{
	border-right		: 1px solid #858585;
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing         : border-box;*/
}

/*row_odd and row_even create the alternating row effect on the tables*/
.row_odd_right{
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing     : border-box;*/
}
 
/*row_odd and row_even create the alternating row effect on the tables*/
.row_odd_empty{
	height				: 50px;
	border-right		: 1px solid #858585;
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	vertical-align		: middle;
	text-align			: center;

	/*Netscape Specific
	-moz-box-sizing     : border-box;*/
}

/*row_odd and row_even create the alternating row effect on the tables*/
.row_even{
	background-color	: #f0f0f0;
	border-right		: 1px solid #858585;
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing     : border-box;*/
}

/*row_odd and row_even create the alternating row effect on the tables*/
.row_even_right{
	height				: 25px;
	background-color	: #F0F0F0;
	border-bottom		: 1px solid #E6E6E6;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing		: border-box;*/
}

/* Mainly used with 'tr' tag to display the header of a table */
.dossdark{
	background-color	: #858585;
    color               : #FFFFFF;
    font-weight         : bold;
}

/* Highlight selected rows*/
.selected{
    background-color : #F2F2F2;
}

 /*This is for clients to customize their layout in the home and login pages*/
.freestyle{}

/*When an icon is in a cell, this gives the cell the correct sise */
.inline_icon_odd{
	width				: 10px;
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing     : border-box;*/
}

/*When an icon is in a cell, this gives the cell the correct sise*/
.inline_icon_even{
	background-color	: #f0f0f0;
	width				: 10px;
	border-bottom		: 1px solid #858585;
	border-collapse		: collapse;
	
	/*Netscape Specific
	-moz-box-sizing     : border-box;*/
}

/*in my activities, popup page with the (I) that dispays the user progress bar of pages visited in the course*/
.progress_bar{
	background-color    : #DADADA;
	padding				: 3px;
	text-align          :center;
	color               : #FFFFFF;
	font-weight         : bold;
}

.menu_container_context{
    border              : 1px inset #858585;
	 padding					: 0px;   
    /*
	 border-spacing      : 0px;
	 Netscape Specific
    -moz-box-sizing     : border-box;*/
}

/* In forums, for the top navigation menu*/
.breadcrumbs{
	display				: inline;
	/* font-family         : Lucida sans unicode; */
	font-size			: 12px;
	font-weight			: normal;
	padding-left    	: 4px;
}

/************************ search engine ************************/
.searchFieldRow1 {
	border-bottom		: 1px solid #CCCCCC;
	background-color	: #F8F8F8;
	font-size			: 12pt;
	padding-top			: 10px;
	padding-bottom		: 10px;
	padding-left		: 10px;
 }

.searchFieldRow2 {
    border-bottom       : 1px solid #CCCCCC;
    background-color    : #E8E8E8;
    font-size           : 12pt;
    padding-top         : 10px;
    padding-bottom      : 10px;
    padding-left        : 10px;
}

.searchFieldRowSelected {
    border-bottom       : 1px solid #F8F8F8;
    background-color    : #CCCCCC;
    font-size           : 12pt;
    padding-top         : 10px;
    padding-bottom      : 10px;
    padding-left        : 10px;
}

.searchFieldGroup1 {
    padding-right       : 10px;
    background-color    : #F8F8F8;
    border-bottom       : 1px solid #CCCCCC;
}

.searchFieldGroup2 {
    padding-right       : 10px;
    background-color    : #E8E8E8;
    border-bottom       : 1px solid #CCCCCC;
}

.searchField
{
    font-size               : 12px;
    color                   : black;
    background-color        : #EEEEEE;
    text-align              : left;
}

.searchFieldAdvanced
{
    font-size               : 12px;
    color                   : black;
    background-color        : #DDDDDD;
    text-align              : left;
}

a.category_switch {
    display             : block;
    padding-top         : 4px;
    padding-bottom      : 4px;
    width               : 100%;
    vertical-align      : top;
}

/* Use in my activities popup to display the course progress */
.tocvisited{
	color: black;
}

.tocnotvisited{
	color: Gray;
}

/* Auto merge : 9:03:33 PM */