/*
Theme Name: Mendix.com
Description: Wordpress theme for Mendix.com
Version: 3.0
Author: Ronald Vonk
Author URI: http://www.ronaldvonk.nl/
*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	background-color: #fff;
}

/* Fix for IE 5.5 */
body {
	text-align: center;
}

body,
input,
textarea {
	color: #555;
	font: 12px Verdana;
}

a,
a:link,
a:active,
a:visited {
	color: #0285ff;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

table {
	border: 0 !important;
	border-spacing: 0;
	border-collapse: collapse;
}

fieldset {
	border: 0;
}

tr, td, th {
	border: 0 !important;
	text-align: left;
}

ul {
	list-style-type: square;
	list-style-position: outside;
}

li {
	margin: 0 0 0 16px;
	padding: 0 10px 0 0;
}

img {
	border: 0;
}

p {	
	margin-bottom: 15px;
	margin-top: 0;
	line-height: 18px;
}

h1 {	
	margin: 25px 0 8px 0;
	font-family: Verdana;
	font-weight: normal;
	font-size: 26px;
	color: #000;
}

h2 {	
	padding: 4px 0 4px 0;
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #017cbf; 
}

h3 {
	padding: 2px 0 0 0;
	font-family: Verdana;
	font-size:13px;
	font-weight: normal;
	color: #017cbf;
}

h4 {	
	font-size:13px;
	font-weight:normal;
	color:#017cbf; 
}

h5 {	
	font-size:12px;
	font-weight:normal;
	color:#017cbf; 
}
	
h6 {	
	font-size:13px;
	font-weight:normal;
	color:#666666; 
	text-decoration: underline;
}

hr {
	width:100%; text-align:left; height:1px; border:1px solid #DDD; margin-bottom:10px;
}

p img {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

a.readmore,
a.MendixReadmore {
	padding: 0 0 0 9px;
	background: url(images/arrow_blue.png) no-repeat 0 3px;
	line-height: 28px;
	font-family: Verdana;
	font-size: 11px;
}

a.readmore:hover,
a.MendixReadmore:hover {
	text-decoration: underline;
}

/************
 Base layout
*************/

#header {
	width: 980px;
	height: 78px;
	margin: 0 auto;
}

.toplinks {
	float: right;
	height: 18px;
	width: 100%;
	padding: 7px 8px 14px 0;
	font-size: 11px;
	text-align: right;
}

.toplinks a {
	color: #727272;
	padding: 0 8px 0 2px;
	border-right: 1px solid #aaa;
}

.toplinks a:first-child {
	font-weight: bold;
}

.toplinks a:last-child {
	border: 0;
	padding-right: 0;
}

.mendixlogo {
	float: left;
	width: 293px;
	height: 39px;
	margin: 0 0 0 7px;
}

.mendixlogo img {
	width: 293px;
	height: 39px;
}

#header .menu {
	float: right;
	padding: 16px 0 0 12px;
	background: url(images/tab_background.png) repeat-x bottom left;
}

#headbanner {
	min-width: 980px;
	text-align: center;
}

.home #headbanner {
	height: 257px;
	background: url(images/header_home_bg.jpg) repeat-x bottom center;
	text-align: right;
}

.home #headbanner_text {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

.home #headbanner h1 {
	padding: 49px 372px 9px 0;
	margin: 0;
	font-weight: bold;
	font-size: 31px;
	line-height: 36px;
	color: #0182ac;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
}

.home #headbanner p {
	padding: 0 372px 0 0;
	font-size: 15px;
	color: #000;
	font-family: Trebuchet MS, Verdana;
}

.home #headbanner p a {
	text-decoration: underline;
	color: #000;
}

.home #headbanner #headbanner_buttons {
	padding: 4px 372px 0 0;
}

.home #headbanner #headbanner_buttons .button {
	float: right;
}

.home #headbanner .button_separator {
	float: right;
	width: 1px;
	height: 26px;
	margin: 2px 8px 0 8px;
	border-right: 1px solid #fff;
}

.page #headbanner {
	height: 118px;
	background: url(images/header_page_bg.png) repeat-x bottom center;
}

.page #headbanner h1 {
	width: 953px;
	margin: 0 auto;
	padding-top: 52px;
	font-size: 45px;
	color: #0182ac;
	font-family: Trebuchet MS, Verdana;
}

.page #headbanner.blogheader {
	background: url(images/header_page_blog_bg.jpg) repeat-x bottom center !important;
}

.page #headbanner.blogheader h1 {
	padding-top: 64px;
	font-size: 36px;
}

.container {
	width: 980px;
	margin: 0 auto;
}

/* Fix for IE 5.5 */
#header, #headbanner, .childmenu, .container, #footer {
	text-align: left;
}

/************
 Homepage
*************/

.home h2 {
	padding: 0;
}

.home #sellingpoints {
	padding: 26px 0 0 0;
}

.home #sellingpoints h1 {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 27px 0 0 0;
	background: url(images/sellingpoints_title2.png) no-repeat top right;
	overflow: hidden;
}

.home #sellingpoints .usp {
	width: 172px;
	float: right;
	display: block;
	position: relative;
	height: 108px;
	margin: 13px 0 30px 24px;
	background: url(images/sellingpoints_background.png) no-repeat top left;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #6b6b6b;
}

.home #sellingpoints .usp:hover {
	background-position: 0 -108px;
}

.home #sellingpoints .usp img {
	position: absolute;
	top: -2px;
	left: -16px;
}

.home #sellingpoints .usp span {
	display: block;
}

.home #sellingpoints .usp span.usptext {
	padding: 10px 10px 0 23px;
	line-height: 12px;
}

.home #sellingpoints .usp span.title {
	margin: 2px 0 0 0;
	line-height: 17px;
	font-family: Trebuchet MS, Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

.home #sellingpoints .usp span.readmore {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 0 0 0 9px;
	background: url(images/arrow_orange.png) no-repeat 0 3px;
	font-size: 10px;
	color: #0073aa;
}

.home #sellingpoints .usp span.readmore:hover {
	text-decoration: underline;
}

.home #columns,
.bigborderblock {
	clear: both;
	background: url(images/home_background_large.png) no-repeat top right;
}

.home #columnsfooter,
.bigborderfooter {
	background: url(images/home_background_small.png) no-repeat bottom right;
}

.bigborderblock {
	width: 956px;
	margin: 12px 0;
	clear: both;
}

.bigborderblock img {
	margin: 2px;
}

.bigborderfooter {
	padding: 5px;
	clear: both;
}

.home #columns h2 {
	margin: 20px 0 5px 0;
	font-size: 14px;
	color: #333;
}

.home #columns .features {
	float: left;
	width: 352px;
	padding-top: 27px;
	position: relative;
	z-index: 100;
}

.home #columns .features .feature {
	padding-left: 46px;
}

.home #columns .features .feature img {
	float: left;
}

.home #columns .features .featuretext {
	padding: 0 0 30px 120px;
	font-family: Verdana;
	font-size: 11px;
	color: #6b6b6b;
}

.home #columns .features .feature h2 {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: normal;
	color: #009ce5;
}

.home #columns .features .feature p {
	line-height: 15px;
	margin: 0;
}

.home #columns .features .dotoday {
	position: relative;
	margin-bottom: 28px;
	margin-left: 46px;
}

.home #columns .features .dotoday a.dotoday_btn {
	display: block;
	width: 287px;
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:30px; /* for IE5.5's bad box model */
	line-height: normal;
	background: url(images/home_today_btn2.png) no-repeat;
}

.home #columns .features .dotoday_popup {
	display: none;
	left: 0;
	top: 30px;
	position: absolute;
	margin: 0 0 0 4px;
	width: 277px;
	height: 280px;
	border: 1px solid #d4d4d4;
	background-color: #fff;
	z-index: 100;
}

.home #columns .features .dotoday_popup a {
	display: block;
	border-top: 1px solid #d4d4d4;
	line-height: 21px;
	padding: 0 0 0 11px;
}

.home #columns .features .dotoday_popup a:first-child {
	border: none;
	padding-top: 5px;
}

.home #columns .features .dotoday:hover .dotoday_popup {
	display: block;
}

.home #columns .news {
	padding: 27px 340px 25px 371px;
}

.home #columns .news .posts,
.home #columns .news .press,
.home #columns .news .events,
.home #columns .news .downloads {
	padding-top: 18px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #baafb4;
}

.home #columns .news .press,
.home #columns .news .events,
.home #columns .news .downloads {
	display: none;
}

.home #columns .news h2 {
	font-weight: normal;
	margin-top: 14px;
	margin-bottom: 2px;
}

.home #columns .news a {
	font-size: 11px;
}

.home #columns .news .newsmore {
	text-align: right;
}

.home #columns .news .press p,
.home #columns .news .events p {
	color: #555;
	margin: 0;
}

.home #columns .news .newsfooter {
	clear: both;
}

.home #columns .social {
	float: right;
	width: 290px;
	padding: 28px 0 0 0;
	position: relative;
	z-index: 100;
}

#customerlogos {
	clear: both;
	padding: 0 50px 0 60px;
	height: 137px;
}

#customerlogos a {
	display: block;
	float: left;
	position: relative;
	width: 87px;
	height: 50px;
	overflow: hidden;
}

#customerlogos a img {
	position: relative;
}

#customerlogos a:hover img {
	position: absolute;
	top: -50px;
}

#customerlogosfooter {
	clear: both;
}

/**************
 Contact forms
***************/

body.landingpage {
	background: #71b6fe url(images/header_landingpage2_bg.png) repeat-x top center;
	min-width: 980px;
}

body.landingpage #footer {
	background-color: #eee;
}

.landingpageblocktitle {
	font-size: 28px;
	color: #007499;
	padding: 17px 0 0 510px;
}

.container_large .landingpageblocktitle {
    padding-left: 30px;
}

.container_large h2 {
    font-weight: bold;
    font-size:20px;
    color: #000;
}

.container_large .subtext {
    font-size: 18px;
    color: #017CBF;
}

.landingpageblocks {
	padding: 20px 24px 0 18px;
}

.landingpage_block_top {
	padding-top: 10px;
	background: url(images/landingpage_block_top.png) no-repeat top left;
}

.container_large .landingpage_block_top {
    margin-top: 51px;
	background-image: url(images/landingpage_block_top_width.png)
}

.landingpage_block_middle {
	min-height: 50px;
	padding: 5px 16px;
	background: url(images/landingpage_block_middle.png) repeat-y center left;
}

.container_large .landingpage_block_middle {
    overflow:hidden;
	background-image: url(images/landingpage_block_middle_width.png);
}

.landingpage_block_middle_arrow {
	min-height: 50px;
	padding: 5px 36px 5px 16px;
	background: url(images/landingpage_block_middle_arrow.png) repeat-y center left;
}

.landingpage_block_bottom {
	padding-bottom: 14px;
	background: url(images/landingpage_block_bottom.png) no-repeat bottom left;
	margin-bottom: 70px;
}

.container_large .landingpage_block_bottom {
	background-image: url(images/landingpage_block_bottom_width.png);
}

.container_large .landingpage_block_middle_left {
    float: left;
    width: 500px;
}

.container_large .landingpage_block_middle_right {
    float: right;
    width: 390px;
    padding: 87px 0 0 15px;
}

.container_large .landingpage_block_middle_right h3 {
    font-weight: bold;
    font-size: 14px;
}

.container_large .landingpage_block_middle_right .button {
	height: 33px;
	width: 200px;
	margin-right: 112px;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	border-style: solid;
	border-color: #FF0000;
	border-width: 0 1px;
	background: url(images/sign_up_btn.png) repeat-x top;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.container_large .landingpage_block_middle_right .button:hover,
.container_large .landingpage_block_middle_right .button:focus {
	background: url(images/sign_up_btnHover.png) repeat-x top;
}

.container_large form.mxform input,
.container_large form.mxform textarea,
.container_large form.mxform select {
	float: left;
    padding: 2px;
    width: 166px;
}

.container_large form.mxform select {
    width: 172px;
}

.container_large .form.mxform label {
    margin: 0;
}

.container_large .benefit tr td {
    padding-right: 15px;
}

.container_large .maintext {
    padding: 10px 15px 0 10px;
    border-right:1px solid #EDEDED;
}

#landingpage_textblock {
	float: left;
	width: 478px;
}

#landingpage_textblock h1 {
	margin-top: 5px;
}

#landingpage_formblock {
	float: right;
	width: 459px;
}

#contact_formblock {
	width: 459px;
	float: left;
}

form.mxform label {
	float: left;
	display: block;
	width: 135px;
	margin: 5px 0 0 18px;
}

form.mxform input, 
form.mxform textarea {
	margin-top: 5px;
	width: 255px;
}

form.mxform .checkboxrow {
	width: 255px;
}

form.mxform .checkboxrow input {
	width: auto;
}

form.mxform select {
	margin-top: 5px;
	width: 259px;
}

form.mxform input.button {
	width: 100px;
	float: right;
	margin: 25px 24px 25px 0;
}

form.mxform .fielderror {
	border: 1px dashed #f00;
	padding: 1px;
}

.landingpage_block_top .blockfooter {
	clear: both;
	color: #0182ac;
	font-weight: bold;
	padding: 0 0 10px 18px;
}

.mxform_error {
	color: #f00;
}

.landingpage_block_top .message {
	color: #3899fe;
	font-weight: bold;
}

/**************
 Page specific
***************/

.page .childmenu {
	width: 980px;
	margin: 0 auto;
	padding: 4px 0 25px 29px;
}

.page .childmenu a.active {
	color: #000;
}

.page h1 {
	font-size: 24px;
}

.page ul.MendixArrowBullets li {
	padding-bottom: 10px;
	padding-left: 18px;
	margin-left: 10px;
	list-style-type: none;
	background: transparent url(images/bulletpoint.png) no-repeat left 3px;
}

.page .MendixSmallBullets li {
	padding-bottom: 0;
}

.page .container {
	min-height: 500px;
	padding: 0 0 50px 27px;
}

.page .columns {
	clear: both;
}

.page .columns .content {
	position: relative;
	padding: 0 350px 0 0;
}

.page .columns .content.blog {
	position: relative;
	padding: 0 450px 0 0;
}

.page .columns .content.cases img {
	margin-right: 30px;
}

.page .columns .partners img {
	margin-top: 30px;
	margin-right: 30px;
}

.page .columns .content.events table {
	width: 99%;
}

.page .MendixBorder,
.page .MendixBorder td {
	border: 1px solid #d2d2d2 !important;
}

.page .MendixBackgroundGradient {
	background: url(images/table_bg_grad.png) repeat-x bottom;
	border: 1px solid #d2d2d2 !important;
}

.page table.MendixBorderBottomTable td {
	padding: 5px 10px 5px 0;
	border-bottom: 1px solid #bbb !important;
}

.page table th {
	background-color: #6fb8e7;
	color: #fff;
	padding: 5px 5px 6px 6px;
}

.page table.MendixBorder tr td,
.page table.MendixBackgroundGradient tr td {
	padding: 5px 5px 5px 6px;
	border: 1px solid #d2d2d2 !important;
}

.page .content a,
.page .post a {
	text-decoration: underline;
}

.page table.MendixCentered td {
	text-align: center;
}

.page .feature_banner {
	margin: 14px 0 13px 0;
}

.page .sidebarblock ul {
	padding: 10px 11px 2px 12px;
}

.page .sidebarblock li:last-child {
	border: 0;
}

.page .feature_nav {
	background: url(images/feature_nav.png) no-repeat left top;
	margin-bottom: 31px;
	height: 40px;
	padding: 0 12px 0 51px;
	line-height: 40px;
}

.page .feature_nav img {
	vertical-align: text-bottom;
	margin: 0 2px;
}

.page .feature_nav a {
	margin: 0 7px;
	text-decoration: none !important;
}

.page .feature_nav a em {
	text-decoration: underline;
	font-style: normal;
}

.page .feature_nav .postnav {
	float: right;
}

/************************
 Sidebar
*************************/

.page .columns .sidebar {
	float: right;
	width: 270px;
	padding: 0 0 0 0;
	position: relative;
	z-index: 100;
}

.page .columns .sidebar.narrow {
	width: 190px;
	padding: 0 15px 0 5px;
}

.page .columns .sidebar form {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 8px 5px 0 10px;
	margin: 12px 0;
	text-align: center;
}

.page .columns .sidebar li.blockitem ul {
	background-color: #f0f0f0;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.page .columns .sidebar li.blockitem ul li {
	list-style-type: none;
	margin: 0;
}

.page .columns .sidebar li.blockitem.social ul {
	padding: 1px 5px 0 5px;
}

.page .columns .sidebar li.blockitem.social ul li {
	margin: 5px 0;
	border-bottom: 2px solid #fff;
}

.page .columns .sidebar li.blockitem.social ul li:last-child {
	border-bottom: 1px solid #eee;
}

.page .columns .sidebar .twitter {
	font-size: 11px;
	color: #000;
}

.page .columns .sidebar .twitter .date {
	color: #888;
	margin: 0 0 15px 0;
}

.page .columns .sidebar .twitter p {
	margin: 0;
}

.tagcloud {
	background-color: #f0f0f0;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.tagcloud a {
	margin: 5px 2px;
}

/************************
 Posts
*************************/

.page .posts h2 {
	padding: 10px 0 0 0;
}

.page .postmetatop {
	color: #888;
	margin-bottom: 10px;
}
/*
.page .posts p {
	margin-bottom: 0;
}*/

.page .posts .postmetabottom {
	display: block;
	text-align: right;
}

.page .posts .postmetabottom .readmore {
	line-height: 14px;
}

.page .postmetatop p {
	display: inline;
}

.page .sidebar h2 {
	margin: 0 0 10px 0;
	padding: 10px 0;
	color: #000;
	border-bottom: 1px dotted #ccc;
}

.page .sidebar li {
	background: none;
	padding: 0 0 5px 0;
	margin: 0;
	list-style-type: none;
}

.page .sidebar ul li li,
.page .sidebarblock li {
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
}

.page .sidebar ul li li:last-child {
	border-bottom: none;
}

/******************************************
 Posts on Blog page (based on Vesper theme)
*******************************************/

.post {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	font-size: 13px;
}
.post h2 {
	margin: 32px 0 0 0;
	padding: 4px 0 0 0;
	font-size: 1.6em;
}
.post h2 a {
	text-decoration: none !important;
}
.post h2 a:hover {
	text-decoration: none;
}
.post-info {
	background: url(images/hr.gif) 0% 0% no-repeat;
	padding: 5px 0 8px 0;
	font-size: 90%;
	margin: 10px 0 0 0;
	color: #999;
}
.post-info a {
	color: #999;
}
.post-info .setting {
	padding:3px;
	padding-left:20px;
	margin-right: 5px;
}
.post-info .location {
	color: #333;
}
.post-info .event_date {
	color: #333;
	padding-left:10px;
}
.post-info .datetime{
	background:#fff url(images/clock.png) no-repeat 0 2px;
}
.post-info .user{
	background:#fff url(images/user.png) no-repeat 0 2px;
}
.post-info .filedlink{
	background:#fff url(images/document.png) no-repeat 0 2px;
}
.post-info .commentslink{
	background:#fff url(images/comments.png) no-repeat 0 2px;
}
.post-info .editlink{
	background:#fff url(images/write.png) no-repeat 0 2px;
}
.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
}
.post-entry h3 {
	font-size: 1.25em;
	padding: 0 0 .5em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
.post-entry ul, .post-entry ol {
	margin: 0 0 1em;
}
.post-entry ul {
	margin-left: 1.5em;
}
.post-entry ul li, .post-entry ol li {
	list-style: square;
	border-bottom: 1px solid #fafafa;
	padding: .2em 0;
}
.post-entry ol {
	margin-left: 2em;
}
.post-entry ol li {
	list-style: decimal;
}
.post-entry blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #999;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
.post-entry img {
	margin: .4em 0 0 1em;
	padding: 0 10px 10px 0;
}
.post-entry img.align-right {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}
.post-entry img.align-left {
	float: left;
	margin: .4em 1em 0 0;
	padding: 0 10px 10px 0;
}
.post-entry img.align-center {
	display: block;
	margin: .4em auto;
	padding: 0 10px 10px 10px;
}
.post-entry .postfooter {
	clear: both;
}
.post-meta {
	margin-top: 30px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 95%;
	color: #7d7d7d;
}
.post-meta a {
	color: #999;
}
.post .social {
	margin: 10px 0 7px 0;
}
.post .social img {
	margin: 0;
	vertical-align: text-bottom;
}
.post .socialbar_bottom {
	height: 78px;
	margin-top: 15px;
/*	background-color: #f3f3f3;
	border:1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	padding-left: 10px;
}
.post .socialbar_bottom .tweetmeme_button {
	margin: 0 8px 0 0;
}
.post .socialbar_bottom p {
	padding-top: 45px;
}
.post p.tags a {
	text-decoration: underline;
	color: #0285ff;
}
.post-comments {
	background: url(images/hr.gif) 0% 0% no-repeat;
	color: #888;
	padding: 5px 0 8px 0;
}
.post-comments h3 {
	margin: 5px 0 15px 0;
}
.subscribe-block {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 8px 10px 8px 10px;
	text-align: left !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.smalltext {
	font-size: 11px;
	color: #888;
}
.rss-block img {
	vertical-align: middle;
	margin-right: 5px;
}
.rss-block a.rsslink {
	line-height: 35px;

}

/************************
 Page iconview
*************************/

.page .iconview p {
	margin-bottom: 30px;
}

/* remove all the bullets, borders and padding from the default list styling */
.page .iconview ul, .page .iconview ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: none;
}

.page .iconview ul {
	float: left;
	width: 670px;
	margin-bottom: 12px;
}

.page .iconview ul li h2 {
	padding: 0 0 0 47px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000;
}

.page .iconview ul li h2 a {
	color: #222 !important;
}

.page .iconview ul li {
	float: left;
	width: 220px;
	height: 122px;
	border-bottom: 1px solid #ccc;
}

.page .iconview ul li img {
	float: left;
	margin: 5px 10px 5px 0;
}

.page .iconview ul li p {
	margin: 5px 0 20px 0;
	padding: 0 35px 0 47px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 18px;
	color: #6b6b6b;
}

/**********************
 sidebar
***********************/

.sidebar .collaboration h2,
.sidebar .collaboration h3 {
	color: #555;
	padding-right: 40px;
}

.sidebar .collaboration h2 {
	font-size: 14px;
	font-weight: bold;
}

.sidebar .collaboration h3 {
	font-weight: bold;
}

.sidebar .collaboration img {
	float: left;
	margin: 9px 15px 5px 0;
}

.sidebar .collaboration p {
	padding-right: 35px;
	font-size: 11px;
	line-height: 16px;
}

/**********************
 action buttons widget
***********************/

.actionbuttons {
	width: 252px;
	background: url(images/social_background_large.png) no-repeat top left;
	margin-bottom: 29px;
}

.actionbuttons div {
	position: relative;
	background: url(images/social_background_small.png) no-repeat bottom left;
	padding: 30px 30px 20px 20px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #787878;
}

.actionbuttons .blockheader {
	position: absolute;
	top: -8px;
	left: -13px;
}

.button {
	display: block;
	height: 30px;
	margin-bottom: 5px;
}

.button.small {
	float: right;
	height: 19px;
	margin-bottom: 0;
}

.button a {
	display: block;
	height: 30px;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px !important;
	font-weight: bold;
	line-height: 26px;
	padding: 0 14px 0 12px;
}

.button.small a {
	height: 19px;
	line-height: 18px;
	padding: 0 14px 0 12px;
}

.button.big a {
	text-decoration: none;
	font-family: Arial;
	font-size: 17px !important;
	font-weight: bold;
	text-shadow: #42910f 1px 1px 0;
}

.button a:hover {
	text-decoration: underline;
}

.button.green {
	background: url(images/btn_green_background_large.png) no-repeat top left;
}

.button.green a {
	color: #fff !important;
	background: url(images/btn_green_background_small.png) no-repeat top right;
}

.button.big.green {
	background: url(images/btn_big_green_large.png) no-repeat top left;
}

.button.big.green a {
	color: #fff !important;
	background: url(images/btn_big_green_small.png) no-repeat top right;
}

.button.grey {
	background: url(images/btn_grey_background_large.png) no-repeat top left;
}

.button.grey a {
	color: #555 !important;
	background: url(images/btn_grey_background_small.png) no-repeat top right;
}

.button.small.grey {
	background: url(images/btn2_grey_background_large.png) no-repeat top left;
}

.button.small.grey a {
	color: #555 !important;
	background: url(images/btn2_grey_background_small.png) no-repeat top right;
}

/***************************************
 Testimonials en social networks widget
****************************************/

.testimonial,
.socialnetworks,
.sidebarblock {
	width: 252px;
	margin-bottom: 22px;
	background: url(images/social_background_large.png) no-repeat top left;
}

.testimonial span,
.socialnetworks span,
.sidebarblock span {
	display: block;
	position: relative;
	background: url(images/social_background_small.png) no-repeat bottom left;
}

.socialnetworks .blockheader {
	position: absolute;
	top: -6px;
	left: 9px;
}

.socialnetworks a img {
	margin: 15px 0 8px 10px;
}

.testimonial .blockheader {
	position: absolute;
	top: -8px;
	left: -13px;
}

.testimonial span {
	padding: 13px 13px 6px 13px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 14px;
	color: #787878;
}

.testimonial #testimonial_buttons {
	height: 25px;
}

.testimonial #testimonial_buttons .refresh {
	float: right;
	line-height: 18px;
}

.testimonial #testimonial_buttons .refresh img {
	margin-left: 4px;
}

.testimonial #testimonial_loading {
	float: right;
	line-height: 24px;
	display: none;
}

.testimonial #testimonial_content {
	display: block;
	clear: both;
	min-height: 110px;
}

.testimonial #testimonial_content img {
	margin: 0 0 10px 0;
	display: block;
}

.testimonial #testimonial_content p {
	line-height: 14px;
}

.testimonial em,
.testimonial strong {
	display: block;
	margin: 7px 0 7px 0;
	font-weight: bold;
	font-style: normal;
}

.testimonial div.readmore {
	text-align: right;
}

/************
    Footer
*************/

#columnsfooter {
	clear: both;
	height: 10px;
	margin-bottom: 35px;
}

#footer {
	clear: both;
	padding: 26px 0 12px 0;
	border-top: 1px solid #b1adab;
	background-color: #dfdfdf;
}

#footer #footercontent {
	width: 980px;
	margin: 0 auto;
	line-height: 18px;
	font-family: Verdana;
	font-size: 11px;
	color: #737373;
}

#footer .sitemap {
	float: left;
	padding: 0 0 25px 42px;
}

#footer #footercontent h2 {
	margin: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	color: #505050;
}

#footer #footercontent a {
	display: block;
	color: #737373;
	text-decoration: none;
}

#footer #footercontent a:hover {
	text-decoration: underline;
}

#footer .copyright {
	clear: both;
	font-family: Verdana;
	font-size: 11px;
	color: #6b6b6c;
	text-align: right;
}

/***************
  Custom Pages
***************/
a.visit_button {
	width:250px;
	padding:7px 0 8px;
	display:block;
	color: #FFF;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	border-style: solid;
	border-color: #549300;
	border-width: 0 1px;
	text-decoration: none !important;
	background: url(images/btn_visit.png) repeat-x top;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.visit_button:hover,
a.visit_button:focus {
	background: url(images/btnHover_visit.png) repeat-x top;
}
a.visit_button_dl {
	background: url(images/sign_up_btn.png) repeat-x top;
}
a.visit_button_dl:hover,
a.visit_button_dl:focus {
	background: url(images/sign_up_btnHover.png) repeat-x top;
}
a.demo_clip {
        padding-left: 15px;
	background: url(images/icn_clip.png) no-repeat left;
}
a.demo_download {
        padding-left: 15px;
	background: url(images/icn_download.png) no-repeat left;
}

/***************
  Pop Up
***************/
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index:101;
	background:#000000;
}
#popupContact{
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	display:none;
	height:384px;
	width:600px;
	z-index:102;
	padding:12px;
	font-size:13px;
        border:1px solid #303030;
	background:#000;
}
#popupContact h1{
        position:absolute;
        margin: 0;
        color:#FFF;
        font-size:16px;
        left: 0;
        top: -21px;
}
#popupContactClose{
	position:absolute;
	right: -13px;
	top: -8px;
	font-size:14px;
	line-height:14px;
	color:#6fa5fd;
	font-weight:700;
	display:block;
        cursor: pointer;
}
.pop_up{
	cursor:pointer;
        display:block;
}