/* Default stylesheet for web pages at www.bioinf.manchester.ac.uk/phosphabase */

/* Global styles */
body {
        font-family: verdana, "sans serif";
        font-size: 10pt;
        margin-left: 20px;
        overflow: auto;
}

#framecontentLeft, #framecontentTop {
        position: absolute;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        width: 150px; /*Width of left frame div*/
        overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}


#title {
        background-image: url('newtitle.PNG');
        background-repeat: no-repeat;
        position: absolute;
        left: 0px;
        width: 850px;
        height: 105px; /*Height of top frame div*/
        overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#titlelinks {
	left: 160px;
	top: 118px;
        width: 700px;
	word-spacing: 19px;
        position: absolute;
}

#ptpnet {
	left: 870px;
	top: 53px;
	position: absolute;
}
 
#search {
	left: 850px;
	top: 5px;
	width: 300px;
	position: absolute;
}

a {
	text-decoration: none;
}

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

a:visited {
        color: #0000FF;
        text-decoration: none;
}



/***************************************************************
/* Internet Explorer 6 hacks for title section */

* html #ptpnet {
	margin-top: 0px;
	position: absolute;
}

* html #search {
	margin-top: 0px;
	position: absolute;
}

* html #maincontent {
	top: 145px;
}

* html #titlelinks {
	word-spacing: 19px;
	top: 118px;
}	

#colourtable {
        margin-left: 0px;
        margin-top: 0px;
        width: 1000px;
        position: absolute;
}

#resultstable {
        margin-left: 20px;
        width: 980px;
        border: 1;
        table-layout: fixed;
	border-collapse: separate;
        empty-cells: show;
}



/***************************************************************
/* Main content of information pages - includes background image */

#maincontent {
        background-image: url('background_pic2.PNG');
	background-repeat: no-repeat;
        position: absolute;
        left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
        top: 140px; /*Set top value to HeightOfTopFrameDiv*/
	width: 1000px;
	height: 500px;
}

p.maintext {
	margin-left: 20px;
	width: 95%;
	text-align: justify;
}

#maintable {
	margin-left: 20px;
        border: none;
        table-layout: fixed;
}

#linkstable {
	margin-left: 20px;
	border: none;
	table-layout: fixed;
}

#image {
	margin-left: 570px;
	top: 400px;
	position: absolute;
}

h3 {
	margin-left: 20px;
	margin-top: 15px;
}

h3.table {
	margin-left: 0px;
	margin-top: 0px;
}

ul {
	text-align: justify;
	width: 93%;
}


/***************************************************************
/* Main content of results pages - no background image */


#maincontentdata {
        position: absolute;
	left: 0px;
	top: 156px;
	width: 1000px;
}

#data {
	margin-left: 20px;
	margin-top: 20px;
	width: 950px;
        text-align: justify;
	font-size: 10pt;	
}

#colourtable {
	margin-top: 140px;
	margin-left: 0px;
	width: 1000px;
	position: absolute;
	font: 10pt;
}

#resultstable {
	margin-left: 20px;
	width: 980px;
	border: 1;
        border-collapse: separate;
	table-layout: fixed;
	empty-cells: show;
	font-size: 10pt;
}

#detail {
	margin-left: 20px;
	margin-top: 30px;
	width: 980px;
	border: 1;
        border-collapse: separate;
        table-layout: fixed;
        empty-cells: show;
        font-size: 10pt;
}

h2 {
	margin-top: 30px;
	margin-left: 0px;
}

p {
	font-size: 10pt;
}

/***************************************************************
/* Marie Curie Network logos on about.html */

#mclogo {
        margin-left: 720px;
        top: 10px;
        position: absolute;
        }