/********************************************
* default CSS STYLE SHEET
* c. 2008 Technology Management International
********************************************/

/********** CSS Rest to ensure cross-browser compatability ***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
option, optgroup, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
/*	vertical-align: middle;*/
	background: transparent;
	font-family: verdana, arial, helvetica, sans-serif;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	cursor: pointer;
}
a img {
	border: none;
}

/********** Set the base styles ***************/
html {
	/* IE (Always scroll bars) */
	overflow-y: scroll; 
	/* Moz (Always scroll bars) */
	height: 100%;
	margin-bottom: 0.1em;
	font-size: 62.5%; /* Sets to 1em=10px: */
}
body {
	overflow: hidden;
}
h1 {
	font-size: 2.5em;
}
strong {
	font-weight: bold;
}

/***************** Basic Elements ******************/
.outline {
	border: solid 1px red;
}
.offscreen { /* Used for accesibility */
	position: absolute;
	left: -99999px;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid #777;
	z-index: 9999; /*must have*/
}

.datepicker_control {
background: #252E4B;
padding: 2px;
overflow: hidden;
}
.datepicker_control a {
color: white;
}
.datepicker_clear {
float: left;
}
.datepicker_close {
float: right;
}
.datepicker_links {
background: #4E5777;
overflow: hidden;
padding: 3px;
font-size: 9pt;
}
.datepicker_links a {
color: white;
}
.datepicker_prev {
float: left;
width: 33%;
}
.datepicker_current {
float: left;
text-align: center;
width: 33%;
}
.datepicker_next {
float: right;
width: 33%;
text-align: right;
}
.datepicker_newMonth {
float: left;
}
.datepicker_newYear {
float: right;
}
.datepicker {
clear: both;
width: 100%;
text-align: center;
font-size: 9pt;
}
.datepicker td a {
padding: 2px;
display: block;
}
.datepicker td a:hover {
	background: white;
}
.datepicker_daysCell {	
	border: solid 1px gray;
}
.datepicker_titleRow {
	overflow: hidden;
}
.datepicker_currentDay {
	background: white url('/images/lighten.gif');
}
.datepicker_unselectable {
	background: gray url('/ejf2/images/darken.gif');
	border: none;
}
.datepicker_titleRow {
	background: gray url('/ejf2/images/darken.gif');
}
.datepicker_titleRow a {
	background: gray url('/ejf2/images/darken.gif');
	color: black;
}
/********************************************
* EJF CSS STYLE SHEET
* c. 2008 Technology Management International
********************************************/

html {
	color: #000;
	font-family: "perpetua", verdana, helvetica, sans-serif;
	font-weight: normal;
	background: /*#FEFEFE url(/images/coal.png)*/ #015697;
	text-align: left;
}
body{
	padding-top:25px;
	font-family: "perpetua", verdana, helvetica, sans-serif;
}


a {
	color: #4E5777;
	font-family: "perpetua", verdana, helvetica, sans-serif;
	font-size: 14px !important;
}
a:hover {
	color: #E6BB39;
}
th a {
	color: #939BAD;
}
h1, h2, h3 {

	color: #2e5993;
	padding: 25px;
	font-weight: bold;
}
h1 {
	font-size: 18pt;
}
h2 {
	font-size: 15pt;
	padding-bottom: 5px;
}
h3 {
	font-size: 12pt;
	padding-bottom: 0;
}
p {
	font-size: 9pt;
	line-height: 14pt;
	text-align: justify;
	padding: 25px;
	padding-top: 0;
}

/************************* 
Components				*/
#header {
	height: 180px;
	width: 800px;
	margin: 0 auto;
	background: url('/images/logo4.png') no-repeat 0% 50%;
}
#container {
	background: white url('/images/greyv.jpg') repeat-x;
	width: 800px;
	margin: 0px auto;
	/*padding: 0 25px;*/
	border: 2px solid white;
	position: relative;
	min-height: 100%;
	min-height:680px;
/*	padding-bottom:10px;*/
}
#print-info {
	display: none;
}
#logged_in {
	text-align: right;
	color: black;
	font-size: 10.5pt;
	padding-right: 20px;
/*	position:relative;
	top:150px;*/
}
#cols{
	background: url("/images/cols.png");
	float:left;
	width:152px;
	height:450px;
	margin-right:20px;
	border-right: 2px white solid;
	border-bottom: 2px white solid;

}
/************************* 
Navigation				*/
.nav {
	background: #015697;
/*	width: 685;*/
	border: 1px white solid;
	height: 35px;
	margin: 0px auto;
	padding: 0 4px;
	border-right:0px;
	border-left:0px;
}
.nav a {
	font-size: 12pt !important;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	border-right: 1px solid white;
	color: #FFF;
	padding: 9px 12px 0 12px;
	float: left;
	height: 26px;
}
.nav a:hover {
	background: /*url('/images/nav-hover.gif') repeat-x top*/ #666666;
}
#nav-home #home, #nav-home #home:hover,
#nav-contact #contact, #nav-contact #contact:hover,
#nav-about #about, #nav-about #about:hover,
#nav-team #team, #nav-team #team:hover,
#nav-funds #funds, #nav-funds #funds:hover,
#nav-products #products, #nav-products #products:hover,
#nav-users #users, #nav-users #users:hover,
#nav-files #files, #nav-files #files:hover,
#nav-account #account, #nav-account #account:hover
{
	background: #c6c3c6 /* url('/images/nav-selected.gif') repeat-x top*/;
	/*border-right: solid 1px #7F6500;
	border-left: solid 1px #7F6500;*/
	color: black;
}
.points{
	font-size: 9pt;
	margin-left:85px;
	line-height: 14pt;
	padding-bottom:15px;
}
.points li{
	list-style:disc inside;
}

/* Logout Form */
#logout_form {
	text-align: right;
	padding: 5px 4px 0 0;
	font-size: 8pt
}
#logout , #login{
	background:#c6c3c6;
}
#username, #password{
	height:14px;
}
/* Login Form */
#admin {
	float: right;
	position: relative;
	right: 5px;
}
#admin div {
	position: relative;
	float: left;
}
#admin label.compact {
	color: gray;
	position: absolute;
	top: 10px;
	margin-left: 5px;
}
#admin input {
	margin-top: 7px;
	font-size: 8pt
}

/************************* 
Footer					*/
#footer .copywrite {
	clear: both;
	display: block;
	width: 667px;
	margin: 5px auto;
/*	margin: 25px auto;
	padding: 12px 0;
	background: #252E4B;*/
	text-align: center;
	color: black;
}
#footer .legal {
	font-size: 7.5pt;
	line-height: 12pt;
}
#footer .builtby {
	text-align: center;
	padding: 0 0 12px 0;
}

/************************* 
Contact Page					*/
#map {
	width: 450px;
	height: 350px;
	float: left;
	margin: 25px;
}
#star {
	padding: 0 0 0 50px;
	background: transparent url('/images/star.gif') no-repeat 10px 50%;

	color: #2e5993;
	font-weight: bold;
}

/************************* 
USERS					*/
.add_new {
	padding: 10px 0 10px 35px;
	margin: 0 20px 10px 0;
	font-weight: bold;
	background: transparent url('/images/add_user.gif') no-repeat left;
	float: right;
}
.admin_table {
	width: 667px;
	margin:  auto;
	border: solid 1px #252E4B;
}
.admin_table th {
	font-weight: bold;
	text-align: center;
	color: white;
	background: #252E4B url("/images/title_bg.gif") repeat-x bottom;
	padding: 3px;
}
.admin_table td {
	padding: 5px;
	text-align: center;
}
.admin_table .actions {
	text-align: right;
	padding-right: 8px;
}
.darker, .darken {
	background: transparent url('/images/darken.gif');
}
.lighter, .lighten {
	background: transparent url('/images/lighten.gif');
}
.admin_table .edit {
	padding-left: 15px;
	padding-right: 15px;
	background: transparent url('/images/edit_user.gif') no-repeat left;
}
.admin_table .email {
	padding-left: 20px;
	padding-right: 15px;
	background: transparent url('/images/email_user.gif') no-repeat left;
}
.admin_table .delete {
	padding-left: 15px;
	background: transparent url('/images/delete_user.gif') no-repeat left;
}
.admin_table .files {
	padding-right: 15px;
	background: transparent url('/images/files.gif') no-repeat left;
}
form.users {
	padding: 25px;
}

/************************* 
Team					*/
.toggle {
	font-weight: bold;
	font-size: 14px;
}
#team_list {
	font-weight: bold;
	font-size: 1.1em;
	/*padding-left: 25px;*/
	float:none;
	width:625px;
	margin-left:150px;
}
#team_list li ul {
	font-weight: normal;
	font-size: .9em;
	list-style: none;
	padding: 0 25px 25px 25px;
}
#team_list li ul li {
	list-style: disc outside url('/images/arrow.gif');
}

#team_list li ul li p {
	padding: 0 10px 0 0;
	margin: 0;
}
#team_list li ul li a {
	font-weight: bold;
	cursor: pointer;
	padding: 8px 0 0 0;
	display: block;
}

/************************* 
Funds				*/
#fund_list  li {
	list-style: disc outside url('/images/arrow.gif');
	margin: 25px 0 0 35px;
	padding: 0;
}
#fund_list p {
	padding: 12px 0;
}
.fund {
	width: 625px;
}

.fund .documents li {
	margin: 8px 0 0 50px !important;
	font-size: 10pt;
	list-style: disc outside url('/ejf2/images/pdf.gif') !important;
}

table.performance, table.terms_and_service_providers {
	width: 625px;
	margin: 10px 0;
}
table.performance th {
	font-weight: bold;
	text-align: center;
}
table.performance td {
	text-align: center;
}
table.performance th, table.performance td, table.terms_and_service_providers th, table.terms_and_service_providers td  {
	padding: 4px;
}
table.terms_and_service_providers {
	width: 1;
}

#fund_list h3 {
	padding: 5px;
	margin-top: 10px;
	border-top: solid 3px #2e5993;
}

table.terms_and_service_providers th {

	color: #2e5993;
	padding: 5px;
	margin-top: 10px;
	border-top: solid 3px #2e5993;
	text-align: center;
	font-weight: bold;
	font-size: 12pt;
}

/************************* 
Edit Funds				*/
.date-picker {
	padding-right: 20px;
	font-weight: bold;
	background: transparent url("/images/calendar.png") no-repeat right;
}

#new_statement_code{
	width:50px;
}

.removeInvLet{
	float:right
	display:block;
	width:200px;
	text-align:center;
}

.invLet{
	float:left;
	display:block;
	width:200px;
}


/************************* 
Profile					*/
.message {
	width: 400px;
	text-align: center;
	font-weight: bold;
	margin: 12px auto;
	border: solid 2px #E6BB39;
	background: #4E5777;
	color: white;
	padding: 8px;
}
.message a {
	color: #939BAD;
}
.message a:hover {
	color: #E6BB39;
}


/************************* 
Legal Agreement			*/
.agree {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.agree label {
	text-decoration: underline;
	font-weight: bold;
	color: #4E5777;
}

.pdf_icon {
	text-decoration: none;
	padding: 8px;
	font-size: 4px;
	margin: 0 5px;
	background: transparent url(/images/icon_pdf.gif) no-repeat;
}/************************************
			File Uploader
************************************/
#uploader, #loading {
	float: right;
	text-align: center;
	font-weight: bold;
	margin: 12px;
	border: solid 2px #E6BB39;
	background: #4E5777;
	color: white;
	padding: 8px;
	margin-bottom: 30px;
}
#uploader label {
	width: 85px;
	float: left;
	padding: 3px 5px 0 0;
	text-align: right;
	font-size: 8.5pt;
}
#uploader ul {
	list-style-type: none;
}
#uploader ul li {
	margin-bottom: 8px;
}
#uploader p {
	text-align: right;
}
#uploader .clear_file {
	cursor: pointer;
}
#uploader .button {
	font-size: 9pt;
	margin-bottom: 5px;
}

/* Loading */
#loading {
	display: none;
}
#loading h3 {
	font-size: 11pt;
	font-weight: bold;
	float: left;
	margin-top: 5px;
}
#loading img {
	float: left;
	margin-right: 10px;
}

/****************************************
  				Navigation 
/****************************************/
#browser_navigation {
	padding: 0 0 5px 12px;
}
#browser_navigation .current_folder {
	font-weight: bold;
}

/****************************************
  				File Browser 
/****************************************/

.filebrowser {
	width: 667px;
	margin:  auto;
	border: solid 1px #252E4B;
	clear: both;	
}
.filebrowser a {
	font-weight:bold;
	border: none;
}
.filebrowse tr {
	border-bottom: solid 1px #252E4B;
}
.filebrowser th {
	font-weight: bold;
	text-align: center;
	color: white;
	background: #252E4B url("/images/title_bg.gif") repeat-x bottom;
	padding: 3px;
}
.filebrowser th a {
	display: block;
	text-align: center;
	color: #939BAD;
	margin: 0;
}
.filebrowser th a:hover {
	color: #E6BB39;
}
.filebrowser .asc {
	background: #4E5777 url('/images/filebrowser/asc.gif') no-repeat 90% 50%;
}
.filebrowser .desc {
	background: #4E5777 url('/images/filebrowser/desc.gif') no-repeat 90% 50%;
}

.filebrowser .name, .filebrowser #rename, .filebrowser .size, .filebrowser .modified, .filebrowser .action {
	padding: 3px 5px;
	line-height: 22px;
}
.filebrowser th .name, .filebrowser th #rename, .filebrowser th .size, .filebrowser th .modified, .filebrowser th .action {
	line-height: 13px;
}
.filebrowser th .name .a, .filebrowser th .size .a, .filebrowser th .modified .a {
	width: 100%;
}
.filebrowser .name, .filebrowser #rename {
	width: 267px;
	text-align: left;
}
.filebrowser .size {
	width: 90px;
	padding-right: 10px;
	text-align: right;
	border-left: solid 1px #252E4B;
}
.filebrowser .modified {
	width: 195px;
	text-align: center;
	border-left: solid 1px #252E4B;
	border-right: solid 1px #252E4B;
}
.filebrowser th.modified {
	border-left: solid 1px #E8E9EB;
	border-right: solid 1px #E8E9EB;
}
.filebrowser .action {
	width: 90px;
	text-align: center;
}
.droppable-hover {
	color: red;
	font-size: 11pt;
}

/****************************************
  				actions 
/****************************************/
.filebrowser .actions a {
	width: 25px;
	height: 25px;
	float: left;
	margin: 3px 3px 0 5px;
	padding: 0;
}
.filebrowser .actions .download {
	background: transparent url('/images/filebrowser/download.gif') no-repeat 50% 50%;
}
.filebrowser .actions .link {
	background: transparent url('/images/filebrowser/attach.png') no-repeat 50% 50%;
}
.filebrowser .actions .rename {
	background: transparent url('/images/filebrowser/edit.gif') no-repeat 50% 50%;
}
.filebrowser .actions .delete {
	background: transparent url('/images/filebrowser/delete.gif') no-repeat 50% 50%;
}

/* Rename */
#rename fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
#rename .button {
	font-weight: normal;
	letter-spacing: 0;
	vertical-align: middle;
	padding: 2px;
}
#rename a.button {
	vertical-align: top;
}

/****************************************
  				icons 
/****************************************/
.filebrowser .icon {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
	background: transparent url('/images/filebrowser/icons/icon.gif') no-repeat 50% 50%;
}
.filebrowser .folder {
	background-image: url('/images/filebrowser/icons/folder.gif');
}
.filebrowser .zip, .filebrowser .tar, .filebrowser .gzip {
	background-image: url('/images/filebrowser/icons/archive.gif');
}
.filebrowser .txt, .filebrowser .rtf {
	background-image: url('/images/filebrowser/icons/txt.gif');
}
.filebrowser .doc {
	background-image: url('/images/filebrowser/icons/doc.gif');
}
.filebrowser .jpg, .filebrowser .gif, .filebrowser .png, .filebrowser .tiff, .filebrowser .psd {
	background-image: url('/images/filebrowser/icons/photo.gif');
}
.filebrowser .xls, .filebrowser .csv {
	background-image: url('/images/filebrowser/icons/spreadsheet.gif');
}
.filebrowser .pdf {
	background-image: url('/images/filebrowser/icons/pdf.gif');
}
.filebrowser .mp3, .filebrowser .aiff, .filebrowser .m3a, .filebrowser .ogg {
	background-image: url('/images/filebrowser/icons/music.gif');
}
.filebrowser .back {
	background-image: url('/images/filebrowser/back.gif');
}
#trash, #restore {
	height: 20px;
	width: 100px;
	padding-top: 39px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	float: left;
}
#empty-trash {
	vertical-align: middle;
	background: #beccc6 url('/images/button.gif') repeat-x left;
	border: solid 1px #6e7e8b;
	color: #ab3c3c;
	letter-spacing: 1px;
	padding: .3em;
	cursor: pointer;
	font-size: 1.2em;
	margin-top: -6px;
}
#empty-trash:hover {
	border-color: #000; 
	text-decoration: none;
}


/****************************************
  				Trash 
/****************************************/
#trash {
	background: transparent url('/images/filebrowser/trash.gif') no-repeat 50% 0%;
}
#restore {
	background: transparent url('/images/filebrowser/restore.gif') no-repeat 50% 0%;
}
#empty-trash {
	position: relative;
	top: 12px;
	left: 20px;
	padding-left: 25px;
	background: #beccc6 url('/images/filebrowser/empty-trash.gif') no-repeat 3px 50%;
}input, textarea {
	border: solid 1px #252E4B;
	padding: .2em;
}
input[type='text']:focus, input[type='password']:focus, textarea:focus {
	outline: solid 2px #E6BB39;
}
.button {
	border: solid 1px #252E4B;
	letter-spacing: 1px;
	cursor: pointer;
	background: #E6BB39 url('/images/button.jpg') repeat-x;
}
form ul li {
	clear: both;
	padding: 5px 0;
}
ul li label, .fake_label {
	width: 150px;
	float: left;
	padding: 3px 5px 0 0;
	text-align: right;
}
fieldset {
	margin-top: 20px;
	padding-left: 15px;
	border-top: solid 1px #4E5777;
}
legend {
	font-weight: bold;
	padding: 5px;
}
option:hover {
	background: #252E4B;
}
select {
	padding: 0 0 0 2px;
	cursor: pointer;
}
optgroup {
	font-weight: bold;
	font-style: italic;
	color: #4E5777;
	margin: .15em 0;
	margin-left: 2px;
}
optgroup option {
	font-weight: normal;
	font-style: normal;
	padding-left: 1.1em;
	color: #000;
}
.radio{
border:0px;

}
.radio_label{
float:none;
}
option {
	padding: 1px 4px;
	margin-left: 2px;
}
form#buttons {
	text-align: center;
}
li.buttons {
	padding: 25px 0 0 155px;
}