/**************************************
 *			DarkBlue Style
 * ------------------------------------
 * Background : 	White #FFFFFF
 * Texts : 			Black #000000
 * Titles : 		DarkBlue  #000099
 * Links hover : 	DarkBlue  #000099
 * SubTiles : 		Blue #0000FF
 * Normal Links  :	Blue  #0000FF
 * Strong_Em :		Blue  #0000FF
 * Third colour :	LightBlue #e4faff
 *************************************/


/** General **/
body {
	margin: 0%;
	padding:0%;
	background-color: #FFFFFF;
	font-family:Arial, "Trebuchet MS", Verdana, sans-serif;
	font-size:15px;
	color:#000000;
	vertical-align: middle;
	text-align:left;
	cursor:default;
}


/**********
    DIVS
***********/

#header{
	width:100%;
	height:110px;
	background-color:#000033;
}

/** Section **/
#section{
	width:840px;
	height:40px;
	clear:both;
	margin: auto;
	padding:0%;
	text-align:center;
}

/** Subsection **/
#subsection {
	clear:both;
	float:left;
	margin-left:1%;
	padding:0%;
	width:15%;
	border: 1px solid #000099;
	text-align:left;
}

#section ul
{
	width:100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#section ul li
{
	display:block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 1px;
}

#section ul li a
{
	border-top: 1px solid #000099;
	border-left: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
	padding: 0;
	margin: 0;
	color: #000099;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#section a:active
{
	background: #0000FF;
	color: #fff;
}

#section a:hover
{
color:#0000FF;
border: 1px solid #0000FF;
background: url(degrad_blue_claire2.jpg) repeat-x;
}

#section li#active a
{
/* background:#0000FF; */
background: url(degrad_blue_claire2.jpg) repeat-x;
border: 1px solid #0000FF;
color:#FFFFFF;

}

/** Content **/
#content {
	float:left;
	margin-left:2%;
	margin-bottom: 30px;
	width:76%;
	padding: 1% 2% 2% 2%;
	background-image:url(content_bk_cropped.jpg);
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #000099;
}

/* System section */
body.system #subsection {
	width:23% !important;
}
body.system #content {
	width:68% !important;
}

/* Multi-column layout */
div.withTwoColumns div.column1 {
	float:left;
}
div.withTwoColumns div.column2 {
	float:right;
}
div.withTwoColumns.equal div.column1 {
	width:50%;
}
div.withTwoColumns.equal div.column2 {
	width:50%;
}
div.withTwoColumns div.endOfColumns {
	clear:both;
}

/* Some padding for inner content */
div.innerContent {
	padding-left:1em;
	padding-right:1em;
}

/* News - Common */
body.meetingsmanagement div.news, body.seeallmeetings div.news {
	background:url('gray_square.png');
}
body.meetingsmanagement div.news h4, body.seeallmeetings div.news h4 {
	margin-top:0;
	padding-top:1em;
	margin-bottom:0;
	padding-bottom:1em;
	padding-left:0;
}
body.meetingsmanagement div.news h5 {
	margin-top:0;
	padding-top:1em;
}

/* News - Meetings Management */
body.meetingsmanagement div.news form {
	padding:0;
	margin:0;
}
body.meetingsmanagement div.news div.column1 {
	width:20%;
}
body.meetingsmanagement div.news div.column2 {
	background:#D4D4D4;
	width:80%;
}
body.meetingsmanagement div.news ul.hiddenBulletPoints {
	padding-left:0;
}
body.meetingsmanagement div.news ul.hiddenBulletPoints li.hiddenBulletPoints {
	list-style:none;
	list-style-image:none;
}
body.meetingsmanagement div.news dt {
	font-weight:bold;
}
body.meetingsmanagement div.news div.foreignHtml ul li, body.meetingsmanagement div.news div.foreignHtml ol li,
body.seeallmeetings div.news div.foreignHtml ul li, body.seeallmeetings div.news div.foreignHtml ol li {
	list-style-image:none;
	margin-bottom:0;
}

/* Table of contents */
body.meetingsmanagement div.tableOfContents h4 {
	padding-left:0;
}
body.meetingsmanagement div.tableOfContents div.navigation h5 {
	margin-top:0;
	padding-top:1em;
}
body.meetingsmanagement div.tableOfContents div.navigation {
	background:url('gray_square.png');
}

/* Navigation within content section */
div.navigation ul {
	list-style:none;
	padding-left:0;
}
div.navigation li {
	float:left;
	margin-right:2em;
	list-style:none;
}
div.navigation form {
	padding:0;
	margin:0;
}
div.navigation h4 {
	padding-left:0;
}
div.navigation div.endOfNavigation {
	clear:both;
}
body.logs div.navigation {
	background:url('gray_square.png');
}
body.logs div.navigation li {
	margin-bottom:0;
}


/** Auth **/
.auth {
	margin-left:20%;
	margin-top:5%;
	margin-bottom: 30px;
	width:60%;
	padding: 2% 1% 7% 2%;
	background-image:url('content_bk_cropped.jpg');
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #000099;
}

/** Possibilities **/
.possibilities {
	margin-left:10%;
	margin-top:2%;
	margin-bottom: 30px;
	width:80%;
	padding: 1% 2% 2% 2%;
	background-image:url('content_bk_cropped.jpg');
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #000099;
}

/** Log **/
.log {
	margin: 0% 2% 0% 2%;
	width:94%;
	padding: 2% 2% 2% 2%;
	background-position:right;
	background-repeat:no-repeat;
	border: 1px solid #999999;
}
body.logs div.logTwo div.section table {
	border-collapse: collapse;
}
body.logs div.logTwo div.section th, body.logs div.logTwo div.section td {
	border: 1px solid #999;
	padding:4px;
}
body.logs div.logTwo div.section th {
	text-align:center;
}

/* Description member */
.item_member_person{
 	border: 1px dashed #0000FF;
	margin: 10px;
	padding: 5px;
	/*background-image:url("person_icon.gif");*/
	background-repeat:no-repeat;
	background-position:right;
}
.name{
	font-weight:bold;
	font-size:17px;
	text-align:center;
	color:#000099;
	margin-top: 5px;
	margin-bottom:20px;	
}
div.item_member_person dd {
	font-weight:600;
	color:#666666;
}
.management_item_user{
 	border: 1px dashed #0000FF;
	margin: 10px;
	padding: 5px;
	background-image:url("person_icon.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.management_item_agenda{
 	border: 1px dashed #0000FF;
	margin: 10px;
	padding: 5px;
	background-image:url("item_agenda.gif");
	background-repeat:no-repeat;
	background-position:right;
}
/** File Folder Managemnet */
.1eft_side{
	float:left;
	width:20%;
	margin: 0% 0% 0% 0%;
	border:#000000 2px;
	background-color:#00FFFF;
}

.item_1eft{
	width:90%;
	margin-top:0%;
	margin-bottom:2%;
	border: 1px dashed #000099;
	padding: 0px 8px 8px 8px;
}

.middle{
	width:95%;
	margin-top: 0%;	
	border: 1px dashed #330066;
	padding: 0px 8px 0px 8px;
}


/*************
  TITLES
**************/


/* Section */
h1 {	
	text-align: left;
	color:#000099;
	/*font-size:24px;*/
	padding-left: 40px;
	line-height: 30px;
	font-size: 1.5em;
}

/* Title */
h3 {	
	text-align: left;
	color: #000099;
	padding-left: 5px;
	line-height: 15px;
	font-size: 1.4em;
}

/* Subtitle */
h4 {	
	text-align: left;
	color:#0000FF;
	padding-left: 20px;
	line-height: 18px;
	height:18px;
	font-size: 1.1em;
}
h5 {
	text-align: left;	
	color:#0000FF;
	padding-left: 35px;
	font-size:1em;
        padding-bottom: 0px;
}
h6 {
	color:#0000FF;
	font-size:0.9em;
}

/* Title Subsection */
#subsection h3 {
	margin-top:15px;
	font-size: 1.1em;
	text-align:center;
	background-color:#e4faff;
	line-height:20px;
	
}




/********************
  TEXTS & FORMS
*********************/

/** Forms (non-utilisé pr l'instant) **/
form{
	padding-left: 5%;
	margin-bottom:10px;
}

legend{
	color:#3399FF;
	font-style:italic;
	font-weight:bold;
}

fieldset{
	width: 80%;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}

/* Validation errors */
input.error, textarea.error {
	border:1px dotted #FF0000;
}
label.error {
	display:block;
	line-height:1.8em;
	color:#FF0000;
	font-style:italic;
}

/* Remarks - Comments - Observations more important */
em{
	font-weight:italic;
}

/* Remarks - Comments - Observations more important */
strong {
	font-weight:bold;
}

.txt_warning{
	color:#FF0000;
	font-weight:bolder;
}

.txt_info{
	color:#666666;
	font-size:smaller;
}

a.signout{
	color:#FF0000;
}

/** Paragraph **/
p {
	line-height: 20px;
	text-align: justify;
	text-indent: 30px;
	vertical-align: middle;
	margin: 10px 15px 15px 15px;
}

/** ajax tab **/
td.cellule{
	cursor:text;
	height:22px;
}

td.cellule:hover{
	background-color: #e4faff;
	cursor:text;
	border:1px solid #999999;
}

/** ajax input **/
.aj_input{
	background-color: #e4faff;
	border:0px;
	cursor:text;
	font-weight:bold;
	font-family:Arial, "Trebuchet MS", Verdana, sans-serif;
}

/***************
   LINKS
****************/
a {
	text-decoration: none;
	color:#0000FF; 
}

a:hover {
	text-decoration: underline;
	color:#000099;
}

/* Button-style links */
a.button {
	display:block;
	text-align:center;
	line-height:25px;
	width:60px;			/* Override this setting with style="" to adjust for certain text widths or use class="button bigger". */
	font-size:14px;
	cursor:pointer;
}
a.button.bigger {
	width:80px;
}
a.button.big120 {
	width:120px;
}
a.button.big140 {
	width:140px;
}
a.button:hover {
	text-decoration:none;
}
a.button span.left {
	display:block;
	background:url('button_left.png') no-repeat left center;
	height:25px;
}
a.button span.right {
	display:block;
	background:url('button_right.png') no-repeat right center;
	height:25px;
}
a.button.gray span.left {
	background-image:url('button_left_gray.png') !important;
}
a.button.gray span.right {
	background-image:url('button_right_gray.png') !important;
}

/************
	PICTURE
************/

img{
	border: 0;
}

.img_home{
	width:90px;
	height:20px;
	background-color:#e4faff;
	background-image:url('home_icon2.jpg');
	background-repeat:no-repeat;
	vertical-align:middle;
	border:0;
	float:left;
}

.img_rss{
	width:13px;
	height:13px;
	float:left;
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('rss_icon.jpg');
}
.img_delete{
	width:68px;
	height:25px;
	/*float:left;*/
	border:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('delete.jpg');
	cursor:pointer;
}

#img_title{
	float:left;
	width:60%;
	height:110px;
	background-repeat:no-repeat;
	background-image:url('logo_title_v3.jpg');
	background-position:center;
}

#img_title_management{
	float:left;
	width:60%;
	height:110px;
	background-repeat:no-repeat;
	background-image:url('logo_title_management.jpg');
	background-position:center;
}

#img_logo{
	width:19%;
	height:110px;
	float:left;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url('logo_northumbria.jpg');
}

#img_raquel{
	width:20%;
	height:110px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('logo_raquel_blue_small_cropped.jpg');
}



/***********
	LIST
***********/

ul, ol{
	text-align:justify;
	padding-left:20px;
	margin-left:0px;
}

ul li{
	margin-bottom:10px;
	list-style-image:url(list_icon.jpg);
	
}
ol li{
	margin-bottom:10px;
}

ul li ul li{
	margin-bottom:0px;
	list-style-image:url(list_icon_mini.jpg);
	font-size:14px;
	
}
ul li ul li ul li{
	list-style-image:url(list_icon_nano.jpg);
	font-size:13px;
}
#subsection ul{
	text-align:left;
}

.li_button{
	text-align:left;
	list-style:none;
}

ul.li_block{
	color:#0000CC;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	margin-left:0px;
	padding-left:0px;
	border:1px dashed #0000CC;
}
ul.li_block li ul{
	color:#0033FF;
	background-color:#AAF7FF;
	font-size:18px;
	margin-left:50px;
	padding-left:0px;
	border:1px dashed #0033FF;
}

ul.li_block li ul li ul{
	color:#0044FF;
	background-color:#9DC2FF;
	font-size:16px;
	margin-left:100px;
	border:1px dashed #0066FF;
}

ul.li_block li ul li ul li ul{
	color:#0055FF;
	background-color:#CFBFFF;
	font-size:14px;
	margin-left:150px;
	border:1px dashed #0055FF;
}