/*
	Fund Manager CSS
	
	Main Colors:
	Light Blue: #3384B1
	Orange: #FF6600
	Border: #b9b9b9
	background light grey: #ebebeb
	light grey text: #999999
	text-color: #444444

*/

/*web fonts*/
@font-face { font-family: 'copperplategothicbt-Bold'; src: url("images/copperplategothicbt-bold.eot"); src: url("images/copperplategothicbt-bold.eot?#iefix") format("embedded-opentype"), url("images/copperplategothicbt-bold.woff") format("woff"), url("images/copperplategothicbt-bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }


html {background: #F4F1EB url(images/body-bg.png) repeat-x top left;}
body {background: transparent url(images/banner-home.jpg) center 200px no-repeat;color: #5f696c; }

a:link, a:visited, a:active {color: #3384B1; }
a:hover { color: #3384B1; } 

.headerTitle {position:absolute;float: none;right: 0;top:90px;color: #00517e;font-family: "CopperplateGothicBT-Bold";font-size: 30px;font-weight: normal;letter-spacing: 1px}
.pageHeader {height:auto !important;}
.headerLogo {float:none;margin:0 auto;height:auto;width:200px;}
.pageHeaderLogo { background-image: url(images/packer-co-logo.png);background-repeat: no-repeat; width:200px; height:200px; }
#mainBody {padding-top: 30px;margin-top:70px;background: url(images/page-bg.png) repeat-y center top;}

h1 { color:#00517e;font-family: "CopperplateGothicBT-Bold";font-size: 30px;font-weight: normal;letter-spacing: 1px;line-height: 29px;margin-bottom:20px;}

#loadingSpinner {top:500px;}

#container, .container { background: transparent;width:1030px;}
.pageHeader {}
.accountLinks {float:none;height:auto;position: absolute;top: 0;right: 0;}
.accountLinks ul {margin: 7px 0;position: absolute;top: 0;width: 1030px;right:0;text-align: right;}
.accountLinks ul li {color:#7ea0b3;display:inline;float:none;}
.accountLinks ul li.name {padding: 0 1em;border-right: none !important;font-weight:bold;color:#4d748b;margin-left: 500px;}
.accountLinks ul li a {padding: 0 1em;border-right: 1px solid #7ea0b3;color:#7ea0b3;}
.accountLinks ul li a#settingsLink {border-left: 1px solid #7ea0b3;}
.accountLinks ul li:first-child a {border-right: none;}

.footer { background: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;font-size: 10px;}
.footerContent { background: url(images/footer-bg.png) no-repeat center top; border: none;padding:30px 0 20px;} 
.footerLinksMain li a, .footerLinksMain li a:active { color: #777;text-decoration: underline;}
.footerLinksMain li a:hover {color: #3384B1;text-decoration: none;}
.footer .copyright {font-size: 10px;}
 
/*nav*/
.mainmenu {background:none;height: 50px;margin-top: 30px;}
.mainmenu ul {background: transparent url(images/unit-price-banner.png) left center no-repeat;height: 50px;padding: 10px;width: auto;display:block;}
.mainmenu ul li { background: none; }
.mainmenu ul li:hover, .mainmenu ul li.highlight { background: url(images/unit-price-banner-highlight.png) right center repeat-x;}
.mainmenu ul li a { letter-spacing: 1px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;background: url(images/unit-price-banner-border.png) right center no-repeat; line-height: 20px; margin: 0px 0;font-size:15px;padding:14px 15px 15px; text-transform:uppercase;}
/*sub nav*/
.mainmenu ul ul { background:#3384B1; top: 49px;width:200px;}
.mainmenu ul ul li { background:#3384B1; border-bottom: solid 1px #d2e0e8;border-top: none;}
.mainmenu ul ul li:hover { background:#00517e; }
.mainmenu ul ul li a { border: none; margin: 0;padding: 15px 15px; font-size: 1em;} 
.mainmenu ul ul li a:hover { background:#00517e; } 

.ui-icon {display: none;}

.mainmenu ul li:hover a, .mainmenu ul li.highlight a {}

/* homepage */
.infoPanelContent strong, .loginInfoText strong { color: #3384B1 }
#loginContent {margin-top:0;width: 990px;}
.loginPanel { background: #edf3f6; border: 1px solid #a3bfce;}
.loginBox h1, .loginBox label { color: #444444 }
.loginBox .forgottenPassword a { color: #3384B1 }
.loginButton {background:none;border:none;padding:0;}
.loginButton .orangeButton { background: none; display:block; }
.loginButton .orangeButton:hover {background: none; display:block;  }

.loginBox .forgottenPassword {width: 205px;}

.loginInfoText {width: 58%;}
.loginControls {width: 36%;}

/*Inner Page*/
.holdingFilter label { color: #3384B1; } 
h3 .highlight { color: #3384B1; } 
ul.userInfo li, .loginInfoText ul li { background: transparent url(/images/LinkGroup/welcome-bullet.gif) 0 9px no-repeat;}
#termsAndConditionsContainer div ul li { background: transparent url(/images/LinkGroup/welcome-bullet.gif) 0 5px no-repeat;}
#termsAndConditionsContainer h2.underline { font-size: 20px;color: #444; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom:none;}

/* Grid */
.ui-jqgrid .ui-jqgrid-sortable { color: #3384B1 !important; }
.ui-jqgrid a { color: #3384B1 !important;}
.ui-jqgrid a:hover { color: #00517e !important; }
#gview_DistributionHistoryGrid table.ui-jqgrid-htable tr th:nth-child(3) {width: 130px!important;}
.ui-datepicker .ui-state-active {background-color: #00517E;}


/* Buttons */
button.linkButton:hover span, button.linkButton span:hover, .linkButton a:hover, a.linkButton:hover {color: white;background: #00517e url(/FormBuilder/_Resource/_module/Yj19sGniDES6b1qeBqJKhg/home-arrow.png) no-repeat 95px center;}
.orangeButton button {color: white;background: #00517e url(/FormBuilder/_Resource/_module/Yj19sGniDES6b1qeBqJKhg/home-arrow.png) no-repeat 95px center;} 
#searchForm button.linkButton { color: white;background: #00517e url(/FormBuilder/_Resource/_module/Yj19sGniDES6b1qeBqJKhg/home-arrow.png) no-repeat 95px center; } 
#searchForm button.linkButton span:hover {color: #FFFFFF;}

/*FAQ */
.helpBody {background:none;}
#faqContainer { background: #ffffff}
#faqContainer h1 { background:#00517E; }
.faqbox h2 a { color: #3384B1; }


@media only screen and (max-width: 767px) {
    #container,
    .footerContent{ width: 92%; padding: 0 2%; margin: 0 auto;}
    
    #mainContent,
    #loginContent,
    .loginInfoText,
    .loginControls { width: 98%; float:none; margin: 0; padding: 0;}
    
    .loginPanel { width: 90%;}
    .loginBox .forgottenPassword,
    .loginButton { width: 90%; display: block;}
    
    #mainBody { padding: 1em 0;}
    
    table td { display: block; float: none;}
    
    
    /* forgotten password */
    #forgottenPasswordContainer .forgottenPassword,
    #forgottenPasswordContainer .forgottenUsername { floaT: none; width: 100%;}
    
    .footer .copyright { float: none; display: block; text-align: center; padding-right: 0;}
    .footer ul{ float: none; display: block; text-align: center;}
    .footer li { float: none; display: inline; margin: 0;}
    .footer li a { border: 0; padding: 0 10px;}
    
}

body {
    overflow-x: hidden !important;
}

    body .banner {
        width: 100%;
        margin: 0;
        top: -50px;
    }

        body .banner + #mainBody {
            margin-top: 0;
        }
#searchGridDiv table#SearchGrid td .detailLink {
    display: block;
}