/**
 *
 * Styling Cascade Stylesheet
 *
 * This is only for styling purpose,
 * only colorization etc and no
 * layout...
 *
 * @client Nordic Edge
 * @project Nordic Edge Main site
 *
 */
 
 
/**
 *	TYPOGRAPHY
 *	GOES HERE
 */ 

* {
	font-family: "Trebuchet MS", Arial, Helvetica, Myriad Pro, serif;
	font-size: 9pt;
}
 
h1 {
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, Myriad Pro, serif;
}

h3 {
} 



h4,
h4 a {
	font-size: 15px;
	text-decoration: none;
	padding: 8px 0px;
	color: #f04e29;
}



h4 a:hover {
	color: #983620;
}

span {
}

p {
	color: #515151;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, Myriad Pro, serif;
}

a {
}

ul {
	list-style: none;
}

ul li.leaf {
	list-style: none;
}
 
html, body { min-height: 100%;}


html body div#divFooter div.block a h2:hover
{
	color: #393939;
}
html body div#divFooter div.block ul li a:hover {
	color: #f04e29;
}

/*************************************/ 
 

/**
 * Admin Interface Styling e.g block page
 * Here goes both layout and style...
 */




table#blocks {
	width: 100%;
}

table#blocks tr td {
	padding: 12px;
} 

table#blocks tr.draggable {
	border-bottom: 1px solid #969267;
}

table#blocks tr.draggable.drag-previous td {
	background: #cee5b7;
}


table#blocks tr.draggable td {
	background: #eeebce;
}

table#blocks tr.draggable td a {
	text-decoration: none;
	color: #FFF;
	margin-left: 25px;
	padding: 6px;
	background: #222;
	-moz-border-radius: 4px;
}

table#blocks tr.draggable td a:hover {
	background: #ccc;
	color: #222;
}
 
table#blocks tr.draggable td.block a {
	padding: 3px;
	background: none;
	margin-left: 3px;
} 
 
form#block-admin-display-form #edit-submit {

	margin: 10px 0px 15px 180px;
	background: #222;
	-moz-border-radius: 4px;
	color: #FFF;
	border: none;
	padding: 8px;
} 

form#block-admin-display-form #edit-submit:hover {
	background: #ccc;
	color: #222;
	cursor: pointer;
}
 
/*************************************/ 
 
 
 
div#divPrimaryLinks {
	background: url(images/menu.jpg) no-repeat;
	width: 731px;
	height: 50px;
} 

div#divPrimaryLinks ul li a {
	color: #bababa;
	text-decoration: none;
}


div#divPrimaryLinks ul li {
	margin-top: -2px;
	padding-bottom: 9px;
}
div#divPrimaryLinks ul li.active {
	background: #000;
	border-top: 1px solid #ed3900;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
}

div#divPrimaryLinks ul li:first-child.active {
	background: #000;
	border-top: 1px solid #ed3900;
	border-right: 1px solid #333333;
	border-left: none;
}

div#divPrimaryLinks ul li:hover {
	background: #111;
	border-top: 1px solid #ccc;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
}



div#divPrimaryLinks ul li:hover a {color: #FFF;}


div#divPrimaryLinks ul li.active a {
	color: #FFF;
}

div#divPrimaryLinks ul li.first {
	
}

div#divPrimaryLinks ul li.first a {

}

span.activeMenu {
	position: absolute;
	z-index: 1;
	margin-top: -18px;
	margin-left: -20px;
	height: 1px;
	background: url(images/activeTop.png) #f04500 no-repeat;
	background-position: center 0px;
}

/**
 *	Post styling goes here
 */

.node h2 a {
	font-size: 22px;
	color: #ed6400;
	text-decoration: none;
}

.node h2,
h2.page-title {
	margin-bottom: 5px;
	font-size: 22px;
	color: #f04e29;
	
	text-decoration: none;		
}

h2.page-title { margin-top: 15px;}

.node h2.title {
	border-bottom: 1px dashed #ddd;
	margin-bottom: 15px;
	padding-bottom: 7px;
}

/**********************************/

/**
 *	Sidebar styling goes here
 */

 div#divSidebarRight {
	border-left: 1px dotted #ccc;
	margin-left: -1px;
 }
 
 div#divSidebarRight .block h2 {
	font-size: 22px;
	color: #181818;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 6px;
 }	
 
 
 div#divSidebarRight .block a {
	color: #125f90;
	text-decoration: none;
	font-weight: bold;
 }
 
   /**
   * SEARCH FORM
   */ 
   
div#divMenuWrap div#divSearchForm {
	background: url(images/searchbkg.png) no-repeat;
	width: 252px;
	height: 50px;
}   
 
 div#divSearchForm  label {
	display: none;
 }
 
 div#divSearchForm h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0px 0px 6px;
	color: #FFF;
 }

   
div#divSearchForm h2 {
	display: none;
}   
 div#divSearchForm input.form-text {
	background: url(images/search-input.png) no-repeat;
	width: 193px;
	height: 24px;
	border: none;
	padding: 8px 2px 2px 30px;
	margin-left: 10px;
	color: #ccc;
	margin-top: 10px;
 }

 div#divSearchForm input.form-submit {
	border: 0px;
	background:  url(images/go.png) no-repeat;
	color: #FFF;
	position: absolute;
	right: 8px;
	top: 13px;
	cursor: pointer;
	font-size: 0;
	padding: 10px;
 }
 
 span.searchVruler {
 	width: 1px;
 	height: 28px;
 	background: #424242;
 	position: absolute;
 	top: 10px;
 	right: 38px;
 }
 
 /********************************/

 
 
 /**
  *	NEWS BLOCK
  */
  
 div#divSidebarRight h2.news-title a {
	font-size: 11px;
	color: #5f5f5f;
 } 
 
  div#divSidebarRight h2.news-title a:hover {
	color: #ed6400;
 } 
 
 div#divSidebarRight h2.news-title {
	border: none;
	padding-top: 7px;
	line-height: 0.7em;
}
 
 div#divSidebarRight div#created {
	float: left;
	padding: 8px;
	font-weight: normal;

 }
 
 div#divSidebarRight #post-month {
	font-size: 21px;
	font-family: Georgia, Palatino, sans-serif;
	color: #f04e29;
	letter-spacing: -2px;
 }
 
 div#divSidebarRight #post-day {
	font-size: 32px;
	font-family: Georgia, Palatino, sans-serif;
	color: #f04e29;
	letter-spacing: -1px;
	margin-top: -13px;
	margin-left: -2px;
 }
 
 div.view-recent-news .node {
	border-bottom: 1px dotted #ccc;
 }
 
 
/*
 * Logo Scroller
 */ 
 
div.view-logoscroller label {
	display: none;
}
 
 
/**
  * FOOTER
  */ 
  
  /**
   *	Customer Overview
   */

div.customer,
div.partner {
	width: 735px;
	height: 170px;
	border-top: 1px solid #dbdbdb;
}

div.customer div.customer-logo,
div.partner div.partner-logo {
	height: 170px;
	width: 170px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.div.customer-logo {
	display: block;
}

div.customer div.customer-logo *,
div.partner div.partner-logo * {
	vertical-align: middle;
}

div.customer div.customer-logo span,
div.partner div.partner-logo span  {
	display: inline;
	height: 100%;
	width: 1px;
}

div.customer div.customer-logo img {

}
div.customer div.company-content,
div.partner div.company-content {
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	width: 565px;
}

div.customer div.company-content h2.company-title,
div.partner div.company-content h2.company-title {
	color: #000;
	margin-top: 15px;
}

div.customer div.company-content div.content p,
div.partner div.company-content div.content p {
	margin-top: 6px;
	color: #000;
}

div.customer div.company-content span.case-study,
div.customer div.company-content span.case-study a,
div.partner div.company-content span.visit-partner,
div.partner div.company-content span.visit-partner a {
	float: right;
	margin-right: 8px;
}

div.customer div.company-content span.case-study a,
div.partner div.company-content span.visit-partner a {
	color: #ec4e32;
	text-decoration: none;
	font-weight: bold;
}

div.fleft {
	float: left;
}
div.view-id-customer_sidebar span {
	padding: 5px 0px;
}

div.view-id-customer_sidebar ul.products {

	margin: 18px 0px;
}
div.view-id-customer_sidebar ul.products li {
	float: left;
	width: 100%;
}
div.view-id-customer_sidebar ul.products li img {
	float: left;
}
div.view-id-customer_sidebar ul.products li span {
	vertical-align: middle;
	float: left;
	margin-top: 15px;
	margin-left: 8px;
	font-weight: bold;
}

span.phoneNr {
	margin-right: 10px;
}

div.fixColumn table tr {
	background: none;
	border-bottom: 0px solid #FFF;
}

div.fixColumn table tr.odd td {
	background: #f3f3f3;
}

div.fixColumn table tr.even td {
	background: #fafafa;
}

div.fixColumn table tr td {
	padding: 3px 0px;
}

div.fixColumn table tr td:first-child {
	padding-left: 8px;
}

div.fixColumn tbody th,
div.fixColumn tbody {
		border-top: 0px solid #fff;
		border-bottom: 0px solid #fff;
}

div.fixColumn table tr.tr-heading {
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	font-weight: bold;
	color: #f14e29;
}

div.fixColumn table tbody tr.tr-heading td {
	background: none;
}
div.fixColumn table th {
	padding: 5px 0px;
	font-size: 13px;
}

div.fixColumn table a {
	color: #a92214;
	text-decoration: none;
}

.ne-or {
	color: #f04e29;
}

.ne-bl {
	color: #000000;
	font-size: 22px;
}

.ne-or-big {
	color: #f04e29;
	font-size: 14pt;
}


html body div.margin-t-b {
	margin: 10px 0px;
}

html body p {
	line-height: 140%;
}

div.videoPosition {
	z-index: 998;
	position: absolute;
	top: 25px;
	left: 25%;
	float: left;
	display: none;
	background: #000;
}

div.blackOverlay {
   	width:100%;
    min-height:100%;
    position:absolute;
    z-index:997;
    background-color:#000;
    top:0px; left:0px; right:0px; bottom: 0px;
	display: none;
}

div.videoButtons a.videoClose {
	z-index: 999;
	color: red;
	position: absolute;
	right: -10px;
	top: -8px;
}

h2.videoTitle {
	z-index: 999;
	position: absolute;
	font-size: 12px;
	color: #f04e29;
	left: 12px;
	top: 5px;
}

div.videoWrapInfo {
	width: 100%;
	height: 25px;
	background: #000;
}

h3.light {
	color: #767676;
}

div.videoThumb {
	float: left;
	margin-right: 15px;
}

div#divSidebarRight div.block {
	float: left;
}

div.integration h2 {
	color: #000;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

div.integration .ne-or:first-child {
	padding-top: 20px;
}

div.integration .ne-or {
	color: #f04e29;
	border: none;
	padding: 15px 0px 10px 0px;
}

div.leftC {
	width: 430px;
	float: left;
	padding-right: 20px;
}

div.leftC p {
	width: 390px;
}
div.rightC {
	float: left;
}

div.leftD {
	width: 300px;
	float: left;
	padding-right: 20px;
}

div.leftD p {
	width: 280px;
}
div.rightD {
	width: 400px;
	float: left;
}

div.integration div.movieInline {
	margin-top: 20px;
}

.greyBox {
	padding: 12px;
	border: 1px solid #e3e3e3;
	background: #f6f6f6;
}

div.integration .leftC ul li {
	padding: 4px 0px;
}

div.integration .leftC h3 {
	font-size: 16px;
	padding: 25px 0px 15px 0px;
}

div.integration .rightC h3 {
	font-size: 16px;
	margin-top: 30px;
}
div.integration .rightC ul {margin-bottom: 10px;}
div.integration .rightC ul li strong {color: #000;}
div.integration .rightC ul li a,
div.integration .rightC ul li {text-decoration: none; color: #575757;}

div.seeYourself {
	padding: 12px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#divSidebarRight .block .content h3 {
	font-size: 14px;
}

html body div#divSidebarRight div.seeYourself h3 {
	padding-bottom: 10px;
}

html body div#divSidebarRight div.seeYourself a:first-child {padding-left: 0px;}
html body div#divSidebarRight div.seeYourself a {
	color: #f04e29;
	font-weight: normal;
	text-decoration: underline;
}

ul.benefits {
	padding-left: 0px;
}

html body div#divSidebarRight ul.benefits li, ul.kb-links li {
	padding-left: 24px;
	margin-left: 10px;
	font-size: 11px;
	color: #000;
}

div#accordion .all {
	width: 730px;
}

span.product-read-more {
	padding-bottom: 30px;
}

div#bb_header.bbov {
	width: 730px;
	height: 318px;
	background: url(images/bkg-ov.png) no-repeat;
}

h2.bheading-left {
	position: absolute;
	left: 50px;
	top: 135px;
}

h2.bheading-right {
	position: absolute;
	right: 50px;
	top: 135px;
}

img.authDrawn {
	position: absolute;
	bottom: 55px;
	left: 115px;
}

img.imDrawn {
	position: absolute;
	bottom: 62px;
	right: 88px;
}


div.field-field-bbtext {display: none;} 

div.phoneimg {
	padding: 20px;
}

div.phoneContent {
	float: left;
	padding: 25px;
}

a.backBtn {
	float: left;
	margin-top: 30px;
	text-decoration: none;
	color: #f04e29;
}

div#block-views-video_archive-block_1 h2 {
	float: left;
	width: 100%;
}

#node-51 table tbody tr.even  {
	background-color: none;
}


html body div#divSidebarRight a.fright {
	float: right;
	padding-top: 3px;
	color: #f04e29;
}
html body div#divSidebarRight a.fbright {
	float: right;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 3px;
	color: #f04e29;
}
div.logoWrap  {
    margin-top: 2px;
    float: left;
}

/**
 * BLOG
 */

.blog-post {
	float: left;
	clear: both;
}

div.blog-post-content {
	float: left;
	width: 500px;
}

div.blog-post div.blog-post-content {
	float: left;
}

div.blog-post-content p {
		line-height: 1.6em;
}

div.blog-info {
	float: left;
}

span.blog-post-date {
	font-size: 11px;
	color: #6b6b6b;
	background: #f5f5f5;
	font-family: 'Trebuchet MS', Arial, Helvetica, serif;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
}

h2.blog-title a {
	font-family: Georgia, sans-serif;
	font-weight: normal;
	font-size: 33px;
	float: left;
	color: #252525;
}

h2.blog-title a:hover {
	color: #f04e29;
}

.blog-overview {
	float: left;
	margin: 25px 0px;
}

div.author-img {float: left;}
div.author-img img {
	border: 1px solid #c2c2c2;
}
div.author-info-block {
	float: left;
	padding: 4px 0px 0px 3px;
}
span.author-name {
	text-transform: uppercase;
	color: #f04e29;
}

span.author-work-area {
	text-transform: uppercase;
	color: #8a8a8a;
}

span.author-blog-url {
	float: left;
	margin-top: 20px;
	font-size: 11px;
	text-decoration: underline;
}
div.author-info-block {
	padding-left: 10px;
}
.block-views,
.block-views .content,
.block-views .content .view,
.block-views .content .view-content,
.block-views .author,
div.author-info-block {
	float: left;
}

div.author-info {
	padding: 5px;
	background: #f5f5f5;
	float: left;
	width: 720px;
	border: 1px solid #e1e1e1;
}

a.back-overview {
	float: right;
	text-decoration: none;
	color: #f04e29;
	font-size: 13px;
	margin-bottom: 55px;
}

a.back-overview-top {
	float: left;
}

div.author-info img {
	border: 1px solid #d0d0d0;
	float: left;
}

div.author-content {
	padding: 14px 0px 0px 10px;
	float: left;
	width: 570px;
}

div.author-content h2 {
	font-size: 15px;
	color: #3f3f3f;
}

div.blog-content {
	float: left;
	margin: 30px 0px;
}

div.author-content h2 span {
	font-size: 15px;
}

div.blog-post h2.blog-title {
	margin: 35px 0px 5px 0px;
}

div.blog-overview-content {
	float: left;
	margin-top: 10px;
}

span.read-more-blog {
	float: right;
	margin: 10px 0px 0px 0px;
}

span.read-more-blog a {
	text-decoration: none;
	color: #f04e29;
	padding: 5px;
}

span.read-more-blog a:hover {
	color: #983119;
}

span.all-posts-by-author {
	margin-top: 10px;
	float: right;
}

span.all-posts-by-author a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 13px;
	font-weight: bold;
}



div.blog-image-thumb {
	float: left;
	margin: 15px 10px 0px 0px;
}

div.view-blog-overview {
	float: left;
}

div.blog-post {
	margin-top: 25px;
	clear: both;
}

div.blog-overview {
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 18px;
}


div#divFooterWrap div#divFooter div#block-block-7 {
	float: left;
	margin-left: 45px;
	width: 400px;
}


span.all-posts-by-author a:hover {color: #f04e29;}

/* fix for vtabs flickering */
ul#vtabs li a { border-top: 2px solid transparent; /*padding-left: 0; text-align: center;*/ }
ul#vtabs li a:hover { border-color: #1C1C1C; }

/* fix for logo as h1 */
#logo { display: block; text-indent: -99999px; height: 47px; width: 176px; position: relative; overflow: hidden; background: url(/sites/default/files/nordicedge_logo.png); margin-bottom: 0;}
#logo a { position: absolute; display: block; left: 0; top: 0; width: 176px; height: 47px; cursor: pointer;}
div.created-news a {
	float: left;
}

body div.fixColumn table tr.even td {
	background: none;
}


.buttons { overflow: hiden; margin-bottom: .5em; float:left;}
a.button { background: url(../images/buttons-right.png) 100% 0 no-repeat; padding-top: 0; height: 28px; line-height: 28px; color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 16px; display: inline; float: left; text-decoration: none; text-shadow: 0 -1px 1px rgba(0, 0, 0, .5); padding-right: 8px; position: relative; margin-right: 2px;}
a.button span { background: url(../images/buttons-left.png) 0 -28px; line-height: 28px; height: 28px; display: inline; float: left; padding-left: 10px; padding-right: 2px; }
a:hover.button { background-position: 100% -56px; }
a:hover.button span { background-position: 0 -84px; }

a.orange { background-position: 100% -28px; }
a.orange span { background-position: 0 0; }

a:hover.orange { background-position: 100% -84px; }
a:hover.orange span { background-position: 0 -56px; }

a:active.button { top: 1px; left: 1px; }

.quiet { color: #656565; }
.white { color: #FFFFFF; margin: 9px; }
.small,
.small strong { font-size: 10px; }
.small { margin-bottom: 3px; }
.large,
.large strong { font-size: 16px; }

div.integration ul.benefits li { padding: 0; padding-left: 24px; margin-left: 10px; font-size: 11px; }
div.integration .column { float: left; }
  div.integration .columns { overflow: hidden; }
  div.integration .column-1 { width: 205px; margin-right: 20px; }
  div.integration .column-2 { width: 205px; }
  
div.integration { overflow: hidden; padding-top: 2em; }
div.integration .greyBox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.integration-logo { text-align: right; }
.integration-step-by-step { text-align: center; }

ul.extras li { margin-bottom: 6px; background: url(../images/link-arrow.png) center left no-repeat; }
  ul.extras a { color: #f04e29 !important; margin-left: 6px; cursor: pointer !important; padding-left: 10px; line-height: 20px; display: inline-block; }
  ul.extras a[href$=".pdf"] { background: url(../images/pdf-icon.png) center right no-repeat; padding-right: 20px; }
  ul.extras a:hover { color: #000 !important; }

.greyBox p { overflow: hidden; }
.left { float: left; }
.greyBox .left { margin-right: 20px; }

/* Google Docs */

/* #google_header { color: #fff; background: url("../images/gdocs-header.png") no-repeat top left !important; padding-left: 20px; height: 45px; line-height: 45px; text-shadow: 1px 1px 1px #000; margin-top: 0; width: 645px; }*/
#google_header,
#google_header p,
#google_header p font { font-family: "Trebuchet MS", Arial, Helvetica, Myriad Pro, serif; font-size: 24px !important; color: #F04E29 !important; padding-left: 0 !important; text-align: left !important; height: auto !important; }

/*table tr:first-child { background: url("../images/gdocs-table.png") #4b4b4b top left !important; }*/

.nice-menu,
.nice-menu li { margin-left: 0 !important; padding-left: 0 !important;}
