Cannot connect to database server<br /><br />
1045: Access denied for user 'spi_root'@'localhost' (using password: YES)Cannot connect to database<br /><br />

    body {
    color: #; 
    background-color:#EAEAEA; 
    font-size: 12px; 
    font-family: Arial, Geneva, Helvetica, sans-serif;
    margin:0px 0px 0px 0px; 
    height:100%; 
    text-align: center;
    background-repeat:repeat-x;
    }
        
    table {color:#; font-size: 12px;}
    td { font-size:12px;}
    p {color:#;   font-size: 12px; text-align: left;}
    div {color:#;  font-size: 12px;}
    
    h1 {color:#;  font-weight: bold; font-size: 24px;}
    h2 {color:#;  font-weight: bold; font-size: 22px;}
    h3 {color:#;  margin-bottom:2px; margin-top:1px;  font-weight: bold; font-size: 20px;}
    h4 {color:#;  margin-bottom:2px; margin-top:2px;  font-weight: bold; font-size: 16px;}
    
    textarea{font-size: 12px;}
    select{font-size: 12px;}
    option {font-size: 12px;}
    input {font-size: 12px;}
    
    #wrapper{ /*#mainPageDiv{*/
    text-align: left;
    background-color: #;  
    margin-top:0px;
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px;
    box-shadow: 1px 1px 22px #333;
    border: 1px solid #333; 
    width: px;
    margin-left: auto;
    margin-right: auto;
    }

    #header-wrapper{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
    }
    
    #header{
    	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    }
    
    #pageDiv{
    background-color:#;
    padding: 4px;
    }
    
    #leftNavContainer{
    clear: both; 
    float:  left; 
    width: 100%; 
    overflow: hidden;
        }
    
    .leftContainer{
    float: left; 
    padding: 12px 12px 4px 2px;
    width: px;
    }
    
    div#container
	{
	border: 1px solid #;
	border-top-width: 4px;
	background-color:#;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	width: px;
	text-align: left;
	}
	
    #page{  /*.content_div{*/
	text-align: left;
	padding: 10px 10px 20px 10px;
	margin: 0px 0px 0px 0px;
    		    clear: both;
	    background-image:url('https://spider.science.strath.ac.uk/poc//pics/gradient_02.png');
	    background-repeat:repeat-x;
	    	}    
	
    .content{
    	clear: both;
	padding: 2px 12px 20px 12px;
	margin: 2px 0px 0px 0px;
	}	
		
    .div_tile{
	border: 1px solid #888;
	border-top-left-radius: 12px; 
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px; 
	border-bottom-right-radius: 12px;
	padding: 4px 4px 4px 10px;
	margin: 8px 8px 8px 8px;
	box-shadow: 1px 1px 8px #777; 	 
	}
    
    .pageContainer{
	width: 780px;
	padding: 0px 10px 10px 10px;
	}

    #footer{
    clear: both;
    background-color: #;
    color: #;
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px;
    padding: 20px 12px 20px 12px; 
    }  
    
    .centered_text{
    text-align: center;
    }
    
    div.boxform label span{
	display: inline-block;
	width: 70px;
	padding: 2px;
	margin: 1px;
    }
    
    
    .div_page_container	{
	clear: both; 
	float:  left; 
	width: 100%; 
	overflow: hidden;
	}
    
    .div_three_quarters{
    	float: left;
    	width: 72%;
    }
    
    .div_last_quarter{
    	float: left;
    	width: 23%;
    	margin: 8px 2px 0px 8px;
    	border-left: solid 1px #eeeeee;

    	
    }
    
    /*news*/
    
    .div_news_column{
    	margin: 4px 2px 12px 4px;
	padding-left:12px; 
	border-bottom: solid 1px #eeeeee;
    }
    
    .div_news_header_container	{
	clear: both; 
	float:  left; 
	width: 100%; 
	height: 56px;
	overflow: hidden;
	}
    
    .news_header_left{
    	float: left;
    	width: 54px;
    }
 
    .news_title{
    	margin: 0px 2px 0px 2px;
    	padding: 0px 0px 0px 0px;
    	float: left;
    }
    
    .news_title h2{
    	padding: 6px 1px 8px 4px;
    	margin: 0px 0px 0px 0px;
    	vertical-align: middle;
    }
    
    .news_date{
    	background: url(https://spider.science.strath.ac.uk/poc//pics/icon_cal.png) no-repeat;
    	width: 48px;
    	height: 52px;
    }
    
    .news_y{
    	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #eeeeee;
    	padding-top: 3px;
    }
    .news_d{
    	font-size: 14px;
    	display: block;
    	text-align: center;
    	color: #333333;
    	padding: 1px 2px 0px 1px;
    	font-weight: bold;
    }
    .news_m{
	font-size: 9px;
    	display: block;
    	text-align: center;
    	color: #555555;
    	padding-top: 0px;  	
    }

    
    .news_body{
    	padding: 4px 4px 12px 4px;
    	border-bottom: 1px solid #eeeeee; 

    }
    
    .news_link{
    }
    
    
    /* top menu */
    #menu{
    	background-color: #;
	width: 100%;
	padding: 0px;
	margin: 0px;
    }
        
    #menu ul {
	background-image:url('https://spider.science.strath.ac.uk/poc//pics/black_strip.png');
	background-repeat:repeat-x;
	padding:12px 0px 12px 0px; 
	margin:0; 
	float: left;
	width: 100%;
    }
    
    #menu li{
    list-style-type:none; 
    display: inline;
    }
    
    #menu ul li a{
    color: #ffffff;
    text-decoration: none;
    padding: 12px 12px 12px 12px;
    }
    
    #menu ul li a:visited{
    color: #efefef;
    }
    
    #menu ul li a:hover, #menu ul li .current{
    color: #ffffff;
    background-color: #333333;
    }
    /* end top menu */
    
    /* top menu v2 - 2 level nav */
    #menu-nav {
    	list-style:none; 
    	margin:0px 0px 0px 0px; 
    	padding:4px 0px 4px 0px; 
    	float:right;
    	background-color: #;
	/*
	background-image:url('https://spider.science.strath.ac.uk/poc//pics/black_strip.png');
	background-repeat:repeat-x;
	*/
	width: 100%;
    }
    
    /*color: #;*/
    #menu-nav a       {text-decoration:none; color: #; display:block;}
    #menu-nav a:hover {text-decoration:none; color:#; }
    /*#menu-nav a:visited {color: #; text-decoration:none;}
      */
    
    #menu-nav ul {
	padding:12px 0px 12px 0px; 
	margin:0; 
	float: left;
	width: 100%;
    }
    #menu-nav ul li {background: none !important;}
       
    #menu-nav li {float:left;padding:5px 31px 4px 13px; position:relative;vertical-align:top; height:1%; margin-right: 2px;}
    #menu-nav li:hover{background-color: #; color:#;  }
    #menu-nav li:hover a{color:#;}
    #menu-nav li.parent:hover {position:relative; color:#;}
    #menu-nav li.parent:hover a:hover{color:#;}
    #menu-nav li strong {text-transform:uppercase; display:block; font-weight:bold;}
    
    #menu-nav li ul {
    	list-style:none;
	position:absolute;
	left:-9999px; /*hide off screen, still accessible for screen readers*/  
	margin: 0px auto;
	overflow: hidden;
	display:table;
	padding: 4px 2px 4px 2px;
	width: px;
	}
	
    #menu-nav li ul li{
	width: px;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
    }	
    
    #menu-nav li:hover ul {
	left:0; /*bring back on screen*/
	color: #;
	background-color: #;
	/*
	background-image:url('https://spider.science.strath.ac.uk/poc//pics/black_strip.png');
	background-repeat:repeat-x;
	*/
    }
    
    #menu-nav li:hover ul a {
	left:0; /*bring back on screen*/
	text-decoration:underline; /* persistant hover*/
	white-space:nowrap;	
	color: #;
	background-color: #;
	padding: 4px 8px 4px 8px;
	margin: 0px;
    }
    
    #menu-nav li:hover ul a {
	text-decoration:none; /* remove underline*/
    }
    
    #menu-nav li:hover ul a:hover{
    	background-color: #;
    }   
    /*
    end menu v2
    */
        
    .banner_div{
     padding: 0px 0px 0px 0px;
     margin: 0px 0px 0px 0px;
    }
	
    .formfix_small {margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size:10px;}
    .formfix {margin-top: 1px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
    .tiny{font-size: 6px;}
    .small { font-size:10px;}
    .input {font-size: 8px;}
    .greySubmit{color:#000000;background-color:#D6D3CE;}
    
    .left {float: left; text-align: left; }
    .right {float: right; text-align: right; }
    .spacer{clear:both;}
    
    a {text-decoration: None; 
    font-weight:bold;
    color: #;
    }
    a:visited {font-weight:bold;
    color: #;
    }
    a:hover { text-decoration: underline; }
    
    a.white { color: #ffffff; text-decoration: None; font-weight:bold;}
    a.white:visited { color: #eeeeee;  font-weight:bold;}
    a.white:hover { color: #eeeeff; text-decoration: underline; font-weight:bold;}
    
    .leftMenu {	text-align: left; }
    .centerMenu { text-align: center;}
    .rightMenu { text-align: right;	}
	    
    .purple {color:#;}
    .white {color:#ffffff;}
    .grey {color:#444444;}
		  
    
    /* side menu */
    #sidebar {
     /* set width of menu */
    /*background-color: #;*/
    color: #;
    } 
    
    #sidebar ul { /* remove bullets and list indents */
    list-style: none;    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*background-color: #;
    */
    }
   
    
    /* heading (option, used for horizontal menu) */
    #sidebar a, #sidebar h2 {
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color:  # # # # ;
    margin: 0;
    padding: 2px 3px;
    }
    
    #sidebar h2 {
    background-color: #;
    color: #;
    }
    
    #sidebar a {
    background-color: #;
    color: #;
    text-decoration: none;
    width: 100%;
    }
    
    #sidebar a:hover {
    background-color: #;
    color: #;
    }
    
    #sidebar li {
    /* make the list elements a containing block for the nested lists */
    position: relative;
    } 
    
    #sidebar ul ul ul {
    position: absolute;
    top: 4px;
    left: 70%; /* to position them to the right of their containing block */
    width: 100%; /* width is based on the containing block */
    }
        
    div#sidebar ul ul ul,
    div#sidebar ul ul li:hover ul ul
    {display: none;
    }
    
    div#sidebar ul ul li:hover ul,
    div#sidebar ul ul ul li:hover ul
    {display: block;
    }
    /* end left menu */
    
    
    /* tool icons */
    
    .tool_icons{
	list-style-type:none;
	margin:20px 0px 40px 40px;
	display:block;
    }
    
    .tool_icons li{
	float: left;
	height: 57px;
    	width: 59px;
	display:block;
	margin: 4px 17px 4px 17px;
    }

    .tool_icon_div{
    	float: left;
    	padding: 58px 2px 2px 2px;    	
	width: 60px;
    }
    
    .tool_icons p{
	text-align: center;
    }
        
    .tool_sprite{
    	background: url(https://spider.science.strath.ac.uk/poc//pics/sprite_icons.png) no-repeat;
    }
    
    .icon_profile{background-position: -57px 1px;}
    .icon_profile:hover{background-position: 1px 1px;}
    .icon_discussion{background-position: -57px -56px;}
    .icon_discussion:hover{background-position: 1px -56px;}
    .icon_documents{background-position: -57px -112px;}
    .icon_documents:hover{background-position: 1px -112px;}
    .icon_gallery{background-position: -57px -168px;}
    .icon_gallery:hover{background-position: 1px -168px;}
    .icon_meetings{background-position: -57px -224px;}
    .icon_meetings:hover{background-position: 1px -224px;}
    
    .icon_links{background-position: -173px 1px;}
    .icon_links:hover{background-position: -115px 1px;}
    .icon_news{background-position: -173px -56px;}
    .icon_news:hover{background-position: -115px -56px;}
    .icon_pages{background-position: -173px -112px;}
    .icon_pages:hover{background-position: -115px -112px;}
    .icon_navigation{background-position: -173px -168px;}
    .icon_navigation:hover{background-position: -115px -168px;}
    .icon_config{background-position: -173px -224px;}
    .icon_config:hover{background-position: -115px -224px;}
    
    .icon_users{background-position: -289px 1px;}
    .icon_users:hover{background-position: -231px 1px;}
    .icon_users_add{background-position: -289px -56px;}
    .icon_users_add:hover{background-position: -231px -56px;}
    .icon_users_edit{background-position: -289px -112px;}
    .icon_users_edit:hover{background-position: -231px -112px;}
    .icon_users_delete{background-position: -289px -168px;}
    .icon_users_delete:hover{background-position: -231px -168px;}
        
    .icon_lock{background-position: -289px -224px;}
    .icon_lock:hover{background-position: -231px -224px;}
    
    .icon_mail{background-position: -405px 1px;}
    .icon_mail:hover{background-position: -347px 1px;}
    .icon_mail_archive{background-position: -405px -56px;}
    .icon_mail_archive:hover{background-position: -347px -56px;}
    /* end tool icons */
    	    
    .tdAll {border-right: 1px groove; border-left: 1px groove; border-bottom: 1px groove; border-top: 1px groove;}
    .tdLeft {border-left: 1px groove;}
    .tdRight {border-right: 1px groove;}
    .tdTop {border-top: 1px groove;}
    .tdBottom {border-bottom: 1px groove;}
    
    .navPara {margin: 4px;}
    a.nav {font-size: 14px; font-weight:bold; color:#52106a; padding:2px;}
    a.nav:hover {font-size: 14px; text-decoration: underline; font-weight:bold; background-color:#eeeeff; padding:2px;margin:0px;border: 1px outset;}
    a.nav:visited {font-size: 14px; font-weight:bold; color:#000022; padding:2px;}
    
    .nomargin {margin:0px;}
    .padded {
    	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
    }