/* 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    	: #ffffff;
	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_gradient2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


.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;
	background-image: none;
}

/* 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;
	background-image	:none;
	text-align				: left;
	margin					: 2px;
}
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     		: 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					: #006699; 
	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{
    background-color	: white;
    font-family         : Arial, Helvetica, sans-serif;
    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		: 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;
}

/* 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 {
	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	: #F6852F;
    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 #cccccc;
	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 #cccccc;
	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    : #666666;
	padding				: 3px;
	text-align          :center;
	color               : #ffffff;
	font-weight         : bold;
}

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

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


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


div.left_rail_image{
/*place background image if desired*/
}

div.right_rail_image{
/*place background image if desired*/
}
/*********************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				: #006699;
	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_table td{}


.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;
}

.login_register{}
.login_forgot{}
/*****************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                   : #006699;
	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:#006699;}
.menu a:active:     {color:#006699;}
.menu a:visited:        {color:#006699;}
.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               	: #006699;
	width                   : 100%;
	height                  : 100%;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.submenu:hover      {color:#006699;}
.submenu:active     {color:#006699;}
.submenu:visited    {color:#006699;}

.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;
	font-size			: 10pt;

	padding-top			: 10px;
	padding-bottom		: 10px;
	padding-left		: 10px;
 }

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

    padding-top         : 10px;
    padding-bottom      : 10px;
    padding-left        : 10px;
}

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

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