/* General Fonts and Styles */
.gen { font-size: 12px; color: #000000; }
.genw { font-size: 12px; color: #ffffff; }
.genb { font-size: 12px; color: #000000; font-weight: bold; }
.desc { font-size: 10px; color: #000000; }
.big { font-size: 16px; color: #000000; font-weight: bold; }
.large { font-size: 18px; color: #000000; font-weight: bold; }
.slogan { font-size: 24px; color: #000000; }
.results { font-size: 14px; color: #800102; font-weight: bold; }
.options { font-size: 12px; color: #800102; font-weight: bold; }
.title { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 22px; font-weight: bold; padding: 1px; }
.content { font-size: 12px; color: #000000; }
.contentbold { font-size: 12px; color: #000000; font-weight: bold; }
.description { font-size: 10px; color: #000000; }

/* Branches */
.infoBox { padding: 6px 6px 6px 6px; border: 1px solid #ccc; background-color: #ffffff; width: 300px; }

/* Line */
.tabline { height: 25px; border-bottom: 3px #3d77cb solid; }
.subtab { background: #F9F7F3; border-left: 1px solid #ADADAD; border-right: 1px solid #ADADAD; border-top: 1px solid #ADADAD; padding: 1px 3px 1px 3px; }
.subfont { font-family: Verdana,Arial,Tahoma; font-size: 18px; }

/* Breadcrumb Styles */
#breadcrumb { background: #EFEFEF; font-size: 12px; display: none; }
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover { font-size: 12px; }

/* Miscellaneous Styles */
.folder { display: inline; padding: 2px 0 0 22px; background: url(/website/framework/images/folder.gif) no-repeat center left; }
/*.search { font-size: 10px; color: #333333; width: 137px; height: 18px; border: 1px solid #999999; padding: 3px 3px 0px 3px; }*/
.footerbg { height: 24px; font-size: 10px; color: #ffffff; }

/* Blog Styles */
/*.blog { font-size: 16px; font-weight: bold; } */
.blog-menu { margin: 0 0; background: #FBFAF5; border: 1px solid #ADADAD; color: #000000; }
.blog-category { font-size: 14px; font-weight: bold; }
.blog-links ul { text-align:left; list-style:none; margin:0px 0 4px 0; padding:0; }
.blog-links ul li { display:inline; padding:0 4px 6px 0 ; }
.blog-links ul li.icon-delicious { background:url("/website/modules/blog/images/delicious.gif") no-repeat 0 0; }
.blog-links ul li.icon-digg{ background:url("/website/modules/blog/images/digg.gif") no-repeat 0 0; }
.blog-links ul li.icon-reddit{ padding:0 0 0 2px; background:url("/website/modules/blog/images/reddit.gif") no-repeat 0 0; }
.blog-links ul li.icon-facebook { background:url("/website/modules/blog/images/facebook.gif") no-repeat 0 0; }
.blog-links ul li.icon-stumbleupon { background:url("/website/modules/blog/images/stumbleupon.gif") no-repeat 0 0; }
.blog-links ul li a { padding:0 0 0 18px; margin:0 3px 0 0px; }

/* Loan Application */
.app-fieldset, .loanapp-fieldset { clear: both; font-size: 100%; border-color: #000000; border-width: 1px 0 0 0; border-style: solid none none none; padding: 0px; margin: 0 0 0 0; }
.app-legend, .loanapp-legend { background: #EFEFEF; border: 1px solid #000000; padding: 3px 6px; font-size: 14px; font-weight: bold; }

/* Search and Pager */
#pager { font-size: 11px; color: #000000; display: inline; }
#pager #left { float: left; text-align: left; padding-left: 3px; }
#pager #right { float: right; text-align: right; padding-right: 3px; }

/* Buttons */
button {
	background:url(/website/framework/images/button_fade.png) top center repeat-x #1e578e;
	border:1px solid #113252;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor:pointer;
	font-weight:bold;
	padding:6px 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 1px 1px 2px #666;
	-webkit-box-shadow: 1px 1px 2px #666;
	box-shadow: 1px 1px 2px #666;
}

button:hover {
	background:url(/website/framework/images/button_fade.png) top center repeat-x #a82c2a;
	border:1px solid #461212;
}

button:active {	background:#333;}
button img {margin-bottom:-4px;	padding:0 1px;}


/* Loan Application */
#app {
	height:88px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:#797574;
}

	#app h1 {
		margin:0;
		padding:0;
		font-size:15px;
	}


#app ul {
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:10px;
}

#app li {
	list-style:none;
	float:left;
	width:88px;
	height:50px;
	margin-right:6px;
	padding:10px;
	border-radius:4px;	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

	#app li:hover {
		
	}
	
#app  li.done {
	background:#333;
	cursor:pointer;
}

	#app li.done:hover {
		
	}
	
#app  li.current {
	background:#fd9b1c;
	color:#fff;
}

	#app li.current:hover {
		
	}	
	
/*##################################################################################*/
.post-wrapper {
   	background-color: #fff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(1, #ffffff), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient(center top , #ffffff, #eeeeee);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 16px;
}


.mod-header {
    background: none repeat scroll 0 center transparent;
    height: 1%;
    position: relative;
}

.mod-header h3 {
    border-bottom: 1px solid #DDDDDD;
    color: #999;
    font-family: helvetica,arial,sans-serif;
    font-size: 26px;
    line-height: 24px;
    margin: 0 0 0 30px;
    padding: 0 0 6px;
	text-decoration:none;
}

.mod-header h3 a  {
	color:#444;
	text-decoration:none;
}

.mod-header h3 a:hover  {
	color:#0068c9;
	text-decoration:underline;

}

.mod-header .datetime {
    background: url("/website/framework/images/datetime.png") no-repeat scroll 0 0 transparent;
    font-family: helvetica,arial,sans-serif;
    font-weight: 700;
    height: 59px;
    left: -28px;
    position: absolute;
    top: -1px;
    width: 50px;
}

.mod-header .datetime .monthday {
    color: #DDDDDD;
    font-size: 11px;
    height: 17px;
    margin: 8px 7px 0;
    text-align: center;
    text-transform: uppercase;
    width: 41px;
}

.datetime .time {
    color: #444444;
    font-size: 14px;
    margin: 0 7px 7px;
    text-align: center;
    width: 41px;
}

.mod-header .datetime .time {
    color: #444444;
    font-size: 14px;
	margin: 0 0 7px 6px;
    text-align: center;
    width: 41px;
}

.mod-header .datetime .timeofday {
    color: #666666;
    font-size: 10px;
    margin: -10px 7px 7px;
    text-align: center;
    width: 41px;
}

.mod-header .sub-head {
    margin: 2px 0 0 30px;
    overflow: hidden;
    padding: 4px 0;
}

.mod-content {
	border: 0 none;
    color: #333333;
    font-size: 12px;
    padding: 2px;
	margin-top:10px;	
	overflow: auto;
}

.mod-content .alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.mod-content .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.mod-content .aligncenter { margin: 0 auto 0; }

.mod-footer {
   margin-bottom:60px;
}
/*fix LinkedIn share button in blogs*/
.IN-widget { vertical-align: top !important; }