/* -----------------------------------------------------------------------
	Overwrite Blueprint CSS Defaults
 ---------------------------------------------------------------------- */
body	{background:url(../images/main-bg.jpg) no-repeat top center fixed;margin:0}
body 	{font-size:75%;color:#75746e;font-family:Helvetica, Lucida Sans, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#185890;}
.large 	{font-size:1.2em;line-height:1.8em;margin-bottom:0em;}
.prepend-half	{padding-left:20px}
a 		{outline:none;}
ul.span-1, ul.span-2, ul.span-3, ul.span-4, ul.span-5, ul.span-6, ul.span-7, ul.span-8, ul.span-9, ul.span-10, ul.span-11, ul.span-12, ul.span-13, ul.span-14, ul.span-15, ul.span-16, ul.span-17, ul.span-18, ul.span-19, ul.span-20, ul.span-21, ul.span-22, ul.span-23, ul.span-24 {float:left;margin-right:10px;}

h1		{ font-size:2.8em; margin-top:18px;  font-family: 'Lato', sans-serif;}
h2 		{ font-size:2em; font-weight:300; margin-bottom:0.25em; font-family: 'Lato', sans-serif; color:#000 }
h3		{ font-size:1.4em; font-weight:normal; margin-bottom:0.25em; font-family: 'Lato', sans-serif; }
p img.right  {margin-top:0}

/* -----------------------------------------------------------------------
	COMMON TENELEVEN FRAMEWORK
 ---------------------------------------------------------------------- */
.btop		{border-top:1px solid #ededed;margin:15px 0 0 0;padding:0 0 5px 0}
.bbottom	{border-bottom:1px solid #ededed;margin:0 0 15px 0;padding:5px 0}
.bleft		{border-left:1px dotted #ededed;}
.border-box  {padding:1em;border: 1px solid #ededed;margin-bottom:1em;
            background: #EBECEE; /* for non-css3 browsers */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBECEE'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBECEE)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #FFFFFF,  #EBECEE); /* for firefox 3.6+ */ }
            
.border-box h3  {color:#000;border-bottom:1px solid #ddd;padding-bottom:.5em}
.highslide img {border:0}
img.border, .highslide img  {padding:1px;border: 1px solid #ededed; margin-bottom:1em}	
.highslide-html-content {padding:0}
.highslide-header {padding-bottom:0}

.nolist		{list-style:none;margin:0;padding:0}
a[href^="http:"] {  background-image: none; padding:0;margin:0}
/* -----------------------------------------------------------------------
	Template Styles
 ---------------------------------------------------------------------- */
.container {background:url(../images/bg-main.jpg) no-repeat top center #fdfdfd}

#header		{position:relative;height:112px;}
#logo		{ margin:24px 0 0 28px; }
#bannerwrap	{ margin:0; position:relative; z-index: 1; background:url(../images/bannerbottom.png) no-repeat bottom; padding-bottom:27px}
#bannerwrap p {margin:0}
#search {position:absolute;right:25px;top:25px}
#search .search_box	{float:left;height:17px;width:163px;background:url(../images/search.png) no-repeat top left; padding:4px 6px;color:#888;border:0;margin:0;}
#search .search_box:focus,#search .search_box:hover	{background-position:bottom left;color:#000}
#search .search_button {float:left;background:url(../images/search.png) no-repeat top right;cursor:pointer;text-indent:-9999em;text-transform: capitalize;width:30px;height:25px;border:0;}
#search .search_button:hover	{background-position:bottom right;}

#footer		{ border-top:40px solid #ebebeb; background:url(../images/footer-bg.jpg) no-repeat top left;color:#a5a5a5;padding-top:28px}
#footer h3  {color:#fff;font-size:1.1em;border-bottom:1px dotted #5b5f6c;padding-bottom:6px;margin-bottom:6px;clear:both;}
#footer h3 a, #footer h3 a:hover  {color:#fff}
#footer .offices	{ background:transparent url(/images/locations.png) no-repeat 100% 25px;height:150px;margin-right:40px}

#copyright	{ color:#a5a5a5; margin:0px; background:url(../images/copyright-bg.jpg) no-repeat top left;text-align:right;font-size:.9em;padding-top:12px;padding-bottom:12px }
#copyright ul {list-style:none;margin:0;padding:0;display:inline}
#copyright ul li {display:inline}

#status {position:absolute;right:250px;top:28px}

.homenews h3 a  {color:#185890}
.homenews .byline {    color: #888888;font-size: 0.9em;}
.homenews .thumbnail  {float:left;margin:0 2em 2em 0;padding:1px;border: 1px solid #ededed; margin-bottom:1em}
.te_blog .thumbnail  {float:right;margin:0 0 2em 2em;padding:1px;border: 1px solid #ededed; margin-bottom:1em}
.homenews hr.shadow {margin-bottom:0}
.homenews .header {border-bottom:1px dotted #dadadb;padding-bottom:12px;margin-bottom:1.5em}
h1.icon {padding-left:50px;background:url(../images/semicon.jpg) no-repeat 0 50%;line-height:1.4}
hr.shadow {margin:.5em 0; background:url(../images/hr.png) no-repeat bottom; padding-bottom:27px}
.vocabulary h4 {margin-bottom:0}


/* -----------------------------------------------------------------------
	Navigation Styles
 ---------------------------------------------------------------------- */

#main_menu		  { position:relative;z-index:9; margin-bottom:0}
#main_menu a{ display:block; height:76px;width:135px; background:url(../images/nav-sprite.jpg) no-repeat; background-color:transparent !important; text-indent:-9999px; padding:0; margin:0; border:none }

#homelink a                { width:137px; background-position:0px top;   }
#netcentric-intelligence a { background-position:-137px top;}
#solutions a               { background-position:-272px top;}
#support a                 { background-position:-407px top;}
#news a                    { background-position:-542px top;}
#company a                 { background-position:-677px top;}
#contact a                 { width:137px; background-position:-813px top;}

#homelink a:hover                { background-position:0px -76px;   }
#netcentric-intelligence a:hover { background-position:-137px -76px;}
#solutions a:hover               { background-position:-272px -76px}
#support a:hover                 { background-position:-407px -76px}
#news a:hover                    { background-position:-542px -76px}
#company a:hover                 { background-position:-677px -76px}
#contact a:hover                 { background-position:-813px -76px}

#homelink.sfHover a                      { background-position:0px -152px;   }
#netcentric-intelligence.sfHover a       { background-position:-137px -152px;}
#solutions.sfHover a                     { background-position:-272px -152px}
#support.sfHover a                       { background-position:-407px -152px}
#news.sfHover a                          { background-position:-542px -152px}
#company.sfHover a                       { background-position:-677px -152px}
#contact.sfHover a                       { background-position:-813px -152px}


.sf-menu li {background:transparent;font-family: "Lato";}
.sf-menu li li{background:#fff;border-left:1px solid #eee}
.sf-menu li li li{background:#fff;}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:76px;z-index:99;}
#main_menu li ul li a { background-image:none; text-indent:0px; height:auto;color:#aaa; display:block;padding:.75em 1em; font-size:1.2em;white-space:nowrap}
#main_menu li ul li a:hover, #main_menu li ul li:hover a {text-decoration:none; color:#000; }
.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{background:#f3f3f4;outline:0;}
.sf-shadow ul{background-image:url('../images/shadow.png')}



/* -----------------------------------------------------------------------
	Link Styles
 ---------------------------------------------------------------------- */

a{text-decoration:none;color:#185890}
a:hover{text-decoration:underline;color:#185890;}
#footer a{text-decoration:none;color:#008bc5}
#footer a.button {text-decoration:none;color:#fff}
#footer a.button:hover {text-decoration:none;color:#fff}
#footer a:hover{text-decoration:underline;color:#008bc5;}

a.infoLink{ padding:2px 4px; color:#fff; background:url(../images/infoLink.gif) repeat-x top #c30831; font-size:10px;text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.form{  list-style:none;  margin: 0;  padding: 0;}

.ui-accordion-header {cursor:pointer;margin-top:1px;position:relative;}
.ui-icon {left:0.5em;margin-top:-8px;position:absolute;top:50%;}

.ui-accordion-header a {display:block;font-size:1em;padding:0.5em 0.5em 0.5em 2.2em;}
.ui-accordion .ui-accordion-content  {padding:.5em 1em} 

.sidebar  {border:1px solid #ededed;margin-top:1em;}
.sidebar .pad {padding:1em}
.sidebar h3 {padding:20px 0 0 65px;margin:0; color:#fff; background:url(../images/learn.jpg) no-repeat;font-size:1.4em;height:33px}
.sidebar ul.form label {width:37%;font-size:.9em}
.sidebar ul.form input[type="text"], .sidebar ul.form input[type="password"], .sidebar ul.form textarea {width:96%;padding:4px}
.sidebar ul.form select {width:100%}
.sidebar ul.form label {clear:left;float: none;width: auto;}

ul.form input[type="text"], ul.form input[type="password"], ul.form textarea  {background:#e3f0f7;padding:4px;border-color:#cbcbcb;}
ul.form select {background:#4b90bc; padding:2px;color:#fff }
#contact_form .button {margin-top:1em;}
#te_contact_container  .button {float:none; margin:1em 0}


.job_list h3  {margin-bottom:0.25em}
.job_list li  {background:url(../images/hr.png) no-repeat bottom; padding-bottom:37px}
.te_job_posting_date {font-size:.9em;display:none}
.te_job_posting_location, .posting_details .location  {font-weight:700;font-size:1.2em; margin-bottom:.25em }
#job_posting .date {margin-bottom:0}

.te_blog .te_blog_post {background:url(../images/hr.png) no-repeat bottom; padding-bottom:37px}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 100%;
	height:460px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
  width:560px;
  margin-right:100px
}

/* disabled navigational button */
.controls a.button.disabled {
	visibility:hidden !important;		
}

.controls a.button.left, .controls .navi {float:left}
.controls .navi {margin:6px 0 0 30%}
.controls .navi a {background: url("/images/navigator.png") no-repeat scroll 0 0 transparent;display: block;float: left;font-size: 1px;height: 8px;margin: 3px;width: 8px;cursor:pointer}
.controls .navi a.active {background-position: 0 -16px;}
    
    
sup  {font-size:.25em}

.pager {position:relative;}
.pager #nav {position:absolute;left:12px;bottom:15px;z-index:999;}
.pager #nav a {display:block;float:left;background:url(/uploads/images/pager.png) no-repeat;height:15px;width:15px;overflow:hidden;margin:0 .25em;text-indent:-99em;}
.pager #nav a.activeSlide {background-position:bottom}


/* Search Results */
#search_results h2{font-family:inherit;font-size:1.3em;margin:0;padding:0;}
#search_results  {list-style:none;margin:0;padding:0}
#search_results li {list-style:none;margin:0 0 1em 0;}

#search_results p{margin:0;}
#search_results .search_url a{color:#185890;font-size:0.9em;}
#search_results .thumbnail img{border:1px solid #FFF;}

.pagination{background:none repeat scroll 0 0 #0066a4;margin-bottom:1em;}
.pagination ul{list-style:none outside none;margin:0;padding:0;}
.pagination li{float:left;margin:0;padding:0.5em 0.25em;}
.pagination li #viewall{display:inline;margin:0 0.5em 0 1em;}
.pagination li a{color:#84c1e6;}
.pagination li a:hover,.pagination li a.current{color:#fff;text-decoration:none;}
.pagination li.summary{border-right:1px solid #FFF;color:#FFF;margin-right:1em;padding:0.5em 1em;}
.pagination li.selected{background:none repeat scroll 0 0 #185890;}
.pagination li.next{margin-left:0.5em;}

.search-controls .btn {font-size:.9em} 
.search-controls input[type="text"], .search-controls select {padding:2px} 
.reply_form  {margin-top:1.75em}
.reply_form h2  {font-size:1.9em;font-weight:300}

ul.videolist {list-style:none;margin:0;padding:0;}
ul.videolist li {margin-bottom:1em;clear:left;}
ul.videolist li .thumb  {float:left;margin:0 1em 1em 0;}
ul.videolist li h3  {padding-top:.5em}
.video-date {font-size:.9em;color:#888}
.video-filter select, .video-filter #video-query  {padding:2px;background:#e3f0f7;padding:3px 2px 3px 3px;border:2px solid #cbcbcb;margin-left:1em}
.video-filter .filter {float:right;display:none;}
.video-filter #video-query {padding:4px;width:160px}
.video-filter label {float:left;margin-top:1em}

.video-filter {padding:0 1em}
.video-back {float:right;margin:0 0 1em 1em;}
.album ul.videolist li .thumb  {width:130px;}
.album ul.videolist li hr.shadow {display:none;}
.album ul.videolist li .video-date  {margin:0}
/* --
.album legend span {background: url("/images/plus.png") no-repeat scroll 0 50% transparent;padding-left:8px;cursor:pointer}
.album legend span.active {background-image: url("/images/minus.png")}
.album {padding-bottom:.4em} --*/

.video-sidebar ul.videolist li {margin-bottom:.25em;}
.video-sidebar ul.videolist li .thumb{width:60px;margin:0 .5em .25em 0}
.video-sidebar .videolist {font-size:1em}
.video-sidebar h4 {font-size:.9em;padding-top:.25em;margin:0}
.video-sidebar .video-date {font-size:.8em;color:#888;margin:0}
.video-sidebar .ui-tabs .ui-tabs-nav li a {padding:.25em 1em}
.video-sidebar .ui-tabs-panel {padding:1em .5em!important;height:500px;overflow:auto}