/*
	NOVION Fund Manager CSS
*/

@import url('https://fonts.googleapis.com/css?family=Glegoo');
@import url('https://fonts.googleapis.com/css?family=Lato');

@font-face {
	font-family: FrutigerLTStd;
	src: url('fonts/FrutigerLTStd.eot'); /* IE9 Compat Modes */
	src: url('fonts/FrutigerLTStd.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('fonts/FrutigerLTStd.woff') format('woff'), /* Modern Browsers */
	     url('fonts/FrutigerLTStd.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/FrutigerLTStd.svg#FrutigerLTStd') format('svg'); /* Legacy iOS */
}

html { background: #fff url('images/bodybg.jpg'); background-repeat: no-repeat; }
body { background: url("images/nav-bg.png") repeat-x scroll center top; color: #444; }

a:link, a:visited, a:active { color: #b68250; text-decoration: none; }
a:hover { color: #0077c8; text-decoration: none; } 

h1 { font-family: 'Glegoo', serif; color: #b68250; font-size: 2.5em; font-weight: 600; }
h2 { font-family: 'Glegoo', serif; color: #b68250; font-weight: bold; }
#mainContent h3 { float: none !important; }

input[type=text], input[type=password], #searchForm select, .refineFilter select { border:1px solid #DDD}

#container, .container { background: transparent;}
.pageHeader { height: 112px;}
.headerTitle { color: #444; height: 40px; line-height: 50px; }
.accountLinks ul { margin: 1.5em 0;}

#mainBody { background: #FFF; margin: 2em 0; padding: 0em; border: 1px solid #d1d3d4; }
#mainContent { padding: 2em;}
#sidePanel { margin: 20px 0; }

/* logo */
.headerLogo { width: 225px; margin: 2em 0 0; }
.pageHeaderLogo { background-image: url(images/VCX-Logo.png); background-position: 0 0; background-repeat: no-repeat; width: 225px; }

.footer { background: #000; }
.footerContent { background: transparent; border: none;} 
.footer .copyright { float: right; color: #999999; padding: 10px 8px 0 0 }
.footerLinksMain li a, .footerLinksMain li a:active { color: #fff;}

/*nav*/
.mainmenu { background: none; padding: 8px 0 0 0; }
.mainmenu ul li { background: none; height: 38px; }
.mainmenu ul li:hover, .mainmenu ul li.highlight { background: none; }
.mainmenu ul li:hover a { color: #808285; }
.mainmenu ul li a { line-height: 32px; margin: 0; padding: 0 15px; color: #fff; font-family: 'Lato', sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; }
	/*sub nav*/
	.mainmenu ul ul { background:#b68250; top: 38px;}
	.mainmenu ul ul li { background:#b68250; border-bottom: none; height: 28px;}
	.mainmenu ul ul li:hover { background: none; }
	.mainmenu ul ul li a { border: none; margin: 0; padding: 0 1.25em; border: none; line-height: 28px; color: #fff !important; text-transform: none; } 
	.mainmenu ul ul li a:hover { background:#cea176; color: #f5f5f5 !important; }

ul.serviceLinks li a { text-decoration: none !important; }

/* homepage */
.loginInfoText { margin: 0; padding: 3.5em; background: #FFF}
.loginControls { width: 35%; margin-top: 0;}
.loginPanel { background: #FFF; border-left: 1px solid #DDD; width: 100%; padding: 3.5em;}
.infoPanelContent strong, .loginInfoText strong { color: #b68250; font-family: 'Glegoo', serif; color: #b68250; font-size: 1.5em; font-weight: normal; }
.loginBox h1 { color: #b68250; }
.loginBox label { color: #444; }
.loginBox .forgottenPassword { width: auto; padding-right: 30px; }
.loginBox .forgottenPassword a { color: #b68250; }
.loginBox .forgottenPassword a:hover { color: #0077c8; }
.loginButton .orangeButton { display: block; background: none;  }
.loginButton .orangeButton:hover { background: none; }
.loginButton .orangeButton button { height: auto; padding: 5px 20px; background: none; font-size: 1.2em; line-height: 28px; }
.loginButton { width: auto; padding: 0; background: #b68250; }
.loginButton:hover { background: #a6ce39; }

/*Inner Page*/
.holdingFilter label { color: #444; } 
h3 .highlight { color: #b68250; } 
ul.userInfo li { background: none; list-style: none; padding-lefT: 0;}
.loginInfoText ul li, 
#termsAndConditionsContainer div ul li { background: none; list-style: disc outside; }
#termsAndConditionsContainer h2 { border-bottom: 1px solid #CCC !important; }

.holdingFilter optgroup { color: #CECECE; }

/* Buttons */
button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover { color: #FFF; }
.orangeButton button { background: #b68250; color: #FFF; font-weight: normal; padding: 5px 20px; width: auto; height: auto; font-size: 1.2em; line-height: 28px; text-transform: uppercase;} 
.orangeButton button:hover { background: #a6ce39; }
#searchForm button.linkButton { width: auto; height: auto; background: #b68250; font-weight: normal; padding: 5px 20px; text-transform: uppercase; font-size: 1.2em; line-height: 28px; } 
#searchForm button.linkButton:hover {background: #a6ce39;}

table.info .linkButton, table.info .linkButton span { color: #b68250; text-decoration: none !important; font-weight: normal; }
table.info .linkButton:hover, table.info .linkButton span:hover { color: #0077c8 !important; }

button.linkButton span, .linkButton a, a.linkButton { text-decoration: none; }

#managePasswordForm .buttonContainer { margin-right: 25px; }

/* Holding details */
table.info tr.sectionDivider, table.info tr.darkBorderTop { border-top: 2px solid #797979}
table.info th.colTitle, table.info th.orange { color: #444; font-weight: bold; }
#mainContent .holdingDetailView ul li { list-style: none !important; padding: 0px !important; margin: 0px; }

.clear.refineFilter label { float: left; margin: 10px 0; }
.clear.refineFilter input { float: left; margin: 5px; }
.clear.refineFilter .ui-datepicker-trigger { float: left; margin: 5px 20px 5px 0; cursor: pointer; }
.clear.refineFilter select { float: left; margin: 5px 20px 5px 5px; }

.holdingFilter { background: #f3f3f3; border: none; }

ul.oc-radiogroupex li label { margin: 6px !important; }

/* Distribution history */
#distributionHistoryForm .refineFilter ul.oc-radiogroupex { float: none; }
#distributionHistoryForm .refineFilter ul.oc-radiogroupex li { display: inline-block; }
#distributionHistoryForm .filterDateOptionLabel { margin-bottom: 30px; }

/* Grid */
.ui-jqgrid .ui-jqgrid-sortable { color: #b68250 !important; }
.ui-jqgrid a { color: #b68250 !important;}
.ui-jqgrid a:hover { color: #b68250 !important; }
.ui-jqgrid .ui-icon {background-image: url(images/icons.gif); *background-image: url(images/icons.gif);} 
.ui-icon-seek-first, .ui-icon-seek-prev, .ui-icon-seek-next, .ui-icon-seek-end { height: 26px;}

.ui-icon {display: none;}

#mainContent .gridContainer { background: #FFF; border-top: 0; padding-top: 0; margin-top: 20px; }
.ui-jqgrid .ui-jqgrid-hdiv { border-top: none !important; }
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { border-bottom: none; border-color: #fff; }
.ui-jqgrid .ui-jqgrid-htable th { background: #f3f3f3; }
.ui-jqgrid TH, .ui-th-div-ie, .ui-jqgrid .ui-jqgrid-sortable { color: #555 !important; }
.ui-jqgrid .ui-pg-table td { color: #555; font-size: 12px; }
.ui-jqgrid .ui-paging-info { font-size: 12px; }

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover td { background: none; }
.tooltip, .radioList li label span {   border-bottom: dashed 1px #b68250 !important; }

#gview_DistributionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) { width: 126px !important; }
div#gview_PriceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(2) { width: 379px !important; }
table#PriceHistoryGrid tr td:nth-child(2) { width: 379px !important; }

table.regDetails th { color: #444; }
#reject.linkButton { color: #b68250; text-decoration: none; font-size: 12px; font-weight: normal; }
#reject.linkButton:hover { color: #0077c8; }
#accept.linkButton { background: #b68250; font-weight: normal; padding: 5px 20px; text-transform: uppercase; font-size: 1.2em; line-height: 28px; width: 100px; height: auto; text-align: center; } 
#accept.linkButton:hover {background: #a6ce39;}

/* Forms */
h2.dropdownOpener a {color: #444; font-weight: bold; text-decoration: none;}
.formsSectionBox {background-color: none; border: none;}
.formList li a { font-weight: bold; }

.down { background-image: url(images/down-arrow.gif); }
.right { background-image: url(images/right-arrow.gif); }

/*FAQ */
.helpBody { background: #FFF}
#faqContainer { background-image: none; }
#faqContainer h1 { background:#444 }
.faqbox h2 a { color: #b68250; }
.forgottenPassword ul li{ background: none; list-style: disc inside; }

/* modal */
.ui-dialog .ui-dialog-titlebar {background: #444 }
button.linkButton, .linkButton a { font-family: arial; color: #b68250; font-size: 12px; font-weight: normal; }
button.linkButton:hover span { color: #0077c8; }

/* DatePicker */
.ui-datepicker { border-color: #f5f5f5; width: auto; }
.ui-datepicker td a { padding: 5px;}
.ui-datepicker-calendar .ui-state-hover { background-color: #b68250;  color: #FFF; }
.ui-datepicker .ui-state-active { background-color: #b68250; }
.ui-datepicker-header .ui-icon { background-image: url(images/icons.gif); *background-image: url(images/icons.gif); }
.ui-datepicker-prev span, .ui-datepicker-prev:hover span { background-position: 4px -76px;}
.ui-datepicker-next span, .ui-datepicker-next:hover span { background-position: 0px -100px;}
.ui-datepicker .ui-datepicker-next span { left: 20%; }

/* Correspondence History */
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(1) { width: 85px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(1) { width: 85px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(2) { width: 80px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(2) { width: 80px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) { width: 70px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(3) { width: 70px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(4) { width: 145px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(4) { width: 145px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(5) { width: 105px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(5) { width: 105px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(6) { width: 80px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(6) { width: 80px !important;}
#gview_CorrespondenceHistoryGrid table.ui-jqgrid-htable tr th:nth-child(7) { width: 85px !important;}
table#CorrespondenceHistoryGrid tr td:nth-child(7) { width: 85px !important;}

#loadingSpinner { border: none; }
#loadingSpinner span { display: none; }