html {
  background: #fff;
  font-size: 100%;
  min-height: 100%;
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
}

body, input, textarea, select {
  font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}

body {
  color: #333;
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: relative;
}

/* Museo Slab */
@font-face {
    font-family: 'museo_slab_500regular';
    src: url('webfonts/museo_slab/museo_slab-webfont.eot');
    src: url('webfonts/museo_slab/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museo_slab/museo_slab-webfont.woff') format('woff'),
         url('webfonts/museo_slab/museo_slab-webfont.ttf') format('truetype'),
         url('webfonts/museo_slab/museo_slab-webfont.svg#museo_slab_500regular') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'modernpics';
    src: url('webfonts/modernpics/modernpics-webfont.eot');
    src: url('webfonts/modernpics/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/modernpics/modernpics-webfont.woff') format('woff'),
         url('webfonts/modernpics/modernpics-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.icon_font {
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'modernpics';
    font-size: 1.4em;
    position: relative;
    text-transform: none !important;
}
p { margin-bottom: 18px; }
strong { font-weight: bold;  }
em { font-style: italic; }

.indicator {
  width: 22px;
  height: 22px;
  float: left;
  background: url(/images/common/loading.gif) top left no-repeat;
}

html body #page .rightmost { margin-right: 0; }
html body #page .leftmost { clear: both; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0; font-weight: bold; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, sans-serif; width:100%; float: left; clear: both;  }
h1 { font-size: 17px; line-height: 23px; margin-bottom: 18px;}
h2 { font-size: 15px; line-height: 21px; }
h3 { font-size: 14px; line-height: 18px; }
h4 { font-size: 11px; line-height: 18px; }
h5 { font-size: 11px; line-height: 18px; }

.has_font, h1.has_font, h2.has_font, h3.has_font, h4.has_font, h5.has_font {
  font-family: "museo_slab_500regular", Arial, "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", Helvetica, sans-serif;
	font-weight: 500;
}
/*

a { color: #3e7cba; text-decoration: none; outline-style: none; }
a:hover { color: #447ed6; text-decoration: underline; }
*/
a { color: #0088cc; text-decoration: none; outline-style: none; }
a:hover { text-decoration: underline; }

.hrFull {
  background: url('/images/common/hr_stripe_3px.gif') left center repeat-x;
  height: 3px;
  width: 100%;
  margin-bottom: 18px;
  float: left;
  clear: both;
}

.borderRadiusSmall {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.note {
  color: #808080;
  font-size: 10px;
  position: relative;
  margin-bottom: 19px;
  float: left;
  clear: both;
  width: 100%;
  background: #ececec;
  border-radius: 5px;
}
.note .padder {
  float: left;
  padding: 10px 10px 10px 35px;
}
.note .ic { font-size: 10px; background: #e6e6e6; color: #707070; }
.note .icon_font {
  position: absolute;
  top: 8px;
  left: 11px;
  font-size: 21px;
}

#upgrade-note { width: auto; background: #e13c36; color: #fff; }
#upgrade-note .padder { padding: 10px 15px 10px 35px; }
#upgrade-note a,
#upgrade-note a:hover {
  color: #e13c36;
  background: #ffde00;
  padding: 1px 4px;
  border-radius: 2px;
  text-decoration: none;
}
#upgrade-note a:hover { background: #ffff00; }


/*
input[type=button],
input[type=submit] { font-style: italic; background: #ebebeb; color: #808080; font-size: 13px; padding: 3px; border: 1px solid #cccccc; }
.bad { background: #feeae6; border: 1px solid #dc4228; }
*/
input[type='text'], input[type='password'], input[type='search'], textarea, select {
  border: 1px solid #efefef;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-size: 11px;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  padding: 3px;
}
textarea {
  font-family: Courier, "Courier New", monospace;
}

pre {
  font-size: 11px;
  padding: 0;
  margin: 0 0 18px 0;
  line-height: 20px;
  background: #f7f7f7;
  width: 100%;
  overflow: auto;
  overflow-Y: hidden;
}

pre code {
  display: block;
  padding: 0.5em 1em;
  font-family: "Lucida Console", "Droid Sans Mono", "Courier New", "Lucida Sans Unicode", monospace, sans-serif;
}

.button {
  display: block;
  position: relative;
  float: left;
  background-color: #efefef;
  background-image: url(/images/common/button-gradient.gif);
  background-position: top center;
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  border-top-color: #d4d4d4;
  border-left-color: #d4d4d4;
  color: #777;
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  padding: 6px 12px;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  line-height: 100%;
  cursor: pointer;
  min-width: 98px;
}
a.button,
.button a {
  color: #777;
  text-decoration: none;
}
a.button:hover, .button a:hover { color: #666; background-image: none; }

.button:hover {
  color: #333;
  background-color: #f7f7f7;
  border-color: #b4b4b4;
}

.button:active,
.button:active:hover {
  background-color: #a5c4e9;
  background-image: none;
  border-color: #6895bf;
  color: #fff;
  text-shadow: 0 -1px rgba(100,100,100, .8);
}

#content ul,
#content ol {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 18px;
}
#content ol {
  list-style-type: lower-alpha;
}

/*
 * Columns
 */
.columns {
  float: left;
  clear: both;
  margin-bottom: 15px;
  width: 100%;
}

.columns .column {
  width: 233px;
  float: left;
  margin-right: 15px;
}
.columns .double {
  width: 481px;
}
.columns .triple {
  width: 729px;
}
.columns .third {
  width: 316px;
}
.columns .twothirds {
  width: 647px;
}
.columns4 {
  float: left;
  clear: both;
  margin-bottom: 15px;
  width: 100%;
  -moz-column-count: 4;
  -moz-column-gap: 15px;
  -webkit-column-count: 4;
  -webkit-column-gap: 15px;
  column-count: 3;
  column-gap: 15px;
}

/*
 * Layout
 */
#page {
  margin: 0 auto;
  width: 980px;
  position: relative;
}

#content {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 18px;
  position: relative;
}


/* Header */
#header {
  float: left;
  width: 100%;
  height: 100px;
  border: 0;
  position: relative;
  margin-bottom: 10px;
}
#logo {
  float: left;
  width: 123px;
  height: 67px;
  margin-top: 15px;
  background: url('/images/tipped/common/logo_tipped.png') top left no-repeat;
}
#logo:hover { border: 0; text-decoration: none; }


/*
 * Footer
 */

#footer {
  background: url('/images/common/hr_stripe_3px.gif') top center repeat-x;
  width: 100%;
  margin-bottom: 18px;
  float: left;
  clear: both;
  font-size: 9px;
  color: #666;
  padding-top: 18px;
  padding-bottom: 45px;
}

#footer .copyright,
#footer .designby { float: right; line-height: 22px; }

#footer .copyright { margin-right: 15px; }

#footer .socialicon, #footer iframe {
  float: left;
  vertical-align: middle;
  margin-right: 5px;
  display: auto;
  line-height:18px;
}

#footer .designby a,
#footer .designby a:hover {
  float: left;
  width: 128px;
  height: 22px;
  background: #fff url(/images/common/nickstakenburg_logo_small.gif) left center no-repeat;
}
#footer .rightmost { float: right; }
/*
 * Sign in
 */
#signin {
  float: right;
  padding: 5px 7px;
  background: #efefef;
  border: 1px solid #efefef;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #ccc;
  color: #666;
  font-family: Arial, "Helvetica Lt Std", Helvetica, "Helvetica Neue", sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 6px;
}
#signin:hover {
  background: #e4e4e4;
}
#signin .text {
  float: left;
}
#signin .arrow {
  float: left;
  height: 17px;
  width: 15px;
  padding-left: 5px;
  margin-left: 7px;
  background: url('/images/common/signin/arrowdown.gif') right center no-repeat;
  border-left: 1px solid #afafaf;
}


#userbar {
  width: 490px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 0;
  padding-top: 15px;
  line-height: 18px;
}
#all_projects {
  float: right;
  *display: none;
}
#all_projects .open {
  position: relative;
}
#all_projects .open .open_links { display: none; }
#all_projects .open:hover .open_links { display: block; }

#all_projects .open_button_wrapper {
  float: right;
}
#all_projects .open_button {
  float: right;
  clear: both;
  position: relative;
  padding: 5px 7px;
  background: #efefef;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #ccc;
  color: #666;
  font-family: Arial, "Helvetica Lt Std", Helvetica, "Helvetica Neue", sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, .75);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
#all_projects .open:hover .open_button {
 -moz-border-radius-bottomleft: 0;
 -moz-border-radius-bottomright: 0;
 -webkit-border-radius-bottomleft: 0;
 -webkit-border-radius-bottomright: 0;
 border-radius-bottomleft: 0;
 border-radius-bottomright: 0;
}
#all_projects .open_button:hover { }
#all_projects .open_button .text {
  float: left;
}
#all_projects .open_button .arrow {
  float: left;
  height: 18px;
  width: 12px;
  padding-left: 6px;
  background: url('/images/common/signin/arrowdown.gif') right center no-repeat;
}

#all_projects .open_links {
  background: #efefef;
  position: absolute;
  top: 30px;
  left: 0;
}

#all_projects .open_links a {
  background: #efefef;
  width: 125px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fefefe;
  float: right;
  clear: both;
  color: #666;
  font-family: Arial, "Helvetica Lt Std", Helvetica, "Helvetica Neue", sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}
#all_projects .open_links a:hover {
  background: #e4e4e4;
}
#all_projects .open_links a span {
  float: left;
  padding: 4px 6px;
}

/*
 * Username
 */
#loggedInUsername {
  float: right;
  margin: 0 10px 0 0;
  padding-right: 10px;
  line-height: 29px;
  border-right: 1px solid #eaeaea;
}
#loggedInUsername a {
  text-decoration: none;
  color: #666;
}
#loggedInUsername a:hover { text-decoration: underline; }


/*
 * Menu
 */
#menu {
  width: 980px;
  margin-bottom: 15px;
  /*background: url('/images/tipped/common/menu_stripe.gif') bottom left repeat-x; */
  border-bottom: 5px solid #b5dcad;
  float: left;
}
#menu .bb {
  float: left; clear: both;
  height: 5px;
  width: 100%;
  background: #2f68a3;
}
#menu .menu-buttons {
  height: 38px;
  width: 100%;
  float: left;
  clear: both;
}

#menu .item {
  float: left;
  position: relative;
  display: inline;
  height: 37px;
  line-height: 37px;
  margin-right: 2px;
  color: #135199;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
#menu .item a {
  float: left;
  padding: 0 15px;
  display: inline;
  word-wrap: no-wrap;
  background: #f7f9fa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eff0f1));
  background-image: -webkit-linear-gradient(top, #fff, #eff0f1);
  background-image:    -moz-linear-gradient(top, #fff, #eff0f1, #eff0f1);
  background-image:      -o-linear-gradient(top, #fff, #eff0f1, #eff0f1);
  background-image:         linear-gradient(to bottom, #fff, #eff0f1, #eff0f1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #cccfd7;
  border-bottom: 0;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.03);
  color: #0d609a;
}
#menu .item a:hover {
  text-decoration: none;
  background-color: #fff;
  background-image: none;
  color: #0d609a;
}
#menu .item a.active {
  background: #336aa7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3a7ab8), to(#2d5f9b));
  background-image: -webkit-linear-gradient(top, #3a7ab8, #2d5f9b);
  background-image:    -moz-linear-gradient(top, #3a7ab8, #2d5f9b);
  background-image:      -o-linear-gradient(top, #3a7ab8, #2d5f9b);
  background-image:         linear-gradient(to bottom, #3a7ab8, #2d5f9b);
  color: #e9eef4;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  border-color: #10417a;
}



#tags {
 float: right;
 clear: both;
 width: 100%;
}
#tags .tag,
#tags .tag:hover {
  float: left;
  margin: 0 4px 4px 0px;
  padding: 3px 20px 3px 7px;
  line-height: 13px;
  background-color: #eaeaea;
  color: #808080;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('/images/tipped/common/tag_background.gif');
}
#htags { visibility: visible; display: none; }


/*
 * Buttons
 */

div.button { font-size: 11px; float: left; }


/* Data formulieren */
.dataForm { clear: both;}
.dataForm .zend_form { width: 100%; float: left; margin-bottom: 1em; }
.dataForm dt,
.dataForm dd {
  float: left;
  display: inline;
  margin-bottom: 0.5em;
  padding: 3px 0;
}
.dataForm dt {
    float: left;
  clear: both;
  width: 40%;
  padding: 3px 0;
}
.dataForm dd { float: left; width: 60%; }
.dataForm label {
  float: left;
}
.dataForm label.required:after { color: #808080; content: " *"; }

.dataForm .errors {
  margin-top: 3px;
  clear: both;
  color: #ed430f;
}

.updated {
  clear: both;
  background: #c0f588;
  color: #4fa720;
  width: auto;
  margin-bottom: 1em;
  float: left;
}
.updated .padder { padding: 5px; }

form .bad { background: #feeae6; border: 1px solid #dc4228; }

/*
 * Paginator
 */
.pagination {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 15px;
}
.paginationControl {
    float: right;
  text-align: right;
  clear: both;
  position: relative;
  line-height: 15px;
  color: #cccccc;
}
.paginationControl .arrow {
  float: left;
  width: 100%;
  margin-left: 5px;
  width: 17px;
  height: 25px;
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
.paginationControl .next { background-image: url('/images/common/pagination/arrow_next.gif'); }
.paginationControl .next:hover { background-image: url('/images/common/pagination/arrow_next_hover.gif'); }
.paginationControl .next.disabled { background-image: url('/images/common/pagination/arrow_next_disabled.gif'); }
.paginationControl .previous { background-image: url('/images/common/pagination/arrow_previous.gif'); }
.paginationControl .previous:hover { background-image: url('/images/common/pagination/arrow_previous_hover.gif'); }
.paginationControl .previous.disabled { background-image: url('/images/common/pagination/arrow_previous_disabled.gif'); }


.paginationControl a.nr,
.paginationControl a.nr:hover {
  margin-left: 5px;
  color: #7793c2;
  background: #ebebe9;
  text-decoration: none;
  padding: 5px;
  float: left;
}
.paginationControl a.nr:hover { color: #7793c2; text-decoration: underline; }
.paginationControl a.current,
html .paginationControl a.current:hover {
  color: #3f564d;
  background: #dadedd;
  cursor: default;
  text-decoration: none;
}

.indicator {
  position: relative;
  display: block;
  zoom: 1;
  width: 22px;
  height: 22px;
  background-image: url('/images/common/loading.gif');
  background-repeat: no-repeat;
  background-position: top left;
}

/* Shim */
.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/* IE Mac Hide \*/ .clearfix{display:block;}/* IE Mac Hide End */