/** 
	 *
	 *	Page Container (Hybid Specific)
	 *
	 */ 
	
	
		body {
		
			font-family: Arial, Helvetica, sans-serif;
			color: #666666;
			font-size: 12px;
			background:#EEEEEE;
		}
		
		#hybrid_view {
			width:1008px;
			border:1px solid #000000;
			box-shadow:1px 1px 2px #000000;
			margin:10px auto;
		}

	/**
	 *
	 *	General Page 
	 *
	 */

		a {
		
			color: #062c52;
		
		}
		
        a > img {
        	border:0px;
        }
        
		header {
			background:#FFFFFF;
		}
		
		header * ul {
			list-style:none;
			padding:0px;
			float:none;
			margin:0px;
		}
		
		header * ul > li {
			float:left;
			margin:0px;
			padding:0px;
			position:relative;
			z-index:1;
		}
		
		header * a {
			float:left;
			padding:0 10px;
			height:35px;
			line-height:35px;
			border:1px solid transparent;
		}
        
        .banner {
        	height:120px;
            background:url(/images/NationalBankofNewYorkCity_FlushingNY_2067/BOB5.0/hybridheader_Menu_1008x35.jpg);
            background-repeat:no-repeat;
        }
		
		.page {
			margin:auto;
			padding:0px 10px 10px 10px;
			background-color:#FFFFFF;
            		}

		small {
			font-size: 11px;
		}
		
		.page > h1 {
			color:#2C5136;
		}
		
		.page * h2 {
			color:#2C5136;
		}

		.page * button {
			display: inline-block;
			font-size: 1em;
			line-height: 1.5em;
			color: #FFFFFF;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			margin: 5px;
            				
                	box-shadow: 0px 0px 3px #999;
				
							background-color: #2C5136; 
                        font-family: Verdana, Arial, Trebuchet, Avant Garde Gothic, Univers, Futura, Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica, sans-serif;
			font-size: 8pt;
                            
                	border-radius:4px;
                
                			
			text-transform: uppercase;
			border: none;
			padding: .5em 1em;
			transition: background .2s ease;
		}
		
		page * text {
			border-radius:4px;
		}

		footer /* TODO: Add support for image background */ {
			background:#56745d;
		}
		
		footer > section {
			color:#FFFFFF;
			text-align:center;
			padding:10px;
		}
		
		.promptView {
			border-bottom: 1px solid #000000;
			background: #FFFFFF;
			box-shadow: 1px 1px 5px #000000;
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height:0px;
			z-index:9999;
		}
		
		.promptView > section {
			display:none;
			background:#d9edf7;
			padding:10px;
			margin:5px;
			border-color: #bce8f1;
			color: #2e6a87;
		}
		
		.promptView > section > img {
			vertical-align:middle;
		}


	/**
	 *
	 *	Navigation
	 *
	 */

		.top_nav {
        	background-color:#56745d;
        				height:37px;
			padding-right:5px;
		}
		
		.top_nav > ul {
			float:right;
            position:relative;
            left: 0px; 
top: 0px; 
		}
        
        .top_nav > ul > li {
        	margin-right:0px;
        }
		
		.top_nav * a {
			color:#56745d;
			text-decoration:none;
		}	
		
		
		.main_nav * a {
			text-decoration:none;
            color:transparent;
			font-size:15px;
		}
        
		.main_nav > ul {
        	position:relative;
            left: 0px; 
top:  83px; 
            width:680px;
            z-index:100;
		}
        
        .main_nav > ul > li {
        	margin-right:8px;
        }
		
		.main_nav {
		}
		
		.sub_nav {
			height:37px;
			background-color:#56745d;
            		}
		
		.sub_nav > ul {
			display:none;
            position:relative;
            left: 0px; 
top: 0px; 
		}
		
        .sub_nav > ul > li {
        	margin-right:0px;
        }
        
		.sub_nav > ul > li > a:hover {
			background:#56745d;
			color:#FFFFFF; 
		}
		
		.sub_nav * a {
			color:#FFFFFF;
			text-decoration:none;
			font-size: 15px;
		}

		
		.menu {
			background:#56745d;
			border:1px solid #56745d;
			width:202px;
			margin-top:27px;
			position: absolute;
			z-index: 500;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			top:8px;
			display:none;
		}
	
		#administration > .menu {
			width:402px;
		}
		
		.main_nav > ul > li > .menu > ul {
			width:200px;
			float:left;
		}
		
		.main_nav > ul > li > .menu > ul > li {
			width:inherit;
		}
		
		.main_nav > ul > li > .menu > ul > li > h2 {
			font-weight:bold;
			color: #FFFFFF; 
			background:#56745d;
			font-size: 14px;
			margin:0px;
			padding:5px 0px 0px 5px;
		}
		
		
		.menu * a {
			color:#FFFFFF;
			line-height:1em;
			padding:5px;
			display:block;
			height: inherit;
			font-size:13px;
			width:190px;
		}
		
		.menu * a:hover {
			color:#FFFFFF;
			background:#56745d;

		}
		
		
		.mainNavSelected {
        	position:relative;
            z-index:499;
			background:transparent; 

            
		}
        
        .main_nav > ul > li > a.mainNavSelected {
       		color:transparent;
	     }
		

	/**
	 *
	 *	Data Tables
	 *
	 */
	
		.dataTable > table {
			width:100%;
			border-collapse:collapse;
		} 
		
		.dataTable {
			border:1px solid #d6d6d6; 
			margin-bottom:10px;
            background: #FFFFFF; 
		}
		
		.dataTable > h1 {
			padding: 5px;
			background-color: #2C5136;
			margin:0px;
			color: #FFFFFF;
			font-weight:normal;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.dataTable > table > tbody > tr > td, 
		.dataTable > table > tbody > tr > th {
			padding: 5px 10px 5px 10px;
		}
		
		
		.dataTable > table > tbody > tr > th {
			background-color: #56745d;
			color:#FFFFFF;
		}
		
		.dataTable > table > tbody > tr.even {
			background:#FFFFFF;
		}

		.dataTable > table > tbody > tr.odd {
			background:#FFFFFF;
		}
		
		.dataTable > table > tbody > tr > td > a {
			color:#2C5136;
		}
	 
	 /**
	  *
	  *	 Widget
	  *
	  */
	  
	  		.widget {
				clear: both;
				border-radius: 0px;
				box-shadow: none;
				background:#FFFFFF; 
				margin: 0 0 1em;
				border: 1px solid #d6d6d6;
			}
			
			.widget > h1 {
				color: #FFFFFF;
				padding: 5px 5px 2px 10px; 
				font-size: 1.17em;
				background: #2C5136;
				height: 20px;
				margin: 0px;
                border-top-left-radius:0px;
				border-top-right-radius:0px;
			}
	  
			ul.widgetSwitch {
				background: #2C5136;
				border-radius: 5px;
				float:right;
				list-style:none;
				margin: 4px 0px 4px 0px;
				padding:0px;
			}
			
			ul.widgetSwitch > li {
				float:left;
			}
			
			ul.widgetSwitch > li > a {
				margin: 1px;
				transition: .2s ease;
				color: #FFFFFF;
				font-size: inherit;
				padding-top: 8px;
				padding-bottom: 8px;
				border-radius: 5px;
				text-decoration: none;
				padding-right: .85em;
				padding-left: .85em;
				line-height: 1;
				display: inline-block;
			}
			
			ul.widgetSwitch > li > a.selected {
				color: #575757;
				background:#FFFFFF;
				cursor: default;
			}
			
			.widget > section > label {
				display:block;
				font-family: Arial, Helvetica, sans-serif;
				color: #072D53; 
				font-size: 12px;
				}


			.transfer_funds_widget > ul > li {
				background: #2C5136; 
				margin:0px 4px 0px 0px;
				border: 1px solid #FFFFFF;
				float:left;
				border-bottom: 0;
				padding: .5em 1em;
			}
			
			.transfer_funds_widget > ul > li.selected {
				background: #56745d;
				border: 1px solid #56745d;
				border-bottom: 0;
			}
			
			.transfer_funds_widget > ul > li > a {
				text-decoration: none;
				color:#FFFFFF;
			}
			
			
			.transfer_funds_widget > ul > li.selected > a {
				color:#FFFFFF;
			}
			
			/* 
			.transfer_funds_widget > .widget * h3 {
				color:#072D53;
			}
			*/
	  
	  /**
	   *
	   *	Data Tables For Widgets
	   *
	   */
	    
	   	#alerts_and_messages * a,
		#quickLaunch * a,
	   	.widget * a {
			color: #2C5136; 
			white-space: nowrap;
			font-weight: bold;
            text-decoration:underline;
		}
		
        .widget > table {
        	margin-bottom:2px;
        }
        
		#accountSummary > table > tbody > tr,
		#transactionsView > table > tbody > tr,
		.account_details > .widget > table > tbody > tr,
		.widget > table > tbody > tr {
			border-bottom: 1px solid #ddd; 
		}
        
        #accountSummary > table > tbody > tr > th,
		#transactionsView > table > tbody > tr > th,
		#centrix > .widget > table > tbody > tr > th,
        .account_details > .widget > table > tbody > tr > th,
		.widget > table > tbody > tr > th {
        	background:#2C5136; 
            color:#FFFFFF; 
        }
        
        
        #accountSummary > table > tbody> tr:first-child,
        .account_details > .widget > table > tbody > tr:first-child,
        #balance_history > .widget > table > tbody > tr:first-child {
        	
            color:#666666;
            background:transparent;
        
        }
       
        #transactionsView > table > tbody > tr:first-child > th:first-child,
        #external_accounts > .widget > table > tbody > tr:first-child > th:first-child,
        #favorite_accounts > table > tbody > tr:first-child > th:first-child {
        	border-top-left-radius:0px;
        }
        
        #transactionsView > table > tbody > tr:first-child > th:last-child,
        #external_accounts > .widget > table > tbody > tr:first-child > th:last-child,
        #favorite_accounts > table > tbody > tr:first-child > th:last-child {
        	border-top-right-radius:0px;
        }