/* $Id: local.css,v 1.15 2011-01-12 12:05:37 maurice Exp $ */

/* Local CSS
-------------------------------------------------------------- */

/**
 * Put your custom css and css overrides in this file and
 * rename it local.css. By restricting your css changes 
 * to local.css, your changes will not be overwritten when
 * upgrading to a new version of this theme.
 *
 *  Steps to activate local.css:
 *  1. Add your custom css to this file.
 *  2. Rename this file to local.css  
 */

html {
  background: #ffffff;
  color: #494949;
  min-width: 975px;
}
 
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font: 12px/170% Arial, sans-serif;
  color: #494949;
}

#main-wrapper {
  background-color: #ffffff;
  background-image: none;
}

/************/
/* HEADINGS */
/************/

h1.title {                                        /* page titles */
  color: #f47721;
  border-bottom: none;
  clear: left;    /* LTR */
  font-family: Arial, sans-serif;
  font-size: 1.833em;
  font-weight: 600;
  line-height: 1.2727em;
}  

#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title,
h2.block-title,
h2.pane-title,                                        /* block titles, node titles */
h2.title {
  color: #f47721;
  font-family: Arial, sans-serif;
  font-size: 1.333em;
  font-weight: 600;
  margin: 0;
  text-transform: none;
}

  /* THE FOLLOWING IS NEEDED TO STYLE ORGANIC GROUPS DETAILS BLOCK */

#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
  background-color: #ffffff;
  padding: 0;
  text-align:left;
  text-shadow: none; 
  border: none;
}

div.node h2.title {
  border-bottom: none;
}

/*****************/
/* DEFAULT LINKS */
/*****************/

a,
a:link,
a:visited {
  color: #5895be;
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-weight: normal !important;
  text-decoration: underline;
} 


/********************************/
/* PREFACE REGIONS */
/********************************/

#preface {
  background: #ffffff;
  background-image: none;
  min-height: 0;
}

#preface-wrapper {
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.5em;
  margin: 0 auto;
  padding: 10px 0 8px 0;
  width: 960px;
}

/***************/
/* BREADCRUMBS */
/***************/

#breadcrumb {
  font-size: 1em;
  line-height: 100%;
  left: 0;    /* LTR */
  position: relative;
  top: 0em;
  width: 700px;
  margin-bottom: 20px;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #F47722;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #F47722;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #F47722;
  color: #4A95C8;
  padding-bottom: 2px;
}

/******************/
/* HEADER REGIONS */
/******************/

#header {
  background-color: inherit;
  margin: 0 auto;
  padding: 20px 0;
  width: 960px;
}

#header-first {
	width: 550px;
	font: 12px/170% Arial, sans-serif;
}

#header-first h1 a {
	color: #F47721;
}

/* DOMAIN BAR */

#block-domain_nav-0 {
	position: relative;
	float: right;
	border: none;
	right: 0;
	top: -20px;
}


#block-domain_nav-0 ul {
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}

#block-domain-nav-0 ul li {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}

#block-domain_nav-0 div.content div.item-list ul.tabs li a {
	color: #000000;
	padding: 5px;
	padding-left: 22px;
	text-decoration: none;
	margin: 0;
	font: 11px/100% Arial, sans-serif;
	border: 1px solid #ffffff;
	background: url(images/btn-lang-inactive.png) no-repeat 5px 6px #ffffff !important;
}

#block-domain_nav-0 div.content div.item-list ul.tabs li.active a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #E6E6E6;
	background: url(images/btn-lang-active.png) no-repeat 5px 6px #ffffff !important;
}

/* LANGUAGE BAR */

#block-locale-0 {
	position: relative;
	float: right;
	right: 0;
	top: -5px;
}

#block-locale-0 ul {
	margin: 0;
	padding: 0;
}

#block-locale-0 ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#block-locale-0 ul li.last {
	padding-right: 0;
}

#block-locale-0 ul li a {
	padding: 5px;
	padding-left: 22px;
	text-decoration: none;
	color: #000000;
	font: 11px/100% Arial, sans-serif;
	border: 1px solid #ffffff;
	background: url(images/btn-lang-inactive.png) no-repeat 5px 6px #ffffff;
}

#block-locale-0 ul li a.active {
	padding: 5px;
	padding-left: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #E6E6E6;
	background: url(images/btn-lang-active.png) no-repeat 5px 6px #ffffff;
}

/* PRIMARY MENU */

div#primary-menu-wrapper {
	margin-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
}

div#primary-menu-wrapper div#primary-menu {
	float: left;
	margin-top: 0;
}

div#primary-menu-wrapper div#primary-menu ul.menu li {
	background-image: none;
}

div#primary-menu-wrapper div#primary-menu ul.menu li a {
	padding: 5px;
	background-image: none;
}

div#primary-menu-wrapper div#primary-menu {
	font: 15px Arial, sans-serif;
}

div#primary-menu-wrapper div#primary-menu ul.menu li a {
	border-bottom: 5px solid #dddddd;
	font-weight: bold !important;
	color: #494949;
}

div#primary-menu-wrapper div#primary-menu ul.menu li a:hover {
	border-bottom: 5px solid #F47722;
}

/* LOGIN/ACCOUNT MENU */

div#block-menu-accountmenu {
	float: right;
	margin: 0;
	padding: 0;
	top: 10px;
	width: 200px;
}

div#block-menu-accountmenu ul {
	float: right;
	list-style-type: none;
	text-align: right;
	margin: 0;
	padding: 0;
}

div#block-menu-accountmenu ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

div#block-menu-accountmenu ul li a {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

div#block-menu-accountmenu ul li a:link,
div#block-menu-accountmenu ul li a:visited {
  color: #027AC6;
  text-decoration: underline;
}

div#block-menu-accountmenu ul li a:hover {
  color: #2cadff;
  text-decoration: underline;
}

div#block-menu-accountmenu ul li.first a {
	margin-right: 10px;
}

/*********/
/* LISTS */
/*********/

ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  background: url('images/raquo.png') no-repeat left 0.833em;    /* LTR */
  list-style-image: none;
  list-style-type: none;
}

#header ul li,
#header ul.menu li,
#header .item-list ul li,
#header li.leaf {
  background: none;
}

/*********/
/* FORMS */
/*********/

input.form-submit,
input.teaser-button {                                    /* default styling for all form buttons */
  background: none;
  color: #ffffff;
  background-color: #939395;
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  
  border-top: 1px solid #c1c1c2;
  border-right: 1px solid #5d5d5e;
  border-bottom: 1px solid #3e3e3f;
  border-left: 1px solid #aeaeaf;
  
  outline: none;
  
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

fieldset {
  border: 1px solid #e6e6e6;
}

select.form-select,
input.form-text,
textarea.form-textarea {                                      /* default styling for all text fields */
  background-image: none;
  background-color: #ffffff;
  color: #494949;
  border:1px solid #8C8C8E;
  padding: 2px 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}






input {
  font: 12px/100% Arial, sans-serif;
  color: #494949;
}

input.form-text {
	font-size: 1em !important;
	background-color: #ffffff;
	background-image: none !important;
	border-top: 1px solid #6b6b6b;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #a7a7a7;
	line-height: 1.3em !important;
	* line-height: 1em !important;
	height: 16px;
	padding: 4px;
	* padding: 6px 4px 0;
}

.form-button,
.teaser-button,
.form-submit {
	line-height: 1em !important;
	font-size: 1em !important;
	color: #ffffff;
	background-color: #7f7a7a;
	border-top: 1px solid #b5b2b2;
	border-right: 1px solid #504d4d;
	border-bottom: 1px solid #353333;
	border-left: 1px solid #999595;
	
	height: 26px;
	padding: 1px 6px 3px;
	* padding: 0;
	* height: 24px;
}

.form-textarea,
.form-select {
	padding: 3px !important;
	border-top: 1px solid #6b6b6b !important;
	border-right: 1px solid #e6e6e6 !important;
	border-bottom: 1px solid #e6e6e6 !important;
	border-left: 1px solid #a7a7a7 !important;
}








/*********/
/* NODES */
/*********/

div.node.full-node div.content {
  border-bottom: none;
}

/********/
/* TABS */
/********/

#content-tabs ul.primary,
#content-tabs ul.secondary {
  text-transform: none;
}

/**********/
/* TABLES */
/**********/

tr.even {
  background-color: #f3f3f3;
  border-bottom: 1px solid #e6e6e6;
}

tr.odd {
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
}


/*****************/
/* FOOTER REGION */
/*****************/

#footer {
	background-color: #A8A9AC !important;
	border: none;
}

#footer ul li {
	display: inline;
	padding: 0 20px !important;
	margin: 0 !important;
	list-style-type: none; 
	border: none;
	background: transparent url(images/footer-menu-sep.png) no-repeat center right;
}

#footer ul li.last {
	background: none;
}

#footer ul li a {
	color: #ffffff !important;
	display: inline;
}

#footer-shadow {
	text-align: center;
	width: 996px;
	margin: 0 auto;
	padding: 20px 0;
	height: 12px;
}

/************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content) */
/************************/

#main-wrapper a.active {
  color: #144A6E;
  text-decoration: underline;
}

/********/
/* POLL */
/********/

div.vote-form {
text-align: left !important;
}

.poll .vote-form .choices {
display:table;
margin:0;
text-align:left;
}

div.poll div.title {
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 20px;
}

div.poll div.total {
	text-align: left;
	margin: 10px 0 15px 0;
}

/*********/
/* FORUM */
/*********/

li.topic_locked {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../../../default/files/icons/lock.png) no-repeat;
}

#forum tr.container td {
  background: #f47722;
}

table.forum-topics th,
table.forum-table th {
  background: #f47722;
  padding:3px 5px 3px 5px;
  font-size: 0.93em;
}

#forum tr.even.container,
#forum tr.odd.container {
  border: 1px solid #f47722;
}

div.view-latestnews div.views-field-created {
	clear: left;
	float: left;
	color:#898989;
	font-size:0.92em;
	width: 110px;
	display: block;
}

table.views-view-grid span.views-field-last-updated,
table.views-view-grid span.views-field-timestamp {
	font-size:0.92em;
	color:#898989;
}

table.views-view-grid td.col-1 {
padding-bottom: 5px;
}

div.view-latestnews div.views-field-title {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

div.view-latestnews div.views-field-title {
	width: 350px;
	margin-bottom: 10px;
}

/***********************/
/* SUGAR CRM CASE LIST */
/***********************/

table.sugar-list th {
	padding: 5px;
}

table.sugar-list p.sugar-title {
	padding-top: 0;
	margin-top: 0;
}

table.sugar-list td {
	vertical-align: top;
	padding: 5px;
}

td.sugar-resolution {
	background-color: #ffffff !important;
}

/* Important: If this is not included the legend with disappear when collapsed. */
html.js fieldset.collapsed span {
  display:block
}

html.js fieldset.collapsed {
	border: 1px solid #CCC;
}

table.legenda td {
	width: 50%;
	text-align: left;
	vertical-align: top;
}

table.legenda td p {
	font-size: 10px;
}


/**************************/
/* SUGAR CRM CASE DETAILS */
/**************************/

h1.case_title {
	margin-bottom: 5px;
}

p.case_date {
	color: #8b8b8c;
	margin-top: 0;
	padding-top: 0;
	font-style: italic;
}

table.case_details tbody {
	border: none;
}

table.case_details td {
	padding: 0;
}

table.case_details td.label {
	font-weight: bold;
	width: 150px;
}

hr.case_break {
	border: none;
	border-top: 1px solid #a8a9ac;
	margin: 20px 0;
}

p.story {
}

/******************/
/* ORGANIC GROUPS */
/******************/

/* STYLE GROUP DETAILS BLOCK */

div.rounded-block-top-left, div.rounded-block-top-right, div.rounded-block-bottom-left, div.rounded-block-bottom-right {
	background: none;
	font-size:2px;
	height:11px;
}

div.rounded-outside, div.rounded-inside {
	background: none;
	padding-right:8px;
}

#sidebar-first div.block div.content, #sidebar-last div.block div.content, #postscript-wrapper div.block div.content {
	background: none;
	border-bottom: none;
	padding:10px 10px 8px;
}

/********/
/* MISC */
/********/

.panel-separator {
}

.more-link {
	text-align:left;
}

ul.forum-links li a,
ul.forum-links li a.active,
ul.links li.forum a {
	padding: 3px 5px;
	color: #ffffff !important;
	text-decoration: none !important;
	background-color: #F47721;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 1em;
	
  border-top: 1px solid #f9b17f;
  border-right: 1px solid #9a4b15;
  border-bottom: 1px solid #9a4b15;
  border-left: 1px solid #f9b17f;
}

form#user-login-form div.item-list ul li {
	background-image: none;
	padding: 0;
	margin: 10px 0;
}

div#forum ul.links {
  padding: 10px 0 !important;
}

div#forum ul.links li {
	padding: 0;
}

/* LOGIN BLOCK */

form#user-login-form div.item-list ul li a {
	font-size: 0.9em;
	padding: 2px 0 2px 20px;
}

form#user-login-form div.item-list ul li.first a {
	background: url(../../../default/files/icons/user.png) no-repeat;
}

form#user-login-form div.item-list ul li.last a {
	background: url(../../../default/files/icons/key_go.png) no-repeat;
}

/* SPECIFIC BUTTONS */

a.button {
	background: transparent url(../tpsc/images/button-gen-right.gif) no-repeat scroll top right;
	color: #027ac6 !important;
	display: block;
	clear: left;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 37px;
	margin-right: 6px;
	padding-right: 9px; /* sliding doors padding */
	text-decoration: none;
	margin-bottom: 10px;
}

a.button span {
	background: transparent url(../tpsc/images/button-gen-left.gif) no-repeat;
	display: block;
	line-height: 21px;
	padding: 8px 0 8px 9px;
}

a.button span img {
	vertical-align: middle;
	padding-right: 5px;
}

a.button:hover {
	background: transparent url(../tpsc/images/button-gen-right-hover.gif) no-repeat scroll top right;
}

a.button:hover span {
	background: transparent url(../tpsc/images/button-gen-left-hover.gif) no-repeat;
} 

/* PAGER */

ul.pager li {
	text-decoration:none;
	color: #027AC6 !important;
	background-color: #ffffff !important;
	border: none !important;
	font-size: 1.1em !important;
}

ul.pager li a {
	color: #027AC6 !important;
	padding: 5px !important;
	text-decoration: none;
}

/*******************/
/* DRUPAL MESSAGES */
/*******************/

div.messages,
div.help,
div.messages.status {
  border-width: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

div.messages,
div.messages.status,
div.help p {
  font-weight: normal;
}

div.author-name,
div.author-name a {
	font-weight: bold !important;
	font-size: 16px !important;
}

/*****************/
/* CASES LEGENDA */
/*****************/

table.legenda {
	width: 100%;
}

table.legenda caption {
	background-image: none !important;
	border: none;
	text-align: left;
	padding: 5px 10px;
	font-size: 20px;
}

table.legenda td {
	width: 50%;
	text-align: left;
	vertical-align: top;
	padding: 10px !important;
}

table.legenda td h3 {
	margin: 0;
}

table.legenda td p {
	font-size: 11px;
	padding: 0;
	margin: 3px 0;
}

table.caselijst a.explanation {
	margin-left: 5px;
	padding: 5px;
}