* {
	font-family: Verdana;
	font-size: 11px;
	text-align: justify;
}

body {
	margin: 0px;
	margin-top: 10px;
	background: transparent url('../images/bg-mainframe.gif') repeat scroll;
}

.boxUsers {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(../images/bg_userbox.gif);
	background-position:center top;
	background-repeat:no-repeat;
	float:right;
	height:100%;
	margin-top:30px;
	width:205px;
}

.contentUsersContainer {
	width: 100%;
	table-layout: fixed;
}

.contentUsersContainer tr.head td {
	background-color: rgb(229, 229, 229); 
	font-weight: bold; 
	color: #808080;
	text-align:center;
	font-size: 7pt;
	padding: 6px 4px 6px;
}

.contentUsersContainer tr td {
	font-size: 7pt;
	border-bottom: 1px solid #ccc;
	padding: 6px 4px 6px;
}

.contentUsersContainer tr td div {
	white-space: nowrap;
	overflow: hidden;
}

.contentUsersContainer tr td div {
	font-size: 7pt;
	text-align: left;
}

.contentUsersContainer tr:hover {
	background-color: #f2f2f2;
}

div.bgMain {
	width: 100%;
	padding-top: 10px;
	background-color: #FFF;
}

div.boxMain {
	width: 970px;
	height: 855px;
	margin-left: auto;
	margin-right: auto;
}

div.boxTop {
	width: 100%;
	height: 255px;
}

	div.boxTop div.left {
		width: 277px;
		height: 227px;
		float:left;
		text-align: left;
	}
	
	div.boxTop div.right {
		width: 693px;
		height: 227px;
		float:left;
		text-align: right;
	}
	
		div.boxTop div.boxNavig {
			width: 100%;
			height: 28px;
			text-align: right;
		}
		
			div#navIntro, div#navAbstract, div#navPhotoset, div#navFaq, div#navAuthors, div#navResearch, div#navEditUsers, div#navPublications {
				height: 28px;			
				float:right;
				margin-left: 5px;
				cursor: pointer;
			}
			div#navIntro {
				width: 124px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-intro.gif');
			}
			
			div#navPublications {
				width: 125px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-publications.gif');
			}
			
			div#navAbstract {
				width: 102px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-abstract.gif');
			}
			
			div#navPhotoset {
				width: 110px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-photoset.gif');
			}
			
			div#navFaq {
				width: 49px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-faq.gif');
			}
			
			div#navAuthors {
				width: 87px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-authors.gif');
			}
			
			div#navResearch {
				width: 96px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-research.gif');
			}
			
			div#navEditUsers {
				width: 106px;
				background-position: -14px -14px;
				background-image: url('../images/nav/nav-users.gif');
			}

div.boxMiddle {
	width: 968px;
	border: 1px solid #ccc;
	overflow: auto;
	background-color: #fff;
}

	div.boxMiddle div.boxMiddle2ndBG {
		
		overflow:auto;
		margin-top:10px;
		margin-bottom:10px;
	}
	div.boxMiddle div.boxMiddle2ndBG div.left {
		width: 190px;
		height: 100%;
		float: left;
	}
	
	div.boxMiddle div.boxMiddle2ndBG div.right {
		width: 778px;
		height: 100%;
		float: left;
	}

		div.boxMiddle div.boxMiddle2ndBG div.right div#boxContent {
			width: 740px;
			height: 100%;
			margin-left: auto;
			margin-right:auto;
		}

div.boxBottom {
	width: 100%;
	height: 25px;
}

	div.boxBottom div.left {
		width: 190px;
		height: 100%;
		float: left;
	}
	
	div.boxBottom div.right {
		width: 780px;
		height: 100%;
		text-align: right;
		float: left;
		font-size: 7pt;
		color: #ccc;
	}

h1 {
	background-color: #f2f2f2;
}

h1, h1.formTitle, h2, h3 {
	line-height: 1.9em;
	
}
	
h1, h1.formTitle {
	font-family: Georgia, Times New Roman;
	font-size: 20pt;
	font-weight: normal;	
	color:#336699; 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	clear: both;
}

h2 {
	padding: 0px 20px 0px 20px;
	font-weight: normal;	
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
	border-top: solid 1px #ddd;
	color:black; 
	margin: 20px 20px 45px 20px;
	clear: both;
	overflow: visible;
}

h4 {
	margin: 0px 20px 5px 20px;
	padding-right:0px;
	text-align: left;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-weight: normal;
	padding-top:5px;
	overflow:hidden;
}

p {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-indent: 1em;
}

div.photo, div.photo_left {
	font-size:9px;
	float:right;
	text-align:center;
	margin-left:10px;
	margin-bottom: 20px;
	margin-top:5px;
	background-color:#f2f2f2;
	border:1px solid #ccc;
}

div.photo_left {
	margin-left:0px;
	margin-right:10px;
	float:left;
}

div.files {
	border:1px solid #cdcdcd;
	background: transparent url('../images/bg_file.gif') repeat scroll;
	float:left;
	font-size:9px;
	height:85px;
	line-height:13px;
	margin:5px;
	padding:5px 15px;
	width:267px;
}

div.filesContainer {
	width:927px;overflow:hidden;position:relative;top:-5px;
}

div.separator {
	width: 100%;
	height: 1px;
	background-color: #ccc;
	margin: 5px 0px 5px 0px;
}

div.txt1 {
	font-size: 8pt;
	line-height: 13pt;
	padding: 0px 5px 20px 5px;
	text-align:justify;
}

a.pageSplit {
	width:20px;
	height:20px;
	text-align:center;
	line-height:1.5em;
	border: 1px solid #ccc;
	display:inline-block;
	font-weight:normal;
	font-size: 13px;
}

a.pageSplit:hover {
	background-color: #eee;
}

.pageSplitContainer {
	text-align:right;
	padding-right:20px;
	padding-bottom: 15px;
	color:#888;
	clear:both;
	vertical-align: text-middle;
}

	.contentAdminContainer {
		background-color: transparent;
		position: relative;
		padding-left: 47%;
		top: 5px;
		z-index: 1;
		clear:both;
		}

.contentAdminMenu {
	position: relative;
	z-index: 1;
	padding-left: 20px;
}

.contentAdmin {
	cursor: pointer;
}

	.contentPos {
		display:inline;
		font-size:11px;
		font-weight:bold;
		left:2px;
		position:relative;
		top:-8px;
		}


li {
	line-height:16px;
}

.button {
	width: 80px;
	height: 25px;
	padding: 10px 2px 2px 2px;
	cursor: pointer;
}

.msgStatus, .userStatus, .userData{
	text-align: center;
	line-height: 1.3em;
	font-size: 9px;
	color: darkred;
}

/* editForm */
.formContainer {
	z-index:3;
	width: 640px;
	position: absolute;
	top: 100px;
	border: 0px solid black;
	background: transparent url('images/bg-mainframe.gif') repeat scroll;
	overflow: auto;
}

.formHeadFoot {
	text-align:right;
	padding-right:10px;
	font-size:13px;
	background-color: #bbb;
}

h1.formTitle {
	background-color: #ddd;
}

.formTable {
	width: 550px;
	text-align: left;
	margin-bottom:15px;
}

	.formSection {
		background-color:#eee;
		font-weight: bold;
		padding: 0px 0px 0px 10px;
		border-top: 10px solid white;
		line-height: 30px;
	}

	.fieldName {
		width: 242px;
		text-align:right;
		padding: 5px 5px 0px 0px;
	}

		
		.normalText, .normalTextDisabled, .normalSelect, .normalTextArea, .normalFile, .normalTextAreaFileDesc {
			width: 300px;
			border: 1px solid #cecece;
			font-size: 8pt;
			padding-left: 1px;
			margin-top: 5px;
			line-height: 8pt;
			height: 12pt;
			padding-top:6px;
		}
		
		.normalFile {
			width: 205px;
		}
		.normalTextArea {
			height: 300px;
			overflow: none;
			text-align: justify;
		}
		.normalTextAreaFileDesc {
			height: 100px;
			overflow: none;
			text-align: justify;
		}
		.normalSelect {
			margin-top: 7px;
			padding-top: 0px;
			padding-left: 0px;
			height: 14pt;
		}
		.normalTextDisabled {
			border: 0px solid #cecece;
			color: #999;
		}
		
	div.inputWrapper {
		position: relative;
		width: 300px;
		margin-bottom: 35px;
		margin-top: 3px;
		background: #fff url('../images/bg_fileinput.gif') no-repeat bottom right;
	}

	div.fakeFileInput {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	
	div.formFileDetails {
		color:#999999;
		font-size:9px;
		margin-bottom:15px;
		text-align:justify;
	}
	
	div.formFileContainer {
		line-height:15px;
		padding-left:0;
		padding-top:10px;
	}
	
	input.hidden {
		-moz-opacity:0;
		filter:alpha(opacity:0);
		opacity: 0;
		z-index: 2;
	}

	input.trueFileInput {
		position: relative;
		top: 5px;
	}

	.fieldDesc , .fieldAdvice {
		width: 300px;
		line-height: 1.5em;
		font-size: 9px;
		color: #999;
		padding: 0px 0px 0px 0px;
	}
	
	.fieldAdvice {
		color: darkred;
	}

/* *** */

/* userForm */
.userContainer {
	width:205px;
	text-align: center;
}

.userTable {
	width: 203px;
}

	.userTitleWelcome, .userTitleLogin {
		width:200px;
		height:17px;
	}

	.userTitleLogin { 
		background: transparent url('../images/userTitle_login.gif') no-repeat center;
	}
	
	.userTitleWelcome {
		background: transparent url('../images/userTitle_welcome.gif') no-repeat center;
	}
	
	.smallText, .smallTextUsername, .smallTextPassword {
		width:200px;
		border: 1px solid #cecece;
		font-size: 8pt;
		padding-left: 1px;
		margin-top: 5px;
		line-height: 8pt;
		height: 12pt;
		padding-top:6px;
	}

	.smallTextUsername {
		background: #fff url('../images/bg_smalltextuser.gif') no-repeat center;
	}

	.smallTextPassword {
		background: #fff url('../images/bg_smalltextpassword.gif') no-repeat center;
	}

.userStatus, .userData  {
	width:200px;
}
	
.userStatus{
	float: right;
	position: relative;
	left: 202px;
	top: 50px;
}

.userData {
	line-height: 1.9em;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	color: #000;
	height:57px;
}

/* *** */

/* Validation */

/* *** */

div.datepicker {
 position: absolute;
 text-align: center;
 border: 1px #C4D5E3 solid;
 font-family: arial;
 background: #FFFFFF;
 font-size: 10px;
 padding: 0px;
}
div.datepicker table {
 font-size: 10px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 width: 301px;
}
div.datepicker table thead tr th {
 font-size: 12px;
 font-weight: bold;
 background: #e9eff4;
 border-bottom:1px solid #c4d5e3;
 padding: 0px;
 margin: 0px;
 text-align: center;
}
div.datepicker table tbody tr {
 border: 1px white solid;
 margin: 0px;
 padding: 0px;
}
div.datepicker table tbody tr td {
 border: 1px #eaeaea solid;
 margin: 0px;
 padding: 0px;
 text-align: center;
}
div.datepicker table tbody tr td:hover,
div.datepicker table tbody tr td.outbound:hover,
div.datepicker table tbody tr td.today:hover {
 border: 1px #c4d5e3 solid;
 background: #e9eff4;
 cursor: pointer;
}
div.datepicker table tbody tr td.wday {
 border: 1px #ffffff solid;
 background: #ffffff;
 cursor: text;
 width: 41px;
}
div.datepicker table tbody tr td.outbound {
 background: #e8e4e4;
}
div.datepicker table tbody tr td.today {
 border: 1px #16518e solid;
 background: #c4d5e3;
}
div.datepicker table tbody tr td.nclick,
div.datepicker table tbody tr td.nclick_outbound {
 cursor:default; color:#aaa;
}
div.datepicker table tbody tr td.nclick_outbound {
 background:#E8E4E4;
}
div.datepicker table tbody tr td.nclick:hover,
div.datepicker table tbody tr td.nclick_outbound:hover {
 border: 1px #eaeaea solid;
 background: #FFF;
}
div.datepicker table tbody tr td.nclick_outbound:hover {
 background:#E8E4E4;
}
div.datepicker table tfoot {
 font-size: 10px;
 background: #e9eff4;
 border-top:1px solid #c4d5e3;
 cursor: pointer;
 text-align: center;
 padding: 0px;
}

/* NEW MAIN CSS SECTION */

/* BUTTONS */
.button_downloads {
	background:#FFFFFF url(../images/downloads.gif) no-repeat scroll 0 0;
	color:#336699;
	cursor:pointer;
	float:left;
	font-size:10px;
	font-weight:bold;
	height:25px;
	padding-left:109px;
	padding-right:0;
	position:relative;
	top:-14px;
	vertical-align:middle;
	width:125px;
}

/* LINKS */
a.moreless {
	float:right;
	display:block;
	font-family:Georgia,Times New Roman;
	font-size:15pt;
	font-weight:normal;
	margin-right:5px;
	text-align:right;
	line-height:25px;
}
a, .href  {	
	text-decoration: none;
	color: #336699;
	font-weight: bold;
	cursor: pointer;
}
a.small { 
	font-size: 9px;
}
a:hover, .href:hover { 
	text-decoration: underline;
}
a:visited {
	color: #336699;
}