



 




  
  
  
/* START reset.css */

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
  
/* START styles.css */

    /*
  Variable Grid System.
  Learn more ~ http://www.spry-soft.com/grids/
  Based on 960 Grid System - http://960.gs/

  Licensed under GPL and MIT.
*/
  /* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
    text-align:left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4 {
  display: inline;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
}

.container_4 .grid_4 {
  width: 945px;
}

.grid_4 .grid_1 {
  margin-left: 0px;
}
.container_4 .grid_2 {
  width: 592px;
}
.grid_2 img{
  margin: 10px 0 10px 0;
  }
.container_4 .grid_1 {
  width: 311px;
}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
  /* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.right{
  float:right;
  margin-right:7px;
  }
.left{
  float:left;
  margin-left:7px;
  }
.center {
  text-align: center;
  margin: auto;
}
  
/* START mgnl.css */

    table.mgnlControlBar,table.mgnlControlBarSmall,table.mgnlControlBarSmall_PUSHED,table.mgnlControlBarSmall_MOUSEOVER {
  margin-bottom: 0;
  border-color: #ADC97B !important;
  clear:both;
}

.mgnlControlButtonSmall,.mgnlControlButton {
  cursor: pointer;
  border-color: #ADC97B !important;
  background-color: #89AF46 !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-right: 2px;
  cursor: pointer !important;
  padding: 3px 3px 3px 3px !important;
}

.mgnlControlBarSmall td.mgnlBtnsLeft,.mgnlControlBarSmall td.mgnlBtnsRight {
  padding: 4px !important;
  font-size: 11px !important;
  border: none !important;
}

.mgnlControlBarSmall td table td,table.smothBarLabel {
  font-size: 11px !important;
  border: none !important;
  vertical-align: bottom;
}

.mgnlControlBarSmall td table {
  margin: 0 !important;
}

  
/* START forgenew.css */

    body {
  background-color: #eee;
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 1.7em;
  padding-bottom: 30px;
  background-repeat: repeat;
  color: #333;
}

a,a:visited,a:active {
  color: #049;
}

#mainbody {
  background-color: #fff;
  width: 1024px;
  margin: 50px auto 30px auto;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  min-height: 800px;
  box-shadow: 0px 2px 2px #999;
  -moz-box-shadow: 0px 2px 2px #999;
  -webkit-box-shadow: 0px 2px 2px #999;
}

div.left {
  min-height: 500px;
}

#smallheader {
  border-top: 5px solid #0055A5;
}

#header {
  background-color: #0055A5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0055a5), to(#65a9d7) );
  background: -moz-linear-gradient(top, #0055a5, #65a9d7);
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

#headerinner {
  height: 100px;
  margin-bottom: 30px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  padding: 40px;
  text-shadow: rgba(255, 255, 255, .4) 0 1px 0;
  color: #fff;
  background-repeat: no-repeat;
  background-position: top right;
}

#footer {
  text-align: center;
}

#footer ul,#footer li {
  display: inline;
  font-size: 11px;
  color: #666;
}


#logo h1 {
  font-size: 34px;
  margin-bottom: 20px;
  font-weight: normal;
  font-family: 'Droid Sans', arial, serif;
}

#logo h1 a {
  text-decoration: none;
}

#logo .part1 {
  color: #fff;
  text-shadow: rgba(255, 255, 255, .4) 0 1px 0;
  line-height: 34px;
}

#logo .part2 {
  color: #ccc;
  text-shadow: rgba(255, 255, 255, .4) 0 1px 0;
  line-height: 34px;
}

#payoff h2 {
  font-size: 24px;
  font-weight: lighter;
}

h1,h2,h3 {
  font-family: 'Droid Sans', arial, sans serif;
}

h1 {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: #333;
}

h2 {
  font-size: 16px;
  text-transform: capitalize;
  margin-top: 30px;
  margin-bottom: 6px;
  color: #333;
}

h3 {
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 30px;
  margin-bottom: 6px;
  color: #333;
}

#rightcol h2,#rightcol h3 {
  color: #fff;
}

#rightcol h2 img {
  margin-right:5px;
}

.productpreview {
  border: 2px solid #ADC97B;
  padding: 10px;
  background-color: #227E27;
  width: 84px;
  height: 125px;
  position: absolute;
  top: 24px;
  right: 0px;
  z-index: 10000;
  text-align: center;
}

.productpreview em {
  font-weight: normal !important;
  color: #333 !important;
}

.tabella {
  border-collapse: collapse;
}

.tabella th {
 background-color: #eee;
}

.tabella th, .tabella td {
  padding: 4px;
  border: 1px solid #ccc;
}

  
/* START forge-topnav.css */

    #topnav,#footer {
  width: 1024px;
  margin: 0 auto 0 auto;
}

#topnav ul li {
  float: right;
  height: 42px;
  margin-left: 4px;
  background-color: #0055A5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0055a5), to(#65a9d7) );
  background: -moz-linear-gradient(top, #0055a5, #65a9d7);
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #eee;
  padding: 0 10px 0 10px;
  text-align: center;
}

#topnav ul li.active {
  background-color: #0055A5;
  background: -moz-linear-gradient(top, #0055a5, #0055A5);
  background: -webkit-gradient(linear, left top, left bottom, from(#0055a5), to(#0055A5) );
}

#topnav ul li:hover {
  background-color: #0055A5;
  background: -webkit-gradient(linear, left top, left bottom, from(#0055a5), to(#0055A5) );
  background: -moz-linear-gradient(top, #0055a5, #0055A5);
}

#topnav ul li a,#topnav ul li a:visited {
  color: #fff;
  text-transform: uppercase;
  /*text-shadow: 1px 1px 1px #ddd;*/
  text-decoration: none;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  height: 40px;
}

#topnav .share {
  width: 34px;
}

#topnav .share div,#topnav .share a {
  display: block;
}

#topnav .lab a {
  background-image: url("img/fish-white-16.png");
  background-repeat: no-repeat;
  background-position: 50% 19px;
}

#topnav  .addthis_button {
  background-image: url("img/sharetab.png");
  background-repeat: no-repeat;
  background-position: center 2px;
  width: 34px;
  height: 36px;
}

#topnav  .addthis_button img {
  visibility: hidden;
}
  
/* START forge-section.css */

    .productshelf {
  margin-top: 40px;
  width: 960px;
}

.productbox {
  width: 298px;
  height: 180px;
  margin: 0 20px 20px 0;
  background-color: #ccc;
  float: left;
  background-repeat: no-repeat;
  display: block;
  background-position: 0 -180px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-shadow: 1px 1px 0 #666;
  background-color: #B5DE5E;
  border: 1px solid #B5DE5E;
  background: -webkit-gradient(linear, left top, left bottom, from(#B5DE5E), to(#D8F1A4) );
  background: -moz-linear-gradient(top, #B5DE5E, #D8F1A4);
  position:relative;
}

.productbox:hover {
  background-color: #D8F1A4;
  background: -webkit-gradient(linear, left top, left bottom, from(#D8F1A4), to(#DCF8A6) );
  background: -moz-linear-gradient(top, #D8F1A4, #DCF8A6);
}

.productbox a {
  color: #444;
  text-decoration: none;
}

.productboxin {
  padding: 20px 20px 10px 20px;
  height: 120px;
}

.productbox a {
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
text-indent:-10000px;
}

.productbox em.releaseinfo {
  font-weight: normal;
  font-size: 10px;
  padding: 0 20px 0 20px;
  text-shadow: 0 1px 0 #BDE75D;
  color: #444;
}

.moreinfo {
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
  text-shadow: 0 1px 0 #BDE75D;
}

.pdesc {
  margin-left: 90px;
}

.productbox h4 {
  color: #333;
  font-family: 'Droid Sans', arial, sans serif;
}

.productbox h5 {
  color: #333;
  font-weight: normal;
  font-family: 'Droid Sans', arial, sans serif;
}

.productbox .pimage {
  float: left;
  display: block;
  width: 64px;
  height: 64px;
  padding: 1px;
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #666;
  -moz-box-shadow: 1px 1px 2px #eee;
  -webkit-box-shadow: 1px 1px 2px #eee;
  box-shadow: 1px 1px 2px #eee;
  background-color: #aaa;
}

.productbox .pimage img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

strong.pbanner {
  display: block;
  width: 90px;
  height: 90px;
  background-position: top left;
  background-repeat: no-repeat;
  width: 100px;
  position: absolute;
  text-indent: -10000px;
}

strong.pnew {
  background-image: url("img/product-new.png");
}

strong.pupdated {
  background-image: url("img/product-updated.png");
}
  
/* START forge-richedit.css */

    .left ul {
  list-style: none;
  margin: 0 0 1em 13px;
  padding: 0;
}

.left ul li {
  line-height: 1.3em;
  margin: .25em 0;
  padding: 0 0 0 17px;
  background: url(img/ico-list.png) no-repeat 0 2px;
}

.left li ul {
  margin-bottom: 0;
}

@media print {
  .left ul {
    list-style: disc;
    margin-left: 30px;
  }
  .left ul li {
    padding-left: 0px;
    background: none;
  }
}

.left p {
  margin-bottom: 10px;
}

.left em {
  color: #666;
  font-weight: bold;
  font-style: normal;
}

div.left .external {
  background: url(img/ico-link.png) no-repeat right 0;
  padding-right: 18px;
}

ul.imagegallery {
  margin-left:0;
}

ul.imagegallery li {
  background-color:#F5F5F5;
  background-image:none;
  border:1px solid #E0E0E0;
  cursor:pointer;
  float:left;
  font-size:11px;
  margin-right:0.5em;
  min-height:155px;
  height:auto !important;
  height:155px;
  padding:8px;
  -moz-border-radius:3px;
}


ul.imagegallery li.hover {
  background:-moz-linear-gradient(center top , #B8D30B, #D7EF40) repeat scroll 0 0 transparent;
  border:1px solid #D0D0D0;
}
  
/* START forge-button.css */

    /* <a class="button"><b class="o"><b class="m"><b>Post</b></b></b></a> */

a.button {
  text-decoration: none;
  border-color: transparent transparent #ECECEC; /** rgba fallback **/
  border-color: transparent transparent rgba(255, 255, 255, 0.63);
  cursor: pointer;
  outline: none;
}
a.button:hover {
  text-decoration: none;
}
a.button,
a.button b.o,
a.button b.m {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  display: block;
}
a.button b.o {
  border-color: #5A5A5A; /** rgba fallback **/
  border-color: rgba(0, 0, 0, 0.56);
}
a.button b.m {
  background: transparent url(img/button.png) repeat-x 0 0;
  border-color: #FFF transparent #C7C7C7; /** rgba fallback **/
  border-color: #FFF rgba(255, 255, 255, 0.33) rgba(255, 255, 255, 0.33);
}
a.button:hover b.m {
  background-position: 0 -80px;
}
a.button:active b.m {
  background-position: 0 -160px;
  border-color: #B7B7B7 transparent #D4D4D4; /** rgba fallback **/
  border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}
a.button b.m b {
  display: block;
  font-weight: bold;
  padding: 4px 8px;
  text-shadow: 0 1px 0 #DDD;
  color: #262626;
  /** Make the text unselectable **/
  -moz-user-select: none;
  -webkit-user-select: none;
}
  
/* START forge-comments.css */

    #commentarea {
  margin-top: 50px;
  border-top: 1px solid #227E27;
  padding: 30px 40px 30px 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#B8D30B), to(#D7EF40) );
  background: -moz-linear-gradient(top, #B8D30B, #D7EF40);
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

#idc-container-parent a,#idc-container-parent:visited {
  color: #236627;
}

#idc-container h3,#idc-container h3 span {
  font-size: 16px !important;
  font-family: 'Droid Sans', arial, serif;
  font-weight: bold !important;
}

#idc-container-parent #idc-container {
  max-width: 1000px;
}

#idc-container-parent #IDCommentsNewThreadCover {
  padding-top: 20px;
}

#idc-container-parent  #IDCommentNewThreadText {
  background-image: none;
}

#idc-container-parent  .idc-foot {
  display: none !important;
}
  
/* START forge-sidebar.css */

    #rightcol {
  background-color: #65a9d7;
  padding: 20px 0 20px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #445F82;
  color: #eee;
}

#rightnav {
  margin-bottom: 20px;
  margin-left: 20px;
}

#rightnav a {
  text-decoration: none;
  text-transform: capitalize;
  display: block;
}

#rightnav ul.level3 {
  text-shadow: rgba(255, 255, 255, .4) 0 1px 0;
}

#rightnav ul.level3>li>a,#rightnav ul.level3>li>strong>a {
  font-weight: bold;
}

#rightnav ul.level4 {
  margin-left: 5px;
}

#rightnav ul strong {
  font-weight: normal;
}

#rightnav ul strong a {
  text-decoration: underline;
}

.projectinfo {
  position: relative
}

.projectinfotitle {
  background-color: #4388b8;
  padding: 6px 20px 4px 20px;
  border-bottom: 1px solid #83b9de;
  border-top: 1px solid #4388b8;
}

.projectinfo li.projectinfosub {
  padding-bottom: 10px;
}

.projectinfo li.projectinfosub:hover {
  background-color: #65A9D7;
}

.link {
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 30px;
  display: block;
  font-family: 'Droid Sans', arial, sans serif;
  text-decoration: none;
  text-shadow: 1px 1px 0 #83b9de;
  line-height: 17px;
}

.projectinfo li {
  background-image: url("img/sidebar-line.png");
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 3px 10px 5px 20px;
}

.projectinfo li em {
  display: block;
  font-style: normal;
  color: #333;
  font-size: 11px;
  line-height: 12px;
}

.projectinfo li:hover {
  background-color: #83b9de;
}

.download {
  background-image: url("img/sidebar-ico-download.png");
}

.javadocs {
  background-image: url("img/sidebar-ico-javadoc.png");
}

.bugs {
  background-image: url("img/sidebar-ico-bugs.png");
}

.taglibdoc {
  background-image: url("img/sidebar-ico-tlddoc.png");
}

.maven {
  background-image: url("img/sidebar-ico-maven.png");
}

.source {
  background-image: url("img/sidebar-ico-source.png");
}

.changelog {
  background-image: url("img/sidebar-ico-changelog.png");
}

#dependency {
  display: none;
  background: url("img/pre-top.png") no-repeat scroll center top transparent;
  color: #CCCCCC;
  min-height: 100px;
  height: auto;
  margin-top: 5px;
  left: -10px;
  padding-top: 20px;
  position: absolute;
  text-shadow: 0 2px 3px #171717;
}

#dependency textarea {
  -moz-border-radius:5px 5px 5px 5px;
  background-color:#333333;
  border-color:-moz-use-text-color #515151 #515151;
  border-style:none solid solid;
  border-width:medium 1px 1px;
  color:#F1F1F1;
  min-height:85px;
  height:auto !important;
  height:85px;
  font-size:10px;
  line-height:14px;
  padding:10px 0 0 24px;
  width:auto;
}

.sidebox {
  margin-left:20px;
}
  
/* START forge-ohloh.css */

    div.gadget {
  background-color: #fff;
  margin: 0 20px 20px 0 !important;
  color: #333;
  padding: 10px 0 10px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.gadget div.logo {
  margin-left: 5px;
}

div.more_at_ohloh {
  margin-right: 10px;
}

div.gadgetcost {
  background-color: #fff;
  margin-right: 20px !important;
  padding: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.gadgetcost table {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

div.gadgetcost>div {
  width: 264px !important;
}

div.gadgetcost h2,div.gadgetcost img,div.gadgetcost>div>div {
  display: none;
}
  
/* START form.css */

    form#contact {
  width:100%;
}

form#contact fieldset h2 {
  margin-top:10px
}

form#contact fieldset div {
  float:left;
 
  width:auto;
}

form#contact label {
  display:block;
  width:250px
}

form#contact input,
form#contact textarea,
form#contact select {
  background-color:#F5F5F5;
  border:1px solid #CCCCCC;
  clear:left;
  margin-right:10px;
}

form#contact fieldset label span {
  font-size:12px;
}

form#contact .required {
  display:none;
}

dfn {
  color:#D8000C;
}

form#contact fieldset span {
  display:block;
  font-size:10px;
}

form#contact input {
  width:282px;
}

form#contact textarea {
  width:90%;
}

.button-wrapper {
  clear:left;
  float:right !important;
  margin-top:20px;
  text-align:right;
}

form#contact textarea#message {
  width:580px;
}

#interested {
  height:170px;
  width:250px
}

#privacy {
  width:550px !important;
}

form#contact checkbox,
.form-item label {
  float:right; 
}


.text.error,
.text.success {
  -moz-border-radius:3px;
  margin-right:10px;
  padding:10px;
}

.text.error {
  background-color:#FFBABA;
  border:1px solid #D8000C;
}

.text.success  {
  background-color:#DFF2BF;
  border:1px solid #4F8A10;
}

.text.error h1 {
  color:#D8000C;
  margin-left:10px
}

.text.success h1 {
  color:#4F8A10;
  margin-left:10px
}

.text.error li {
  background-image:none;
  padding-left:0;
}

.text.error li a {
  color:#333333;
  text-decoration:none;
}

.text.success p {
  margin-left:10px;
}

form#contact .error em {
  color:#D8000C;
  font-style:italic;
}

form#contact input[type="checkbox"],
form#contact input[type="submit"] {
  width: auto;
}

form#contact input[type="checkbox"] {
  float: left;
}

form#contact input[type="submit"] {
  padding: 3px;
  margin-left: 10px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
}

*:first-child+html form#contact input {
  width:280px;
}

*:first-child+html form#contact input[type="submit"] {
 width:98px;
}
  
/* START ../syntaxhl/styles/shCore.css */

    /**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.0.320 (May 03 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter span
{
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	background: none !important;
	text-align: left !important;
	float: none !important;
	vertical-align: baseline !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	height: auto !important;
	width: auto !important;
	line-height: 1.1em !important;
	font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
}

.syntaxhighlighter
{
	width: 100% !important;
	margin: 1em 0 1em 0 !important;
	padding: 1px !important; /* adds a little border on top and bottom */
	position: relative !important;
}

.syntaxhighlighter code {
	display: inline !important;
}

.syntaxhighlighter .bold {
	font-weight: bold !important;
}

.syntaxhighlighter .italic {
	font-style: italic !important;
}

.syntaxhighlighter .line .number
{
	float: left !important; 
	width: 3em !important; 
	padding-right: .3em !important;
	text-align: right !important;
	display: block !important;
}

/* Disable numbers when no gutter option is set */
.syntaxhighlighter.nogutter .line .number
{
	display: none !important;
}

.syntaxhighlighter .line .content
{
	margin-left: 3.3em !important; 
	padding-left: .5em !important;
	display: block !important;
}

.syntaxhighlighter .line .content .block
{
	display: block !important;
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.syntaxhighlighter .line .content .spaces
{
	display: none !important;
}

/* Disable border and margin on the lines when no gutter option is set */
.syntaxhighlighter.nogutter .line .content
{
	margin-left: 0 !important; 
	border-left: none !important;
}

.syntaxhighlighter .bar
{
	display: none !important;
}

.syntaxhighlighter .bar.show 
{
	display: block !important;
}

.syntaxhighlighter.collapsed .bar
{
	display: block !important;
}

.syntaxhighlighter.nogutter .ruler
{
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.syntaxhighlighter .ruler
{
	padding: 0 0 .5em .5em !important;
	margin-left: 3.3em !important;
	overflow: hidden !important;
}

/* Adjust some properties when collapsed */

.syntaxhighlighter.collapsed .lines,
.syntaxhighlighter.collapsed .ruler
{
	display: none !important;
}

.syntaxhighlighter .lines.no-wrap
{
	overflow: auto;
	overflow-y: hidden;
}

/* Styles for the toolbar */

.syntaxhighlighter .toolbar
{
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	font-size: 1px !important;
	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
}

.syntaxhighlighter.collapsed .toolbar
{
	font-size: 80% !important;
	padding: .2em 0 .5em .5em !important;
	position: static !important;
}

.syntaxhighlighter .toolbar a.item,
.syntaxhighlighter .toolbar .item
{
	display: block !important;
	float: left !important;
	margin-left: 8px !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	text-indent: -5000px !important;
}

.syntaxhighlighter.collapsed .toolbar .item
{
	display: none !important;
}

.syntaxhighlighter.collapsed .toolbar .item.expandSource
{
	background-image: url(../../syntaxhl/styles/magnifier.png) !important;
	display: inline !important;
	text-indent: 0 !important;
	width: auto !important;
	float: none !important;
	height: 16px !important;
	padding-left: 20px !important;
}

.syntaxhighlighter .toolbar .item.viewSource
{
	background-image: url(../../syntaxhl/styles/page_white_code.png) !important;
}

.syntaxhighlighter .toolbar .item.printSource
{
	background-image: url(../../syntaxhl/styles/printer.png) !important;
}

.syntaxhighlighter .toolbar .item.copyToClipboard
{
	text-indent: 0 !important;
	background: none !important;
	overflow: visible !important;
}

.syntaxhighlighter .toolbar .item.about
{
	background-image: url(../../syntaxhl/styles/help.png) !important;
}

/** 
 * Print view.
 * Colors are based on the default theme without background.
 */

.syntaxhighlighter.printing,
.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content,
.syntaxhighlighter.printing .line .content .block
{
	background: none !important;
}

.syntaxhighlighter .no-wrap .line .content .block
{
	white-space: nowrap !important;
}

/* Gutter line numbers */
.syntaxhighlighter.printing .line .number
{
	color: #bbb !important;
}

/* Add border to the lines */
.syntaxhighlighter.printing .line .content
{
	color: #000 !important;
}

/* Toolbar when visible */
.syntaxhighlighter.printing .toolbar,
.syntaxhighlighter.printing .ruler
{
	display: none !important;
}

.syntaxhighlighter.printing a
{
	text-decoration: none !important;
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a
{
	color: blue !important; 
}

.syntaxhighlighter.printing .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter.printing .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter.printing .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter.printing .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter.printing .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter.printing .script
{
	font-weight: bold !important;
}

.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a
{ 
	color: red !important; 
}

  
/* START ../syntaxhl/styles/shThemeDefault.css */

    /**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
 *
 * @version
 * 2.0.320 (May 03 2009)
 * 
 * @copyright
 * Copyright (C) 2004-2009 Alex Gorbatchev.
 *
 * @license
 * This file is part of SyntaxHighlighter.
 * 
 * SyntaxHighlighter is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * SyntaxHighlighter is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
 */
/************************************
 * Default Syntax Highlighter theme.
 * 
 * Interface elements.
 ************************************/

.syntaxhighlighter
{
	background-color: #E7E5DC !important;
}

/* Highlighed line number */
.syntaxhighlighter .line.highlighted .number
{
	background-color: #6CE26C !important;
	color: black !important;
}

/* Highlighed line */
.syntaxhighlighter .line.highlighted.alt1 .content,
.syntaxhighlighter .line.highlighted.alt2 .content
{
	background-color: #6CE26C !important;
}

/* Gutter line numbers */
.syntaxhighlighter .line .number
{
	color: #5C5C5C !important;
}

/* Add border to the lines */
.syntaxhighlighter .line .content
{
	border-left: 3px solid #6CE26C !important;
	color: #000 !important;
}

.syntaxhighlighter.printing .line .content 
{
	border: 0 !important;
}

/* First line */
.syntaxhighlighter .line.alt1 .content
{
	background-color: #fff !important;
}

/* Second line */
.syntaxhighlighter .line.alt2 .content
{
	background-color: #F8F8F8 !important;
}

.syntaxhighlighter .line .content .block
{
	background: url(../../syntaxhl/styles/wrapping.png) 0 1.1em no-repeat !important;
}

.syntaxhighlighter .ruler
{
	color: silver !important;
	background-color: #F8F8F8 !important;
	border-left: 3px solid #6CE26C !important;
}

.syntaxhighlighter.nogutter .ruler
{
	border: 0 !important;
}

.syntaxhighlighter .toolbar
{
	background-color: #F8F8F8 !important;
	border: #E7E5DC solid 1px !important;
}

.syntaxhighlighter .toolbar a
{
	color: #a0a0a0 !important;
}

.syntaxhighlighter .toolbar a:hover
{
	color: red !important;
}

/************************************
 * Actual syntax highlighter colors.
 ************************************/
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a
{ 
	color: #000 !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a
{ 
	color: #008200 !important;
}

.syntaxhighlighter .string,
.syntaxhighlighter .string a
{
	color: blue !important; 
}

.syntaxhighlighter .keyword
{ 
	color: #069 !important; 
	font-weight: bold !important; 
}

.syntaxhighlighter .preprocessor 
{ 
	color: gray !important; 
}

.syntaxhighlighter .variable 
{ 
	color: #a70 !important; 
}

.syntaxhighlighter .value
{ 
	color: #090 !important; 
}

.syntaxhighlighter .functions
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .constants
{ 
	color: #0066CC !important; 
}

.syntaxhighlighter .script
{ 
	background-color: yellow !important;
}

.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a
{ 
	color: #808080 !important; 
}

.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a
{ 
	color: #ff1493 !important; 
}

.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a
{ 
	color: red !important; 
}

  
/* START ../milkbox/css/milkbox.css */

    /* MILKBOX */

/* OMSITE-104 debug: test with magnolia.develop=true/false
#mainbody {
  background: transparent url(../../milkbox/css/close.gif) repeat scroll left top;
}
*/

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(../../milkbox/css/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(../../milkbox/css/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(../../milkbox/css/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(../../milkbox/css/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(../../milkbox/css/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}


  
  




