/****************************************************************/
/*   TODO                                                       */
/*     - make all icon positions dynamic (1/2 col)              */
/****************************************************************/



/*************/
/*  CONTENT  */
/*************/

/* ERP5 Customisation */
#hidden_button, #hidden_fieldset {
  display:none;
}

.hidden_label label{
  display: none !important;
}


.clear {
  clear:both;
}

fieldset {
  border: none;
}

a img {
  color: transparent;
}

#transition_message {
  color:#FF4400;
}

/* CSS Document */
/* ACCESSIBILITY STYLES START */
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */
a:active {
/* border-bottom: thin solid #339900; */
}
html>body a:focus {
/* border-bottom: thin solid #339900; */
}

.jump_maincontent{
	float: right;
	color: #ffffff;
	background-color: #ffffff;
		font-size: 0.75em
}
.jump_maincontent a {
	color: #FFFFFF;
	background-color: #ffffff;
	background-image: none;
}
.jump_maincontent a:active {
	color: #FFFFFF;
	background-color: #000;
	background-image: none;
}
html>body .jump_maincontent a:focus {
	color: #FFFFFF;
	background-color: #000;
	background-image: none;
}
.hidden_link{
	float: left;
	color: #fff;
	background-color: #fff
}
/* ACCESSIBILITY STYLES END */
/* STRUCTURAL STYLES START */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0em;
	margin-bottom: 1.5em;
	width: 61.5625em;
	background-color: #fff;
	font-weight: bolder;
  margin-left: 8px !important;
}

.img {
	border: 0em
}
/*div{margin: 0em; 
padding: 0em;
}*/

br {clear: none
}
em{
	font-weight: bold;
}
.container{
  border: thin solid #039;
  background:#B8DDF0 url(eflow_theme_image/bgr_nav.jpg) repeat-y scroll 0 0;
}
/* BANNER STYLES */
.banner{
background-color: 	#039
	}
.banner_left{
	float: left;
	border: none;
	height: 6.9375em;
	width: 56em;
	padding: 0em;
	margin: 0em
}
body .banner_left{
	float: left;
	border: none;
	height: 6.9375em;
	width: 56.2em;
	padding: 0em;
	margin: 0em
}
.banner_right{
	clear: right;
	float: right;
	border: none;
	height: 6.9375em;
	width: 5.4em;
	padding: 0em;
	margin-left: -0.5em
	
}
.header-bottom{
	text-align: right;
	background-image: url('eflow_theme_image/top_line.jpg');
	font-size: 0.75em;
	color: #ffffff;
	clear: left;
	padding-top: 0.25em;
	padding-bottom: 0.38em;
	width: 81.75em
}
body .header-bottom{
	text-align: right;
	background-image: url('eflow_theme_image/top_line.jpg');
	font-size: 0.75em;
	color: #ffffff;
	clear: left;
	padding-top: 0.25em;
	padding-bottom: 0.38em;
	width: 82em
}
.header-bottom a{
	color: #ffffff;
	margin-right: 2%
}

/* BANNER STYLES END*/

.body_wrap{
	background: #b8ddf0 url('eflow_theme_image/bgr_nav.jpg') repeat-y;
}

/* LEFTNAV STYLES */
.left_nav{
  color: #FFF;
	width: 12.3em;
	float: left;
	line-height: 220%;
  background: url('eflow_theme_image/left_nav_background.jpg');
  background-repeat: no-repeat;
}

.left_nav > div{
  background: url('eflow_theme_image/section_separator.jpg');
  background-position: bottom;
  background-repeat: no-repeat;
}

.left_nav .searchform {

  line-height: 150%;
  padding: 5px 0;

}

.left_nav .searchform fieldset {
  font-size: 12px;
  text-align: center;
  margin:0;
  padding:0;
}
.left_nav .searchform fieldset input{
	vertical-align: middle;
}

.nav_home {
  background-position: -11px bottom !important;
}
.current_page{
	text-decoration: none;
	color: #CC6633;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding-left: 1em;
}
.left_nav a:link{
	text-decoration: none;
	color: #fff;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1em;
}
  
.left_nav a:visited,
.left_nav .search_title{/* visited link */
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1em;
	} 
	
.left_nav a:hover {/* mouse over link */
	color: #ccffff;
	text-decoration: underline;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1em;
	}   
	
.left_nav a:active {/* selected link */
	color: #ccffff;
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1em;
	}   
.left_nav ul{
	margin-top: -0.4em;
	list-style-type: square;
	line-height: 95%;
  padding-bottom:0.5em;
}
.left_nav li a:link{
	text-decoration: none;
	color: #fff;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 0em
}
.left_nav li a:visited {/* visited link */
	color: #fff;
	text-decoration: none;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 0em
	} 
	
.left_nav li a:hover {/* mouse over link */
	color: #ccffff;
	text-decoration: underline;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 0em
	}   
	
.left_nav li a:active {/* selected link */
	color: #CC6633;
	text-decoration: none;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 0em
	}   
.current_subpage{
	color: #f1ae0c;
	text-decoration: none;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-weight: bolder;
}

.current_page{
	text-decoration: none;
	color: #f1ae0c;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding-left: 1em;
}

/* LEFTNAV STYLES END*/




/* BODY STYLES START*/
.body_content{
	width: 48.5626em;
	float: right;
	clear: right;
	background: #b8ddf0;
}

/*-------------------------------------------------*/
.body_content_subpage_full{
	width: 48.6em;
	float: left;
	margin-left: 0.53em;
	background-color: #3e3d8d;
}
.charges {
	color: #2f5086;
	font-size: 1em;
	margin-top: 2em;

}
.charges td{
	text-align: center;
}
caption{
	background-color: #fff;
	font-weight: bolder;
	font-size: 1.3em;
	}
body caption{
	background-color: #fff;
	font-weight: bolder;
	font-size: 1.3em;
	/*margin-bottom: -1em;*/
	/*margin-top: 1em*/
	}
.th_lightblue{
	text-align: left;
	background: #b6def8;
	font-size: 0.85em;
	padding: 0.5em;
}
.navy{
	text-align: left;
	background: #014d8b;
	font-size: 1.1em;
	padding: 0.5em;
	color: #fff;
	font-variant: small-caps;
}

.darkblue{
	font-size: 1.5em;
	color: #fff;
	background: #0188cc;
	vertical-align: middle;
}
.orange{
	font-size: 0.9em;
	color: #fff;
	background: #f79027;
}

.navy{
	background-color: #014d8b
	}
.orange{
	background-color: #f79027
	}
.darkblue {
	background-color: #0188cc
	}
.charges td{
	background-color: #b6def8;
	font-size: 0.9em
	}
/*-------------------------------------------------*/
/*-------------------------------------------------*/

.content h1{
	color: #003399;
	font-size: 1.4em;
	font-weight: bolder;
	margin-top: -0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.content h2 {
		color: #f79127;
		font-size: 1em;
		font-weight: bolder;	
		margin-bottom: -0.65em	;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.content h3{
		color: #006eb2;
		font-size: 0.9em;
		font-weight: bolder;
		margin-bottom: -0.7em;
		font-weight: bold;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.content p{
	color: #003399;
	font-size: 0.8em;
	line-height: 160%;
	
} 
.content a {
	color: #E6AA57;
	font-weight: bolder;
	}
.content a:link{
	color: #E6AA57;
	font-weight: bolder;
}
  
.content a:visited {/* visited link */
	color: #AD572B;
	font-weight: bolder;
	} 
	
.content a:hover {/* mouse over link */
	color: #E6AA57;
	font-weight: bolder;
	}   
	
.content a:active {/* selected link */
	color: #CC6633;
	font-weight: bolder;
	}   
.content ul{
	list-style-type: square;
	line-height: 160%;
	margin-left: 0em;
	padding-left: 1em
}
.content ul li{
	color: #003399;
	font-size: 0.8em
}

.content ol{
	line-height: 160%;
	margin-left: 0em;
	padding-left: 1.2em
}
.content ol li{
	color: #003399;
	font-size: 0.8em
}
.key_pnts_header {
		color: #f79127;
		padding-left: 1em;
		margin-top: 1.45em;
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.gradient{
background: url('eflow_theme_image/bgr_sub_rgt_col.jpg') no-repeat;
padding-bottom: 1em;
width: 15.5625em;
padding-left: 0.45em;
margin-left: -0.45em;
margin-top: -0.2em
}
body .gradient{
background: url('eflow_theme_image/bgr_sub_rgt_col.jpg') no-repeat;
padding-bottom: 2em;
width: 15.5625em;
padding-left: 0.45em;
margin-left: -0.45em
}
/*-------------------------------------------------*/
.float_left{
	float: left;
}
.float_right{
	float: right;
	clear: right;
}
.body_content p{
	color: #003399;
		font-size: 0.85em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		margin-top: -1em
}
.body_content a {
	color: #E6AA57;
	font-weight: bolder;
	}
.body_content a:link{
	color: #E6AA57;
	font-weight: bolder;
}
  
.body_content a:visited {/* visited link */
	color: #AD572B;
	font-weight: bolder;
	} 
	
.body_content a:hover {/* mouse over link */
	color: #E6AA57;
	font-weight: bolder;
	}   
	
.body_content a:active {/* selected link */
	color: #CC6633;
	font-weight: bolder;
	}  
.top_half{
	background-image: url('eflow_theme_image/bgr_top_half.jpg');
	background-repeat: repeat
}
.top_left {
	float: left;
	width: 29.4375em;
	background: #ffffff url('eflow_theme_image/curve_top_left.jpg') no-repeat;
	height: 9.5em;
	margin-right: 0em
}

.top_left h1{
		color: #003399;
		font-size: 1.2em;
		font-weight: bold;
		padding-top: 1.1em;
		padding-left: 1.4em;
		margin-bottom: 1.8em
		
}
.top_para{
	background-color: #fff;
		color: #003399;
		font-size: 0.85em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding-left: 1.9em;
		padding-top: 0.8em;
		margin-right: 2em;
		margin-bottom: 1em
}
.top_para a{
		font-size: 0.85em;
}
.btm_para{
	background-color: #fff;
		color: #003399;
		font-size: 0.85em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		padding-left: 1.9em;
		padding-top: 0em;
		margin-right: 2em;
		margin-bottom: 2.1em
}
.top_right{
	width: 18.5em;
	background: #ffffff url('eflow_theme_image/curve_top_right.jpg') no-repeat;
	float: right;
	height: 9.5em;
	}
.top_right p{
	margin-left: 0.75em
	}
.img_when{
	border: none;
	margin-top: -1.25em;
	margin-left: 1.2em;
	height: 5.375em;
	width: 14.5625em;
	margin-bottom: 1.2em
}
.top_right h2{
		color: #003399;
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1.8em;
		padding-left: 2em;
		
}

.page_break{
	clear: both;
	padding: 0em;
	margin-top: -1.2em;
	margin-bottom: -1em
}
.page_break h2{
	color: #fff;
	font-size: 1.2em;
	text-align: center;	
	background-image: url('eflow_theme_image/page_break.jpg');	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 0.5%;
	padding-top: 0.5%
}
.btm_half{
	background-color: #fff;
		width: 45.313em;
		padding-left: 1.625em;	
		padding-right: 1.625em;	
		padding-top: 1em
}
body .btm_half{
	background-color: #fff;
		width: 45.313em;
		padding-left: 1.625em;	
		padding-right: 1.625em;	
		padding-top: 0em
}
.btm_left{
	 width: 27.8em;	
	 float: left;
	 margin-left: 0em;
	 background: #fff;
}
body .btm_left{
	 width: 27.8125em;	
	 float: left;
	 margin-left: 0em;
	 background: #fff;
}
.btm_right{
	float: left;
	width: 16.875em;
	margin-right: 0em;
	 background: #fff;
}
body .btm_right{
	float: right;
	width: 16.875em;
	margin-right: 0em;
	 background: #fff;
}
.dec_bdr_lft{
		border-top: medium solid #6699cc;
		width: 27.8em;
		padding-right: 0em;
		padding-top: 0.5em;
		margin-right: 0em;
		margin-left: 0em
}
html>body .dec_bdr_lft{
		border-top: medium solid #6699cc;
		width: 27.8125em;
		padding-right: 1.5em;
		padding-top: 0.5em;
		margin-right: 0em
}
.dec_bdr_rt{
		border-left: medium solid #6699cc;
		border-top: medium solid #6699cc;
		width: 15em;
		padding-left: 1.5em;
		padding-top: 0.5em;
		margin-left: 0em
}
html>body .dec_bdr_rt{
		border-left: medium solid #6699cc;
		border-top: medium solid #6699cc;
		width: 15em;
		padding-left: 1.5em;
		padding-top: 0.5em;
		margin-left: -0.3em
}

.btm_right h4{
margin-left: 0.2em
}
.btm_right h3{
margin-left: 1.6em
}
html>body .btm_right h3{
margin-left: 1.3em
}
.btm_right p{
		padding: 3%;
		padding-right: 0em
}

.img_tag_reg{
	float: right;
	width: 8.375em;
	height: 6.4375em;
	margin-top: 1em
}

.btm_half h4{
	color: #cc6633;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.btm_half h3{
		color: #003399;
		font-size: 1.2em;
		font-weight: bold;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.btm_half h5{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.2em;
	color: #003399;
	margin-top: -0.5em;
	margin-bottom: -0.5em
}
.btn_grey{
	background-image: url('eflow_theme_image/btn_grey.jpg');
	float:right;
	width:8.3125em;
	height:1.7em;
	margin-left: auto;
	text-align:center;
	margin-bottom: 1em;
	text-decoration: none;
		padding-top: 0.4375em;
}
.btn_text {
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;
	color: #fff;

}
 

/* FOOTER STYLES START*/
body .footer{
	color: #FFFFFF;
	background-color: #014b8d; 
	font-size: 8pt;
	clear: both;
	height: 3em;
	margin-top: -0.5em;
  text-align: center;
  width:100%;
}

.widget .footer ul {
	margin-top: 0.5em;	/* 0.2em; */
	margin-right: 1em;
	margin-bottom: 0.55em;	/* 0.25em; */
	padding-top: 0.3em
}
.widget .footer ul li {
	list-style-type: none;
	display: inline;
	padding-left: 0.7em;
	padding-right: 0.2em;
}
body .footer ul li {
	list-style-type: none;
	display: inline;
	padding-left: 0.7em;
	padding-right: 0.5em;
}
.footer a {
	text-decoration: none;
	color: #FFFFFF;			/* 0066CC; */
	background-color: #014b8d;
	margin-right: 5%;
}

.footer a:visited {
	color: #0099ff;
	background-color: #014b8d;
}

.footer a:hover {
	text-decoration: underline;
	color: #cff;
	background-color: #014b8d;
}
footer a:active {
	text-decoration: underline;
	color: #cff;
	background-color: #014b8d;
}

div.web-toolbar li > a:visited {
  background:#EEEEEE;
  color:#999999;
}

div.web-toolbar .menu input {
  width:100%;
}

div.web-toolbar .menu label {
  text-align: left;
}

.rightborder {
	border-right: none;
/* 0.05em solid #AAAAAA; */
}
.norightborder {
	border-right: 0;
}
/* FOOTER STYLES END*/
/* STRUCTURAL STYLES END */
.right_nobtm {
	float: right;
	margin-bottom: 0em;
}
.totp_arrow {
	background-image:url('eflow_theme_image/toparrow.png');
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:1.5em;
	font-size: 0.9em;
	font-weight: normal;
	color: #039
}
.totp_finish{
	clear: both;
	margin-bottom: -1em;
	padding: 0em
}
/* IMAGE STYLES START */
.payzone_logo{
/*	width: 12.5em;
	height: 3.25em; */
	width:100px;
	height:128px;
	border: 0em
}
/* IMAGE STYLES END */


.webcontent label,
.webcontent .headline{

  display:none;

}

.heder-bottom. li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;  
}

.header-bottom img {
  border: none;
}

fieldset.widget div.field label {
display:none;
}

fieldset.widget legend {
display:none;
}

.toolboxSection {
  font-family:arial,sans-serif;
  color: #000000;
  font-weight: normal;
}

body .footer .web-toolbar ul li,
.header-bottom ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
margin:0;
padding:0;
}

.left_nav ul {
  padding-left: 40px;
}

fieldset.widget div.field div.input label {
  display:block;
}

input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

.navbar {
  width: 12.3em;
  display: inline;
  float: left;
}

.main {
  display: inline;
  float: left;
  background-color:#3E3D8D;
	background: #014B8D url('eflow_theme_image/right_bar.jpg') no-repeat;
  background-position: top right;
	width: 48.6em;
  margin-left:0.53em;
}

.document {
  float:left;
  width: 100%;
}

.header-bottom .language_box {
padding:0 10px;
float:right;
list-style-type:none;
margin:0;
padding:0;
position:relative;
z-index:10;
}

.header-bottom .language_box li {
float:left;
margin:0 2px;
}

.content h1 {margin-left: 0px margin-right: 0px; margin-top: 8px; margin-bottom: 8px;}

.content h2 {margin-left: 0px margin-right: 0px; margin-top: 10px; margin-bottom: 10px;}

.content h3 {margin-left: 0px margin-right: 0px; margin-top: 12px; margin-bottom: 12px;}

.content label {display:none}


/* Modify NICOLAS
.content .field .input {
  padding-left:15px;
}*/

.main_content .content-1col-nobox{

  float:left;
  background:#FFFFFF;
  width:44em;
  padding:2em;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: #fff url('eflow_theme_image/curve_top_full_width.jpg') no-repeat;

}

.main_content .content-1col-nobox {

 min-height:420px;

}

#tabs_switcher{
  color:#E6AA57;
	text-decoration: underline;
}

.draggable_wrapper {
  width: 44em;
}

.draggable_wrapper label {
  display: block;
  font-size: 12px
}

#portal-column-0,
#portal-column-1{
  margin: 1em !important;
  font-weight:normal;
  color:black;
  width:45.3% !important;
}

#portal-column-0 p,
#portal-column-1 p { margin: 0;}

#portal-column-0 a,
#portal-column-0 p,
#portal-column-1 a,
#portal-column-1 p{
  font-size: 12px;
  line-height:100%;
}



#portal-column-2  { display: none; !important}

.portal-column-undraggable .handle{ cursor:default !important;}

.portal-column-undraggable .pageNavigation {display: none;}

.block h3{
  margin-bottom: 0;
}

.minimize_wrapper .content {
background-color:#E3EAFA;
border-color:-moz-use-text-color #3D6474 #3D6474;
border-style:none solid solid;
border-width:0 1px 1px;
clear:both;
}

div.block div.content div.list_style ul li {

  margin-left:7px;

}


.left {float: left;}
.editable fieldset {
  float: left;
  width: 100%;
}


.editable fieldset.right,
.editable fieldset.left,
.editable fieldset.center{

  font-size: 10px;
  color: black;
  display: block;

}

.editable label {display:inline;}
.content .editable .field .input {padding: 0;}

/******************************************/
/*  ERP5 Extensions                       */
/******************************************/

/* bug fix */
.main_content ul li ul li,
.subcontent ul li ul li {
  font-size:inherit !important /*Non-IE6*/; font-size:inherit /*IE6*/;
}
.main_content ul.indent ul.indent,
.subcontent ul.indent ul.indent {
  padding:0em 20px;
}

/* no border for images */
.main img, .main img.center, .main img.left, .main a img, .main a:hover img {
  border:none;
}

.container {
  clear: both;
}

p.clear {
  font-size:0 !important;
}

#main_content fieldset#fieldset_left,
#main_content fieldset#fieldset_right,
#main_content fieldset#fieldset_bottom.editable .input textarea,
#main_content fieldset#fieldset_center{
  font-size:80%;
}

#main_content fieldset#fieldset_left .input,
#main_content fieldset#fieldset_right .input,
#main_content fieldset#fieldset_bottom.editable .input textarea,
#main_content fieldset#fieldset_center .input{
  font-weight: normal;
}

#main_content fieldset#fieldset_bottom.editable .input textarea{
  max-width: 100%;
  width: 100%;
}

#main_content fieldset legend {
  font-weight: bold;
}

#main_content fieldset label {
  float: left;
  width: 140px;
  font-weight: bold;
  color: #666;
}

.dialog_box fieldset div.input,
#main_content .editable fieldset div.input {
  padding: 0 20px 0 0;
  margin-left:170px;
}

#main_content fieldset div.page div.input,
#main_content fieldset.bottom div.input {
  padding: 0;
  margin:0
}

div.editable a > img {
  float:none;
  margin:0;
  border:none;
}

#transition_message {
  font-size:120%;
  padding:5px 10px;
  color: #f40;
  background-color: inherit;
  font-weight: bold;
}

/* Popup info window style */
div.search_popup {
  background-color: #c3e3df;
  display: none;
  position:fixed;
  left:500px;
  width:150px;
  top:130px;
  padding:10px;
  border:1px solid black;
  z-index:100;
}

div.popup_row{
  clear:right;
}

div.popup_row span.popup_label{
  font-weight: bold;
}

div.popup_row a{
  color: green!important;
}

/* Edit tabs styling.
** Edit tabs are another part of admin stuffs and
** should respect other admin design convention
** (colors, etc...) to keep the UI consistent.
------------------------------------------------------------------ */

div.document div.actions {
  font-size: 80%;
}

div.document div.actions ul {
  list-style: none;
  margin: 0;
}

div.document div.actions ul li  {
  display: inline;
  margin: 0;
  padding: 0;
}

div.document div.actions ul a,
div.document div.actions ul li.selected a {
  display: block;
  float: left;
  padding: 0.2em 0.4em;
  margin: 1px 2px 0 0;
  text-align: center;
  text-decoration: none;
}

div.document div.actions ul a {
  background: #fff;
  border: 1px solid #999;
}

div.document div.actions ul li.selected a {
  background: #ccc;
}

div.document div.actions ul a:hover {
  background: #ddd;
}

div.input select, div.input textarea {
  border: 1px solid #999;
  max-width:450px;
}

#main_content fieldset > div.field {
  margin:5px 0;
}

#fieldset_bottom > div.field > div.input > textarea {
}

div.bottom_actions button {
  float: left;
}

div.bottom_actions button#input-save-edit .image,
div.bottom_actions button#input-save-view .image {
  float: left;
  display: block;
  width: 22px;
  height: 22px;
}

div.bottom_actions button#input-save-edit span.image {
  background-image: url('http://www.eflow.ie/ga/images/save.png');
}

div.bottom_actions button#input-save-view span.image {
  background-image: url('http://www.eflow.ie/ga/images/save-preview.png');
}

div.pdf-preview-navigation {
  font-size:120%;
  text-align:center;
}

div.pdf-preview-navigation img {
  float:none;
  margin:0;
}

div.error > div > input,
div.error > div > textarea,
div.error > div > table, /* for formbox */
div.error > div > select {
  border:1px solid red !important;
}

div.error > span.error {
  /* margin-left:170px;*/
  font-weight:bold
}

fieldset.bottom .field label {
  display:none;
}

div.required label {
  width:inherit !important;
 
}
div.required label:first-child:after {
  content : '*';
}
/* Custom web Listbox styling.
** TODO: change colors to have better integration in default erp5 web theme.
------------------------------------------------------------------ */

div#main_content table.listbox{
  width: 100%;
}

div#main_content table.listbox th {
  background-color:#E1E1E1;
}

div#main_content table.listbox,
div#main_content table.listbox tr,
div#main_content table.listbox td,
div#main_content table.listbox th,
div#main_content table.listbox th button.sort_button {
  border: 0;
  color: #000;
  font-size: 10px !important;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

div#main_content table.listbox th button.sort_button {
  background-color: inherit;
  cursor: pointer;
}

/*
button.sort_button {
  color: inherit;
  border-width: 0;
  margin: 0;
  padding: 0;
}

button.sort_button span {
  color: inherit;
  text-decoration: underline;
  font-size: 62.5% !important;
  font-weight: bold;
}
*/

div#main_content table.listbox {
  margin-bottom: 1em;
  /* width: 100%; */
  /*margin:0 20px 1em;*/
}

div#main_content table.listbox .right {float: right}
div#main_content table.listbox .left  {float: left}

div#main_content table.listbox caption,
div#main_content div.searchResultHeader {
  background-color:rgb(175,175,175);
  padding: .2em;
  color:white;
}

div#main_content table.listbox caption em,
div#main_content div.searchResultHeader em {
  font-weight: bold;
  font-style: normal;
  color:white;
}

div#main_content table.listbox caption img,
div#main_content div.searchResultHeader img {
/*  margin:2px 6px 2px 2px; */
}

div#main_content div.searchResultHeader {
/*  margin:0 20px;*/
}

div#main_content div.searchResultHeader .right{
  float: right;
}

div#main_content div.search .search_result_title{
  font-size:12px !important;
  font-weight: bold !important;
}

div#main_content div.search td{
  margin: 4px;
}

div#main_content div.search td .searchDetails em{
  font-size: 11px;
}

div#main_content div.searchBar,
div#main_content div.extendedSearchBar {
  text-align:center;
  margin:0 0 0.8em;
}

div#main_content table.listbox thead th,
div#main_content table.listbox thead td {
  border-right: 1px #ccc solid;
  text-align: center;
  color: #666;
  background: #ddd;
}

div#main_content table.listbox thead th:last-child,
div#main_content table.listbox thead td:last-child {
  border-right: none;
}

div#main_content table.listbox thead th {
  text-transform: capitalize;
  font-variant: small-caps;
}

div#main_content table.listbox tbody td.externalLink a,
div#main_content table.listbox tbody th.externalLink a {
  text-decoration: none;
  background: transparent url(erp5-website-external-link.png) center right no-repeat;
  padding-right: 15px;
  color: #637dc1;
}

div#main_content table.listbox tbody td.externalLink a:hover,
div#main_content table.listbox tbody th.externalLink a:hover {
  text-decoration: underline;
  color: #637dc1;
}

div#main_content table.listbox tbody td, table.listbox tbody th {border-top: 1px solid #eee}

div#main_content table.listbox td, table.listbox th {
  text-align: left;
  padding: 10px;
}

div#main_content table.listbox tbody td a,
div#main_content table.listbox tbody td a:hover,
div#main_content table.listbox tbody td a:visited {color: #4343D9}

div#main_content table.listbox tbody tr {
  background: #fff;
}

div#main_content table.listbox tbody tr:hover {background: #ccc}

div#main_content table.listbox tbody span.number, tbody span.date {float: right}

div#main_content table.listbox tbody .mainLink {
  font-weight: bold;
  display: block;
}

div#main_content table.listbox tfoot th, table.listbox tfoot td {border-top: 1px solid #999}

div#main_content table.listbox tfoot td {text-align: right}

div#main_content table.listbox tfoot .pageNavigation button {
  border: 1px #eee solid;
  background: #fff;
  padding: .2em .4em;
  margin: 0 .1em;
}

div#main_content table.listbox tfoot .pageNavigation button:hover {
  border: 1px #999 solid;
  text-decoration: none;
  background: #eee;
}

/* Dialog box styling */
#main_content .dialog_box fieldset label {
  float: none;
  font-weight: bold;
  color: #003399;
  display: inline;
}

.dialog_box fieldset div.input {
  margin: 0;
}

/*NICOLAS
#main_content .dialog_box div.required {
display:list-item;
list-style-image:url(eflow_theme_image/required_mark.png);
}

#main_content .dialog_box .field label {
margin-left:15px;
}*/

#main_content .dialog_box p {
  font-weight: bolder;
  font-size: 100%;
}

/* FORMBOX */
div.form_box {
  padding-top:0px;
}

div.form_box .clear {
  display:none;
}

div.form_box table {
  width:400px;
  padding:0px;
  margin:0px;
  margin-left:-1px;
}

div.form_box td, tr {
  padding:0px;
  margin:0px;
}

div.form_box div.field {
  display:block;
  padding:0px;
  margin:0px;
  width:auto;
}

div.form_box td.field_table + td {
/*   OR */
  padding:5px;
  margin:5px;
  vertical-align:bottom;
  color: #003399;
  font-weight:bold;
}

div.form_box .field > div.input {
  padding:0px;
  margin-right:0px;
  display:inline;
}

/* END FORMBOX */