.clear { clear: both; }
/* Uncomment this section to create a sticky footer that is 60px in height. Change dimensions to increase/decrease footer height
html,
body { height: 100%; }
#layout-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; }
#push,
#footer { height: 60px; }
*/
/* Misc
================================================== */
[class*="span"]:first-child 
{
margin-left: 0;
}

.carousel
{
	margin-bottom: 0;
}

h1
{
	font-style: italic;
	font-size: 24px;
}

.row
{
	margin:0;
	background: #fff;
}

body
{
	background: #3360a3;
}

.hero-unit
{
	webkit-border-radius: 0;
	moz-border-radius:0;
	border-radius:0;
}

.widget-content
{
	padding: 10px 20px;
}

.zone-content
{
	padding: 10px;
}

/* first aside
================================================== */
.zone-aside-first
{
	padding: 10px;
}
/* #Lists
================================================== */
ul, ol { margin: 0; }
ul { list-style: disc outside; }
ol { list-style: decimal; }
ol, ul, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { }
ul ul li, ul ol li,
ol ol li, ol ul li { }

/* Navigation
=================================================================== */
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret
{
	border-top-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret 
{
	border-top-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
}

.navbar .nav .dropdown-toggle .caret 
{
	margin-top: 10px;
	*margin-top: 5px;
}

/*link currently selected*/
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus 
{
	color: #fff;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/*dropdown currently selected*/
.dropdown-menu .active > a, .dropdown-menu .active > a:hover
{
	color: #fff!important;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
	color: #fff!important;
}

.dropdown-menu li > a
{
	display: block!important;
	padding: 3px 20px!important;
	clear: both!important;
	font-weight: normal!important;
	font-size: 12px!important;
	font-style: normal!important;
	line-height: 20px!important;
	color: #333!important;
	white-space: nowrap!important;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a
{
	color: white!important;
	text-decoration: none!important;
	background-color: #0081C2!important;
	background-image: -moz-linear-gradient(top,#08C,#0077B3)!important;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3))!important;
	background-image: -webkit-linear-gradient(top,#08C,#0077B3)!important;
	background-image: -o-linear-gradient(top,#08C,#0077B3)!important;
	background-image: linear-gradient(to bottom,#08C,#0077B3)!important;
	background-repeat: repeat-x!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)!important;
}

.navbar-inner
{
	filter:none;
}

/* Header
=================================================================== */
/* Comment this section to disable hover-over dropdowns. Also add class name of "disabled" to <a> tag in MenuItemLinkdd.cshtml in Views folder */
@media(min-width: 979px)
{
	.navbar .nav > li.dropdown:hover ul.dropdown-menu { display: block; }
	.navbar .nav > li.dropdown ul.dropdown-menu { margin-top: 0; } 
}
/* IE 8 */
.navbar .nav > li.dropdown:hover ul.dropdown-menu { display: block\9; }
.navbar .nav > li.dropdown ul.dropdown-menu { margin-top: 0\9; } 

.navbar .nav > li.dropdown i { opacity: 0.60; filter: alpha(opacity = 60); }
.navbar .nav > li.dropdown:hover i { opacity: 1; filter: alpha(opacity = 100); }
/* second level menu links */
.dropdown .dropdown { position: relative; }
.dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown > a > b { border: none; }
/* third level menu links */
.dropdown .dropdown .dropdown { position: relative; }
.dropdown .dropdown .dropdown:hover > .dropdown-menu { display: block; }
.dropdown .dropdown .dropdown:hover > a { color: #ffffff; text-decoration: none; background-color: #0088cc; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); -webkit-linear-gradient(top, #0088cc, #0077b3); -o-linear-gradient(top, #0088cc, #0077b3); linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088c', endColorstr='#ff0077b3', GradientType=0); }
.dropdown .dropdown .dropdown:hover > a:after { border-left-color: #ffffff; }
.dropdown .dropdown .dropdown > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; border-color: transparent; border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; content: " "; }
.dropdown .dropdown .dropdown > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown .dropdown .dropdown > a > b { border: none; }

/* applies to header widget
=================================================================== */
.widget-main-menu-header p
{
	margin: 0;
}

.widget-main-menu-header p a
{
	display: block;
	height: 81px;
	width:340px;
	text-indent:-9999px;
}

/* applies to main menu widget
=================================================================== */


.widget-mainmenu .navbar .nav
{
	float: right\9;
}

.widget-mainmenu .navbar
{
	margin-bottom: 0;
}

.widget-mainmenu .navbar-inner
{
	padding: 0;
	border: none;
	background:none;
	box-shadow:none;
}

.widget-mainmenu .navbar-inner .nav
{
	margin: 0;
}

.widget-mainmenu .nav > li > a
{
	color: #0066cc;
	font-weight: bold;
	padding: 10px 10px;
	margin: 0;
	text-decoration: none;
	text-shadow: none;
	font-size:12px;
}

.widget-mainmenu .nav > li > a:hover,
.widget-mainmenu .navbar .nav > .active > a
{
	color: #666;
}

.widget-mainmenu .brand
{
	display: none;
}

.widget-mainmenu ul
{
	padding-left:40px\9;
	background-image: url('../content/white-diagonal-border.gif')\9;
	background-repeat: none\9;
}

.widget-mainmenu li
{
	background-color: white\9;
}

@media (min-width: 980px)
{	
	#layout-navigation .menu
	{
		float: right;
	}
	
	.widget-mainmenu ul
	{
		padding-left:40px;
		background-image: url('../content/white-diagonal-border.gif');
		background-repeat: none;
	}

	.widget-mainmenu li
	{
		background-color: white;
	}
}

@media (max-width: 979px)
{	
	#layout-navigation .menu
	{
		float: none;
	}
}

/* sidemenu
=================================================================== */
.menu-side-menu li
{
	border-bottom: 1px solid #08C;
}

.menu-side-menu li a
{
	padding: 5px;
}


/* widget-featured-menu
=================================================================== */

.widget-featured .navbar
{
	margin-bottom: 0;
}

.widget-featured .navbar .brand
{
	display: none;
}

.widget-featured .navbar .navbar-inner 
{
	padding: 0;
	min-height: 40px;
	
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.widget-featured .navbar  .nav
{
	margin: 10px auto;
	float: none;
	/*overflow: auto;*/
	*margin: 0;
	*padding: 15px 0 15px 15px;
}

.widget-featured .navbar .nav li
{
	text-align: center;
	line-height:21px;
	font-size: 14px;
}

.widget-featured .navbar .nav li a
{
	color: #fff;
	text-decoration: none;
	font-style:italic;	
	font-weight:bold;
	display:block;
	padding: 7px 0px;
	text-shadow: none;
}

.widget-featured .navbar .nav li a:hover,
.widget-featured .navbar .nav > .active > a
{
	color: #ffcc00;
}

.widget-featured .navbar .nav li p
{
	margin: 0;
}

/* Customize the navbar links to be fill the entire space of the .navbar */
.widget-featured .navbar .navbar-inner 
{
	padding: 0;
}
.widget-featured .navbar .nav 
{
	margin: 10px 0;
	display: table;
	width: 100%;
}
.widget-featured .navbar .nav li 
{
	display: table-cell;
	width: 1%;
	float: none;
}

.dropdown-menu li
{
	display:block!important;
	width: 100%!important;
}

.dropdown-menu { left: auto; }

@media (max-width: 480px) {
.widget-featured .navbar .navbar-inner 
{
	padding: 5px 20px;
}
.widget-featured .navbar .nav 
{
	margin: 10px auto;
	display: block;
	width: 100%;
}
.widget-featured .navbar .nav li 
{
	display: block;
	width: 100%;
	float: none;
}
}

/* widget-slideshow-submenu
=================================================================== */

.widget-slideshow-submenu .navbar-inner 
{
	background: #003366;
}

.widget-slideshow-submenu  .navbar .nav
{
	/*width: 850px;*/
}

/* Backgrounds for widgets
=================================================================== */

.widget-main-menu-header
{
	height: auto;
	min-height: 121px;
	background:url('../content/menu_bg.jpg') no-repeat;
}

.widget-nav-homepage
{
	height: auto;
	min-height: 121px;
	background:url('../content/menu_bg.jpg') no-repeat;
	margin-top:-155px;
}

.widget-main-homepage
{
	margin-top: -41px;
	height: auto;
	min-height: 247px;
	background:url('../content/main_bg.jpg') no-repeat;
}

.widget-nav-default
{
	height: auto;
	min-height: 316px;
	background:url('../content/main_menu_bg.jpg') no-repeat;
	margin-top:-155px;
}

.widget-nav-shareholder
{
	height: auto;
	min-height: 312px;
	background:url('../content/shareholder_bg.jpg') no-repeat;
	margin-top:-155px;
}

.widget-nav-careers
{
	height: auto;
	min-height: 313px;
	background:url('../content/careers_bg.jpg') no-repeat;
	margin-top:-155px;
}

.widget-nav-sbu
{
	height: auto;
	min-height: 121px;
	background:url('../content/sbu_menu_bg.jpg') no-repeat;
	margin-top:-155px;
}

/* Collapsed Navigation Global Settings
=================================================================== */
/*menus are collapsed at 979px width*/
@media (max-width: 979px)
{
	.widget-menu-widget
	{
		padding: 0;
	}

	.widget-menu-widget .navbar .brand
	{
		width: auto;
		height: auto;
		text-indent: 0;
		padding: 10px 20px;
	}

	.widget-menu-widget .navbar .navbar-inner {
		text-align: left;
		min-height: 40px;
		padding: 5px 20px;
		background-color: #FAFAFA;
		background-image: -moz-linear-gradient(top, white, #F2F2F2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
		background-image: -webkit-linear-gradient(top, white, #F2F2F2);
		background-image: -o-linear-gradient(top, white, #F2F2F2);
		background-image: linear-gradient(to bottom, white, #F2F2F2);
		background-repeat: repeat-x;
		
		border: 1px solid #D4D4D4;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
	}
	
	.widget-menu-widget .navbar .navbar-inner .container
	{
		margin: 0;
	}
	
	.widget-menu-widget .navbar .nav li
	{
		border: none;
		padding: 0;
	}
	
	.widget-menu-widget .navbar .nav > li p,
	.widget-menu-widget .navbar .nav > li a
	{
		text-align: left;
	}
	
	.widget-menu-widget .navbar .nav li a,
	.widget-menu-widget .navbar .nav > li > a,
	.widget-menu-widget .navbar .nav li p a
	{
		color: #777;
		padding: 10px 5px;
		margin: 0;
		text-decoration: none;
		text-shadow: none;
		font-size: 12px;
	}
	
	.widget-menu-widget  .nav-collapse.in.collapse .dropdown-menu a:hover
	{
		color: #fff;
	}
	
	.widget-menu-widget  .nav-collapse.in.collapse .dropdown-menu a
	{
		color: #777;
	}
	.widget-menu-widget .nav-collapse.in.collapse .nav .active > a, 
	.widget-menu-widget .nav-collapse.in.collapse .nav > li > a:hover, 
	.widget-menu-widget .nav-collapse .dropdown-menu a:hover,
	.widget-menu-widget .nav-collapse.in.collapse .nav p a:hover, 
	.widget-menu-widget .nav-collapse .nav li.dropdown.open > .dropdown-toggle, 
	.widget-menu-widget .nav-collapse .nav li.dropdown.active > .dropdown-toggle, 
	.widget-menu-widget .nav-collapse .nav li.dropdown.open.active > .dropdown-toggle
	{
		color: white;
		text-decoration: none;
		background-color: #0081C2;
		background-image: -moz-linear-gradient(top,#08C,#0077B3);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3));
		background-image: -webkit-linear-gradient(top,#08C,#0077B3);
		background-image: -o-linear-gradient(top,#08C,#0077B3);
		background-image: linear-gradient(to bottom,#08C,#0077B3);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	

}

/* Collapsed Navigation for backgrounds
=================================================================== */

@media (max-width: 979px)
{	
	.widget-nav-homepage
	{
		margin-top:0;
	}

	.widget-nav-default
	{
		margin-top:0;
	}

	.widget-nav-shareholder
	{
		margin-top:0;
	}

	.widget-nav-careers
	{
		margin-top:0;
	}

	.widget-nav-sbu
	{
		margin-top:0;
	}
	
	.widget-main-homepage
	{
		margin-top: 0;
	}
}
/* arrows
=================================================================== */
.arrow-up,
.arrow-right,
.arrow-down,
.arrow-left {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */

  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-up {
  border-bottom-width: 1em;
  border-bottom-style: solid;
  border-bottom-color: #FFF;
  bottom: 0.25em;
}

.arrow-right {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #FFF;
  left: 0.25em;
}
                    
.arrow-down {
  border-top-width: 1em;
  border-top-style: solid;
  border-top-color: #FFF;
  top: 0.25em;
}

.arrow-left {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #FFF;
  right: 0.25em;
}

/* footer
=================================================================== */
.zone-footer .widget-info p
{
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	color: #143568;
}

/* Homepage
=================================================================== */
/* set a max-width for horizontal fluid layout and make it centered */
#layout-featured
{
	padding: 0;
	margin-bottom: 0;
}

#layout-wrapper
{
  margin-right: auto;
  margin-left: auto;
  max-width: 970px; 
}

/* Comments
=================================================================== */
.comments-sec { float: left; width: 100%; line-height: 20px; margin-top: -15px; }
ol.commentlist { float: left; width: 100%; margin: 0; }
ol.commentlist li { float: left; border-top: 1px solid #e7e7e7; padding: 25px 0 20px 0; }
ol.commentlist li:first-child { border: none; padding: 25px 0 0px 0; }
ol.commentlist li { list-style: none; }
ol li ol.childlist { float: right; width: 89%; margin: 0px; }
ol.commentlist li ol.childlist li:first-child { border-top: 1px solid #e9e9e9; padding: 25px 0 0 0; font-size: 12px; }
ol.commentlist li ol.childlist li { border-top: 1px solid #e9e9e9; margin: 25px 0 15px 0; font-size: 12px; }
.comments { float: left; width: 100%; }
.comments-amount { color: #888; }
ol li ol.childlist .comment-des { float: right; width: 89%; }
.avatar { float: left; }
.comment-des { float: right; width: 90%; }
.comment-des strong { float: left; padding-right: 5px; font-size: 12px; }
.comment-des span { float: left; color: #888; }
.comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px; color: #000; }
.ie7 .comment-by span.reply span { display: none; }
.comment-by span.reply { color: #888; float: right; display: inline; }
.comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; float: right; }
.comment-by span.date { color: #888; padding-right: 7px; float: right; }
.ie7 .comment-by .date { display: none; }

/* Contact Form
=================================================================== */
.field textarea { max-width: 97%; min-width: 97%; height: 130px; margin: 5px 0 15px 0; }
.field input { width: 240px; margin-bottom: 15px; }
.field:focus { border: 1px solid #eee; }
.field label span { color: #666; }
.field .validation-error,
.field .validation-error:focus { border: 1px solid #f2c4c2; background: #ffeceb; }
.loading { background: url(../images/loader.gif) no-repeat 1px; height: 28px; width: 28px; float: left; margin: 5px 0 0 10px; display: none; }
.success-message .notification { margin-bottom: 20px; }
.success-message { display: none; }
.form-spacer { margin-top: 20px; }

/* Posts
=================================================================== */
.post { padding: 10px 20px; border-bottom: 1px solid #eee; margin-bottom: 0 }
.post.post-page { border-bottom: none; margin-bottom: 0; }
.post-content { margin: 22px 0 0 0px; }
.post .post-meta {display:none;}

/* Tags */
.post-meta { background: #fff; color: #666; margin: 5px 0px; padding: 10px 5px; border-top: 1px solid #eee; }
.post-meta a { text-decoration: none; }
.post-meta a:hover { }
.post-meta i { opacity: 0.35; filter: alpha(opacity = 35); margin-right: 5px; zoom: 1; }
.post-meta span { margin-right: 10px; }

/* Pagination
=================================================================== */
.pager { text-align: left; margin-bottom: -10px; }
.pager a,
.pager span { padding: 4px 12px; border: 1px solid #ddd; border-left-width: 0; display: inline-block; *float: left; background: #fff; margin-right: -1px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.ie7 .pager span { margin-right: 5px; }

/* JQuery Cycle Plugin settings
=================================================================== */
.slideshow img { display: none; }
.slideshow img.first { display: block; }

/* JQuery Carousel settings
=================================================================== */
.widget-career-rotator { margin-top: -190px; margin-bottom: 190px; padding-left: 15%; padding-right: 15%; }
#my-carousel img { display: none; }