/*<?php header("Content-type: text/css"); ?>
<?php
// colors
$main_width='75em';
$header_bg='#fff';
$content_bg='#fff';
$content_width='47.5em';
$footer_bg='#9a9a9a';
$font_color='#000';
$link='#003377';
$link_hover='#a00';
$dark_border='#aaa';
?>*/
/*
Murat Ayfer
*/
body
{
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	/* the text-align is to make IE5/6 center the whole page.
	text is aligned to the left later on to avoid all text being centered */
	text-align:center;
 	background: #b8b8b8 url(/images/bg.png) top left repeat-x;
	line-height: 1.3em;
	margin: 0 0 0 0;
}

/* main divs */
	#container
	{
		text-align: left;
		width: 75em;
		margin: 0 auto;
	}
	
	#header
	{
		background: #fff url(/images/ubc.jpg) 98% -20px no-repeat;
		margin-bottom: 0.5em;
	}
	
		.small-error
		{
			color: #a00;
			margin: 0.5em;
			padding: 0.5em;
			border: 1px solid #f00;
			background-color: #ffb;
		}
		.error
		{
			color: #a00;
			position: relative;
			text-align: center;
			margin-left: 20em;
			margin-right: 20em;
			padding-right: 2em;
			border: 1px solid #f00;
			background-color: #ffb;
			width: 33em;
		}
		.warning
		{
			color: #000;
			position: relative;
			text-align: center;
			margin-left: 20em;
			margin-right: 20em;
			padding-right: 2em;
			border: 1px solid #00f;
			background-color: #eef;
			width: 33em;
		}
	
	#content
	{
		background-color: #fff;
	}
	.main-padding
	{
		padding: 1em;
	}
	.header-padding
	{
		padding: 0.4em;
	}
	
	/* classes .nav-content and .content are inside #content */
		.nav-content
		{
			float: left;
			padding: 0 1em 0 0;
			width: 10em;
			border-right: 1px solid #ccc; 
		}
		
		.content
		{
			float: left; 
			padding: 0 0 2em 2em; 
			width: 47.5em;
		}
		
		.extra
		{
			float: right; 
			border-left: 1px solid #ccc; 
			padding: 0 0 0 1em; 
			width: 9.5em;
		}
	/* classes .nav-content and .content end */
	
	#footer
	{
		color: #333;
		font-size: 0.8em;
		line-height: 1.2em;
		text-align: center;
		background: url(/images/footer_bg.png) repeat-x;
		background-color: #9a9a9a;
		width: 100%;
		margin: 0 auto;
	}
	
	#end
	{
		background: url(/images/end_bg.png) repeat-x;
		height: 1em;
		width: 100%;
		margin: 0 auto;
	}
	
	.clear
	{
		clear: both;
	}
/* main divs end */

/* nav */
	#nav 
	{
		position: relative; 
		bottom: 1px; 
		padding: 5px 50px 2px; 
		margin: 0;
		list-style: none; font: bold 0.85em Verdana, sans-serif;
	}
	#nav li 
	{
		display: inline;
		padding: 0px 0 2px 0px;
		
	}
	#nav li a, #nav li a:visited
	{
		color: #777;
		background: #fff url(/images/top-left.gif) top left no-repeat;
		padding-bottom: 2px;
		border-bottom: none;
	}
	/* I needed to use this extra span element to fix IE background color issues */
	/* otherwise this could have worked with only "li" and "li a" background images, with "li" defining the background color. */
	#nav li a span, #nav li a:visited span
	{
/* 		border-bottom: 1px solid #999; */
		padding: 0px 2em 2px 2em; 
		text-decoration: none;
		background: url(/images/top-right.gif) top right no-repeat;
	}
	/* not current is necessary because otherwise IE6 gets confused with "current" and gives priority to "li a span" and does not show the white border-bottom. this way the border is only shown by current and not-current, so priority doesn't effect anything. 
	(I hate IE) */
	#nav li a.not-current span
	{ 
		border-bottom: 1px solid #888;
	}
	#nav li a:hover span
	{
		color: #a00; border-bottom: 1px solid #fff;
	}
	#nav li a.current span
	{ 
		color: #000; border-bottom: 1px solid #fff;
	}
	
	.menu ul
	{
		font-size: 0.85em;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.menu ul li
	{
		display: block;
		margin: 0;
		line-height: 1em;
	}
	.menu ul li a, .menu ul li a:visited
	{
		margin: 0;
		padding: 0.3em;	
		color: black;
		text-decoration: none;
		line-height: 1em;
		border: 1px solid #fff;
		display: block;
		width: 100%;
	}
	.menu ul li a:hover
	{
		background-color: #dddfff;
		border: 1px solid #005555;
	}
	.menu ul li a:active
	{
		color: red;
		border-bottom: 1px solid #a00;
	}
	
	.menu-title
	{
		color: #005555;
		border-bottom: 1px solid #aaa;
		font-weight: bold;
	}
/* end nav */

/* corner images */
	.bottom-left
	{
		background: url(/images/bottom-left.gif) no-repeat;
		background-position: 0 100%;
		width: 75em;
	}
	
	.top-left
	{
		background: url(/images/top-left.gif) no-repeat;
		background-position: 0 0;

	}
	
	.bottom-right
	{
		background: url(/images/bottom-right.gif) no-repeat;
		background-position: 100% 100%;
	}
	
	.top-right
	{
		background: url(/images/top-right.gif) no-repeat;
		background-position: 100% 0;
	}
	
/* corner images end */

/* fonts */
	.small
	{
		font-size: 0.85em;
	}
	.larger
	{
		font-size: 1.2em;
	}
	h3
	{
		margin:0.5em 0 .15em;
		font: 1.35em Georgia,Serif;
		line-height:1.4em;
		color: #a80;
	}
	em
	{
		font-style: normal;
		font-weight: bold;
		color: #995;
	}
	p
	{
		margin-top: 0.4em;
		margin-bottom: 0.4em;
	}
/* fonts end */

/* links */
	a, a:visited
	{
		color: #003377;
		text-decoration: none;
		border-bottom: 1px dotted #003377;
	}
	a:hover
	{
		color: #a00;
		text-decoration: none;	
		border-bottom: 1px solid #a00;
	}
	a:active
	{
		color: black;
	}
	#footer a, #footer a:visited
	{
		color: #553;
		text-decoration: none;
		border: 0;
	}
	#footer a:hover
	{
		color: #fff;
		text-decoration: none;	
		border: 0;
	}
/* links end */

/* form elements */
	input[type="submit"]
	{
		background: #ccd;
		border-top: 1px solid #aaf;
		border-bottom: 1px solid #555;
		border-right: 1px solid #555;
		border-left: 1px solid #aaf;
	}
	
	input[type="text"], input[type="password"], input[type="file"], select, textarea
	{
		background: #eee url(/images/small_shadow.png) top left repeat-x;
		border-bottom: 1px solid #aaa;
		border-top: 1px solid #555;
		border-left: 1px solid #555;
		border-right: 1px solid #aaa;
	}
	input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, select:focus, textarea:focus
	{
		border: 1px solid #006;
	}
	
	input.required
	{
		background-color: #ffa;
	}
	
	input[disabled]
	{
		border: 1px solid #aaa;
		background-color: #ddddcc; 
	}
	
/* form elements end */
.popup
{
	font-size: 0.85em;
	background-color: #ddf;
	border: 1px solid #00f;
	padding: 0.3em;
	visibility: hidden;
	position: absolute;
	line-height: 1.1em;
}
.form-tooltip
{
	font-size: 0.85em;
	line-height: 1.1em;
	padding: 0.5em 0.5em 0.5em 2em;
	display: none;
	position: absolute;
	margin-left: 1em;
	width: 15em;
	border: 1px solid #00f;
	background: #ddf url(/images/back-arrow.gif) no-repeat 0 0.4em;
}
ul.faq li
{
	padding-bottom: 0.4em;
}
.faq div
{
	border: 1px solid #aaa;
	padding: 0.3em;
	margin: 0.3em;
}
.faq:first-letter
{
	font-size: 1.5em;
}

.main-description
{
	padding: 0 1em 1em 1em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #ffb;
}

a.block-link, a.block-link-large, a.block-link:visited, a.block-link-large:visited
{
	color: black;
	float: left;
	padding: 0.5em;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #eef;
	display: block;
	line-height: 1.1em;
}
a.block-link:hover, a.block-link-large:hover
{
	color: black;
	border-top: 1px solid #55f;
	border-bottom: 1px solid #55f;
	background-color: #dddfff;
}
a.block-link:active, a.block-link-large:active
{
	color: red;
}
a.block-link
{
	font-size: 0.8em;
}
a.block-link-large
{
	margin: 1em;
}

.listing
{
	width: 100%;
	float: left;
	font-size: 0.89em;
	line-height: 1.2em;
}
.listing-title
{
	color: black;
}

.title
{
	color: #555;
	width: 100%;
	background-color: #dddfff;
	border-top: 1px solid #06f;
	border-bottom: 1px solid #ccc;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
.right .title /* for alternative colors. mainly for the messaging pages. */
{
	background-color: #d8e4dc;
	border-top: 1px solid #0a6;
}
.description
{
	position: absolute;
	padding: 0.2em;
	border: 1px solid #aaa;
	background-color: white;
}

.below-title
{
	color: #555;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
a.button, a.button:visited
{
	color: #000;
	background-color: #ccd;
	border-top: 1px solid #aaf;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #aaf;
	padding: 0 0.3em 0 0.3em;
}
a.button:hover
{
	color: #000;
	background-color: #bbc;
	border-bottom: 1px solid #aaf;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #aaf;
}
a.x, a:visited.x /* the delete button */
{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #003377;
}

table tr td
{
	vertical-align: top;
}
table.nice-table
{
	font-size: 0.85em;
	border-spacing: 1px;
	background-color: #cccccc;
	text-align: center;
}
table.nice-table tr
{
	background-color: #fff;
}
table.nice-table th
{
	background-color: #ddd;
}
.help, .params
{
	color: #888; 
	font-size: 0.8em;
	line-height: 1em;
}
a.help
{
	color: #88a;
	border-color: #88a;
}
img
{
	border: 0;
}
a.img
{
	border: 0;
}
a.photo, a.photo:hover
{
	display: block;
	border: 0;
}
img.thumbnail
{
	border: 0;
}

legend
{
	color: #000;
	background: #cdd7d0;
	font-weight: bold;
	border-right: 1px dotted #aaa;
	border-left: 1px dotted #aaa;
	padding: 2px 6px;
}

fieldset
{
	border: 1px dotted #aaa;
	padding: 0.5em;
	margin: 0;
}

.hr-line
{
	margin: 1px;
	padding: 0;
	background-color: #ccc;
	height: 1px;
	width: 100%;
}

td.align
{
 text-align: right; vertical-align:top;
}

/* Message classes */
	.unread
	{
		background: #dddfff;
	}
	.read
	{
		background: #fff;
	}
	.left
	{
		width: 85%;
		float: left;
	}
	.right
	{
		width: 85%;
		float: right;
	}
/* End message classes */

.ac_results {
	font-size: 0.9em;
	text-align: left;
	padding: 0;
	border: 1px solid #aaa;
	background-color: #fff;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0;
	padding: 0 0.2em 0 0.2em;
	cursor: pointer;
	display: block;
	width: 100%;
	overflow: hidden;
}

.ac_loading {
	background: url('/images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #003377;
	color: #fff;
}