/* CSS by MN v0.3 25-4-05 */
body {
	
	padding: 20px 0;
	margin: 0;
}


/* Logged in from */
.loggedIn {
	font-family: arial;
	font-size: 0.8em;
}	

/* ********HEADER STUFF *********/

.header {
	background-color: white;
	text-align: center;
}


.headermenu {
		font-size:10pt;
		text-align: right;
		padding-left:3px;
		background-color: #F0FAFF; /*This is the color for the menu that appears on top of the screen*/
		border-bottom: 1.5px solid gray;
}


.headermenu  a {
		text-decoration: none;
		padding:2px 4px 1px 4px;
		color: #003700; /*This is the color for the linked header menus*/
}

.headermenu  a:hover {
		background-color:#EEEEEE ;  /*This is the color that the header menu is highlighted to on mouseOver*/
		padding:2px 4px 1px 4px;
		color: #000;              /* Color of text on mouseover (headerMenu) */
		border-bottom: 2px dotted blue;  /* bottom line on mouseover */
}

/* ****************SEARCH BAR ***************/

.searchbar {
		text-align: right;
		background-color: #F0FAFF;
		height:21px;
		border-bottom: 1.5px solid gray;
}

.searchbar input {
		     	font-size:8pt;
			padding: 1px;
			background-color: #E6ECFF;
}

#searchbutton 	{
			background-color: #5588DD;
			color: white;
			border-top: 1px solid white;
			border-left: 2px solid white;
			border-right: 1px solid white;
			border-bottom: 2px solid gray;
			}	
	
.searchresultbar {
			background-color: #DDFDFF;	
		}




/* ********SIDE MENU *********/		


#sidemenu  {
 font-size: 0.7em;
 font-weight: bold;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 border-bottom: 1px solid  #D7EDFF; 
 
}

#sidemenu ul {
 list-style: none; 
 margin: 0; 
 padding: 0; 
}

#sidemenu  li {
 	border-top: 1px dotted #C0C0C0; /*this is the separator between lines*/
}

#sidemenu li a:link, #sidemenu a:visited {
 display: block; 
 padding: 2px 2px 2px 0.5em; 
 border-left: 10px solid #FFF; /*this is the left block before the text*/
 border-right: 1px solid  #D7EDFF;
 border-bottom: 1px solid #FFF; 
 background-color: #F0FAFF;     /*this is the background color for the menus*/
 color: #004080;                  /*this is the font  color for all the linked menus*/
 text-decoration: none;
}


html>body #sidemenu  li a { 
 width: auto; 
} 

#sidemenu  li a:hover {
 border-left: 10px solid #00557D;  /*this is the left block before the text*/
 border-right: 1px solid #008000;
 border-bottom: 1px solid #808080; 
 background-color: #CCD1FF ;       /*this is the background when the mouse goes over the menu*/
 color: #001;                      /*this is the font color when the mouse goes over the menu*/
}

#sidemenu #submenu {
    display: block; 
    padding: 2px 2px 2px 0.5em; 
    border-left: 10px solid #000051;
    border-bottom: 1px solid #808080;
    border-right: 10px solid #004080;
    background-color: #004080;     /*this is the submenu headings background-color*/
    color: #FFF;
}

.hier {        /* This is the hierarchical menu appearance */
			color: #0080C0;
			font-size: 7pt;
			background: url(../commonImages/g2_arrow.gif) no-repeat center left;
			
} 


.currentHier { /*This is the submenu that the user is currently looking at */
			color: #3C60A2;
			
			font-size: 7pt;
			background: url(../commonImages/g_arrow.gif) no-repeat center left;
			
}




/* ********CONTENT STUFF *********/
.container {
	border: 1px solid #545454;
	width: 803px;
	margin: 0 auto;
}

	
.content {
	background-color: #FFFFFF;  /* background-color of content pane */
	font-size: 0.7em;
  font-weight: bold;
	width: 98%;
}

.stitle {     /* this is the title for admin pages eg "Adding an article" */
	background-color: orange; 
	padding: 5px;
	color: white;
	border: 1px dotted black;
	text-align: center;	
}	

.hrline { /* line between articles */
		border: 0.5px dashed gray; 
		width: 90%;
}


/*    BUTTONS   green, yellow, red */
.gbutton {
	background-color: green;
	color: white;
	font-weight: bolder;
	}
	
.rbutton {
	background-color: red;
	color: white;
	font-weight: bolder;
}

.ybutton {
	background-color: yellow;
	color: black;
	font-weight: bolder;
}


/* ********FOOTER STUFF *********/

.footer {
	background-color: #F0F0EC;
	text-align: center;
	font-size: 9pt;
	border-bottom: 1px solid #C1C1C1;
	border-top: 1px solid #C1C1C1;
	color: gray;
}	
		

.prompt  {   /*This the confirmation prompt */
		background-color: #F3F3F3;
		border: 1px dotted gray;
		text-align: center;
	
}

.story {   /* the article  */
    clear: both;	
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    
    font-size: 9.5pt;
    font-weight: normal;
    border: 1px solid #DADEFE;
    -moz-border-radius:10px;
    padding-left: 5px ;
    padding-right: 5px;
    display: block;
    background-color:  #FBFEFF;
	
	}

.storytitle {  /* the article title */
	font-family : Arial, helvetica, sans-serif;
	font-size : 20px;
	font-weight : bold;
	font-variant : normal;
	color: #004080;
	margin-left: 10px;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: solid #000000 3px;
	padding-bottom: 3px;
}


.storycontent {  
	font-family : Arial, helvetica, sans-serif;
	font-size : 14px;
	line-height : 20px;

	}
.storycontent a:link, a:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #4871BB;
}

.storycontent a:hover
{
	text-decoration: underline;
}




.storycontent a[href*="://"]
{
	padding-right: 5px;
	background: url(../commonImages/blExtLnk.gif) no-repeat right top;
}

.storycontent a[href*="://ubimon.doc.ic.ac.uk"]
{
	padding: 0 ! important;
	background: none ! important;
}

.storyfooter {  /* here the name and date are listed */
	font-size: 9pt;
	color: gray;
	}



/* ********LOGIN STUFF *********/
.loginForm  {
		border: 1px #C0C0C0 solid;		
 }

.loginError {
		background-color: red;
		color: white;
}

.loginBox {
		background-color: #F4F4F4;
		border: 1px solid #C0C0C0;
		font-size: 10pt;
}

#loginTd {
		background-color: #f7f7f7;
}

		
.formTitle {  /*for editing users etc */
		background-color: #E1EDFF;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid blue;	
}
.formElement {
		background-color: #F0F7FF;
		border-bottom: 1px dotted #BBDBFB;	
		font-weight: bold;
}


#newUser {
						border: 1px solid #0000A0;
						background-color: #F1F3FE;
						color: #0000A0;
						font-size: 6px;
					}


	
	
.error {
	text-align: center;
	color: #FFFFFF;
	font-size:13pt;
	background-color: #FF0909;
	font-weight: bold;
	padding: 10pt;
	border: 2px dotted white;
}

.success {
	text-align: center;
	color: #FFFFFF;
	font-size:13pt;
	background-color: green;
	font-weight: bold;
	padding: 10pt;
	border: 2px dotted white;
}


/* This section is to do with the formatting for approving/listing/managing users+ articles */

.listbox {
		width:100%;
		height: 190px;
		overflow: auto;
		border: 1px solid blue;
		background-color: #7BA2FB;
}			

.listbox tr	{
		border-bottom: 1px solid gray;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		color: #FFFFFF;
		background-color: #7BA2FB;
		
	}		


.listBox td {
		border-bottom: 1px solid blue;
	  border-left: 1px dotted blue;
	  border-right: 1px dotted blue;
		padding: 3px;
		text-align: center;
		}
.listBox th {
		border-bottom: 2px solid black;
	  border-left: 1px dotted black;
	  border-right: 1px dotted black;
		padding: 1px;
		}

.listBox a {
		text-decoration: underline;
		color: yellow;
		
	}
.listBox a:visited {
		text-decoration: underline;
		color: yellow;
		
	}
	
.listBox a:hover {
		text-decoration: none;
		background-color: orange;
	}

.listBox #inactive {
		background-color:#6767FA;
		
	}
	
.listBox #listTitle {
		border-bottom: 2px solid gray;
		background-color: #BCD0FE;
		color: #000080;
		font-size: 12pt;
		font-weight: bold;
}			

/* Download section */
.fileListTop {
		border-bottom: 2px solid gray;
		background-color: #FFFFFF;
		color: #000080;
		font-size: 12pt;
		font-weight: bold;
}

.fileListTop a {
		text-decoration: none;
		color: #000050;
}

.fileListTop a:visited {
		text-decoration: none;
		color: #000050;
}


.fileListTop a:hover {
		text-decoration: underline;
		background-color: #E4E4E4;
}

.fileListMiddle  {
		border: 1px solid #000000;
		font-family: verdana;
		font-size: 10pt;
		
}

.fileListBottom  {
		font-size: 8pt;
		
}

/*edit Site Page */

.menutable {
			border: 1px solid blue;
		}

.menutable th {
			border: 1px solid blue;
			background-color: #8080FF;
			text-align: center;
			color: white;
			font-weight: bold;
			
	}

.menutable td {
			border: 1px dotted blue;
			text-align: center;
}

/* Publication section */
div.pubs  {  
    clear: both;	
    font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
    color: #8D8D8D;
    font-size: 9.5pt;
    font-weight: normal;
    border: 1px solid #F0F0F0;
    -moz-border-radius:10px;
    padding-left: 5px ;
    padding-right: 5px;
    display: block;
    background-color: #FBFEFF;
	}

div.pubs a {
		
		text-decoration: none;
		}

div.pubs a:hover {
		text-decoration: underline;
	
		}

div.pubs a[href*="://"]
{
	padding-right: 5px;
	background: url(../commonImages/blExtLnk.gif) no-repeat right top;
}


.auth {font-size: 9pt;
	  font-family: arial;
	  line-height: 105%;
	  color: #000000;}
	  
.title {color: #628CAC;
	font-family: sans-serif;
	font-weight: bold;
	font-size:11pt}

.jour {font-size: 8pt;
	  color: #62AC9D;
	  line-height: 90%;
	  }

.ref {color: #FF900;
	    line-height: 90%;
	    font-size: 8pt
}

/******FORUM******/
.forumBox {
		background-color: #E8F3FF;
		border: 1px solid #004080;

 		font-weight: bold;
 		font-family: Verdana, Helvetica, Arial, sans-serif;
}


.forum th {
			border-bottom: 1px solid #004080;
			border-right: 1px solid #004080;
}

.forum td {
				border-right: 1px solid #004080;
				font-size: 0.8em;
				padding:0px;
				
			}
.two td {
			padding:0;
			background-color: #C1E0FF;
}

.fdescription {
		color: #071D09;
		text-align: left;
}

.ftime {
		font-size: 0.8em;
		color: #135150;
		text-align: center;
}



.forum a:link, a:visited {
			text-decoration: none;
			font-weight: bold;
			color: #004080;
}

.forum a:hover, a:active {
			text-decoration: underline;
			font-weight: bold;
			color: #004080;
}

.posts {
	text-align:center;
	font-size:0.5em;

}

.threadTitle {
	font-size:1em;
	color: #004080;
	font-weight: bold;
	border-bottom: 4px solid #004040;
	text-align: center;
}