#page_wrapper {
  text-align: left;
  margin: 0em;
  padding: 0em;
  padding-top: 0em;
  background-color: inherit; 
  min-height: 500px;
  width: 100%;
  float:left;
  margin-top: 0.5em;

}

/* Columns */
.portal-column {
  float: left;
  width: 100%; 
  min-height: 200px;
}

#table_column_layout{
  width: 100%;
  table-layout: fixed;
}

#table_column_layout td{
  width: 33%;
  vertical-align: top;
}

/* Boxes */
.block {
  margin: 1px;
  padding: 0px;
  width: 100%;
}

h3.handle {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  color: #fff;
  background: transparent url(images/tab_left_selected.png) no-repeat scroll left top;
  border-bottom: 1px solid #3D6474;
}

h3.handle span.handle {
  display: block;
  min-height:20px;
  padding: 5px 5px 0 0;
  background: transparent url(images/tab_right_selected.png) no-repeat scroll right top;
}

.block h3 span.gadget_title{
  min-width: 100px;
}


/* Minimize, Edit, Remove images */
.clickable_image{
  cursor: pointer; 
  margin-top: 5px!important;
  display: block;
  float: left;
}

.clickable-block{
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  padding: 0em;
  margin: 0;
}

.block-remove {
  background-image: url(icon_remove.gif); 
}

.block-minimize {
  background-image: url(icon_minimize.gif); 
}

.block-edit-form {
  background-image: url(icon_edit.gif); 
}

.block-hover {
  border: 2px dashed #f00;
}

.handle {
  cursor: move;
}

/* In edit form disable border */
div.edit-form fieldset{
  border: 0px solid black;
}

div.edit-form button{
  margin-top: 0.5em;
}

.edit-form {
  padding-top: 0.5em; 
  padding-left: 1em;
  padding-bottom: 0.5em;
  border: solid black;
  border-width: 0 1px 1px 1px;
  background-color: #BDD0F0;
  overflow: auto;
}

/* Tabs for Knowledge Pads */ 
#navigation_table {
  width: 100%;
  border-collapse:collapse;
  margin:0em;
  border:medium none;
}

#navigation_table tr{
  border:medium none!important;
}

#navigation_table td{
  margin: 0em!important;
  padding: 0em!important;
  border:medium none!important;
}

#tabs {
  height: 25px;
  border-bottom: 1px solid #3D6474;
  padding-left: 0em;
  width: 100%;
  float: left;
}

#tabs ul {
  margin : 0em;
  padding: 0em;
  width: 100%;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.tab {
  display: block;
  font-size: 12px;
  float: left;
  height: 24px;
  padding-right: 5px;
  background-color: #BDD0F0; /*#97B0D1;*/
  cursor: pointer;
  border: 1px solid #3D6474;
  margin-right: 1px;
}

#tabs li span{
  padding: 0px 10px;
  display: block;
  float: left;
  height: 19px;
  padding-top: 5px;
}

/* Selected tabs should be 1px higher in order to hide border at bottom */
.tab_selected {
  font-weight: bold;
  background-color: #DAE6F6; 
  border-bottom: 1px solid #DAE6F6;
}

/* without this declaration IE will hide draggable elements!*/
.content .field{
  position: static;
  clear:both;
}

/* Dialogs */
.toggable_dialog{
  display: none;
  left: 400px;
  position: absolute;
  top: 75px;
  z-index: 10000;
  border: 5px solid #BDD0F0;
  background-color: #97B0D1;
  padding: 0em 1em 0.5em 1em;
}

#add_new_tab_dialog_link{
  cursor: pointer; 
  font-weight: bold;
  background: transparent;
  display: block;
  float: left;
  font-weight: bold;
  height: 19px;
  padding-top: 5px;
  padding-left: 5px;
  margin-left: 5px;
  border-style: none;
}

#tabs_switcher{
  cursor: pointer; 
  font-weight: bold;
  background: transparent;
  padding-top: 5px;
  border-style: none;
  width: 100%;
  border-bottom: 1px solid #3D6474;
  height: 20px;
  margin: 0em;
}

#add_new_gadget_link{
  font-weight: bold;
  height: 20px;
  text-align:right; 
  padding-top:5px;
  border-bottom:1px solid #3D6474;
}


/* Draggable Area */
.draggable_wrapper{
  background-color: white;
}

.wait_block {
  text-align: center;
  padding: 2em;
}

.box_inner_content {
  background-color:#FFFFFF;
  padding: 0.1em;
  clear:left;
  overflow: visible;
}

.box_inner_content ol{
  margin-top: 0em;
}

/* this classes will switch one/off border below tabs selector*/
.border_bottom0px{
  border-bottom: 1px solid #DAE6F6!important;
}

.border_bottom1px{
  border-bottom: 1px solid #3D6474!important;
}

/* seperate gadget tables from rest of ERP5*/
div.block div.content{
  padding: 0px;
}

div.block table {
  margin: 0em!important;
  border:none!important;
}

div.block table tr, div.block table tr td{
  border: none!important;
}

/* lisbox style should be square for gadgets */
div.block ul{
  list-style-type: square;
}


/* When we show listbox in gagets we need to override some CSS*/
div.block table.listbox{
  width:100%!important;
  border:medium none!important;
  margin:0em!important;
}
.box_inner_content .input,
.box_inner_content .search.result .resultList{
  width:100%!important;
  margin:0em!important;
  padding:0em!important;
}

.box_inner_content .search.result .extendedSearchBar{
  display:none;
}

div.block table.listbox .right{
  float:right;
}

div.block table.listbox .left{
  float:left;
}

div.block table.listbox tr, div.block table.listbox td{
  border:medium none!important;
}

div.block table.listbox span.left{
  /* display: none; */ /* do not hide listbox elements in gadgets */
}

div.block table.listbox caption{
  width:100%;
  text-align:left;
  font-weight: bold;
}

div.block table.listbox button.sort_button{

  background-color: inherit;
  color: blue;
  border-width: 0;
  border:0px;
  cursor: pointer;
  vertical-align:middle;
  float:left;
  text-decoration: underline;

}

div.block table.listbox thead{
  /* display: none; */ /* do not hide listbox elements in gadgets */
}

div.block table.listbox thead tr th{
  background-color:#eee;
  color:blue;
  font-weight: normal;
  font-variant:normal;
}

div.block div.input{
  margin-left:0em!important;
}

div.rss-link div.input{
  text-align:right;
}

div#add-stick-gadget-tool-section{
  margin-bottom: 1.5em;
}

div.block table.listbox span.left button{
  background-color:inherit;
  border:None;
  float:left;
}

div.block div.searchResultHeader span.left button{
  background-color:inherit;
  border:None;
  float:left;
}

/* labels in forms inserted into a gadget should be visible
  indedepndantly from fact that master form may use hiddenLabel */
div.block div.hidden_label label, div.block div.hiddenLabel label{
  display: none!important;
}

/* ListBoxes in Gadgets */
div.block  div.ListSummary{
  background: none;
  padding-left: 0px;
}

div.block  div.ListSummary table{
  padding-left: 0px;
  padding-right: 0px;
}

div.block  div.ListSummary td{
  vertical-align: top!important;
  width: auto!important;
}

/* some css for the list style listbox */

div.block div.list_style a{
  cursor:pointer;
}

div.block div.list_style .title{
  font-weight: bold;
  text-decoration:underline;
  color:black;
  vertical-align:bottom;
}


div.block div.list_style div.content{
  background-color:white;
  border:none;
  margin-bottom:5px;
  padding-bottom:1px;
  overflow:auto;
}

div.block div.list_style div.content div#others_links{
  margin-top:7px;
  margin-bottom:7px;
}

div.block div.list_style div.read span{
  color:#969696;
}
div.block div.list_style div span.transparent{
  color:#C0C0C0;
}

div.block div.list_style .left{
  float:left;
}

div.block div.list_style .right{
  float:right;
  margin-left:5px;
}

div.block div.list_style p.clear{
  clear:both;
  height:0pt;
  margin:0pt;
  padding:0pt;
}

div.block div.content div.list_style ul{
  margin-top:5px;
  margin-left:7px;
  margin-bottom:13px;
  padding:0px;
}

div.block div.content div.list_style ul li{
  list-style-image:url(bullet.png);
  margin-bottom:5px;
}

div.block div.list_style ul li#with_img{
  list-style-type:None;
  list-style-image:None;
  margin-bottom:5px;
}

div.block div.list_style ul li div#title_img{
  margin-left:90px;
  cursor:pointer;
}


div.block div.list_style ul li div#title{
  cursor:pointer;
}

.pageNavigation button{
  display: inline;
  border:0 none;
  background-color:inherit;
  vertical-align:middle;
}

.pageNavigation button.listbox_first_page .image,
.pageNavigation button.listbox_previous_page .image,
.pageNavigation button.listbox_next_page .image,
.pageNavigation button.listbox_last_page .image{
  width:22px;
  height:22px;
  display:block;
  background-color:transparent;
}

.pageNavigation button.listbox_first_page .image{
  background-image: url('images/2leftarrowv.png');
}

.pageNavigation button.listbox_previous_page .image{
  background-image: url('images/1leftarrowv.png');
}

.pageNavigation button.listbox_next_page .image{
  background-image: url('images/1rightarrowv.png');
}

.pageNavigation button.listbox_last_page .image{
  background-image: url('images/2rightarrowv.png');
}

div.block div.list_style input {
  margin-left:15px;
  margin-top:5px;
}

/* some css for the worklist gadget */

div.block .right{
  float:right;
  margin-left:5px;
}

div.block div.box_inner_content div.worklist_list ul {
  list-style-image:url(bullet.png);
  margin-left:8px

}

div.block div.worklist_list ul li{
  overflow: visible;
  margin-bottom:5px;
  background-color:white;
}

div.block div.worklist_list a{
  color:black;
  text-decoration:none;
  cursor:pointer;
}

div.block div.worklist_list ul li table.listbox caption{
  display:none;
}

div.block div.worklist_list ul li table.listbox thead td,div.block div.worklist_list ul li table.listbox thead tr th{
  background-color:white;
  border:none;
}

div.block div.worklist_list ul li a:hover{
  text-decoration:none;
}