body
{
	margin: 0;
	color: #333333;
}

img
{
	border: 0;
}

form
{
	margin: 0;
	padding: 0;
}

form input,
form select,
form textarea
{
	border: 1px inset #969696;
	color: #333333;
}

hr
{
	border: 0;
	border-bottom: 1px dotted #BFBFBF;
	margin-left: 0;
	margin-right: 10%;
}

a
{
	text-decoration: none;
	font-style: italic;
	color: inherit;
}

a:hover
{
	text-decoration: underline;
}

div#logo
{
	position: absolute;
	top: 0;
	height: 245px;
}

div#logo img
{
	margin-left: 1.5em;
}

div#content
{
	min-height: 300px;
}

div#content form input,
div#content form select,
div#content form textarea
{
	width: 60%;
}

div#content form textarea
{
	height: 8em;
}

div#content form input[type="file"]
{
	border: 0;
}

div#content form input.submit
{
	width: 5em;
	border-style: outset;
}

form div
{
	clear: both;
	margin: 0.8em 0 0.8em 0;
}

form div label
{
	float: left;
	width: 8em;
	padding-top: 0.3em;
}

div#navarea,
div#content
{
	margin: 1.5em;
}

div#navarea
{
	margin-top: 150px;
	border-bottom: 1px dotted #BFBFBF;
	padding-bottom: 1.4em;
}

div#navarea div#nav
{
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
	padding: 0.4em 0 0.4em 0;
	margin-bottom: 1.5em;
}

div#navarea div#nav span.actions
{
	color: #FF3085;
}

div#navarea div#nav div#login
{
	color: #FF3085;
}

div#navarea div#nav div#login a.name
{
	font-weight: bold;
}

div#navarea div#nav div#login,
div#navarea div#sort div#search
{
	float: right;
	width: 15em;
}

div#navarea div#sort div#search form input#searchterms
{
	width: 100%;
}

* html div#navarea div#sort div#search form input#searchterms
{
	width: 98%;
}

div#navarea div#sort form label
{
	display: block;
	margin-bottom: 0.4em;
	font-weight: bold;
}

div#content div#namediv
{
	margin: 0 1em 1em 0;
	border-bottom: 1px dotted #BFBFBF;
	padding-bottom: 0.3em;
	color: #969696;
	font-style: italic;
}

div#content div#namediv *
{
	display: inline;
}

div#content h2
{
	font-size: 3em;
	padding-bottom: 0.3em;
	border-bottom: 1px dotted #BFBFBF;
	margin-top: 0;
	font-style: italic;
	color: #969696;
}

div#content div#col1,
div#content div#col2
{
	float: left;
}

div#content div#col1
{
	border-right: 1px dotted #BFBFBF;
	width: 40%;
	min-width: 28em;
	min-height: 10em;
}

div#content div#col2
{
	margin-left: 1.5em;
	width: 40%;
}

body#upload div#col2
{
	width: 50%;
}

body#student div#content div#col1
{
	min-width: 600px;
	width: 70%;
}

body#student div#content div#col2
{
	width: 29%;
	margin-left: 0;
}

body#student div#content div#col2 div
{
	margin-left: 1em;
	border-bottom: 1px dotted #BFBFBF;
}

body#student div#content div#col2 div h4
{
	font-weight: normal;
	margin: 0;
	color: #969696;
}

body#student div#content div#col2 div a,
body#student div#content div#col2 div span
{
	display: block;
	margin-left: 1em;
}

body#student div#content div#col2 div a
{
	font-style: normal;
}

body#student div#content div#col2 div.nav a
{
	margin: 0 0 1em 1em;
	display: block;
}

body#student div#content div#col2 a#favadd,
body#student div#content div#col2 div#h_favadd
{
	font-size: 1.5em;
	margin-left: 0.66em;
	margin-bottom: 0.66em;
	padding-bottom: 0.66em;
	border-bottom: 1px dotted #BFBFBF;
	display: block;
	color: #52CEEB;
	font-style: normal;
}

div#content div#col1 h2,
div#content div#col2 h2
{
	margin-right: 0.5em;
}

div#content div#col2 h5
{
	font-size: 1em;
	margin-bottom: 0;
}

div#container
{
	position: relative;
	padding-bottom: 8em;
	height: 100%;
}

div#container div#footer
{
	position: absolute;
	bottom: 0;
	height: 8em;
	width: 100%;
	background-color: #F4F4F4;
	color: #929292;
}

div#footer div.first
{
	margin: 1.5em 0 0 1.5em;
}

div#footer div.second
{
	margin: 2em 0 0 1.5em;
	font-style: italic;
}

div#footer div.first img
{
	margin-right: 2em;
}

div#footer img#f_cc
{
	margin-bottom: -3px;
}

div#footer img#f_gb
{
	margin-bottom: -17px;
}

body#register div#content div
{
	text-align: center;
	margin-top: 5em;
}

body#register div#content div a
{
	font-size: 3em;
	margin: 0 0.5em 0 0.5em;
	color: #969696;
}

body#register div#content div span
{
	vertical-align: 40%;
}

body#registerstudent div#content div#col1 p,
body#registeremployer div#content div#col1 p,
body#upload div#content div#col1 p,
body#upload div#content div#col2 h5 a
{
	color: #FF3085;
}

body#registerstudent div#content div#col2 a,
body#registeremployer div#content div#col2 a,
body#login div#content div#col2 a
{
	color: #52CEEB;
}

body#registerstudent div#content div#col2 p a
{
	color: #333333;
}

body#index div#projects div,
body#upload div#projects div,
body#favourites div#projects div
{
	float: left;
	width: 250px;
	height: 175px;
	margin: 1px 0 0 1px;
	position: relative;
}

body#search div#projects div
{
	float: left;
	height: 150px;
	margin: 1px 0 0 1px;
}

body#student div#projects div
{
	margin-top: 1px;
}

div#projects div img.video
{
	cursor: pointer;
}

div#projects div span.briefinfo
{
	background-color: #000000;
	color: #FFFFFF;
	display: none;
}

div#projects div span.briefinfo span
{
	display: block;
	padding: 0.5em;
}

div#projects div span.briefinfo span span.name
{
	font-style: normal;
	display: inline;
	padding: 0;
}

div#projects div span.briefinfo span span.click
{
	color: #969696;
	display: inline;
	padding: 0;
}

div#projects div a.briefinfolink:hover
{
	text-decoration: none;
}

div#projects div span.info,
div#projects div span.briefinfo
{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}

div#projects div span.info span.name
{
	display: block;
	padding: 0.5em;
}

div#projects div span.info span.name span
{
	font-style: italic;
}

div#projects div span.info span.links a
{
	float: left;
	padding: 0.3em;
}

div#projects div span.info span.links a.view
{
	background-color: #F7ED98;
}

div#projects div span.info span.links a.contact
{
	background-color: #F7989C;
}

div#projects div span.info span.links a.refer
{
	background-color: #8680BC;
}

div#projects div span.info span.links a.remove
{
	background-color: #A286C0;
}

div#projects div span.actions
{
	position: absolute;
	top: 0;
	right: 0;
}

div#projects div span.actions a
{
	float: left;
	padding: 0.4em;
}

div#projects div span.actions a.edit
{
	background-color: #A5E2FF;
}

div#projects div span.actions a.rm
{
	background-color: #BFBFBF;
}

div#projects div span.actions a.minus,
div#projects div span.actions a.plus
{
	background-color: #FFFFFF;
}

body#about h4
{
	margin-bottom: 0;
}

body#about p
{
	margin: 0;
}

body#about ul
{
	margin: 0 0 0 1em;
	padding: 0;
}

body#about ul li
{
	list-style-type: none;
}

body#about div#col1
{
	width: 50%;
	border-right: 0;
}

div#projectinfo
{
	position: absolute;
	display: none;
	width: 350px;
	padding: 15px;
	background-color: #000000;
	color: #FFFFFF;
}

div#projectinfo h3
{
	margin: 0 0 1em 0;
	font-style: italic;
}

div#projectinfo p
{
	margin: 0;
}

body#search div#projectinfo h3
{
	margin-bottom: 0;
}

body#search div#projectinfo h3.sdesc
{
	margin-bottom: 1em;
	display: block;
}