@import "portal-common.css";

/** CSS Document **/

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

/* 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	: #fff;
}

a.Disabled { color:Black; text-decoration:none; }
a:active.Disabled {text-decoration: none;}
a:hover.Disabled {text-decoration: none;}

.AspxMasterPageEdHolderDiv { text-align: left; }

/* To overwrite in popup window the default class for body */
.popup { margin : 0px; }

/* To overwrite the job profile iframe window's default class for body */
body.jobProfile{
	background-color		: #fff;
	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; */
}

td { padding : 1px;}

/* 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 #fff; 
    border-collapse         : collapse; 
}

/********************* Start portal structure*******************/
.main_layout{
	/*Applied to table that holds the entire portal*/
	width						: 1000px;
	background-color		: #fff;
	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 { padding : 0px; padding-top : 20px; margin : 0px; /* 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           : #5b8f22;
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        : 1px solid #CCC; */
/* border-bottom		: url(/client/img/portal/VerticalDots.JPG); */
vertical-align		: top;
/* background-color	: #fff; */
/*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 #fff; */
/*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	: #fff;
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	: #fff;
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;*/
}

/*********************End portal structure**********************/


/*****************Begin right-rail table styles*****************/
.news_table{
/* background-color	: #fff; */
/*Netscape Specific
-moz-box-sizing     : border-box;*/
}

.news_header{
color           : #5b8f22;
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	: #fff; */
/*Netscape Specific
-moz-box-sizing     : border-box;*/
}

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

.login_header{
color					: #5b8f22;
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           : #5b8f22;
font-size		: 8pt;
/* font-family     : Lucida sans unicode; */
padding-top		: 10px;
text-align		: left;
text-decoration : bold;
	}

.login_forgot{
color           : #5b8f22;
font-size		     : 15px;
/* 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             : Verdana, sans-serif;
	background-color      	: #f0f0f0;
	border-top              : 1px solid #FFF;
  border-bottom         	: 1px solid #FFF;
	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             : Verdana, sans-serif;
	background-color       	: #7AB800;
	border-top              : 1px solid #FFF;
  border-bottom           : 1px solid #FFF;
  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                   : #fff;
    font-weight             : bold;
    height                  : 100%;
}

/*
.menu a:hover				: {color:#7AB800;}
.menu a:active				: {color:#7AB800;}
.menu a:visited				: {color:#5d5d5d;}
.menu_selected a:hover		: {color:#7AB800;}
.menu_selected a:active		: {color:#7AB800;}
.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					: #5b8f22;
    border-bottom       	: 1px dashed #7a6c8d;
	padding 				: 4px;
	padding-left			: 24px;
	padding-right			: 2px;
	border-spacing          : 1px;
}

.submenu_selected a{
	color					:#5b8f22;
}

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

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

.submenu_selected a:hover	: {color:#5b8f22;}
.submenu_selected a:active	: {color:#5b8f22;}
.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: #5b8f22; text-decoration: none;}
a:active    {text-decoration: underline;}
a:link      {text-decoration: none;}
a:visited   {text-decoration: none;}
a:hover     {text-decoration: underline;}

select { font-size : 12px; }

/* 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;
}

/*Every page has a title on top*/
.pagetitle, .portalpagetitle {
	font-size		: 14px;
	font-weight		: 700;
    color           : #5b8f22;	
	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           : #5b8f22;	
}

/* 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           : #5b8f22;
    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           : #5b8f22;
	/* 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 : #5b8f22; }

/* 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;
}

/* To display title on top of a list or a light gray button bar mainly */
.lightbackground, .bottomButtonBar, .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;
	
	
}
 
/*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;

	
}

/*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;
	
	
}

/*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               : #fff;
    font-weight         : bold;
}

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

/*When an icon is in a cell, this gives the cell the correct sise */
.inline_icon_odd { border-bottom		: 1px solid #858585; }

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

/*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;
}

.menu_container_context{
    border				: 1px inset #858585;
	padding				: 0px;
}

/* In forums, for the top navigation menu*/
.breadcrumbs { font-size : 12px; }

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

.searchFieldRow2 { border-bottom : 1px solid #CCC; background-color : #E8E8E8; font-size : 12pt;}

.searchFieldRowSelected { border-bottom : 1px solid #F8F8F8; background-color : #CCC; font-size : 12pt; }

.searchFieldGroup1 { background-color : #F8F8F8; border-bottom : 1px solid #CCC; }

.searchFieldGroup2 { background-color : #E8E8E8; border-bottom : 1px solid #CCC; }

.searchField { font-size : 12px; color : black; background-color : #EEE;}

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

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


.LabelCell, .ContentCell { padding : 2px; }