/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body {
  font: 12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #fcfcfc;
  color: #4C4C4C;
}

header#section-header {
/*	padding-bottom: 30px;*/
}

.logo-img {
	margin-left: -19px;
}

img#logo {
  width: 200px;
  height: 96px;
}


h1, h2, h3 {
	letter-spacing: 0px;
	color: #444;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 16px;
}

a,
a:link, 
a:visited {
	color: #8F8009;
}

a:hover {
	color: #9E8E0C;
}

#page {
	margin: 30px auto 0;
	*padding-top: 30px;
}

body.front #page {
	margin-bottom: -50px;
}

body.node-type-article #page {
	padding-bottom: 60px;
}

body.front .panel-col-last .pane-node {
	padding-left: 10px;
}

.branding-data {
	display: block;
	float: left;
	width: 400px;
}

/*** SEARCH BAR ***/

.block-search {
	width: 250px;
	display: block;
	float: right;
	text-align:right;
}

/*** MENU ***/

.navigation {
/*	position: absolute;
	right: 0;
	top:-37px;*/
	width: 932px;
	margin-top: 30px;
	background: #455;
}

#main-menu {
	font-family: "Droid Sans", Arial, sans-serif;
}

#main-menu li {
	padding:0;
	margin: 0;
	margin-top: 4px;
	background: #455;
	display:inline-block;
	zoom: 1;
	*display:inline;
}

#main-menu a {
	display: block;
	font-size: 12px;
	padding: 8px 15px 6px 15px;
	color:#fff;
	text-decoration: none;
	opacity:0.75;	
/*	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-in-out;*/
}

#main-menu a.active,
#main-menu a:hover {
	opacity:1;
	background:url(../images/mainmenuselect.png) repeat-x #343434;
	color:#fff;
	border-top: 4px solid #f8dc00;
	margin-top: -4px;
}

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

#section-content .block-main {
	*margin-left: -10px;
	*width: 970px;
}


#section-content {
	padding-top: 30px;
}

body.front #section-content {
	padding-top: 0px;
}

/*** LATEST BLOG POST BLOCK HOMEPAGE ***/
.view-display-id-latest_blog_post .view-content a img {
	display: block;
	margin-top: 7px;
	float: left;
	margin-right: 20px;
	width: 100px;
}

.view-display-id-latest_blog_post .view-content div {
	clear: both;
	margin-bottom: 20px;
}

.view-display-id-latest_blog_post .view-content div h3 {
	margin-bottom: 0px;
}


.view-display-id-latest_blog_post .view-footer {
	padding-top: 5px;
	text-align: right;
}


.homepage-intro {
	padding: 20px;
	background: #ddd;
	width: 892px;
	margin-bottom: 30px;
}


/*** NEWSLETTER EMAIL FIELD HOMEPAGE ***/
#node-short-block-21 #email {
	margin-right: 10px;
}

/*** LOGGED ON MENU ***/

ul#secondary-menu {
	display: none;
}

/*** BLOG OVERVIEW ***/

.view-id-blog .views-row {
	padding: 40px 0;
	border-bottom: 1px solid #DDD;
}
.view-id-blog  .views-row-first {
	padding-top: 0;
}
.view-id-blog  .views-row-last {
	border: 0;
}

.view-id-blog .views-row .views-field-title a {
	font-size: 20px;
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
	color: #8F8009;
}
.view-id-blog .views-row .views-field-title a:hover {
	text-decoration: none;
	color: #4C4C4C;
}
body.node-type-article .field-name-body ul li,
.view-id-blog .field-content ul li {
	margin-left: 40px;
}

.view-id-blog .views-row  .views-field-changed,
.view-id-blog .views-row .views-field-field-date-posted {
	font-style:italic;
	font-size: 10px;
	text-align: right;
}
.view-id-blog .views-row  .views-field-body p {
	margin-bottom: 0;
}

/*** BLOG POST ***/

.node-article .field-name-field-image img {
	padding: 0 20px 20px 0;
	display: block;
	float: left;
}
.node-article  .field-name-field-tags .field-label,
.node-article  .field-name-field-tags a {
	display: block;
	float: left;
	margin-right: 10px;
}

.node-article .field-name-field-date-posted,
.node-article .field-name-field-author,
.field-name-field-rating {
	display: inline-block;
	float: left;
	margin-right: 40px;
}

.addthis_toolbox {
	display: block;
	float: right;
	margin: 0 0 20px 20px;
	width: 20px;
}

.addthis_toolbox a {
	margin-bottom: 5px;
}

/*** CASES ***/

.view-id-cases .views-row {
	margin-right: 20px;
	display: inline-block;
	width: 220px;
	float: left;	
}

.view-id-cases .views-row-last {
	margin-right: 0;
}

.view-id-cases .views-row .views-field-field-company-logo img {
	border: 1px solid #ccc;
	margin: 0 auto;
	display: block;
}
.view-id-cases .views-row .views-field-field-company-logo,
.view-id-cases .views-row .views-field-field-baseline,
.view-id-cases .views-row .views-field-field-their-problem {
    padding-bottom: 20px;
}
.view-id-cases .views-row .views-label-field-baseline,
.view-id-cases .views-row .views-label-field-their-problem,
.view-id-cases .views-row .views-label-field-our-solution {
	font-weight: bold;
}

/*** CONTACT WEBFORM ***/

.webform-container-inline label {
	display: inline-block;
	width: 100px;
}

#webform-component-message label {
	display: inline-block;
	width: 116px;
	float: left;
}

#edit-submitted-name,
#edit-submitted-email,
#edit-submitted-telephone,
#edit-submitted-message {
	width: 400px;
}

#edit-submitted-file-attachment-upload {
	font-size: 11px;
}

/*** COORDINATES ***/

#block-block-1 {
	padding: 20px;
	width: 180px;
}

#block-block-1 img {
	border: 1px solid #ccc;
}

#block-block-1 .directions {
	font-size: 9px;
}

/*** FOOTER ***/

#section-footer {
	bottom: 0;
    height: 40px;
    overflow: hidden;
    width: 100%;
	background: #455;
	border-top: 4px solid #f8dc00;
	margin-top: 40px;
	color: #DDD;
}

body.context-get-your-copy-ibm-powerlinux-enterprisedb-performance-white-paper #section-footer,
body.page-node-122 #section-footer,
body.context-openstack-open-scalable-public-private-clouds #section-footer,
body.context-cloudstack-open-source-private-cloud #section-footer,
body.page-home #section-footer,
body.context-job-opening-junior-linux-open-source-consultant #section-footer,
body.context-job-opening-senior-linux-open-source-consultant #section-footer,
body.page-taxonomy #section-footer,
body.page-search #section-footer,
body.page-linux-and-open-source-services #section-footer,
body.node-type-article  #section-footer,
body.page-how-we-work #section-footer,
body.context-jobs #section-footer,
body.page-user #section-footer,
body.page-node-9 #section-footer,
body.context-get-your-free-30-day-owncloud-trial #section-footer,
body.page-node-50 #section-footer,
body.page-node-61 #section-footer,
body.context-your-trial-account-info-is-on-its-way  #section-footer
{
    position: fixed;
}

body.context-content #section-footer {
	display: none;
}

#region-footer-first {

	padding-top: 12px;
}

footer.submitted {
	display: none;
}

#section-footer a {
	margin-top: 25px;
	color: #f8dc00;
}

#section-footer a:hover {
	text-decoration: none;
}

/*** HOMEPAGE SLIDER ***/

.jcarousel-skin-default .jcarousel-container-horizontal {
	height: 400px;
	width: 100%;
	padding: 0;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
	height: 400px;
	width: 932px;
	/*margin-left: -4px;
/*	border: 1px solid #455;
	padding: 3px 0;*/
}

.jcarousel-skin-default .jcarousel-item {
	padding: 0;
	width: 940px;
	height: 400px;
	overflow: hidden;
	border:0;
	list-style: none;
	background: #fff;
 }

 .jcarousel-skin-default .jcarousel-item-horizontal {
 	margin: 0;
 }
 
a.jcarousel-prev,
a.jcarousel-next {
	display: none;
	background: none;
} 

.jcarousel-skin-default .jcarousel-navigation, 
ul.jcarousel-navigation {
	position: relative;
	top: -28px;
	float: right;
	margin-right: 15px;
}

ul.jcarousel-navigation li a {
	text-indent: -9999px;
	background: url('../images/bullet.png') no-repeat 0 0;
	width: 15px;
	height: 15px;
	display:inline-block;
	*zoom:1;
	*display:inline;
}

ul.jcarousel-navigation li.active a {
	background: url('../images/bullet.png') no-repeat -15px 0;
}

.jcarousel-item {
	position: relative;
}

.jcarousel-item  .views-field-title h1,
.jcarousel-item  .views-field-body {
	position: relative;
	left: 400px;
	*left: 200px;
	width: 500px;
	text-align: left;
	padding: 10px 20px;
	background: #fff;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	color: black;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.jcarousel-item  .views-field-title h1 {
	top: -350px;
	font-family: 'PT Sans Narrow';
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0;
}

.jcarousel-item  .views-field-body {
	top: -320px;
	font-size: 16px;
	padding: 20px;
	padding-bottom: 5px;
}

.panel-col-top {
	padding-bottom: 40px;
}

.view-id-homepage_slider li.jcarousel-item-1 .views-field-title {
/*  display: none;*/
}


/* owncloud is slightly different. */
ul.jcarousel li.jcarousel-item-3 .views-field-title {
  display: none;
}
ul.jcarousel li.jcarousel-item-3 .views-field-body {
  margin-top: 170px;
}

/*** TECH PAGE BRANDS ***/

body.page-our-open-source-software-and-technology h2.pane-title {
	font-size: 28px;
	padding-top: 30px;
}

body.page-our-open-source-software-and-technology h1#page-title {
	margin-bottom: 0px;
}

a.brand {
	display: inline;
	float: left;
	margin: 20px 20px 0 0;
	width: 168px;
	/*width: 17%;*/
	height: 74px;
}

div.opensource {
	width: 940px;
	height: 179px;
	margin: 0 auto;
	display: block;
	clear: both;
  text-align: center;
}

div.opensource a {
	width: 140px;
	height: 74px;
	display: inline-block;
}

a.redhat {
	background: url('../images/partner_logos.png') no-repeat;
}
a.suse {
	background: url('../images/partner_logos.png') no-repeat -140px 0px;
}
a.jboss {
	background: url('../images/partner_logos.png') no-repeat -280px 0px;
}
a.mysql {
	background: url('../images/partner_logos.png') no-repeat -420px 0px;
}
a.skysql {
	background: url('../images/partner_logos.png') no-repeat -560px 0px;
	margin-right: 0;
}
a.mongodb {
	background: url('../images/partner_logos.png') no-repeat -700px 0px;
	margin-right: 0;
}
a.enterprisedb {
	background: url('../images/partner_logos.png') no-repeat 0px -75px;
	height: 65px;
}
a.zimbra {
	background: url('../images/partner_logos.png') no-repeat -140px -75px;
	height: 65px;
}
a.owncloud {
	background: url('../images/partner_logos.png') no-repeat -280px -75px;
	height: 65px;
}
a.alfresco {
	background: url('../images/partner_logos.png') no-repeat -420px -75px;
	height: 65px;
}
a.sugarcrm {
	background: url('../images/partner_logos.png') no-repeat -560px -75px;
	height: 65px;
	margin-right: 0;
}
a.ubuntu {
	background: url('../images/partner_logos.png') no-repeat -700px -75px;
	margin-right: 0;
}
div.prop {
	width: 810px;
	height: 40px;
	margin: 0 auto;
	display: block;
	clear: both;
	padding: 30px 40px 0 90px;
	border-top: 1px solid #aaa;
}

div.prop a {
	display: inline-block;
	width: 158px;
	margin: 0;
	height: 40px;
}
a.citrix {
  background: url('../images/proprietary_logos.png') no-repeat 30px 0px;
}
a.novell {
	background: url('../images/proprietary_logos.png') no-repeat -130px 0px;
}
a.oracle {
	background: url('../images/proprietary_logos.png') no-repeat -320px 0px;
}
a.vmware {
	background: url('../images/proprietary_logos.png') no-repeat -510px 0px;
}
a.hp {
	background: url('../images/proprietary_logos.png') no-repeat -680px 0px;
}

tr td.status-Not-published.active,
tr td.status-Not-published {
	background: #FFA5A5;
}

ol {
    margin-left: 30px;
}

/*** OTHER THINGS ***/

.staging-server {
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 10px;
	background: green;
	color: #fff;
	font-weight: bold;
	width:300px;
	text-align: center;
}

/** OWNCLOUD FUNNEL **/

body.context-our-owncloud-offer h1#page-title {
	display: none;
}

body.context-secure-online-storage-owncloud  article.node table td {
	width: 33%;
	vertical-align: top;
}

body.context-secure-online-storage-owncloud article.node ul {
	padding-left: 30px;
	margin-bottom: 0;
}

body.context-secure-online-storage-owncloud article.node tr:hover td,
body.context-secure-online-storage-owncloud article.node tr.even:hover td.active, 
body.context-secure-online-storage-owncloud article.node tr.odd:hover td.active {
	background: none;
}

body.context-secure-online-storage-owncloud  article.node  .features {
	line-height: 28px;
	font-size: 16px;
	width: 450px;
	text-align: left;
	margin: 0 auto;	
}

body.context-get-your-free-30-day-owncloud-trial #node-webform-50  .webform-container-inline label {
	width: 120px;
}

body.context-get-your-free-30-day-owncloud-trial #node-webform-50 input [type=text]{
	width: 200px;
}

a.freetrial {
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border-radius: 11px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(1,#DDD));
	background: -moz-linear-gradient(top center,white 0%,#DDD 100%);
	border: 1px solid;
	border-color: #DDD #BBB #999;
	color: #333;
	font: bold 12px/1.2 Arial,sans-serif;
	padding: 3px 10px 4px;
	text-shadow: white 0 1px 1px;
	width: auto;
	text-decoration: none;
	margin-left: 70px;
}

a.freetrial:hover {
	color: #888;
}

.uitgelicht {
	border: 1px solid #ddd;
	float: right;
	padding: 20px;
	margin: 20px;
	border-radius: 5px;
	margin-top: 70px;
	background: #455;
}

.uitgelicht a {
	margin-top: 25px;
	color: #F8DC00;
}

.uitgelicht a:hover {
	text-decoration: none;
}

#modalBackdrop {
	opacity: 0.50;
}

#modalContent  .modal-header {
	color: #4C4C4C;
	font-size: 22px;
	font-family: 'PT Sans Narrow';
	font-style: normal;
	font-weight: 700;
	padding: 1em 0 0 1em;
}

#modalContent .popups-close {
	margin-right: 20px;
}

#modalContent  #modal-content {
	padding: 2em 1em 0 2em;
	line-height: 22px;
}

#modalContent #webform-client-form-50 label,
#modalContent #webform-client-form-60 label {
	width: 150px;
	font-weight: normal;
}

#modalContent #webform-client-form-50 input,
#modalContent #webform-client-form-60 input {
	width: 200px;
}

#modalContent #webform-client-form-50 #edit-actions--2,
#modalContent #webform-client-form-60 #edit-actions--2 {
	padding-top: 20px;
}

#modalContent #webform-client-form-50 input#edit-submitted-personal-or-professional-use-1, 
#modalContent #webform-client-form-50 input#edit-submitted-personal-or-professional-use-2,
#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-1,
#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-2,
#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-3
{
	width: 20px;
}

#modalContent #webform-client-form-50 input#edit-submitted-personal-or-professional-use-1 + label,
#modalContent #webform-client-form-50 input#edit-submitted-personal-or-professional-use-2 + label {
	width: 90px;
}

#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-1 + label,
#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-2 + label,
#modalContent #webform-client-form-50 input#edit-submitted-if-professional-whats-the-size-of-your-company-3 + label {
	width: 60px;
}


/*
modal link, open, welke_link
 onClick="_gaq.push(['_trackEvent', 'Modal window', 'Open', 'ownCloud 30day trial']);"
 onClick="_gaq.push(['_trackEvent', 'Modal window', 'Open', 'ownCloud quote request']);"
 */

body.context-owncloud-testaccount table {
    border: 0;
}

body.context-owncloud-testaccount tr:hover td, 
body.context-owncloud-testaccount tr.even:hover td.active, 
body.context-owncloud-testaccount tr.odd:hover td.active {
    background: none;
}


p.introduction {
  font-size: 130%;
}

/* event calendar */

.view-event-calendar {

}

.view-event-calendar table {
	border: 0;
}

.view-event-calendar table td {
	width: 33%;
	padding: 4px 30px;
	vertical-align: top;
}

.view-event-calendar .views-field-title-3 h3 {
 	margin-top: 20px;
 	margin-bottom: 0px;
}

.view-event-calendar .views-field-field-date {
	font-style: italic;
}

.view-event-calendar .views-field-field-location {
	padding-bottom: 20px;
}

.view-event-calendar .views-field-field-event-description {
	text-align: justify;	
}

.view-event-calendar .views-field-field-event-url {
	float: left;	
}

.view-event-calendar .views-field-field-event-website {
	float: right;
}

.view-event-calendar .views-field-field-deal {
	color: #0F96CA;
	font-weight: bold;
}

#breadcrumb {
	display: none;
}

/* kangaroot not attending */
.view-event-calendar  .views-table  .views-field-nothing a.have-us-ask {
  display: none;
}

/* kangaroot attending */
.view-event-calendar  .views-table  .views-field-nothing a.have-us-ask.yes-attending {
  display: block;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 6px;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fae85e),color-stop(1,#dbcb52));
  background: -moz-linear-gradient(top center,#fae85e 0%,#dbcb52 100%);
  border: 1px solid;
  width: 210px;
  text-align: center;
  border-color: #DDD #BBB #999;
  color: #333;
  font: bold 12px/1.2 Arial,sans-serif;
  padding: 6px 10px 6px;
  text-shadow: #FFF 0 1px 1px;
  text-decoration: none;
}

.view-event-calendar  .views-table  .views-field-nothing a.have-us-ask.yes-attending:hover { 
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7db00),color-stop(1,#d8c000));
  background: -moz-linear-gradient(top center,#f7db00 0%,#d8c000 100%);
}


/* have us ask questions modal window */

#webform-client-form-69 {
  padding: 20px 0 0 30px;
}

#webform-client-form-69 label {
  width: 170px;
}

#webform-client-form-69 .webform-component-email input,
#webform-client-form-69 .webform-component-textfield input {
  width: 200px;
}
#webform-client-form-69 #edit-submitted-what-should-we-ask {
  width: 390px;
  height: 60px;
}

body.front .view-tweets ul li {
  margin: 0 0 10px 0;
}

article#node-page-106 .content {
  text-align: center;
}

/* jobs */

#main-menu li.menu-1227 a {
	color: #F8DC00;
	opacity: 1;
	font-weight: bold;
}

#main-menu li.menu-1227 a:hover {
	color: #fff;
}

/* homepage producht spotlight block */

.pane-product-spotlight {
	width: 960px;
	height: 310px;
	overflow: hidden;
}


a.cta-white-paper-powerpc {
	-webkit-appearance: none;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	border-radius: 11px;
	background: #F8DC00;
	border: 1px solid;
	border-color: #DDD #BBB #999;
	cursor: pointer;
	color: #333;
	font: bold 12px/1.2 Arial, sans-serif;
	outline: 0;
	overflow: visible;
	padding: 3px 10px 4px;
	text-shadow: #FFF 0 1px 1px;
	width: auto;
	text-decoration: none;
}

a.cta-white-paper-powerpc:hover {
	background: #FFF180;
}