/* VersionControl, all different sites use the same base file */
@import url("../base/base.css");

/* Additions to the base file for the bnl look */


/* MAIN STYLE -----------------------------------------------------------------------------------*/
body, div, h1, h2, h3, h4, h5, h6, form, textarea, p, td, input {
    font-family: Verdana,sans-serif;}

html {
	background:url("images/html-bg-gradient.png") no-repeat scroll 50% top #EFEFEF;}
body, #wrapper, #wrapperinner, #header, #header > a:first-child, #footer, #footerinner {
	background:transparent;
	margin:0;
	padding:0;}
body {
	background:url("images/bg-plectrum.png") no-repeat bottom right transparent;}

#wrapper {
	margin: 0 auto;
	max-width: 1200px;
	min-height: 50em;
	min-width: 900px;
	padding: 0 4px;
	width: 97%;}
#wrapperinner > div {
    clear: both;
    float: none;
    width: auto;}

#content {
	margin:0 -10px;}

#navigation {
	background: #FF7320 !important;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 2px 1px rgba(51, 51, 51, 0.35), 0 -27px 15px -15px #DB5505 inset;
	margin-bottom: 20px;}
#navigation > ul {
	overflow:auto;}
#navigation > ul > li {
	border-right: 1px solid #D85304;
	min-height: 40px;}
ul.mainnavigation > li:hover, ul.mainnavigation > li:active {
	background-color: transparent;
	box-shadow: none;}
#navigation > ul > li > a {
    border-bottom: 1px solid transparent;
    border-top: 1px solid #FF7320;
    color: #FFFFFF;
    display: block;
    font-size: 116.67%;
    line-height: 33px;
    padding: 2px 20px 3px;
    text-decoration: none;
    text-transform: uppercase;}
#navigation > ul > li:first-child > a {
	border-radius:10px 0 0 10px;}
#navigation > ul > li.hasmenu > a {
	background-image: url("images/dropmarker.png");
	background-position: right 55%;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right: 38px;}
#navigation > ul > li:hover > a,
#navigation > ul > li:focus > a {
    background-color: #FF7320;
    box-shadow: -3px 0 4px -2px rgba(0, 0, 0, 0.25), 3px 0 4px -2px rgba(0, 0, 0, 0.25), 0 10px 7px -5px rgba(255, 255, 255, 0.2) inset, 0 15px 22px -11px rgba(255, 255, 255, 0.35) inset;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;}
#navigation > ul > li > a span {
	padding:0;}

ul.mainnavigation > li:hover > ul,
ul.mainnavigation > li:focus > ul {
	border: 1px solid #FA711F;
	background-color: #FFFFFF;
	border-radius: 0 0 7px 7px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
	margin-left: -1px;
	padding: 9px 0 14px;
	width:auto;}
ul.mainnavigation > li > ul li {
	display: list-item;
	float: none;
	width: auto;}
ul.mainnavigation > li > ul > li a {
    padding: 4px 20px;
    text-decoration: none;
	font-weight:normal;}
ul.mainnavigation > li li.hasmenu > a > span {
    font-weight: bold;}
ul.mainnavigation > li > ul > li a:hover {
    background-color: #FF7320;
    border-top: 1px solid #FF7320;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 5px 4px -2px rgba(255, 255, 255, 0.2) inset, 0 8px 11px -6px rgba(255, 255, 255, 0.35) inset;
    color: #FFFFFF;
    padding-top: 3px;
    text-decoration: none !important;}
ul.mainnavigation > li > ul > li li a{
    padding-left: 30px !important;}
ul.mainnavigation ul ul > li > a.link > span {
	background: none;
	padding-left: 0;}


.applicationcontainer{
	padding:10px;}
.application {
	background: url("images/bg-widget-standard.png") repeat-x scroll left bottom #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 3px 0 #868686;}
.apptitle {
	border-radius: 10px 10px 0 0;
	margin: 0;
	padding: 10px 20px;
	border:none !important;}
.apptitle h2 {
	color: #FF7320;
	font-size: 150% !important;
	font-weight: normal !important;
	margin:0;
	border:0;}
.appcontent {
    padding: 0 20px 20px;}
.FeaturedItems .appcontent {
    padding-bottom: 0;}

#footer {
    height: auto;
	padding-top:30px;}
#footer .footerinner {
	display:none;}
#footer .footer {
    background: none repeat scroll 0 0 #505450;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    height: 126px;
    padding: 20px 20px 40px !important;}
#footer .payoff {
	margin: 5px 0 1px;}