/*
 * GX Developerweb style. This file is derived from the CSS Example file for GX WebManager.
 *.
 * Edited by: Taco S and Mark M.
 */

BODY {
  background-color:#FFFFFF;
  background-repeat:repeat-x;
  color:#797878;
  font-family:verdana;
  font-size:14px;
  margin:0px;
  padding:0px;
  text-align:center;
}

LI {
  padding-right: 0px; 
  background-position: left 2px; 
  padding-left: 10px; 
  background-image: url(/static/developerweb/arrow_grey.gif); 
  padding-bottom: 0px; 
  margin: 0px 0px 5px; 
  padding-top: 0px; 
  background-repeat: no-repeat; 
  list-style-type: none;
}

ul {
  padding-left:10px;
}

a {
  font-weight : bold;
  color: #5aade6;
  text-decoration: none;
}

a:hover {
  font-weight : bold;
  color: #5aade6;
  text-decoration: underline;
}

.error {
  color: #ff0000;
  margin-bottom: 5px;
  text-align:center;
}

DIV#validationError {
  color: #ff0000;
}

#divMessageContentThumb {
  width:150px;
  border:1px solid #DF8800;
  padding:0px;
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}

#divMessageContentThumb img {
  margin:0px;
}

/************************************************************************
 * IE6- PNG fix
 ************************************************************************/

/* img, div { behavior: url(/static/developerweb/iepngfix.htc) } */

/************************************************************************
 * 3 Column CSS layout.
 * Based on this template : http://www.redmelon.net/tstme/3colfixed/
 ************************************************************************/

DIV#boxheaderleft             { width: 227px;  height:78px; float:left; border-right: 1px solid #FFFFFF;}
DIV#boxheaderpath               { width: 100%;  clear: both; height:27px;}
DIV#boxmenu                 { width: 100%;  clear: both; height:23px;}
DIV#boximage                { width: 100%;  clear: both; height:111px;}
DIV#pathcontainer             { width: 100%;  clear: both; height:20px;}
DIV#boxwrap                   { width: 100%; margin-left: auto; margin-right: auto;}
DIV#headercontainer             { width: 100%; background-color: #35AAD5;float:left;}

DIV.boxbody                   { width: 100%; float: left; background-color:white; background-image:none;}
DIV.boxcenter                 { width: 480px; float: left; margin-top:10px;margin-left:10px;_margin-left:0px;}
DIV.boxright                { width: 202px; float: left; position: static; margin-left: 10px;}
DIV.wide                  { width: 710px; float: left;left:215px;padding-top:10px;}
DIV.forum                   { width: 75%; float: left;left:215px;padding-top:10px;}

DIV#boxheaderleft               { background-image: url(/static/developerweb/logo_left.gif);}
UL.submenu-list LI A            { background-image: url(/static/developerweb/arrow_grey.gif);}
UL.submenu-list LI A:hover,
UL.horizontal UL LI A,
UL.horizontal UL LI A:visited       { background-image: url(/static/developerweb/arrow_grey.gif);}
UL.horizontal UL LI A:hover         { background-image: url(/static/developerweb/arrow_blue.gif);}
UL#path LI,
UL.submenu-list LI A.submenu_selected,
UL.submenu-list LI A:hover.submenu_selected { background-image: url(/static/developerweb/arrow_orange.gif);}
UL.mediacollection LI             { list-style-image: url(/static/developerweb/article.gif);}

/*-----------------------------------------------------------------------
 | min-height hack : http://wellstyled.com/css-minheight-hack.html
 -----------------------------------------------------------------------*/
DIV#boxheaderimages {
  float:left;
  padding-left:60px;
}

DIV.boxleft, DIV.boxleftreal { 
  width: 197px; 
  float: left; 
}

DIV.boxleftreal { 
  min-height:500px; 
  height:500px; 
  margin-left:10px; 
  _margin-left:5px; 
  margin-right:10px;
}

DIV[class] .boxleftreal {
  height:auto;
}

DIV#boxfooter { 
  width: 100%;
  clear: both; 
  height:18px; 
}

DIV.boxclear { 
  clear: both; 
}

DIV#contentcontainer { 
  margin-right:10px; 
}

DIV.hiddenDiv {
  visibility:hidden;
}

DIV#sitewideFooter {
  font-size : 10px;
}

/*-----------------------------------------------------------------------
 | ie hack, for centering content in IE5.0 Windows.
 -----------------------------------------------------------------------*/
.iehackwrap { 
  text-align: center;  
}

.boxwrap { 
  text-align: justify; 
}

DIV#divMenu { 
  position:relative; 
  left:1px;
}

DIV.column { 
  float:left; 
}

/************************************************************************
 * Top Nav
 ************************************************************************/
  
#boxheaderimages a {
  color:#000000;
  font-weight:bold;
  text-decoration: none;
}
  
.tab_gxworldwide {
  height:23px;
  display:block;
  float:left;
  background:url(/static/developerweb/back_tab.png) repeat-x;
  _background:url(/static/developerweb/back_tab_wide.png) repeat-x;
  padding: 5px 10px 0 10px;
  color:#000000;
  font-family: verdana, sans-serif;
  font-size: 71%; 
}

.gxworldwide_link_dis {
  color: #026c96 !important;
}
  
#boxheaderimages a:hover {
  color:#FFFFFF;
} 
  
.tab_gxworldwide_mid {
  height:28px;
  display:block;
  float:left;
}
  

/************************************************************************
 * Different Layout Parts Style.
 * We got
 * - Box    ( Top container )
 * - Header   ( Logo and sitewidepages )
 * - Menu   ( Menu )
 * - Image    ( Title image )
 * - Path   ( Path container )
 * - Leftframe    ( Secondary navigation )
 * - ContentFrame ( Content )
 * - Footer   ( Copyright notice )
 ************************************************************************/

/************************
 * Box Style
 ************************/

 /*

 DIV#boxwrap {
   border-left: 1px solid #d0d0d0;
   border-right: 1px solid #d0d0d0;
 }

 */

/************************
 * Header Style
 ************************/

DIV#boxheaderleft {
  font-size:70%;
  font-family: verdana;
  cursor:pointer;
}

DIV#boxheaderleft UL LI A{
  color:#ffffff;
  text-decoration:none;
}

DIV#boxheadertext {
  font-size : 18px;
  font-family : verdana, sans-serif;
  color : #FFFFFF;
  margin-left : 40px;
  margin-top : 30px;
  text-align : left;
  letter-spacing : 2px;
  float:left;
}

DIV#boxheaderrightsitewide {
  float:right;
  margin-top:5px;
  width:50%;  
  font-size:70%;
  font-family: verdana;
  background-color : #35AAD5; 
  top:30px;
  position:relative;  
}

DIV#boxheaderrightsitewide UL LI A{
  color:#ffffff;
  text-decoration:none;
}

DIV#sitewideFooter {
  width:100%;
  float:left;
  text-align:center;
}

/************************
 * Block Style
 ************************/

.blockWrapperHeader {
  background-image:url(/static/developerweb/block_header_grey_2.gif);
  background-repeat:no-repeat;
  padding-bottom:3px;
  padding-left:9px;
  padding-top:4px;
  margin:0px 0px 14px;
}

.blockWrapperHeaderNormal {
  padding-bottom:3px;
  padding-left:9px;
  padding-top:4px;
  margin:0px 0px 14px;
}

.blockWrapperContent {
  margin:0px;
  padding:0px;
  clear:both;
  padding-left:10px;
  padding-right:10px;
}

.blockWrapperContentNormal {
  margin:0px;
  padding:0px;
  clear:both;
  padding-left:10px;
  padding-right:10px;
}

.blockWrapperContentColumn {
  margin:0px;
  padding:0px;
  clear:both;
  padding-left:10px;
  padding-right:10px;
}

.blockWrapperFooter {
  clear:both;
  margin:0px;
  padding:0;x;
  background-image:url(/static/developerweb/block_footer.gif);
  background-repeat:no-repeat;
  height:10px;
  background-position: bottom left;
}

.blockWrapper {
  color:#797878;
  background-image:url(/static/developerweb/block_bg_mid_small2.gif);
  margin:0px;
  padding:0px;
  background-repeat:repeat-y;
  margin-bottom:14px;
  margin-top:7px;
  width:204px;
}

.blockWrapperNormal {
  color:#797878;
  margin:0px;
  padding:0px;
  margin-bottom:14px;
  margin-top:7px;
}

.blockWrapperColumn {
  color:#797878;
  margin:0px;
  padding:0px;
  border-left: 1px solid;
  border-color : #C4C4C4;
  float:left;
}

.blockWrapperContent ul {
  padding-left:5px;
  margin-left:0px;
}

.blockWrapperContentNormal ul {
  padding-left:5px;
}

/************************
 * Column Style
 ************************/

.column_mid_wide {
  margin:0px;
  padding:0px;
  background-repeat:repeat-y;
  margin-bottom:14px;
  font-family:verdana;
  font-size:12px;
  line-height:17px;
}

.column_mid_wide .blocks2 {
  margin-bottom:14px;
}

.boxleftreal .blockWrapper {
  background-image:url(/static/developerweb/block_bg_mid_small2.gif);
  background-repeat:repeat-y;
  width:204px;
  margin:0px;
  margin-top:7px;
  margin-bottom:7px;
  padding:0px;
}

.column_mid_wide .blocks2 .blockWrapper {
  background-image:url(/static/developerweb/block_bg_mid_small.gif);
  width:214px;
}

.column_mid_wide .blocks2 .blockWrapper .blockWrapperHeader {
  background-image:url(/static/developerweb/block_header_grey_small.gif);
  width:214px;
  margin:0px;
  padding-bottom:3px;
  padding-left:0px;
  padding-top:4px;
  padding-right:0px;
}

.column_mid_wide .blocks2 .blockWrapper .blockWrapperFooter {
  background-image:url(/static/developerweb/block_footer_small.gif);
  width:214px;
}

.sifrHeader {
  color:white;
  font-size:12px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

.Right_Blocks {
  color:white;
}

.blocks2 {
  height:1%;
  overflow:hidden;
}

.font_orange {
  color:#F1A748;
}

/*
 * Blue
 */

DIV.widget_blockBlue, DIV.widget_blockGrey, DIV.widget_blockGreen {
  color: #ffffff;
}

DIV.widget_blockBlue A, DIV.widget_blockGrey A, DIV.widget_blockGreen A {
  color: #ffffff;
}

.widget_blockBlue {
  background-color:#31a7cf;
  background-image:transparent;
}

.widget_blockBlue .blockWrapperHeader {
  margin:7px 0px 14px;
  background-image:url(/static/developerweb/block_blue_header.gif);
}

.widget_blockBlue .blockWrapperFooter {
  background-image:url(/static/developerweb/block_blue_footer.gif);
}

/*
 * Grey
 */

.widget_blockGrey {
  background-color:#707070;
}

.widget_blockGrey .blockWrapperHeader {
  margin:7px 0px 14px;
  background-image:url(/static/developerweb/block_grey_header.gif);
}

.widget_blockGrey .blockWrapperFooter {
  background-image:url(/static/developerweb/block_grey_footer.gif);
}

/*
 * Green
 */

.widget_blockGreen {
  background-color:#5CB676;
}

.widget_blockGreen .blockWrapperHeader {
  margin:7px 0px 14px;
  background-image:url(/static/developerweb/block_green_header.gif);
}

.widget_blockGreen .blockWrapperFooter {
  background-image:url(/static/developerweb/block_green_footer.gif);
}

/*
 * Orange
 */

.column_mid_wide .blockWrapper .blockWrapperHeader {
  background-image:url(/static/developerweb/block_header_orange_wide.gif);
  width:443px; 
  margin:0px;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
}

.blockWrapperHeader2 {
  background-image:url(/static/developerweb/block_header_gray_wide.gif);
  width:443px;
  margin:0px;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;

}

.column_mid_wide .blockWrapper .blockWrapperFooter {
  background-image:url(/static/developerweb/block_footer_wide.gif);
  width:443px;
}

/************************
 * Menu Style
 ************************/

DIV#boxmenu {
  background-color: #000000;
  text-align: left;
  border-bottom: 1px solid #ffffff;
}

/************************
 * Menu Style
 ************************/

DIV#boximage {
  background-repeat: no-repeat;
}

/************************
 * Path Style
 ************************/

DIV#pathcontainer {
  background-color: #f0f0f0;
  font-family: verdana;
  font-size : 70%;
  text-align: left;
  line-height: 20px;
  border-bottom:1px solid #d0d0d0;
}

/************************
 * Rightframe Style
 ************************/

DIV.boxright {
  font-family: verdana;
  font-size : 11px;
  text-align: left;
}

/************************
 * Leftrealframe Style
 ************************/

DIV.boxleftreal {
  font-family: verdana;
  font-size : 11px;
  text-align: left;
}

/************************
 * ContentFrames Style
 ************************/

DIV.boxcenter {
  font-size:70%;
  font-family: verdana;
  text-align:justify;
}

DIV.boxcenter H1 {
  color:#646464;
  font-size:17px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

DIV.boxcenter H2, LEGEND {
  font-size:14px;
  color: #216dbb;
  font-weight:bold;
  margin-top:0px;
  text-align:left;
}

DIV.boxcenter H3, DIV.boxcenter DT, DIV.boxcenter CAPTION {
  font-weight: bold;
  font-size: 100%;
  color: #216dbb;
  text-align:left;
}

DIV.boxcenter A {
  color: #df8800;
  text-decoration: none;  
  font-weight : bold;
}

DIV.boxcenter A:hover {
  color: #df8800;
  text-decoration: underline; 
  font-weight : bold;
}

DIV.boxcenter A:visited{
  color: #df8800;
  font-weight : bold;
}

DIV.boxcenter IMG {
  margin-left : 5px;
  margin-right: 5px;
}

DIV.Left_Blocks {
  font-size:10px;
  font-family: verdana;
  text-align:justify;
}

DIV.Left_Blocks H1 {
  color:white;
  font-size:13px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

DIV.Left_Blocks H1 {
  color:white;
  font-size:13px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

DIV.Left_Blocks LEGEND {
  font-size:110%;
  color: #216dbb;
  font-weight:bold;
  margin-top:0px;
}

DIV.Left_Blocks H3, DIV.Left_Blocks DT, DIV.Left_Blocks CAPTION {
  font-weight: bold;
  font-size: 100%;
  color: #216dbb;
}

DIV.Left_Blocks A {
  color: #df8800;
  font-weight:bold;
}

DIV.Left_Blocks A:hover {
  color: #df8800;
}

DIV.Left_Blocks A:visited{
  font-weight:bold;
  color: #df8800;
}

DIV.Left_Blocks IMG {
  margin-left : 5px;
  margin-right : 5px;
}

/************************
 * Footer style
 ************************/

DIV#boxfooter {
  padding: 0px 0px 4px;
  font-family: verdana;
  font-size:10px;
  height:22px;
  margin-left:auto;
  margin-right:auto;
  background-image:url(/static/developerweb/footer.gif);
  background-repeat:repeat-x;
  color:white;
  background-color:#F18E4A;
}

/************************
 * Copyright Style
 ************************/

DIV.copyright {
  margin-top:30px;
  text-align:center;
  font-size: 70%;
}

/********************
* Fieldset style
* http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html
*********************/

FIELDSET {
  margin: 2em;
  border: 1px solid #aaaaaa;
}

LABEL, FIELDSET.searchfield LABEL {
  float: left;
  margin-right: 0.5em;
  text-align: right;
  color: #216dbb;
  font-weight: bold;
  line-height: 22px;
  margin-top: 0px;
}

LABEL {
  width:40%;
}

FIELDSET.searchfield LABEL {
  width:30%;
}

FIELDSET DIV.formcontent {
  line-height: 22px;
  float:left;
  margin-top: 0px;
}

/************************************************************************
 * PageParts
 ************************************************************************/

.buttonSubmit {
  width:140px;
  height:26px;
  color:#FFF;
  font-weight:bold;
  padding:2px 5px;
  background:url(/static/developerweb/back_orange_button.png) no-repeat left top;
  cursor:pointer;
  border:none;
  font-size: 96%;
  text-align:center;
}

.buttonSubmit div {
  margin-left:-8px;
  margin-top:3px;
}

/************************
 * Sitewidepages
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/

UL#sitewidepages li {
  width:69px;
  float:left;
  display:block;
  text-align:left;
}

UL#sitewidepages {
  float:right;
  position:relative;
  margin:0px;
  padding:0px;
}

/************************
 * Submenu list
 ************************/

ul.submenu-list {
  padding:0px;
  padding-top: 12px;
  margin-top:0px;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:0px;
  list-style: none;
}

ul.submenu-list li a {
  color: #31a7cf;
  text-decoration: none;
        display: list-item;
  padding-left:10px;
  background-repeat:no-repeat;
  background-position: 0px 6px;
  line-height: 20px;
}

ul.submenu-list li a:hover {
  color: #006FA2;
}

ul.submenu-list li a.submenu_selected,
ul.submenu-list li a:hover.submenu_selected {
  color:#000000;
}

ul ul.submenu-list {
  margin-left: 5px;
  padding: 0px;
  line-height: 0px;
}

ul ul.submenu-list li a {
  color: #999999;
}

ul ul.submenu-list li a:hover {
  color: #006FA2;
}

ul ul.submenu-list li a,
ul ul.submenu-list li a:hover,
ul ul.submenu-list li a.submenu_selected,
ul ul.submenu-list li a.submenu_selected:hover {
  background-image: none;
}

/************************
 * Example Block
 ************************/

DIV.boxright DIV.exampleblock {
  border:1px dotted #000000;
  padding:3px;
  margin:3px;
  margin-top:7px;
}

/************************
 * Calendar
 ************************/

UL.calendaroverview {
  margin: 10px;
  padding:0px;
  list-style:none;
}

/********************
* Poll style
*********************/

FIELDSET.poll {
  padding: 0em;
  border:0px ;
  margin-left:0px;
  color: #216dbb;
  font-weight: bold;
}

FIELDSET.poll DIV.formcontent {
  line-height: 22px;
  float:left;
  margin-top: 0px;
  font-weight: normal;
  font-size: 100%;
  color: #000000;
}

TABLE.pollresult {
  border: 0px;
  cellspacing: 1;
  cellpadding: 0;
}

TABLE.pollresult TH {
  font-weight: normal;
}

/********************
* Query style
*********************/

TABLE.querytable caption {
  color: #216dbb;
  font-weight: bold;
  font-size: 120%;
  text-align: left;
  margin-bottom: 5px;
  margin-top: 5px;
}

TABLE.querytable TD {
  border: 1px solid;
}

/*****************
* Who is who style
******************/

UL#sitemapalfa LI {
  display:inline;
}

TABLE.whoiswhosearchresult {
  border: 0px;
  width: 100%;
}

TABLE.whoiswhodetails TH.label {
  vertical-align:top;
  text-align: right;
}

IMG.whoiswhoportrait {
  width:140px;
  float:left;
}

/********************
* Search and Search results
*********************/

DIV.searchresults DT {
  margin-bottom:5px;
}

DIV.searchresults .path {
  font-size:90%;
  margin-bottom:5px;
}

DIV.searchresults P {
  margin: 0px 0px 10px 0px;
}

/************************
 * Path
 * Fat Erik's Breadcrumbs
 * http://css.maxdesign.com.au/listamatic/horizontal33.htm
 ************************/

UL#path {
  list-style: none;
  padding: 0;
  margin: 0;
  display:block;
  margin-left:10px;
  margin-right:10px;
}

#path LI {
  display: inline;
  padding: 0;
  margin: 0;
}

#path LI A {
  text-decoration:none;
  color : #31a7cf;
}

#path LI A:hover {
  text-decoration:underline;
}

/*IE workaround*/
/*All IE browsers*/
#path LI {
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0 0.5em 0 1.5em;
  margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
html #path { height: 1%; }

/*End hide*/
/*Mac IE 5*/
html #path li:first-child { background-image: none; }


/************************************************************************
 * Elementen
 ************************************************************************/

/************************
 * Table
 * http://veerle.duoh.com/index.php?id=P315
 * http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
 ************************/

DIV.boxcenter TABLE {
  margin : 0px;
}

DIV.boxcenter TABLE TD {
  padding : 5px;


/*  background-color:#eeeeee; */
/*  JSOUER*/
}

/************************
 * Image and ImageMap
 ************************/

DIV.image IMG, DIV.imagemap IMG, IMG.imagemap, IMG.image {
  margin:5px;
}

DIV.image IMG, DIV.imagemap IMG {
  margin:5px;
  display:block;
}

/************************
 * MediaCollection element
 ************************/

DL.mediacollection DD {
  margin-bottom: 10px;
}

DL.mediacollection DD IMG {
  margin:5px;
  float:left;
}

/************************
 * Anchor element
 ************************/

DIV.anchorelement {
  width:100%;
  overflow:auto;
  display:block;
  clear:both;
}

DIV.anchorelement UL {
  list-style: none;
  float:left;
  margin:0px;
}

/************************
 * Directory element
 ************************/

DIV.directory UL {
  list-style: none;
  margin-left: 0; padding-left: 1em;
}

DIV.directory UL LI {
  margin:2px;
}

DIV.directory UL LI A{
  text-decoration:none;
}

DIV.directory UL LI IMG{
  vertical-align: middle;
}

/************************
 * Form elementen en formparts
 ************************/

DIV.ecardimage {
  text-align: center;
  margin: 0 5px 10px 5px;
}

DIV.ecardthumbnail {
  text-align: center;
  float: left;
  margin: 0 5px 10px 5px;
}

DIV.submitbutton {
  text-align: right;
}

TR.formpart TD {
  vertical-align: middle;
}

/************************
 * Forum
 ************************/


.reward {
  color:#0496c4;
}

DIV#contentcontainer #forumMessages {
  margin-bottom : 10px;
}

TABLE.forumtable {
  cellspacing: 0px;
  cellpadding: 0px;
  width: 100%;
  margin-left:0
  border-left-style: solid 1px;

}

TD.threadOverviewleft
{

  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #bbbbbb;
    border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #bbbbbb;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #bbbbbb;
}

TD.threadOverview, TD.threadOverviewSmall
{

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #bbbbbb;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #bbbbbb;

}

TD.threadOverviewSmall {
  font-size: 10px;
}

TABLE.forumtable TR TH {
  text-align: left;

}

FIELDSET.forum LABEL {
  width: 60px;
}

FIELDSET.forum DIV.formcontent {
  float: none;
}

FIELDSET.forum DIV.formcontent INPUT {
  margin-bottom: 2px;
}

* HTML FIELDSET.forum DIV.formcontent INPUT {
  margin-bottom: 0;
}

FIELDSET.forum DIV.formcontent TEXTAREA {
  margin-top: 0;
  width: 80%;
}

DIV.forummessage {
/* JSOUER */
  border: 1px solid #dddddd;
  margin-top: 0px;



/* JSOUER END*/
}

DIV.forummessage H3, DIV.forummessage P {
  margin: 0px 0 0px 0;

  /* JSOUER */
  font-size: 13px;
  color: #000000;
/* JSOUER END*/
}

/************************************************************************
 * Misc
 ************************************************************************/

A.backtotop {
  text-decoration: none;
}

IMG.backtoptop {
  border:0px;
  vertical-align: middle;
}

/************************************************************************
 * Ris
 ************************************************************************/


DIV.boxcenter TABLE.agenda {
  margin : 0px;
}

DIV.boxcenter TABLE.agenda TD {
  padding : 0px;
  background-color: transparent;
  vertical-align: top;
}

DIV.boxcenter OL.agendaitem LI {
  line-height:20px;
}

DIV.boxcenter OL.agendaitem LI .downloadicons {
  float:right;
}

DIV.boxcenter OL.agendaitem LI .downloadicons IMG {
  margin:0px;
  padding:0px;
  width:16px;
  height:16px;
  border:0px;
}

DIV.boxcenter OL.agendaitem LI UL {
  list-style: none;
}

UL.leftList {
  PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL.leftList LI {
  PADDING-RIGHT: 0px; BACKGROUND-POSITION: left center; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(/static/developerweb/pijl_gray.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none
}

UL.leftList LI.selectedItem {
  BACKGROUND-IMAGE: url(/static/developerweb/pijl_orange.gif)
}

ul.leftList li a {
  text-decoration: none;
}


/************************************************************************
 * Documentation Table
 ************************************************************************/

div.documentation {
  width: 100%;
  margin-top:0px;
  padding: 0px; !important
  margin: 0px; !important
}


table.documentation  {
  width: 100%;
  border:1px solid #DDDDDD;
  text-align: left !important;
  margin: 0px !important; 
  padding: 0px !important;  
}

table.documentation tr {
  vertical-align: top;
}

table.documentation tr.odd td {
  background: #eeeeee !important;
}

table.documentation tr.even td {
  background: #ffffff !important;
}

table.documentation tr.alldocs td {
  background: #DFF6FF !important;
}

table.documentation tr th {
  background: #0496C4;
  font-family:verdana;
  text-align:justify;
  color:#ffffff;
  font-size:12px;
  font-weight:normal;
  margin:4px;
  padding:4px;
}

table.documentation th.column1 {
  width: 50%;
}

table.documentation th.column2 {
  width: 25%;
}

table.documentation th.column3 {
  width: 25%;
}

table.documentation th#softwareColumn1 {
  width: 35%;
}

table.documentation th#softwareColumn2 {
  width: 15%;
}

table.documentation th#softwareColumn3 {
  width: 50%;
}

table.documentation tr.seperator td {
  padding: 0px;
  margin: 0px;
  height: 1px;
  background: #0496C4;
}

table.documentation img.downloadicon {
  vertical-align: middle;
  border: none;
  margin-left: 0px !important;
} 

table.documentation a.downloadlink {
  color: #5AADE6 !important;
  font-weight:normal !important;
  text-decoration: none;
}

table.documentation a:hover.downloadlink {
  text-decoration: underline;
}

table.documentation td.indent {
  padding-left: 50px !important;
}

.documentLink {
  font-family:verdana;
  font-size:12px;
  line-height:17px;
  font-weight:normal !important; 
  color:#797878 !important;
  text-decoration:none !important;
}

/************************************************************************
 * Coolmenus
 ************************************************************************/

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10px; height:10px; background-color:Navy; visibility:hidden}
.clParentTitleDummy1{position:absolute; width:10px; height:50px; background-color:#95A3B5; visibility:hidden; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt; color:#15305F; font-weight: normal; padding:2px; padding-top: 5px}
.clItemdummy{position:absolute; width:10px; height:50px; background-color:#E7EBEF; visibility:hidden; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px}
.clLaatsteregel { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px;color: #000000; padding-top:5px;}
.clLaatsteregel { background-color: #000000; color: #000000;}

/* Styles for level 0 */
.clLevel0 { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:5px;color: #216dbb; padding-top:5px;}
.clLevel0 { background-color: #E7EBEF; color: #216dbb;}
.clLevel0over { position:absolute; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:5px;color: #DF8800; padding-top:5px;}
.clLevel0over { cursor:pointer; background-color: #FFFFFF; }
.clLevel0border { position:absolute; visibility:hidden; background-color: #A1B1BF; }

/* Styles for level 1 */
.clLevel1 { position:absolute; left: 0px; top: 0px; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top: 2px;color: #15305F; padding-top:5px;}
.clLevel1 { background-color: #B8C4Cf; color: #15305F;}
.clLevel1over { position:absolute; padding:2px; font-family: verdana,arial,tahoma, sans-serif;font-size: 8pt;font-weight: normal;padding-top:2px;color: #DF8800; padding-top:5px;}
.clLevel1over { cursor:pointer; background-color: #E7EBEF; }
.clLevel1border { position:absolute; visibility:hidden; background-color: #000000; }

/************************************************************************
 * Jurriaan
 ************************************************************************/

.thTopic {  
  background-color: #0496c4;
  color: #ffffff;
  font-size:12px;
  padding-top: 2px; 
  padding-bottom: 2px; 
  padding-left: 5px; 
}

.thAuthor {
  background-color: #0496c4;
  color: #ffffff;
  font-size:13px;
  padding-top: 2px; 
  padding-bottom: 2px; 
  padding-left: 2px; 
  width: 150px;
}

.rowseparator {
  background-color: #dddddd;
}

.row1 {
  background-color: #ffffff;
}

.row2 {
  background-color: #eeeeee;
}

hr {
  color: #dddddd;
  background-color: #dddddd;
  height: 1px;
}

blockquote {
  color: #666666;
  background-color: #f8fbfd;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #bbbbbb;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #bbbbbb;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-left: 10px;
}

.quoteheader {
  margin-left: 10px;
  color: #0496c4;
}

.innertable {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #BBBBBB;
}

/************************************************************************
 * Forum
 ************************************************************************/

#ubbIconsWrapper {
    background-image: url(/static/developerweb/ubbWrapperBg.gif);
    background-repeat: repeat-x;
    border: 1px solid #B9B9B9;
    float: left;
    width: 585px;
}

#ubbIconsWrapper img {
    padding: 2px 3px 0 3px;
}

.messageContent {
  color:#000000;
  font-size:12px;
}

div#profile {
  background-color: ff0000;
  color: ffffff;
}

ul.recentposts li {
  padding-right: 0px;
  background-x-position: left;
  background-y-position: center;
  padding-left: 10px;
  background-image: url(/static/developerweb/arrow_grey.gif);
  padding-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-top: 0px;
  background-repeat: no-repeat;
  list-style-type: disc;
}

H2#forumTitle {
  color: #646464;
}

/************************************************************************
 * Blocker
 ************************************************************************/

DIV.blockerElm {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 65000;
}

DIV.blockerElm DIV.bgElm {
  background: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity="70");
}

DIV.blockerElm DIV.msgPosElm {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 65001;
}

DIV.blockerElm DIV.msgPosElm DIV.msgElm {
  background: #A6D4E8;
  border: 2px solid #ccc;
  position: relative;
  padding-right:10px;
  top: -50%;
  left: -50%;
}

DIV.blockerElm DIV.msgPosElm DIV.msgElm DIV.msgConElm {
  font-family: verdana, arial;
  font-size: 11px;
  font-weight: bold;
  color: #191919;
  border: 1px solid #fff;
  padding: 15px;
}

DIV.blockerElm DIV.msgPosElm DIV.msgElm DIV.busy {
  background: url(/static/developerweb/busy.gif) 8px center no-repeat;
  padding-left: 50px;
  padding-top:20px;
  padding-bottom:20px;

}

/************************************************************************
 * Code Presentation
 ************************************************************************/

.codeContent {
  text-align: left;
  background-color: #f0f0f0;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  color: #222222;
}

.code {
  border: 1px dashed #3c78b5;
    font-size: 11px;
  font-family: Courier;
    margin: 10px;
  line-height: 13px;
    overflow: auto;
}

.forummessage .codeContent {
  background-color: #FFFFF9;
}

pre {
    padding: 0px;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: left;
    overflow: auto;
}

.tdFormElementRadio {
  padding-left:10px;
}

.tdFormElementRadio input {
  margin-left:20px;
}

#tableBlogMessage {
  border-right:1px solid #DEDEDE;
  border-bottom:1px solid #DEDEDE;  
}

.divBlogMessageAvatar {
  width:80px;
  height:80px;
  border:1px solid #DEDEDE; 
}

/************************************************************************
 * Forum Profile
 ************************************************************************/

.forumProfileHeader {
  background-color:#E8F0F7;
  border:1px solid #35AAD5;
  padding:2px 0px 2px 5px;
  color:#037295;
  font-weight:bold;
  font-size:11px;
}

#forumProfileAbout {
  float:left;
  width:520px;
  padding-left:5px;
  font-size:11px;
}

#forumProfileAvatar {
  float:right;
  width:125px;
  margin:10px;
  border:1px solid #DEDEDE;
  margin-top:0px;
  text-align:center;
  padding: 5px 0px 5px 0px;
}

#forumProfileAllPostsContainer {  
  clear:both;
  padding-top:10px;
}

#forumProfileAllPosts { 
}

.forumProfileSmallLeft {  
  clear:both;
  float:left;
  width:335px;
  margin-right:10px;
}

.forumProfileSmallRight { 
  float:left;
  width:335px;
}

.forumProfileLeftTD {
  padding:5px 0 5px 5px !important;
  font-size:11px;
}

.forumProfileRightTD {
  padding:0px;
  font-size:11px;
  padding-left:5px;
}

.forumProfileRightTD a {
  font-weight:normal !important;
}

.forumProfileRightTD a:hover {
  font-weight:normal !important;
}

#forumProfileRecentPosts {
  padding-left:5px;
  
}

#forumProfileRecentPosts span {
  font-size:11px;
}

#forumProfileRecentPosts span a {
  font-size:11px;
}

#forumProfileRecentPosts a {
  font-size:12px;
}

.forumRecentPost {
  padding:0px;
  margin-bottom:10px;
}

.forumRecentPostHeader {
  border:1px solid #DF8800;
  padding-left:5px;
  background-color:#FFF8EC;
}

.forumRecentPostHeaderNormal {
  border-bottom:1px solid #EEEEEE;
}

.forumRecentPostMessage {
  padding:5px;
  border-color:#EEEEEE;
  border-style:solid;
  border-width:0px 1px 1px 1px;
}

.imgKarma {
  margin-bottom:4px; 
  margin-left:0px !important; 
  margin-top:2px;
}

#tableBlogMessageAuthor {

  border-top:1px solid #0496C4;
  border-right:1px solid #0496C4;
  background: #EDF7FB;
  background-image: url(/static/developerweb/message_reply.png);
  background-repeat: repeat-x;                   
  color: #ffffff;
        
}

/************************************************************************
 * Search
 ************************************************************************/

.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('../img/indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}