/* Main style sheet for artportfolio.mmu.ac.uk */

body {font-family: Arial,Helvetica,sans-serif; font-size: 80%; margin:0; padding: 0; color: #000}

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

/* general properties */
img {border: 0;}

/* enclose page within fixed width container */
#container {
	background: #fff;
	width: 770px;
	margin: 0 auto;
}

#content a {
	color: #ff0099;
}

/* top of page banner */
#banner {
	margin-top: 1em;
	height: 10em;
	
}
/* school logo */
#logo h1 {
	float: left;
	margin: 0;
}
#logo h1 a { display:block; width: 188px; height: 57px; text-indent:-8000em; background:url(/images/artschool_logo.gif) top left no-repeat; }

/* staff pages */
#staffwelcome {
	float: right;
	text-align:right;
}

/* header for submission pages */
#submitheader {
	width: 560px;
	background: url('/images/dots-header.jpg') no-repeat top right;
	margin-bottom: 2em;
}

#submitheader h2 {
	display:block; width: 423px; height: 20px; text-indent:-8000em; background:url(/images/header-submit.gif) bottom left no-repeat;
}

/* header for staff pages */
#staffheader {
	width: 400px;
	background: url('/images/dots-header.jpg') no-repeat top right;
	margin-bottom: 2em;
}

#staffheader h2 {
	display:block; width: 259px; height: 20px; text-indent:-8000em; background:url(/images/header-staff.gif) bottom left no-repeat;
}


/* main content */
#content {
	clear: both;
}

h2 {
	font-size: 180%;
	font-weight: bold;
	margin-top: 0.2em;
	margin-bottom: 0;
}

h3.entry {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

/* input box */
#inputbox {
	border: 1px solid #625a5e;
	padding: 2em 2em 1em 50px;
	width: 60%;
	background-image: url(/images/inputbox.png);
	z-index: 1;
	position: relative;
}

#inputbox p {
	margin: 0 0 1em 0;
	padding: 0;
}

/* floating dots */
#dots {
    position: relative;
    background: url(/images/dots-floating.gif) no-repeat top left;
    z-index: 2;
    width: 44px;
    height: 28px;
    left: -4px;
    top: 23px;	
}

/* footer */
#footer {
	margin-top: 4em;
	margin-bottom: 2em;
	clear: both;
}

#footer p {
	margin: 0;
}

#footer #mmulogo {
	float: right;
}

/* tables */
table {
	border-collapse: collapse;
}

table th {
	text-align: left;
}

#content table th a {
    color: #000;
}

table td, table th {
	padding: 0.2em 1em 0.2em 0;
}

table .line td {
	border-bottom: 1px solid #ccc;
}

.seen {
	color: #fff;
	background: #ff0099;
	padding: 1px;
	font-size: 80%;
}

.status4 {background: #808080;}
.status2 {background: #333;}
.status5 {background: #7a963b;}


table .num {text-align: right}

.nowrap {
    	white-space: nowrap;
}

/* link button */
#content a.linkbtn {
	display: inline-block;
	background-color: #ff0099;
	color: #ffffff;
	padding: 3px 6px;
	border-radius: 4px;
	font-size: 90%;
	margin: 0 1em 0 0.5em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 1em;
	text-decoration: none;
	border: 1px solid transparent;
}

#content a.linkbtn:visited {
	background-color: #808080;
}

#content a.linkbtn:hover {
	background-color: #ffffff;
	color: #ff0099;
	border: 1px solid #ff0099;
}



/* preview */
body#view {
	margin: 0.2em;
}

#viewinfo {
	width: 100%;
}
#viewinfo .name a {
	font-weight: bold;
}
#viewinfo .next {
	text-align: right;
}

#viewinfo .decision {
    	padding-left: 0.5em;
}

#savestatus select, #savestatus input {
    font-size: 90%;
    font-family: Arial,Helvetica,sans-serif;
    border-width: 1px; 
}

#appdetails td, #appdetails th {
	border-bottom: 1px solid #ccc;
}
#appdetails .gap td, #appdetails .gap th {
	padding-top: 1.5em;
}

#statuscodes {
	margin: 1em 0 1em 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;

}
#statuscodes td {
	border-bottom: 1px solid #ccc;

}

/* staff pages */
.staff-welcome {
        float: right;
        text-align:right;
}

/* header for submission pages */
#submit-header {
        width: 560px;
        background: url('/images/dots-header.jpg') no-repeat top right;
        margin-bottom: 2em;
}

#submit-header h2 {
        display:block; width: 423px; height: 20px; text-indent:-8000em; background:url(/images/header-submit.gif) bottom left no-repeat;
}

/* header for staff pages */
#staff-header {
        width: 400px;
        background: url('/images/dots-header.jpg') no-repeat top right;
        margin-bottom: 2em;
}

#staff-header h2 {
        display:block; width: 259px; height: 20px; text-indent:-8000em; background:url(/images/header-staff.gif) bottom left no-repeat;
}