/*<?php header('Content-Type: text/css'); ?>*/

body
{
	font-family: "Arial", sans-serif;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	color: #3f3f3f;
}

table, tr, td, div
{
	vertical-align: top;
}

table
{
	/*width: 100%;*/
}

table.expand
{
	width: 100%;
}

label
{
	text-align: right;
	/*float: right;*/
	padding-right: 6px;
	/*margin-top: 5px;
	margin-bottom: -3px;*/
	color: #636363;
	font-weight: bold;
	width: 150px;
	
	float: left;
	clear: left;
	
	/*float: right;*/
	
	font-size: 10pt;
	/*margin-top: 5px;*/
	/*margin-bottom: 5px;*/
	margin: 5px;
	margin-left: 0;
	margin-right: 0;
}

table.form tr td label
{
	font-weight: normal;
	float: right;
}

label.form
{
	font-weight: normal;
	float: right;
	width: 150px;
	margin-right: 5px;
}

table.form tr td
{
	padding: 5px;
}

table tr td label
{
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}

table tr td label
{
	width: auto;
}

label.inline
{
	width: auto;
	padding-left: 6px;
	float: none;
}

hr
{
	border: 0;
	border-top: 1px solid #e3e3e3;
	margin-left: 10px;
	margin-right: 10px;
}

h4
{
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 3px solid #a3a3a3;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #a3a3a3;
	font-size: 16px;
	color: #a3a3a3;
	font-weight: bold;
}

h5
{
	border-bottom: 1px solid #a3a3a3;
	margin-bottom: 8px;
}

p
{
	margin: 10px;
	/*margin-top: 10px;
	margin-bottom: 10px;*/	
}

div.thumbnail, div.display
{
	padding: 7px; 
	border: 1px solid #8a8a8a; 
	margin: 6px;
	background-color: white;
}

div.center
{
	text-align: center;
}

div.preview
{
	
}

span.academic
{
	color: #113475;
	font-weight: bold;
}

span.corner
{
	color: #488cc7;
	font-weight: bold;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.quicklink-edit, .quicklink-delete, .quicklink-create, .quicklink-message, .quicklink-action
{
	float: right;
	margin-top: 0px;
	clear: right;
	font-size: 11px;
}

.quicklink-message, .quicklink-action
{
	margin-top: 8px;
}

li.spacer
{
	list-style-type: none !important;
}

#_youmayknow_box
{
	font-size: 8pt;
	margin-top: 4px;
	margin-bottom: 12px;
}

#_left h4
{
	margin: 0;
	/*border-top: 0;*/
}

#_left ul li
{
	font-size: 9pt;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 8px;
}

#_box_photo
{
	
}

#_box_colleagues .empty, #_box_groups .empty, #_box_files .empty, #_box_photos .empty, #_box_group_admins .empty, #_box_group_members .empty, #_box_announcements .empty, #_box_events .empty
{
	font-size: 11px;
	text-align: center;
	color: #c3c3c3;
	margin-bottom: 7px;
}

#_box_colleagues td, #_box_photos td, #_box_groups td, #_box_group_members td, #_box_group_admins td
{
	text-align: center;
	font-size: 8pt;
	padding-bottom: 8px;
}

#_box_groups td
{
	text-align: left;
}

#_box_groups td ul li
{
	color: #434343;
	font-size: 8pt;
	
}

#_box_photos td
{
	padding-bottom: 17px;
}

#_box_groups h4 div, #_box_photos h4 div, #_box_files h4 div, #_box_colleagues h4 div, #_box_group_admins h4 div, #_box_group_members h4 div, #_box_announcements h4 div, #_box_events h4 div
{
	float: right;
	margin-right: 5px;
}

#_box_photo ul li, #_box_colleagues ul li, #_box_files ul li, #_box_photos ul li, #_box_groups ul li, #_box_group_admins ul li, #_box_group_members ul li, #_box_announcements ul li, #_box_pm ul li, #_box_events ul li
{
	list-style-type: disc;
	margin-left: 25px;
	font-size: 12px;
	color: #448ccb;
}

ul li
{
	list-style-type: disc;
	margin-bottom: 2px;
	margin-left: 15px;
}

ul.form li, form ul li
{
	list-style-type: none;
	margin: 0;
}

#_box_groups table, #_box_colleagues table, #_box_photos table, #_box_group_admins, #_box_group_members, #_box_announcements
{
	width: 100%;
	margin-left: 8px;
	margin-right: 8px;
}

#_top
{
	height: 96px;
	background-image: url('images/background-top.png');
	background-repeat: repeat-x;
	font-size: 9pt;
	/*padding-top: 8px;*/
	
	/*border: 1px solid yellow;*/
}

/*
#_top img
{
	margin-top: 46px;
}
*/

#_logo
{
	position: absolute;
	top: 48px;
	/*border: 1px solid red;*/
	/*height: 60px;*/
}

#_home
{
	position: absolute;
	top: 0px;
	/*height: 20px;*/
	/*border: 1px solid blue;*/
	/*float: left;*/
	/*margin-top: 3px;*/
	margin-left: 15px;
	color: #b3b3b3;
	padding-top: 3px;
	
	height: 46px;
}

#_home a
{
	margin-right: 10px;
	color: white;
}

#_home span
{
	color: #b3b3b3;
}

#_home div
{
	font-size: 11px;
}

#_navigation
{
	padding-top: 3px;
	float: right;
	margin-right: 10px;
	/*border: 1px solid red;*/
	
	height: 46px;
	
	padding-top: 11px;
	
	/*background-color: red;*/
}

#_navigation li
{
	margin: 0;
	display: inline;
	padding: 8px;
}

#_navigation li a
{
	color: white;
}

#_navigation li.spacer
{
	/*
	background-image: url('images/background-top-spacer.png');
	background-repeat: no-repeat;
	background-position: top right;
	*/
	
	padding: 0;
	margin: 0;
	
	/*background-color: blue;
	
	width: 40px;
	height: 46px;*/
}

#_navigation li a:hover, #_home a:hover
{
	color: #448ccb;
}

#_navigation li a .unread
{
	color: red;
	margin: 0;
	padding: 0;
}

#_search
{
	margin-top: 25px;
	float: right;
	width: 300px;
	/*padding-top: 40px;*/
	text-align: right;
	/*padding-right: 4px;*/
}

#_searchbox
{
	background-image: url('icons/magnifier.png');
	background-repeat: no-repeat;
	background-position: right;
}

._search-nav
{
	font-weight: bold;	
	font-size: 9pt;
}

._search-nav ul
{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

._search-nav ul li
{
	display: inline;
	
	margin: 0;
	padding: 0;
	margin-right: 5px;	
}

#Search
{
	padding: 8px;
}

#Search h1
{
	color: #448ccb;
	font-size: 20px;
	margin-bottom: 10px;
}

/*
#Search h5
{
	margin-top: 0;
	padding-top: 0;
}*/

div.search-result
{
	padding: 8px;
}

div.search-result h1
{
	font-size: 11pt !important;
	margin-bottom: 0px !important;
}

div.burp
{
	height: 8px;
}

div.search-result h2
{
	font-size: 11pt;
}

div.search-result h3
{
	font-weight: normal;
	font-size: 11pt;
}

div._form-group label
{
	float: none;
}

label._form-group
{
	float: left !important;
	width: 150px !important;
	padding-right: 6px !important;
}

fieldset
{
	border: 1px solid #d3d3d3;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 5px;
}

legend
{
	padding: 5px;
	
}

input[type=text], input[type=password], select, textarea, input[type=checkbox], input[type=file], input[type=radio]
{
	padding: 3px;
	color: #636363;
	border: 1px solid #448ccb;
	/*margin: 5px;*/
}

input[type=submit]
{
	border: 1px solid #448ccb;
	background-image: url('images/background-button-2.png');
	height: 24px;
	color: white;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 5px;
}


input[type=text], input[type=password], select, textarea, input[type=checkbox], input[type=radio]
{
	
}

input[type=submit]
{
	
}

/* Changes the input text border color when the cursor is in the textbox */
input[type=text]:active, input[type=text]:focus, textarea:active, textarea:focus
{
	border: 1px solid #113475;
}


.even
{

}

.odd
{
	background-color: #ececec;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

._default
{
	border: 1px solid #e3e3e3;
	padding: 5px;
	margin: 5px;
}

.note
{
	font-size: 11px;
	vertical-align: middle;
}

.time
{
	font-size: 11px;
	vertical-align: middle;
	color: #b3b3b3;
}

.lightbox-cancel
{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.lightbox-dark
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}

.lightbox-light
{
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	/*height: 50%;*/
	padding: 16px;
	border: 2px solid #535353;
	background-color: white;
	z-index:1002;
	overflow: auto;
	padding-bottom: 65px;
}

#Whiteboard ul, #Profile ul, #Photos ul, #Files ul, #Groups ul
{
	margin-top: 10px;
	margin-left: 30px;
}

#Whiteboard p, #Profile p, #Photos p, #Files p, #Groups p
{
	margin-left: 5px;
}


#Whiteboard h1, #Profile h1, #Photos h1, #Files h1, #Groups h1, #Pending h1, #Friends h1, #Events h1, #Inbox h1, #Announcements h1
{
	font-weight: bold;
	color: #448ccb;
	font-size: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
	
}

#Pending h1
{
	
}

#_content ul
{
	margin-left: 25px;
}

#Files p, #Photos p
{
	margin-left: 6px;
}

#Whiteboard .post
{
	margin-bottom: 10px;
}

#Profile
{
	/*display: none;*/
}

#Whiteboard h2, #Profile h2, #Photos h2, #Files h2, #Groups h2, #Pending h2, #Friends h2, #Events h2
{
	font-weight: bold;
	color: #5b5b5b;
	font-size: 16px;
	margin: 0;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#Whiteboard h3, #Profile h3, #Photos h3, #Files h3, #Groups h3, #Pending h3, #Friends h3, #Events h3
{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
}

#Profile h2 img
{
	margin-right: 5px;
}

#Profile .contact, #Profile .publications, #Profile .professional
{
	margin-left: 45px;
}

#Panel
{
	
}

/*
#Friends div h2
{
	font-weight: bold;
	color: #448ccb;
	font-size: 17px;
}
*/

/*
#Friends div
{
	margin: 25px;
}
*/



#User
{
	padding: 10px;	
}

#User h1
{
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	color: #448ccb;
}

#User h2
{
	margin: 0;
	font-size: 14px;
	color: #3f3f3f;
	font-weight: bold;
}

#User h3
{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}


#User .keywords
{
	padding-top: 7px;
	padding-bottom: 7px;
}

#User .latest
{
	padding-top: 7px;
	padding-bottom: 7px;
}


#Todo h1
{
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	color: #838383;
	border-bottom: 1px solid #939393;
	margin-bottom: 12px;
}

#Status, #Todo
{
	background-color: #ededed;
	border: 1px solid #afafaf;
	border-top: 0; 
	margin: 0;
	margin-bottom: 8px;
	padding: 13px;
	padding-top: 10px;
	padding-bottom: 25px;
}

#Status ul li, #Todo ul li
{
	list-style: none;
	margin: 0;
}

#Status ul li img, #Todo ul li img
{
	margin-right: 5px;
}

#Status p.note, #Todo p.note
{
	margin-left: 25px;
	margin-right: 25px;
}

#_debug
{
	text-align: right;
	font-size: 8pt;
	color: #d9d9d9;
}

._form-required
{
	color: orange;
}

._form-error
{
	color: red !important;
}

._form-note
{
	font-size: 8pt;
	margin-left: 155px;
	color: #939393;
}

._form-image
{
	padding: 7px;
	border: 1px solid #c3c3c3;
}

#_footer-options
{
	color: #a3a3a3;
	width: 40%;
	font-size: 9pt;
}

#_footer-options ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	spacing: 0;	
}

#_footer-options ul li
{
	display: inline;
}

#_footer-links
{
	width: 40%;
	float: right;
	font-size: 9pt;
}

#_footer-links ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	spacing: 0;
}

#_footer-links ul li
{
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

#_footer-links ul li a
{
	color: #a3a3a3;
}

#_footer-links ul li a:hover
{
	color: #448ccb;
}

/* This wrapper applies to both the login layout and the logged in layout */
#_wrapper
{
	float: left;
	width: 100%;
}

#_left
{
	float: left;
	width: 180px; /*Width of left column in pixel*/
	margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
	border-right: 1px dashed #c3c3c3;
	
}

#_right
{
	float: left;
	width: 220px; /*Width of right column*/
	margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/

}

#_content
{
	margin: 0 220px 0 180px;
}


ul.errors, ul.messages
{
	border: 1px solid red;
	background-color: #ffdede;
	padding: 10px;
	margin: 5px;
	margin-bottom: 20px;
}

ul.errors li, ul.messages li
{
	color: red;
	font-weight: bold;
}

ul.notices
{
	border: 1px solid green;
	background-color: #deffde;
	padding: 10px;
	margin: 5px;
	margin-bottom: 20px;
}

ul.notices li
{
	color: green;
	font-weight: bold;
}

.PM
{
	clear: left;
}