/*
	Colors
	Basic styles
	Buttons
	Header
	main navigation
	Left navigation
	Toolbox
	Calendar List
	Main content
	Tables styles
	popImageView
*/

/* ------------------------------------------------------ */
/*                  = COLORS                              */
/* ------------------------------------------------------ */

/*
baseBlue = #006699
mediumBlue = #acc0d8
lightBlue = #D2DAE6
veryLightBlue(form backgrounds) = #F9F9FB
baseOrange = #ff9900
*/


/* ------------------------------------------------------ */
/*                  = BASICS                              */
/* ------------------------------------------------------ */

body { 
	margin:0;
	font-family: arial, helvetica, sans-serif;
	font-size:13px;
}

a {
	color: #006699; /* baseBlue */
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* remove outline on active links in IE7 */
a {
    _noFocusLine: expression(this.hideFocus=true); 
}
a img {
	text-decoration:none;
	border:none;
}

ul, ol {
	list-style-type:none;
}
ul.no-padding {
	padding-left:0;
}
hr {
  background: #ddd; 
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px; 
  margin: 0 0 1.4em;
  border: none; 
}

p.titlecentral { /* should be h1 */
	margin:15px 0 0 20px;
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	color: #ff9900;
}

p.titleparagraphe {  /* should be h2 */
    color: #000000;
    font-weight: bold;
    font-size: 17px;
    padding-top:20px;
    margin-bottom:10px;
    border-bottom: #6595c6 1px solid;	
}

input, select, textarea { /* decrease font size in form elements */
	font-size:11px;
}

.replies-section {
	background:#a9bed6;
}
.replies-section h2 {
    color:#FFF;
    font-size:15px;
    padding:7px 12px;
    margin:0;
    font-weight:normal;
}
.replies-section h2 span {
	font-style:italic;
	font-weight:bold;
}
.replies-section a {
	float:right;
	width:150px;
	margin:0;
 	font-size:12px;
	color:#FFF;
	ont-weight:bold;
}
/*padding(panel headings) in Request/studies > By subject areas (in main menu) */
div.subject-areas .panel-heading {
	padding-left:0;
}

/* ------------------------------------------------------ */
/*                   = BUTTONS                            */
/* ------------------------------------------------------ */

a.btnWebsite, 
a.btnViewWebsite, 
a.btnPreviewWebsite {
	display:inline; /* ie7 */
    display: inline-block;
    font-size: 11px;
    padding: 4px 9px 3px 9px; 
    text-decoration:none;
    border-radius:2px; 
}

a.btnWebsite {
	color: #fff;
    background-color: #F90;
}
a.btnWebsite:hover { 
	color:#006699; 
	background-color: #FED201; 
	text-decoration:none !important;
}
a.btnViewWebsite, 
a.btnPreviewWebsite {
	width:45px;
	padding: 1px 7px;
	text-align:center;
}
a.btnViewWebsite {
	color: #000;
    background-color: #eacf1a;
}

a.btnViewWebsite:hover {
	background-color: #FED201; }

a.btnPreviewWebsite {
	color: #000;
    background-color: #9ad9e1;
}

a.btnPreviewWebsite:hover { 
	background-color: #bfe4e9;
}

a.FormButton, a.button {
	display:inline; /* ie7 */
    display: inline-block;
    cursor: hand;
    color: #006699;
    margin:4px 5px 3px 2px;
    padding:1px 8px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    border:1px solid #f90;
    min-width:70px;
    background: #ffffff; /* Old browsers */
	
}
a.FormButton {border-radius:4px;} 
a.FormButton:hover {
    color: #63748c;
    text-decoration: none;
}

a.FormButtonSubmit { /* chck */
    background: url(../images/btn_submit.gif) no-repeat;
    display: block;
    vertical-align: baseline;
    cursor: hand;
    color: #63748c;
    height: 17px;
    width: 40px;
    text-align: center;
    font-size: 9px;
    text-decoration: none;
    padding-top: 2px;
}

td.end a.FormButton {
	float:right;
}

.publiti a.FormButton { /* chck */
    float: left;
}

a.button {
    padding:2px 8px;
    border:1px solid #acc0d8;
    min-width:50px;
    margin-bottom:0;
}

form[name="AreaInterestPageForm"] td.end {
	padding-right:10px;
}

/* ------------------------------------------------------ */
/*                   = HEADER                             */
/* ------------------------------------------------------ */

.header {
	background:#a9bed6;
}

.bannerImages {
	position:relative;
	height:69px;
	width:100%;
	overflow:hidden;
	background:#a9bed6;
}

img.header_tagline {
	position:absolute;
	left:150px;
	margin-left:30px;
	background:#a9bed6;
}

img.header_backgroundRight {
	position:absolute;
	right:0;
}

div.choose_language, 
div.searchTop {
	float:left;
	width:180px;
	height:28px;
	max-height:28px;
	background:#a9bed6;
}

div.choose_language div {
	position:absolute;
	left:50px;
}

div.choose_language .LangButton, 
div.choose_language .LangButtonSelected {
	float:left;
	display:block;
	font-size: 9px;
	padding: 5px;
	margin:2px;
	border-radius:3px;
}

a.LangButton {
    background: #f7f7f7;
    color: #006699;
}

.LangButtonSelected {
    background: #006699;
    color: #fff;
}

/* #search_header styles are in css/main_authenticated.css */

/* ------------------------------------------------------ */
/*              = MAIN NAVIGATION (TOP)                   */
/* ------------------------------------------------------ */

#topNav {
	max-height:28px;
	position:relative;
	float:left;
	width:100%;
}
.mainNavigation {
	width:100%;
	border-top:1px solid #fff;
	background:#a9bed6;
}

*+html .mainNavigation { /* pour IE7 */
	position:absolute;
	top:0;
	left:179px;
}

.mainNavigation ul {
	margin:0;
	width:1200px; /* force horizontal scrolling */
}

.mainNavigation ul li {
	display: inline; /* Elements with hasLayout and display:inline behave like inline-block */
	display:inline-block;
	float:left;
	height:25px;
}

.mainNavigation ul li a {
	padding:5px 9px 6px 9px;
	border-top:none;
}

a.btnHoriz, 
a.btnHoriz_selected, 
a.btnHorizSelected {
    display: block;
    font-weight: bold;
    font-size: 13px;
    background-color: #a9bed6;
    color: #006699;
    border-left: #ffffff solid 1px;
    border-top: #ffffff solid 1px;
    padding: 10px;
    white-space: nowrap;
}

a.btnHoriz:hover {
    background-color: #e68d06;
    color: #ffffff;
    border-left: #e5eaf0 solid 1px;
    text-decoration:none;
}

a.btnHorizSelected {
	background:#ff9900;
}

a.btnHorizSelected:visited, 
a.btnHorizSelected:hover, 
a.btnHorizSelected:active {
    color: #ffffff;
    text-decoration:none;
}

/* ------------------------------------------------------ */
/*                  = LEFT NAVIGATION                     */
/* ------------------------------------------------------ */

table.leftnav {
    border-right: 1px solid #e5eaf0;
    background: url(../images/bg_left.gif) top repeat-x;
    font-size:13px;
}

table.leftnav td {
    padding-right: 5px;
}

table.leftnavPUB {
    background: url(../images/bg_left_pub.gif) top repeat-x;
}
table.leftnav a:hover {
	text-decoration:underline;
	color:#ff9900;
}
table.forumline ul {
	line-height:25px;
}
.fontCentral, p, div.font_central {
	line-height:20px;
}


/* --------  LeftMenu : Level One --------- */

a#todo_list, 
a.leftmenu_item, 
span.leftmenu_item, 
.leftmenu_itemSelected {
    list-style-type: none;
    display: block;
    margin: 2px 3px 2px 5px;
    padding: 3px 6px 3px 12px;
    font-weight: bold;
    text-decoration: none;
    color: #006699;
}

a.leftmenu_item, 
span.leftmenu_item, 
.leftmenu_itemSelected {
    background: url(../images/bullet_square_levelOne.gif) no-repeat 1px 8px;
}

a#todo_list {
    background: url(../images/to_do_list.gif) no-repeat 0% 50%;
    padding-left: 14px;
}

a:hover .leftmenu_item {
    text-decoration: underline;
    color: #006699;
}

a.leftmenu_itemSelected  {
    list-style-type: none;
    background: url(../images/bullet_square_levelOne.gif) no-repeat 4px 7px;
    background-color: #ffe3ba;
    border: #ff9900 1px solid;
    margin: 2px 0px 2px 2px;
    padding: 2px 20px 2px 14px;
    text-decoration: none;
    color: #006699;
}

a:hover .leftmenu_itemSelected {
    color: #006699;;
    text-decoration: underline;
}

a#todo_listSelected {
    list-style-type: none;
    background: url(../images/to_do_list.gif) no-repeat 0% 50%;
    background-color: #ffe3ba;
    border: #ff9900 1px solid;
    display: block;
    margin: 2px 0px 2px 2px;
    padding: 2px 20px 2px 14px;
    font-weight: bold;
    text-decoration: none;
    color: #006699;
}

/* -------- LeftMenu : Level Two --------- */

a.leftmenu_item2, 
a.leftmenu_item2Selected {
    list-style-type: none;
    background: url(../images/bullet_square_levelTwo.gif) no-repeat 12px 8px;
    display: block;
    padding: 2px 1px 2px 20px;
    margin: 1px 2px 1px 5px;
    display: block;
    text-decoration: none;
    color: #006699;
    line-height:16px;
}

a:hover .leftmenu_item2 {
    text-decoration: underline;
    color: #006699;
}

a.leftmenu_item2Selected {
    list-style-type: none;
    background: url(../images/bullet_square_levelTwo.gif) no-repeat 11px 7px;
    background-color: #ffe3ba;
    padding: 2px 0px 2px 19px;
    border: #ff9900 1px solid;
    text-decoration: none;
    color: #006699;
}

a:hover .leftmenu_item2Selected {
    color: #006699;;
    text-decoration: underline;
}

/* -------- LeftMenu : Level Three --------- */

a.leftmenu_item3, 
a.leftmenu_item3Selected {
    list-style-type: none;
    background: url(../images/bullet_square_levelThree.gif) no-repeat 24px 9px;
    display: block;
    padding: 0px 0px 3px 31px;
    margin: 1px 2px 1px 5px;
    text-decoration: none;
    color: #5a8bc2;
    line-height:17px;
}

a.leftmenu_item3Selected {
    background: #ffe3ba url(../images/bullet_square_levelThree.gif) no-repeat 23px 9px;
    border: #ff9900 1px solid;
}

a.leftmenu_item3:hover,
.leftmenu_item3Selected:hover {
    text-decoration: underline;
    color:#ff9900;
}


/* -------- LeftMenu : Level Arrow --------- */

.leftmenu_itemArrow1 {
    list-style-type: none;
    background: url(../images/undo.gif) no-repeat 5px 3px;
    background-color: #ffe3ba;
    border: #ff9900 1px solid;
    padding: 0px 0px 2px 23px;
    margin: 1px 0px 1px 2px;
    text-decoration: none;
    color: #006699;
    display: block;
}

.leftmenu_itemArrow2 {
    list-style-type: none;
    background: url(../images/undo.gif) no-repeat 15px 3px;
    background-color: #ffe3ba;
    border: #ff9900 1px solid;
    padding: 0px 0px 2px 32px;
    margin: 1px 0px 1px 2px;
    text-decoration: none;
    color: #006699;
    display: block;
}

.leftmenu_itemArrow3 {
    list-style-type: none;
    background: url(../images/undo.gif) no-repeat 27px 3px;
    background-color: #ffe3ba;
    border: #ff9900 1px solid;
    padding: 0px 0px 2px 45px;
    margin: 1px 0px 1px 2px;
    text-decoration: none;
    color: #006699;
    display: block;
}

/* ----------- = Toolbox ---------------- */

.toolbox {
    border: #acc0d8 1px solid;
    background: #f7f7f7;
    width: 140px;
    font-size: xx-small;
    color: #006699;
    text-decoration: none;
    border-radius:3px;
}

.toolbox td {
    padding-left: 8px;
}

.toolbox img {
    margin-right: 8px;
}

.toolbox td.button {
    text-align: right;
    padding-top: 8px
}

.toolbox A {
    font-size: xx-small;
    color: #006699;
    text-decoration: none;
}

.toolbox A:hover {
    color: #ff9900;
    text-decoration: none;
}

/* ------------------------------------------------------ */
/*                      = CALENDAR LIST                   */
/* ------------------------------------------------------ */

.calendarButton {
    cursor: pointer;    
}

.bullet_circle {
    list-style-type: circle;
    line-height:20px;
}

.bullet_disc {
    list-style-type: disc;
}

.linkSEL {
    list-style-type: none;
    background: url(../images/bullet_blue_linkSel.gif) no-repeat 0px 3px;
    padding: 0px 0px 0px 16px;
    font-size: 12px;
    vertical-align: top;
    text-align: left;
    line-height: 20px;
    color: #ff9900;
}

/* ------------------------------------------------------ */
/*                      = MAIN CONTENT                    */
/* ------------------------------------------------------ */

td.font_central { /* main text area */
	padding-bottom:15px;
	line-height: 20px;
}

.font_centralPAD {
    padding-left: 14px;
}

/* = tables */

table.publi td, table.workflow td {
	valign:middle;
	vertical-align:middle;
	font-size:95%;
}

td.publiva {
	font-size:97%;
	line-height:16px;
	background: #f0f2f7;
	border-right: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
	padding:7px 8px;
	min-width:80px; /* chck */
	max-width:500px !important;
}

table.workflow {
	border:1px solid #D2DAE6;
	border-top:none;
}
table.workflow td.publiti {}
table.publi {
	border:1px solid #D2DAE6;
}

table.news {  }

/*  NEWS */

td.publivaNews {
	font-size: 13px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom:15px;
}
.publivaNews h4 a {  
	display:inline-block;
	font-size: 15px;
	padding-bottom:5px;
 	border-bottom:1px solid #006699; ;
}
.publivaNews h4 a:hover {  
	text-decoration:none;
}

td.publivaNewsDate {
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom:15px;
}

.dateNews { 
	text-align: center;
	padding: 10px 16px 18px 10px;
	background: url("../images/bg-date-news.png") 4px 3px no-repeat;
	color: white;
	font-size:11px;
	line-height:14px;
	width:47px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-weight: bold;
}

/* = popImageView */

*+html #popImageViewBG { /* force background height in IE7 */
	    height:1400px !important;
}

#popImageViewBG {
    display: none;
    position: absolute;
    background: #000;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    filter: alpha(opacity = 40);
    width: 100%;
    height:100% !important;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#popImageView {
    display: none;
    position: absolute;
    background: none;
    color: #333;
    text-align: center;
    top: 40px;
    z-index: 2;
}

#popImageView img {
	max-width:600px;
}

.main-td-bold{
	width:10px;
	font-weight: bold;
}
.main-td-large{
	width:300px;
}

.list-bullets{
	list-style-type: disc;
}

/* ------------------------------------------------------ */
/*      START : TOOLTIP     chck - still used? */
/* ------------------------------------------------------ */
/*
.tooltip {
    color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;
    text-align:center;
    background: url("../images/btB.gif") no-repeat right bottom;
    padding: 19px 10px 6px 0;
    display: block;
}

.tooltip span.comment {
    background: url("../images/btA.gif") no-repeat left top;
    padding: 19px 0 6px 10px;
}*/