/*-----------Block Level Elements--------------*/

body {
  height:           100%;
  width:            100%;
  margin:           0px;
  padding:          0px;
  background-color: #E6EFFE;
  /*background:       url(cwl-bgrnd.jpg) no-repeat fixed center top;*/
  text-align:       center;
}

a {
  color:           #111111;
  text-decoration: none;
}

/*a:link img, a:visited img,a:hover img, a:active img{*/
/* dit werkt niet om geen a-onderstreping te krijgen bij plaatjses */
a img {
  border:          none !important;
  /*border-bottom: 1px solid red;*/
  text-decoration: none;
}

h1 {
  font-size: 1.5em;
}
h2 {
  font-size: 1.17em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: .83em;
}
h5 {
  font-size: .75em;
}

h1, h2, h3, h4, h5{
  padding:   0;
  margin:    0;
  font  :    Palatino, Palatino Linotype, Georgia, 'Times New Roman', serif;
}

/*--------used by tinyMCE----------*/
textarea {      
  width:    100%; 
  height:   100%;
}      

/*--------we need this for IE < 9 for HTML5-tags-------*/
header, nav, footer, article {
  display:      block;
}

/*--------------Overall-----------------*/

#overall {
  font-family:      11px/13px Arial, Helvetica, sans-serif;
  color:            #222222;
  margin:           0px auto;
  padding:          0;
  /*width:            750px;*/
  width:            1000px;
  text-align:       left;
  /*background-color: #E6EFFE;*/
  
  }


/*--------------Header-----------------*/

#header {
  margin:  0px 0px 50px 0px;
  height:  55px;
  padding: 0px;
}

#headerLeft {
}

#headerLeft a {
  /*background-image:  url(logo4.jpg);
  background-repeat: no-repeat;*/
  
  height:           55px;
  width:            180px;
  padding:          0;
  margin:           30px 38px 0 0;
  width:            242px;
  height:           50%;
  display:          block;
  /*background-color: #222222;
  color:            #E6EFFE;*/
  color:            #6A1A4C;
  font-size:        1em;
  font-weight:      bold;
  text-align:       center;
  float:            left;
  
  }

#headerLeftHome {
  font-size:   26px;  
  line-height: 20px;
  font-weight: bold;
}

#headerMiddle {
  height:  100%;
  float:   left;
  padding: 0px;
  margin:  0;
  width:   420px;
  /*border-bottom:  1px solid #1B1B1B;*/
  
  }

#headerMiddleText_ {
  /*height:         40px;*/
	padding:        0px;
	margin:         50px 0px 0px 0px;
	float:          left;
	vertical-align: bottom;
}

#middleText_ {
  font-size:   18px;  
  line-height: 20px;
}

#headerRight {
  margin:  0px;
  padding: 0px;
  /*top:     70px;*/
  height:  100%;
  float:   right;
  width:   400px;
  /*text-align:     right;
  vertical-align: text-bottom;*/
  position: relative;
  
  }

#headerBottomStrip {
  padding:        0;
  margin:         0;
  float:          left;
  height:         9px;
  width:          100%;
}

#firstStrip {
  height:         100%;
  float:          left;
  padding:        0;
  margin:         0 38px 0 0;
  width:          242px;
  /*border-top:     1px solid #1B1B1B;*/
  border-bottom:  1px solid #1B1B1B;
  
  }

#secondStrip {
  height:         100%;
  float:          left;
  padding:        0;
  margin:         0 38px 0 0;
  width:          382px;
  border-bottom:  1px solid #1B1B1B;
  
  }

#thirdStrip {
  height:         100%;
  float:          left;
  padding:        0;
  margin:         0;
  width:          180px;
  border-bottom:  1px solid #1B1B1B;
  
  }

#lastStrip {
  height:         100%;
  float:          right;
  padding:        0;
  margin:         0;
  /*top:            -27px;*/
  top:            -24px;
  position:       relative;
  
  }

.title {
  /*border-bottom:  1px solid #1B1B1B;*/
  /*width:          100%;
  height:         100%;*/
  color:          "gray"; #999999;
  font-size:      2.1em;
  font-weight:    bold;
  /*line-height:    50px;*/
  /*float:          right;*/
  /*text-align:     right;*/
  /*vertical-align: bottom;*/
  
  }

.description {

}

/*---------Container of menu's and content---------*/

#container {
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
  
  }


/*-------------The Content-------------*/

#content {
  padding:        0;
  margin:         0 38px 0 0;
  width:          382px;
  float:          left; /*right;*/
  text-align:     left; /*justify;*/
  font:          12px Arial, Helvetica, sans-serif;

  }

.contentTitle {
  padding:       0px 0px 3px 0px;
  margin:        0px 0px 8px 0px;
  font:          bold 18px Palatino, Palatino Linotype, Georgia, 'Times New Roman', serif; 
}

#content a {
  color:           ;
  border-bottom: 1px solid #08B3B5;
}
#content a:hover {
  color:           #08B3B5;
  /*text-decoration: underline;*/
  border-bottom: 1px solid #08B3B5;
}

/*-------------Sidebar-------------*/

#sidebar {
  padding:     0;
  margin:      7px 0 0 0;
  width:       400px;
  float:       left;
  /*text-align:  justify;*/

  }

/*-------------Menu Left-------------*/

#menuLeftImage {
  padding:        0;
  margin:         0 38px 0 0;
  width:          142px;
  float:          left;
}

#menuLeft {
  margin:     8px 0 0 0;
  /*padding:    0px 0px 50px;*/
  width:      180px;
  float:      left;
  
  }
#menuLeft ol {
  margin:     0px;
  padding:    0px;
  list-style: none;
}
#menuLeft .mainMenuItem {
  font:          13px Arial, Helvetica, sans-serif;
  /*font-weight:   bold;*/
  /*line-height:   22px;*/

  /*margin-top:    51px; /*17px;*/*/
  margin-bottom: 0px;
}
#menuLeft .subMenuItem {
  font:          12px Arial, Helvetica, sans-serif;
  /*font-weight:   normal;*/
  /*line-height:   19px;*/
  margin-left:   10px;
  margin-bottom: 0px;
}
#menuLeft .firstMenuItem {
  margin-top:    0px;
}
#menuLeft .menuChoice {
  font-weight:   bolder;
}

/*
#menuLeft a:link, #menuLeft a:visited {
  color:           #222222;
  text-decoration: none;
}
*/
#menuLeft a:hover, #menuLeft a:active {
  color:           #7030A0;
  text-decoration: none;
}
/*
#menuLeft a:hover:after{
}
*/

/*-------------Menu Right-------------*/

#menuRight {
  text-align: right;
  margin:     0px 0px 0px 25px;
  padding:    0px 0px 50px;
  width:      0px;
  float:      right;

  }
#menuRight ol {
  margin:        0px;
  padding:       0px;
  list-style:    none;
}
#menuRight .mainMenuItem {
  font-size:     17px;
  font-weight:   bold;
  line-height:   22px;

  margin-top:    17px;
  margin-bottom: 0px;
}
#menuRight .subMenuItem {
  font-size:     12px;
  font-weight:   normal;
  line-height:   19px;
  margin-left:   15px;
  margin-bottom: 0px;
}

/*--------- Menu left - Sortable---------*/

/*--------- Menu left - Sortable---------*/

#menuLeftInEditMode {
  width:      170px;
  margin:     0px 0px 0px 0px;
  padding:    0;
  float:      left;

  }

#menuRightInEditMode {
  width:      -10px;
  margin:     0px 0px 0px 0px;
  padding:    0;
  float:      right;

  }

#menuLeftInEditMode a, menuRightInEditMode a {
  text-decoration: none;
}

pre, code {
  font-size: 12px;
}

small {
  font-size: 90%;
}

small code {
  font-size: 11px;
}

.placeholder {
  background-color: #cfcfcf;
}

.ui-nestedSortable-error {
  background:  #fbe3e4;
  color:       #8a1f11;
}

/* --- */
ol_ {
  margin:       0;
  padding:      0;
  padding-left: 30px;
}

ol.sortable, ol.sortable ol {
  margin:          0 0 0 25px;
  padding:         5px 0px;   /* don't make this zero, otherwise drop to an empty list is not possible */
  list-style-type: none;
}

ol.sortable {
  margin: 4em 0;
}

.sortable li {
  margin: 7px 0 0 0;
  padding: 0;
}

/*.mainMenuItem span, .subMenuItem span {*/
.sortable .mainMenuItem span, .sortable li ol .subMenuItem span {
  border: 1px solid black;
  padding: 3px;
  margin: 0;
  cursor: move;
}

/*-------------Footer-------------*/

#footer {
  height:     20px;
  font:       10px/12px Arial, Helvetica, sans-serif;
  text-align: left;
  padding:    10px 0px 0px 0px;
  margin:     0;
  clear:      both;
  width:      100%;
  
  }


/*-------------Edit area-------------*/

#editArea {
  width:      420px;
  float:      right;
  padding:    0;
  margin:     0;
}

#editAreaLeft {
  width:      249.6px;
  float:      left;
  padding:    0;
  margin:     0;
}

#editAreaRight {
  width:      140.4px;
  float:      right;
}

#editArea ul {
  list-style-type: none;
  padding:         0;
  margin:          0;
}

#editArea .inputItem {
  /*display:        block;*/
}
#editArea .inputLabel {
  font-weight:    bold;
  float:          left;
  clear:          left;
  width:          70px;
  margin:         0 10px 0 0;
  padding:        0;
  text-align:     right;
}

/*-------------Login link-------------*/

#loginDot {
  position:        absolute;
  left:            0px;
  top:             0px
  color:           lightgrey;
}
#loginDot a {
  text-decoration: none; 
}

/*-------------Table-------------*/
table {
  width: 100%;
  border: 1px;
  cellspacing: 0px;
  cellpadding: 7px;
}
th {
  background-color: #ffcc99;
  vertical-align:  top;
  text-align: left;
}

/*-------------Image script styles-------------*/
.arrows {
  width:        20%;
  margin-left:  auto;
  margin-right: auto; 
  /*text-align:   right;*/
  font-size:    1.2em;
  float:        right;
}
.arrow {
  float:        left;
}
#imageArea {
  width:        100%;
  margin-left:  auto;
  margin-right: auto; 
  text-align:   left;
  /*border:   solid 1px blue;*/
}

/*---------Twitter style---------*/

/**
 * @name     phoenix.css
 * @abstract css for showing Twitter tweets
 * @author   changes by Peter J.J. Bakker
 */
/*
 * 18-01-2012 (made from http://a2.twimg.com/a/1326412195/phoenix/css/phoenix_core_logged_out.bundle.css)
 *            (removed and changed some styles)
 * 19-01-2011 ()
 */

.stream{
  position:relative;
  /*background-color:#fff;*/
  padding-top:1px;
  min-height:800px;
  margin-top:1px;
  zoom:1;
}
.stream .stream-item:first-child,.stream .hovered-stream-item:first-child,.related-tweets .stream-item:first-child:hover{
  border-top:none;
}
.stream-item{
  position:relative;
  /*border-bottom:1px solid #ebebeb;*/
  min-height:60px;
  clear:both;
  display:block;
  outline:none;
  margin-top:-1px;
  border-top:1px solid transparent;
}
.stream-item.blocked{display:none;}
.stream-item:hover,.related-tweets .stream-item:hover,.hovered-stream-item{
  cursor:pointer;
  /*background:#f4f4f4;*/
  border-top:1px solid #EBEBEB;
}
.stream-item.withheld-item,.stream-item.withheld-item:hover{
  background:#f7f7f7!important;
  border-top:1px solid #EBEBEB!important;
  border-bottom:1px solid #EBEBEB!important;
}
.stream-item[data-item-type="list"]{
  border-color:#EBEBEB!important;
  background:#fff!important;
}
.stream-item .more{_visibility:hidden!important;display:none;width:17px;height:18px;background:red;position:absolute;margin-top:8px;z-index:1;outline:none;text-indent:-99999px;right:10px;background:url(../img/sprite-icons.png) no-repeat -288px 0;}
.stream-item .more:hover{background:url(../img/sprite-icons.png) no-repeat -288px -32px;}
.stream-item:active .more{background:url(../img/sprite-icons.png) no-repeat -288px -64px;}
.stream-item:hover .more,.hovered-stream-item .more{display:block;}
.stream-item.focused-stream-item .more{background:url(../img/sprite-icons.png) no-repeat -320px 0;}
.stream-item.focused-stream-item .more:hover{background:url(../img/sprite-icons.png) no-repeat -320px -32px;}
.stream-item.focused-stream-item:active .more{background:url(../img/sprite-icons.png) no-repeat -320px -64px;}
.stream-item .arrow{display:none;width:17px;height:29px;background:red;position:absolute;margin-top:3px;z-index:6;outline:none;text-indent:-99999px;right:-17px;background:url(../img/pointer-right-hover.png);}
.stream-title h2{
  padding:14px 20px 5px 20px;font-size:15px;font-weight:300;margin-bottom:0;
  color:#666;
}
.stream-title .go-to-list-page{
  float:right;text-decoration:none;font-size:12px;font-weight:normal;
}
.route-search ul.stream-tabs li.open,.route-search ul.stream-tabs li.open,.route-home .stream-title ul.stream-tabs li.open,.route-home .stream-title ul.stream-tabs li.open{
  margin-top:3px;
}
.route-search ul.stream-tabs li.open .tab-text,.route-search ul.stream-tabs li.open .tab-text:hover,.route-home .stream-title ul.stream-tabs li.open .tab-text,.route-home .stream-title ul.stream-tabs li.open .tab-text:hover{
  padding:0 6px;z-index:auto!important;
}
.stream-item:hover .promoted-tweet .tweet-labels .tweet-label{
  color:#333!important;
}
#stream-items-id{
  zoom:1;
}

#doc{width:100%;position:relative;text-align:center;z-index:1;}
#top-stuff{position:fixed;_position:relative;top:0;left:0;z-index:12;width:100%;}
#flash-object-container{position:absolute;top:-9000px;left:-9000px;}
#page-outer{width:1000px;padding-top:60px;margin:0 auto 0 auto;_padding-top:20px;}
html.remove-prerendered-content #page-container{display:none;}
#front-container,#page-container{width:920px;margin:0 40px;position:relative;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;text-align:left;}

/*.main-content,.details-pane{color:#444;}*/
.main-content{
  width:  100%; /*540px;*/
  float:left;
  display:inline-block;
  z-index:4;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  /*box-shadow:0 3px 4px rgba(0,0,0,.5);-moz-box-shadow:0 3px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);
  border-right:1px\9 solid #eee;position:relative;*/
  /*background:#fff;*/
  height:100%;min-height:700px;
}
body.user-style-twttr .stream-item:hover .tweet-screen-name,body.user-style-twttr .stream-item:hover .tweet-timestamp,body.user-style-twttr .stream-item:hover .tweet-geo-text,body.user-style-twttr .stream-item:hover .user-profile-link,body.user-style-twttr span.user-stat-link{
  color:#0084B4!important;
}
body.user-style-twttr .stream-item:hover,body.user-style-twttr #new-tweets-bar,body.user-style-twttr #new-tweets-bar:active{
  background-color:rgba(0,132,180,0.1);border-color:rgba(0,132,180,0.15);
}
body.user-style-twttr .stream-item.feedback-shown:hover{
  background-color:#fff!important;
}
.stream-manager{
  z-index:1;
}
.user-content-medium .user-content-rest .user-profile-link{
  color:#333;
}
.user-content-medium .user-content-rest .user-profile-link:hover{
  text-decoration:underline;
}
.tweet{
  padding:10px 20px;
  /*font-size:15px;*/
  position:relative;zoom:1;
}
.tweet a:hover{text-decoration:underline;}
.tweet-image{
  float:left;height:48px;overflow:hidden;width:48px;margin-top:3px;
}
.tweet-content{
  margin-left:58px;min-height:48px;
}
.stream-tweet.withheld-tweet .tweet-content{
  min-height:40px;
}
.tweet-row{
  display:block;position:relative;line-height:15px;
}
.tweet-full-name{
  color:#999;
  font-size:12px;
}
.simple-tweet-content .tweet-full-name{
  font-size:11px;
}
.tweet-screen-name{
  font-weight:bold;color:#333!important;
}
.tweet-timestamp,.tweet-contributors{
  color:#999!important;font-size:11px;
}
body.new-tweet-labels .tweet-timestamp,body.new-tweet-labels .tweet-source{
  display:inline-block;line-height:1;position:relative;top:3px;
}
body.new-tweet-labels.mozilla .tweet-timestamp,body.new-tweet-labels.mozilla .tweet-source{
  top:1px;
}
.details-pane-tweet .tweet-timestamp{
  line-height:1.9;
}
.stream-item.last-new-tweet{
  border-bottom:1px solid #b3b3b3!important;z-index:1;
}
.stream-item:hover span.geo-pin{
  background-color:transparent!important;
}
.tweet-text{
  padding:0;
  /*font-family:Arial,"Helvetica Neue",sans-serif;line-height:19px;*/
  word-wrap:break-word;
}
.stream-tweet .tweet-actions{
  visibility:hidden;_visibility:visible;
}
.stream-tweet:hover .tweet-actions,.focused-stream-item .stream-tweet .tweet-actions{
  visibility:visible;
}
.stream-tweet:hover .activity-count,.focused-stream-item .stream-tweet .activity-actions{
  display:inline;
}
.stream-tweet .activity-count{
  color:#999;
}
.stream-item .stream-tweet .tweet-corner .tweet-meta .retweet-icon{
  margin-bottom:-2px!important;
}
.tweet-dogear{
  /*background:url(../img/tweet-dogear.png) no-repeat 24px 25px;*/
  position:absolute;top:0;left:0;width:24px;height:25px;
}
.favorited .tweet-dogear{
  background-position:0 0;
}
.retweeted .tweet-dogear{
  background-position:0 -50px;
}
.retweeted.favorited .tweet-dogear{
  background-position:0 -25px;
}
.expanding-stream-item .tweet-timestamp{
  color:#999!important;
}
.expanding-stream-item .tweet:hover .tweet-timestamp,.expanding-stream-item.open .original-tweet .tweet-timestamp{
  display:none;
}
.tweet-dropdown .twitter-atreply,.tweet-dropdown .twitter-hashtag,.tweet-dropdown .twitter-timeline-link{
  color:#777;
}
.expando-container .main-content{
  background:none!important;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
}
.expando-container .search-title,.expando-container .route-search .stream-tabs,.expando-container .stream-title,.expando-container .stream-loading,.expando-container .profile-subpage-title,.expando-container .stream-end,.expando-container .stream-whale-end,.expando-container .profile-subpage-header .stream-tabs{
  background:white;
}
.expando-container .main-content{
  margin-right:9px;
}
.stream-items .js-activity{
  min-height:52px;
}
.stream-items .js-activity.expanded .stream-item-activity-line,.stream-items .js-activity.expanded .activity-timestamp{
  display:none;
}
.stream-items .js-activity.expanded .activity-supplement{
  padding-top:16px;
}
.stream-items .js-activity:hover .tweet-actions{
  visibility:visible;
}
.stream-items .callout-tweet-actions .tweet-actions{
  visibility:visible;
}
.stream-items .js-activity-favorite .js-action-fav b,.stream-items .js-activity-retweet .js-action-rt b{
  font-weight:bold;
}
.stream-items .js-activity-follow:hover,.stream-items .js-activity-list_member_added:hover{
  cursor:default!important;
}
.stream-items .focused-stream-item.js-activity-follow{
  background:#fff;border-color:#EBEBEB;
}

.activity-truncated-tweet .tweet,.truncated-tweet{padding:2px 20px 2px 80px;font-size:13px;margin-bottom:0;}

.stream-item-activity-line-network .user .user-profile-link b{
  font-weight:bold;color:#333;
}
.stream-item-activity .tweet-row-user .tweet-image{
  width:32px;height:24px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name{
  clear:both;display:block;font-size:11px;padding-top:2px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name a{
  color:#666!important;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-full-name{
  font-size:11px;display:none;
}
.stream-item-activity .activity-supplement .tweet-dogear{
  top:-36px;
}
.expanded .stream-item-activity .activity-supplement .tweet-dogear{
  top:-17px;
}
.stream-item-activity .tweet-content{
  margin-left:78px;width:430px;display:block;clear:both;
}
.stream-item-activity-line .tweet-row{
  height:14px!important;color:#999!important;
}
.stream-item-activity-line .tweet-row a{
  color:#999!important;
}
.stream-items .focused-stream-item.js-activity-follow .user-content-medium,.stream-item-activity:hover .user-content-medium{
  cursor:pointer;box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;-webkit-box-shadow:0 1px 1px #ccc;
}
.stream-item-activity .user-content-rest .user-profile-link{
  clear:both;display:block;
}
.stream-items .js-activity-mention,.stream-items .js-activity-reply{
  min-height:76px;
}
.stream-item-activity-me .user-profile-link s,.stream-item-activity-me .list-link s{
  display:none;
}
.stream-item-activity-me .user-profile-link b,.stream-item-activity-me .list-link b{
  color:#333;font-weight:bold;
}
.stream-item-activity-network .activity-supplement .activity-item-tweet .activity-item-tweet-content .tweet-text{
  padding-right:8px;
}
.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row .pretty-link,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row .pretty-link a{
  color:#999!important;
}
.stream-items .js-activity-list_created .stream-item-activity-network{
  min-height:86px;
}
.activity-target-screen-name .user .user-profile-link s{
  display:inline;color:#666!important;
}
.activity-target-screen-name .user .user-profile-link b{
  font-weight:normal;color:#666!important;
}
.dashboard .stream-item-activity .tweet-content{
  margin-left:0;width:290px;
}
.dashboard .tweet-content .tweet-text{
  line-height:17px;
}