@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    	: #F6F6F6;
	margin-top          	: 10px;
	font-family         	: Arial, Helvetica, sans-serif;
	font-size           	: 12px;
	color               	: #5A5A5A;
	/*Scrool bar*/
	scrollbar-base-color	: #F0F0F0;
	scrollbar-darkshadow-color: #5A5A5A;
	scrollbar-3dlight-color	: #5A5A5A;
	scrollbar-track-color	: #DADADA;
	scrollbar-arrow-color	: #462580;
	scrollbar-shadow-color	: #5A5A5A;
	background-attachment: fixed;
	background-image: url(/Client/Img/background_2011.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

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

/* Patch for Mozilla FireFox */
.AspxMasterPageEdHolderDiv
{
	text-align: left;
}

.AspxMasterPageEdHolderDivForUI2
{
	text-align: left;
}

/* To overwrite in popup window the default class for body */
body.popup{ background-image : none; }
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{
	font-size       		: 12px;
	font-family     		: Arial, Helvetica, sans-serif;
}

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

/* 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 #cccccc;
	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             : Arial, Helvetica, sans-serif;
}

a{
	color					: #0066CC; 
	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         : Arial, Helvetica, sans-serif;
	font-size           : 12px;
}

/* For all select boxes */
select{
    font-family         : Arial, Helvetica, sans-serif;
    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		: 12px;
	color			: #5A5A5A;
	font-weight		: bold;
	border-bottom	: 1px solid #999999;
	padding-bottom	: 4px;
	margin-bottom	: 10px;
	/*Netscape Specific*/
	-moz-box-sizing : border-box;
}

/* 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           : black;
    font-size       : 12px;
    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           : black;
    font-size       : 12px;
    font-weight     : normal;
    letter-spacing  : 0px;
    margin-top      : 0px;
    margin-bottom   : 5px;
}

/* To display text in bold */
.form-nom{
    color       		: black;
    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               : #666666;
    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 {
	height              : 20px;
	border              : 1px solid #5A5A5A;
	margin-left			: 2px;
	margin-right		: 2px;
	background-color	: #FFFFFF;
	color				: #286EA0;
	padding: 0 .3em;
	overflow: visible;
}

.EdButton, input[type="button"], input[type="submit"]
{
	height              : 20px;
	border              : 1px solid #5A5A5A;
	margin-left			: 2px;
	margin-right		: 2px;
	background-color	: #FFFFFF;
	color				: #286EA0;
	padding: 0 .3em;
	overflow: visible;
}

/*row_odd and row_even create the alternating row effect on the tables*/
.row_odd{
	border-right		: 1px solid #cccccc;
	border-bottom		: 1px solid #cccccc;
	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 #cccccc;
	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 #cccccc;
	border-bottom		: 1px solid #cccccc;
	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 #cccccc;
	border-bottom		: 1px solid #cccccc;
	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 #cccccc;
	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	: #2E2E2E;
    color               : #FFFFFF;
    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 #cccccc;	
	/*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;
	border-bottom		: 1px solid #cccccc;
	/*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    : #666666;
}

.menu_container_context{
    border              : 1px inset #cccccc;
    /*Netscape Specific*/
    -moz-box-sizing     : border-box;
}

/* In forums, for the top navigation menu*/
.breadcrumbs{ font-family : Arial, Helvetica, sans-serif; }


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

.masthead{
	/*Applied to first row of portal*/
	width               : 760px;
	padding             : 0px;
	margin              : 0px;
	background-attachment: fixed;
/*  background-image: url(/Client/Img/header.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	height: 105px;
	background-color    : #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-top-style: none;
	border-bottom-style: none;
}

.mastfooter{
	/*Applied to first row of portal*/
	width               : 760px;
	height				: 15px;
	padding             : 0px;
	margin              : 0px;
	background-image	: url(/Client/Img/mastfooter_menu.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-top-color: #cccccc;
}


.masthead_menu{
	/*Applied to second row of portal*/
	text-align			: right;
	height				: 25px;
	padding-right		: 12px;
	background-color    : #FFFFFF;
	background-image	: url(/Client/Img/mastheader_menu.jpg);
	background-attachment: fixed;
	background-repeat	: no-repeat;
	background-position	: left top;
	width				: 760px;

/*Netscape Specific*/
-moz-box-sizing     : border-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #CCCCCC;
	border-left-color: #cccccc;
}

.masthead_menu a{
	color           	:#5A5A5A;
	text-decoration 	:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.left_rail_logged_in{
	/*This is the menu area when logged in*******************************************************/
	width               : 150px;
	border-spacing      : 0px;
	vertical-align		: top;
	background-attachment: fixed;
	background-repeat	: no-repeat;
	background-position	: left bottom;
	padding				: 0px;
	background-color 	: #FFFFFF;
/*Netscape Specific*/
-moz-box-sizing         : border-box;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

.left_rail_not_logged_in{
/*This is the menu area when not logged in*/
	width               	: 150px;
	padding             	: 0px;
	border-spacing      	: 0px;
	vertical-align			: top;
	border-left				: 1px solid #cccccc;
	border-right			: 1px inset #cccccc;
	background-color	: #6489B6;
	background-attachment: fixed;
	background-repeat	: no-repeat;
	background-position	: left bottom;
	background-color 	: #FFFFFF;
/*Netscape Specific*/
-moz-box-sizing         : border-box;
}

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

.content_right_pane{
/*This is the center page - 2 colums - either login prompt or announcements*/
	width				: 445px;
	background-color	: #FFFFFF;
	text-align			: left;
	vertical-align		: top;
	height				: 100%;
	border-right		: 1px solid #cccccc;
	padding				: 4px;
/*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				: 150px;
	vertical-align  	: top;
	padding    			: 4px;
	background-color 	: #FFFFFF;
	background-attachment: fixed;
	background-repeat	: no-repeat;
	background-position	: right bottom;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
/*Netscape Specific*/
-moz-box-sizing     	: border-box;

}
 
.right_rail_not_logged_in{
	/*This is where the news and login boxes are in the login and home pages*/
	width    			: 150px;
	vertical-align  	: top;
	padding    			: 4px;
	background-color 	: #FFFFFF;
	background-attachment: fixed;
	background-repeat	: no-repeat;
	background-position	: right bottom;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
/*Netscape Specific*/
-moz-box-sizing     : border-box;
}

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


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

.news_header{
	font-weight         : bold;
	background-image    : url(/client/Img/Portal/CCIS/login_top.jpg);
	color				: #0066CC;
	height              : 30px;
	padding-left		: 2px;
	padding-top			: 2px;
}

.login_table{
	border          	: 1px solid #FFFFFF;
	background-color	: #ffffff;
/*Netscape Specific*/
-moz-box-sizing     : border-box;
}

.login_table input.textfield{
	width : 100%;
	border: 1px solid #555;
}

.login_header{
	font-weight			: bold;
	height				: 30px;
	/*Ensure browser to display properly the login box even when portal content is to large*/
	white-space         : nowrap;
	color				: #001F50;
}
/*****************End right-rail table styles*******************/


/**************** This is for the first level menu *********************************************************/
.menu, .menu_selected{
	background-color		: #FFFFFF;
	border-bottom			: solid 1px #cccccc;
	width					: 100%;
	padding-right			: 2px;
	padding-left			: 5px;
	border-spacing          : 0px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	padding-top				: 6px;
	padding-bottom			: 6px;
    /*Netscape Specific*/
    -moz-box-sizing         : border-box;
}

.menu a{
	color                   : #0066CC;
	width                   : 100%;
	height                  : 100%;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.menu_selected a{
	/*This is for the first level menu */
    color                   : #555;
	width                   : 100%;
	height                  : 100%;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.menu a:hover:          {color:#0066CC;}
.menu a:active:     {color:#0066CC;}
.menu a:visited:        {color:#0066CC;}
.menu_selected a:hover: {color:#555;}
.menu_selected a:active:    {color:#555;}
.menu_selected a:visited:   {color:#555;}

.submenu{
	/*This is for the sub-menu*/
    background-color    	: #FFFFFF;
	width               	: 100%;
	padding-left        	: 15px;
	padding-right       	: 2px;
	border-bottom       	: 1px solid #cccccc;
	border-spacing      	: 0px;

    /*Netscape Specific*/
-moz-box-sizing         	: border-box;
	padding-top				: 4px;
	padding-bottom			: 4px;
}
.submenu a{
	color               	: #0066CC;
	width                   : 100%;
	height                  : 100%;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.submenu:hover      {color:#0066CC;}
.submenu:active     {color:#0066CC;}
.submenu:visited    {color:#0066CC;}

.submenu_selected   {
	/*This is for the sub-menu*/
    background-color    	: #FAFAFA;
	width               	: 100%;
	padding             	: 4px;
	padding-left        	: 8px;
	padding-right       	: 2px;
	border-bottom       	: 1px solid #cccccc;
	color               	: #555;
	border-spacing      	: 0px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
    /*Netscape Specific*/
-moz-box-sizing         	: border-box;
}

.submenu_selected:hover     {color:#555;}
.submenu_selected:active    {color:#555;}
.submenu_selected:visited   {color:#555;}
/******************************************************************/


/************************ search engine ************************/
.searchFieldRow1 {
	border-bottom		: 1px solid #CCCCCC;
	background-color	: #F8F8F8;
 }

.searchFieldRow2 {
    border-bottom       : 1px solid #CCCCCC;
    background-color    : #E8E8E8;
}

.searchFieldRowSelected {
    border-bottom       : 1px solid #F8F8F8;
    background-color    : #CCCCCC;
}

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

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

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

.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;
}
.jobProfile {
	background-color: #FFFFFF;
}