/* CSS Document */

html{
	width: 100%;
	height: 100%;
}
body
{
	background-color: #FFFFFF;
    margin: 0;
	color: #333;
	width: 100%;
	min-height: 100%;
	position: relative;
	border: 0 none;
    font-family: "Segoe UI",Segoe,"DejaVu Sans","Trebuchet MS",Verdana,sans-serif;
    font-size: 12px;
  

}

input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
}

#wrapper
{
	width: 100%;
	min-height:100%;
	margin: 0;
	padding: 0 0 30px 0;
}


.transparent
{
	behavior: url(/js/iepngfix/iepngfix.htc);
}

.cleaner
{
	clear: both;
}

#wrapper a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
}

#wrapper a.inactive
{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #696969;
}

#wrapper a:hover
{
	color: #CCCCCC;
}

.pointer
{
	cursor: pointer;
}

.overflow-scroll
{
	overflow: scroll;
}

.vertical-scroll-300
{
	height: 300px; 
	overflow: auto;
}

.vertical-scroll-90
{
	height: 90px; 
	overflow: auto;
}

.display-none
{
	display: none;
}

span.link2
{
	color: #000000;
	cursor: pointer;
}

span.link2:hover
{
	color: #2D8AF1;
}

/* ------------------ Site Header ------------------*/

div#logo-group
{
	margin-left: 1%;
	margin-top: 15px;
    width: 32.33%;
    text-align: left;
	float: left;	
}

div.header
{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1);
    width: 100%;
	background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, #f3f3f3, #e2e2e2);
    background-repeat: repeat-x;
    height: 82px;
    margin: 0;
}



div.header div.user
{
	text-align: right;
	font-size: 13px;
	margin-top: 15px;
	width: 32.33%;
	color: #85919F;
	float: left;
}

div.header div.user a
{
	color: #FFFFFF;
	font-size: 11px;
}

div.header div.user a:hover
{
	color: #2D8AF1;
}

/* ------------------ Site body ------------------- */

div.bodyto
{
	margin: 0;
	padding: 0;
	width: 998px;
	background: url(/images/body.jpg) repeat-y; 
}

div.bodyto div.bgr
{
	width: 98%;
	margin: 1%;
	padding: 0;
	background: none !important;
}



div.bodyto div.left-border
{
	margin: 0;
	padding: 0;
	background: url(/images/left_border.jpg) top left no-repeat;
	width: 16px;
	height: 350px;
	float: left;
	overflow: hidden;
}

div.bodyto div.right-border
{
	margin: 0;
	padding: 0;
	background: url(/images/right_border.jpg) top left no-repeat;
	width: 14px;
	height: 350px;
	float: left;
	overflow: hidden;
}

div.fill-block
{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

div.bodyto div.content
{
	padding: 0;
	margin: 0;
	position: relative;
	
}






div.bodyto div.content div.nav-buttons a
{
	width: 100px;
	height: 23px;
	background: url(/images/oval_menu/right_menu_bg.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
	display: block;
	padding: 5px 0 0 6px;
	position: relative;
	color: #0033FF;
	margin: 0 0 5px 0;
	float: left;
}


div.bodyto div.content div.nav-buttons a:hover
{
	background: url(/images/oval_menu/right_menu_bg_hover.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div.bodyto div.content div.nav-buttons a img
{
	position: absolute;
	top: 2px;
	left: 6px;
}

div.bodyto div.big-content
{
	width: 0;
	margin: 0;
	z-index: 2;
	position: relative;
}

div.bodyto div.right-menu-block
{
	width: 205px;
	float: left;
	z-index: 1;
	position: relative;
}


/* ------------------ Messages ------------------- */

.error
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.success
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.warning
{
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ------------------ Spaces ------------------- */

div.space-5px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 5px;
}

div.space-10px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 10px;
}

div.space-15px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 15px;
}

div.space-16px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 16px;
}

div.space-20px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 20px;
}

div.space-25px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 25px;
}

div.space-28px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 28px;
}

div.space-30px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 30px;
}

div.space-35px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 35px;
}

div.space-40px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 40px;
}

div.space-50px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 50px;
}

div.space-60px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 60px;
}

div.space-70px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 70px;
}

div.space-80px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 80px;
}

div.space-600px
{
	padding: 0;
	margin: 0;
	font-size: 0px;
	height: 600px;
}

/* ------------------ Flash messages ------------------- */

.flashmsg div.button
{
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: center;
}

.flashmsg ul
{
	padding: 10px 0;
	margin: 0;
	list-style: square;
	list-style-position: inside;
}

.flashmsg ul li
{
	padding: 0;
	margin: 0;
	list-style: square;
	font-size: 11px;
}

img.flashmsg-icon
{
	width: 24px;
	height: 24px;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

/* ------------------- Login Block -------------------- */

div.login-block
{
	width: 220px;
	text-align: left;
}

div.login-block div.title
{
	width: 220px;
	background: url(/images/login_title.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
	height: 20px;
	padding: 3px 0 0 5px;
	font-size: 12px;
	font-weight: bold;
	color:#0066FF;
	margin: 0;
}

div.login-block div.content
{
	width: 212px;
	background: #BDD8F6;
	border: solid #FFFFFF 1px;
	margin: 0;
	padding: 3px;
}

div.login-block div.content .input-box
{
	width: 150px;
	height: 17px;
	border: 1px solid #0166FF;
	background-color: #F1F6FD;
}

div.login-block div.content .select-box
{
	width: 152px;
	height: 21px;
	border: 1px solid #0166FF;
	background-color: #F1F6FD;
}

div.login-block div.content div.row-usr
{
	background: url(/images/login_usr.jpg) no-repeat top left;
	padding: 0 0 0 30px;
	margin: 5px 10px;
	position: relative;
}

div.login-block div.content div.row-pass
{
	background: url(/images/login_pass.jpg) no-repeat top left;
	padding: 0 0 0 30px;
	margin: 5px 10px;
	position: relative;
}

div.login-block div.content div.row-site
{
	background: url(/images/login_site.jpg) no-repeat top left;
	padding: 0 0 0 30px;
	margin: 5px 10px;
	position: relative;
}

div.login-block div.content div.row-btn
{
	margin: 5px 10px;
}

div.page-title
{
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 0;
}

/* ------------- Float left-right ---------------- */

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

/* ---------------- Home page ----------------- */

div.home-page-title
{
	font-size: 22px;
	font-weight: bold;
	padding: 0 0 0 15px;
	width: 650px;
}

div.home-page-sub-title
{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 15px;
	width: 650px;
}

/* ------------------ Big box ------------------ */

form#full-search input[type=text]
{
	width: 99% !important;
	background-color: #FFFFFF !important;	
}

form#full-search select
{
	width: 99% !important;
	background-color: #FFFFFF !important;	
}

form#full-search span.ui-datepicker-wrap input
{
	width: 99% !important;
	background-color: #FFFFFF !important;	
}

div.big-box
{
	width: 100%;
	background: #FFFFFF;
	/*border: solid #FFFFFF 1px;*/
	margin: 0 0 20px 0;
}

div.big-box div.title
{
	background: url(/images/icons/media_play.jpg) center left no-repeat;
	padding: 0 0 0 20px;
	margin: 0;
	height: 20px;
	width: 980px;
	color: #0066FF;
	font-weight: bold;
}

div.big-box div.content
{
	background-color: #BDD8F6;
	width: 100%;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

div.big-box div.content div.info
{
	background: url(/images/icons/aide_petit.jpg) left top no-repeat;
	padding: 5px 5px 5px 30px;
	margin: 0 5px 5px 5px;
	color: #000000;
}

div.big-box div.content div.text-box
{
	padding: 0;
	color: #000000;
	width: 100%;
}

div.big-box div.content input.input-field
{
	width: 170px;
	background-color: #FFFFFF;
}

div.big-box div.content input.input-field-small
{
	width: 100px;
	color: #666666;
	background-color: #EFEFEF;
}

div.big-box div.content textarea.textarea-field
{
	width: 170px;
	height: 75px;
	background-color: #FFFFFF;
}

div.big-box div.content textarea.textarea-field-star
{
	width: 170px;
	height: 75px;
	background-color: #FEE6CA;
}


div.big-box div.content textarea.textarea-field-readonly
{
	color: #666666;
	background-color: #EFEFEF;
	width: 170px;
	height: 75px;
}

div.big-box div.content input.upload-field
{
	width: 170px;
	background-color: #FFFFFF;
}

div.big-box div.content input.input-field-star
{
	width: 170px;
	background-color: #FEE6CA;
}

div.big-box div.content input.input-field-readonly
{
	width: 170px;
	color: #666666;
	background-color: #EFEFEF;
}

div.big-box div.content input.input-field-number
{
	width: 170px;
	background-color: #FFFFFF;
	text-align: right;
}

div.big-box div.content input.input-field-number-star
{
	width: 170px;
	background-color: #FEE6CA;
	text-align: right;
}

div.big-box div.content input.input-field-number-readonly
{
	width: 170px;
	color: #666666;
	background-color: #EFEFEF;
	text-align: right;
}

div.big-box div.content select.select-field-star
{
	width: 174px;
	background-color: #FEE6CA;
}

div.big-box div.content select.select-field
{
	width: 174px;
	background-color: #FFFFFF;
}

div.big-box div.content input.input-field-date
{
	width: 141px;
	background-color: #FFFFFF;
}

div.big-box div.content input.input-field-date-search
{
	width: 71px;
}

div.big-box div.content input.input-field-date-star
{
	width: 141px;
	background-color: #FEE6CA;
}

div.big-box div.content input.button-add
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_add.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 25px;
	cursor: pointer;
}

div.big-box div.content input.button-del
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_del.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 25px;
	cursor: pointer;
}

div.big-box div.content input.button-find
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_find.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 25px;
	cursor: pointer;
}

div.big-box div.content input.button-edit
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_edit.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 25px;
	cursor: pointer;
}

div.big-box div.content input.button-print
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_print.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 25px;
	cursor: pointer;
}

div.big-box div.content input.button-transform
{
	border: solid #FFFFFF 1px;
	height: 48px;
	background: url(/images/button_transform.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 50px;
	cursor: pointer;
}

div.big-box div.content input.big-button-null
{
	border: solid #FFFFFF 1px;
	height: 48px;
	background: url(/images/big_button_null.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 50px;
	cursor: pointer;
}

div.big-box div.content input.button-null
{
	border: solid #FFFFFF 1px;
	height: 27px;
	background: url(/images/button_null.jpg) left top no-repeat;
	color: #0066FF;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 5px 5px;
	cursor: pointer;
}


div.big-box div.content table.style-table,div.big-box div.content table.style-table2
{
	background-color: #BDD8F6;
	width: 100%;
}

div.big-box div.content table.style-table td.head,div.big-box div.content table.style-table2 td.head
{
	background-color: #76B0EB;
	color: #FFFFFF;
	font-size: 12px;
	padding: 2px;
	font-weight: bold;
	overflow: hidden;
}

div.big-box div.content table.style-table tr.line,div.big-box div.content table.style-table2 tr.line
{
	background-color: #FFFFFF;
	color: #666666;
	padding: 2px;
}

div.big-box div.content table.style-table td.line,div.big-box div.content table.style-table2 td.line
{
	padding: 4px;
	cursor: pointer;
}

div.big-box div.content table.style-table td.line-normal,div.big-box div.content table.style-table2 td.line-normal
{
	padding: 4px 2px;
	overflow: hidden;
}


div.big-box div.content table.style-table td.line-normal2,div.big-box div.content table.style-table2 td.line-normal2
{
	padding: 4px;
}


div.big-box div.content table.summary-table
{	
	background-color: #BDD8F6;
	width: 100%;
}

div.big-box div.content table.summary-table td.head
{
	background-color: #EFEFEF;
	color: #333333;
	font-size: 12px;
	padding: 2px;
	text-align: center;
}

div.big-box div.content table.summary-table tr.line
{
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
}

div.big-box div.content table.summary-table td.line
{
	padding: 1px;
	text-align: center;
	font-size: 13px;
}

div.big-box div.content .search_field
{
	width: 144px;
	height: 18px;
	border: none;
	padding: 1px 3px;
	background: url(/images/icons/find_bg.jpg) no-repeat top left;
	color: #0166FF;
	font-weight: bold;
}

/* ---------------- Guide box ------------------- */

div.guide-box
{
	width: 725px;
	background: url(/images/guide-box.jpg) top left repeat-y;
	padding: 0;
	color: #0066FF;
	border: solid #FFFFFF 1px;
	display: none;
}

div.guide-box div.title
{
	background: url(/images/icons/about.jpg) top left no-repeat;
	height: 48px;
	padding: 10px 10px 10px 60px;
	margin: 10px 0 0 10px;
	font-size: 22px;
	font-weight: bold;
}

div.guide-box div.line-arrow
{
	background: url(/images/icons/media_play_blue.jpg) top left no-repeat;
	padding: 0 5px 20px 20px;
	margin: 0 0 0 10px;
	width: 680px;
	font-size: 11px;
}

div.guide-box div.line-light
{
	background: url(/images/icons/lightbulb_on_small.jpg) top left no-repeat;
	padding: 0 5px 20px 20px;
	margin: 0 0 0 10px;
	width: 680px;
	font-size: 11px;
}

div.guide-box div.line-warning
{
	background: url(/images/icons/warning.jpg) top left no-repeat;
	padding: 0 5px 20px 20px;
	margin: 0 0 0 10px;
	width: 680px;
	font-size: 11px;
}

div.guide-box div.link-block
{
	width: 300px;
	text-align: center;

}

div.guide-box a
{	
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #0066FF;
	
	
}

div.guide-box a:hover
{
	color: #0000FF;
}
/* ---------------- Left menu --------------- */

div.left-menu
{
	width: 170px; 
	margin: 0;
}

div.left-menu a
{
	width: 164px;
	height: 23px;
	background: url(/images/oval_menu/left_menu_bg.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
	display: block;
	padding: 5px 0 0 6px;
	position: relative;
	color: #0033FF;
	margin: 0 0 5px 0;
}

div.left-menu a:hover
{
	background: url(/images/oval_menu/left_menu_bg_hover.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
}

div.left-menu a img
{
	position: absolute;
	top: 2px;
	left: 136px;
}

/* ---------------- Right menu --------------- */

div.right-menu
{
	width: 207px; 
	margin: 0;
}

div.right-menu div.title
{
	width: 201px;
	background: url(/images/left_menu/right_menu_head.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
	height: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #0066FF;
	margin: 0;
	padding: 3px 2px 0 4px;
}

div.right-menu div.content
{
	width: 202px;
	background: #BDD8F6;
	border: solid #FFFFFF 1px;
	margin: 0;
	padding: 3px 0 3px 3px;
}

div.right-menu div.content a
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color:#0066FF;
}

div.right-menu div.content a:hover
{	
	color:#0000FF;
}

div.right-menu div.content a.clicked
{	
	color:#0000FF;
}

div.right-menu div.content ul
{
	padding: 0;
	margin: 0 0 0 15px;
}

div.right-menu div.content li
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 1px 0;
}

div.right-menu div.content li a
{
	display: block;
	height: 18px;
}

div.right-menu div.content li a:hover
{
	background: url(/images/left_menu/hover_background.jpg) top left no-repeat;
}

div.right-menu div.content div.hline
{
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color:#0066FF;
}

div.right-menu div.clock_a
{
	background: url(/images/analog_clock_fon.png) top left no-repeat;
	behavior: url(/js/iepngfix/iepngfix.htc);
	width: 154px;
	height: 156px;
	position: absolute;
	top: 3px;
	left: 25px;
}

/* -------------- Progress line --------------- */

div.progress-line
{
	border: solid #BDD8F6 1px;
	background-color: #FFFFFF;
	color: #0066FF;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 2px 0;
	font-weight: bold;
}

div.progress-line span.step-prev1
{
	height: 20px;
	/*background: url(/images/icons/step_p1.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line a
{
	font-size: 16px;
	
}

div.progress-line span.step-prev1:hover
{
	/*background: url(/images/icons/step_n1.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-prev2
{
	height: 20px;
	/*background: url(/images/icons/step_p2.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-prev2:hover
{
	/*background: url(/images/icons/step_n2.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-prev3
{
	height: 20px;
	/*background: url(/images/icons/step_p3.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-prev3:hover
{
	/*background: url(/images/icons/step_n3.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-prev4
{
	height: 20px;
	/*background: url(/images/icons/step_p4.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-prev4:hover
{
	/*background: url(/images/icons/step_n4.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-prev5
{
	height: 20px;
	/*background: url(/images/icons/step_p5.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-prev5:hover
{
	/*background: url(/images/icons/step_n5.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-prev6
{
	height: 20px;
	/*background: url(/images/icons/step_p6.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-prev6:hover
{
	/*background: url(/images/icons/step_n6.jpg) bottom left no-repeat;*/
	cursor: pointer;
}

div.progress-line span.step-next1
{
	height: 20px;
	/*background: url(/images/icons/step_n1.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-next2
{
	height: 20px;
	/*background: url(/images/icons/step_n2.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-next3
{
	height: 20px;
	/*background: url(/images/icons/step_n3.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-next4
{
	height: 20px;
	/*background: url(/images/icons/step_n4.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-next5
{
	height: 20px;
	/*background: url(/images/icons/step_n5.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.step-next6
{
	height: 20px;
	/*background: url(/images/icons/step_n6.jpg) bottom left no-repeat;*/
	padding: 0 0 0 22px;
	margin: 0 0 0 5px;
}

div.progress-line span.break
{
	height: 20px;
	width: 6px;
	/*background: url(/images/icons/break.jpg) bottom left no-repeat;*/
	margin: 0 0 0 30px;
}

/* --------------- 404 NOT FOUND ---------------- */

div.not-found-text
{
	color: #FF0000;
	width: 500px;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto;
	text-align: justify;
}

div.not-found-text div.title
{
	font-size: 36px;
	font-weight: bold;

}

div.not-found-text a
{
	color: #BDD8F6;
	text-decoration: underline;
	font-size: 18px !important;
}


/* -------------- Step menu --------------- */

div.step-menu,div.step-menu2
{
	border: solid #BDD8F6 1px;
	background: #FFFFFF url(/images/icons/step-line-bg.jpg) center left no-repeat;
	color: #0066FF;
	width: 99%;
	height: 22px;
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
	text-align: right;

}

/* ---------------- Bottom menu --------------- */

/*div.bottom-menu
{
	width: 160px; 
	margin: 0;
}

div.bottom-menu div.title
{
	width: 154px;
	background: url(/images/left_menu/left_menu_head.jpg) top left no-repeat;
	height: 19px;
	font-size: 12px;
	font-weight: bold;
	color:#0066FF;
	margin: 0;
	padding: 3px 2px 0 4px;
}

div.bottom-menu div.content
{
	width: 155px;
	background: #BDD8F6;
	border: solid #FFFFFF 1px;
	margin: 0;
	padding: 3px 0 3px 3px;
}

div.bottom-menu div.content div.line
{
	font-size: 10px;
	font-weight: bold;
	color: #0066FF;
	padding: 1px 0;
	cursor: pointer;
}*/

div.bottom-menu
{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFFFF;

}
div.bottom-menu div.button
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 8px;
	height: 26px;
	cursor: pointer;
}

div.bottom-menu #menu
{
	width: 750px;
	height: 35px;
	background: url(/images/bottom_bg.png) no-repeat top left;
	behavior: url(/js/iepngfix/iepngfix.htc);
	margin: 0;
	padding: 0 0 0 6px;
	overflow: hidden;
}

div.bottom-menu #menu a
{
	margin: 0;
	padding: 0;
}

div.bottom-menu #menu div.fixed_height
{
	height: 26px;
	overflow: hidden;
}

/* ---------------- Begin Schemes ----------------- */

/* ---------- Float panel ---------- */
div.float-panel
{
	width: 210px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 100px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

div.float-panel-small
{
	width: 150px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 100px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

div.float-panel-big
{
	width: 240px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 100px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

div.float-panel-bigger
{
	width: 280px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 100px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

/* ---------- Float panel(left: 60) ---------- */

div.float-panel60
{
	width: 210px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 50px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

div.float-panel60-small
{
	width: 150px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 50px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

div.float-panel60-big
{
	width: 240px;
	background-color: #BDD8F6;
	border: solid #FFFFFF 1px;
	position: absolute;
	top: 10px;
	left: 50px;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	display: none;
	text-align: left;
	padding: 5px;
}

/* -------- sales_home -------- */

div.bank-accounts-home
{
	position: relative;
	width: 710px;
	height: 305px;
	background: url(/images/scheme/scheme1.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.bank-accounts-home div.mes-banques
{
	position: absolute;
	top: 42px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.mes-releves-bancaires
{
	position: absolute;
	top: 110px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.bank-accounts-home div.clic-banque
{
	position: absolute;
	top: 74px;
	left: 315px;
	width: 170px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.voir-ma-tresorerie
{
	position: absolute;
	top: 74px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.devis-et-factures
{
	position: absolute;
	top: 200px;
	left: 12px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.bank-accounts-home div.comptabilite
{
	position: absolute;
	top: 265px;
	left: 12px;
	width: 125px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.gestion-de-stock
{
	position: absolute;
	top: 200px;
	left: 137px;
	width: 125px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.point-de-vente
{
	position: absolute;
	top: 265px;
	left: 137px;
	width: 125px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.deposer-en-banque
{
	position: absolute;
	top: 200px;
	left: 316px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.bank-accounts-home div.ordres-de-paiement
{
	position: absolute;
	top: 265px;
	left: 316px;
	width: 170px;
	text-align: center;
	cursor: pointer;
}

div.bank-accounts-home div.mes-emprunts
{
	position: absolute;
	top: 230px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
}

/* -------- services -------- */

div.services
{
	position: relative;
	width: 710px;
	height: 380px;
	background: url(/images/scheme/scheme2.jpg) top left no-repeat;
	/*behavior: url(/js/iepngfix/iepngfix.htc);*/
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.services div.mes-clients
{
	position: absolute;
	top: 42px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.services div.mes-services
{
	position: absolute;
	top: 108px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.services div.mes-devis
{
	position: absolute;
	top: 230px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.services div.mes-factures
{
	position: absolute;
	top: 230px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.services div.mes-avoirs
{
	position: absolute;
	top: 345px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.services div.encaissements-client
{
	position: absolute;
	top: 230px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.services div.comptes-bancaires
{
	position: absolute;
	top: 75px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

/* -------------- sales_home --------------- */

div.sales-home
{
	position: relative;
	width: 710px;
	height: 350px;
	background: url(/images/scheme/scheme3.png) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.sales-home div.mes-tickets-de-caisse
{
	position: absolute;
	top: 42px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.sales-home div.mes-avoirs
{
	position: absolute;
	top: 282px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.sales-home div.mes-transferts-de-caisse
{
	position: absolute;
	top: 250px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.sales-home div.mes-depenses
{
	position: absolute;
	top: 317px;
	left: 242px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.sales-home div.gestion-de-stock
{
	position: absolute;
	top: 317px;
	left: 368px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.sales-home div.comptes-bancaires
{
	position: absolute;
	top: 42px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.sales-home div.cloture-fin-de-journee
{
	position: absolute;
	top: 155px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

/* -------------- sales_home --------------- */

div.stock-home
{
	position: relative;
	width: 710px;
	height: 380px;
	background: url(/images/scheme/scheme4.png) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.stock-home div.visualiser-mon-stock
{
	position: absolute;
	top: 72px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.stock-home div.mes-fournisseurs
{
	position: absolute;
	top: 182px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.stock-home div.mes-produits
{
	position: absolute;
	top: 247px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.stock-home div.mes-commandes
{
	position: absolute;
	top: 344px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.stock-home div.mes-bon-de-reception
{
	position: absolute;
	top: 344px;
	left: 272px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.stock-home div.mes-factures
{
	position: absolute;
	top: 344px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.stock-home div.payements-fournisseur
{
	position: absolute;
	top: 214px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.stock-home div.comptes-bancaires
{
	position: absolute;
	top: 74px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.stock-home div.gerer-mon-stock
{
	position: absolute;
	top: 44px;
	left: 272px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.stock-home div.mon-inventaire
{
	position: absolute;
	top: 110px;
	left: 272px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}


div.delivery-home
{
	position: relative;
	width: 710px;
	height: 540px;
	background: url(/images/scheme/scheme12b.png) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.delivery-home div.charge-delivery
{
	position: absolute;
	top: 79px;
	left: 2px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 8;
}

div.delivery-home div.plan-delivery
{
	position: absolute;
	top: 79px;
	left: 265px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 7;
}

div.delivery-home div.return-delivery
{
	position: absolute;
	top: 79px;
	left: 525px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.delivery-home div.stats-delivery
{
	position: absolute;
	top: 363px;
	left: 265px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.delivery-home div.mes-factures
{
	position: absolute;
	top: 221px;
	left: 525px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.delivery-home div.mes-avoirs
{
	position: absolute;
	top: 221px;
	left: 263px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 7;
}

div.delivery-home div.paiements-livraisons
{
	position: absolute;
	top: 363px;
	left: 525px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

/* -------------- products --------------- */

div.products
{
	position: relative;
	width: 710px;
	height: 400px;
	background: url(/images/scheme/scheme5.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.products div.mes-devis
{
	position: absolute;
	top: 67px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.products div.mes-commandes
{
	position: absolute;
	top: 262px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.products div.mes-bon-de-livraison
{
	position: absolute;
	top: 262px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.products div.mes-factures
{
	position: absolute;
	top: 262px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.products div.mes-avoirs
{
	position: absolute;
	top: 370px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.products div.encaissements-client
{
	position: absolute;
	top: 150px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.products div.comptes-bancaires
{
	position: absolute;
	top: 45px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.products div.mes-clients
{
	position: absolute;
	top: 40px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.products div.mes-products
{
	position: absolute;
	top: 108px;
	left: 282px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

/* -------------- clients --------------- */

div.clients
{
	position: relative;
	width: 710px;
	height: 240px;
	background: url(/images/scheme/scheme6.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.clients div.mes-clients
{
	position: absolute;
	top: 167px;
	left: 5px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.clients div.mes-appels
{
	position: absolute;
	top: 135px;
	left: 231px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.clients div.taches
{
	position: absolute;
	top: 205px;
	left: 231px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.clients div.email
{
	position: absolute;
	top: 135px;
	left: 309px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.clients div.lettres
{
	position: absolute;
	top: 205px;
	left: 309px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.clients div.rendez-vous
{
	position: absolute;
	top: 135px;
	left: 386px;
	width: 97px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.clients div.opportunites
{
	position: absolute;
	top: 167px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.clients div.devis-et-factures
{
	position: absolute;
	top: 42px;
	left: 532px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

/* -------------- time-passed-service --------------- */

div.time-passed-service
{
	position: relative;
	width: 710px;
	height: 300px;
	background: url(/images/scheme/scheme7.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.time-passed-service div.mes-clients
{
	position: absolute;
	top: 50px;
	left: 0px;
	width: 140px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.time-passed-service div.mes-affaires
{
	position: absolute;
	top: 50px;
	left: 123px;
	width: 140px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.time-passed-service div.mes-services
{
	position: absolute;
	top: 110px;
	left: 43px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.time-passed-service div.temp-passes
{
	position: absolute;
	top: 75px;
	left: 312px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.time-passed-service div.devis-et-factures
{
	position: absolute;
	top: 75px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.time-passed-service div.mes-appels
{
	position: absolute;
	top: 195px;
	left: 271px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.time-passed-service div.taches
{
	position: absolute;
	top: 262px;
	left: 271px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.time-passed-service div.email
{
	position: absolute;
	top: 195px;
	left: 348px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.time-passed-service div.lettres
{
	position: absolute;
	top: 262px;
	left: 348px;
	width: 75px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.time-passed-service div.rendez-vous
{
	position: absolute;
	top: 195px;
	left: 427px;
	width: 96px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

/* -------------- business-home --------------- */

div.business-home
{
	position: relative;
	width: 710px;
	height: 150px;
	background: url(/images/scheme/scheme8.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.business-home div.societe
{
	position: absolute;
	top: 85px;
	left: 9px;
	width: 170px;
	text-align: center;
	z-index: 3;
}

div.business-home div.siege
{
	position: absolute;
	top: 85px;
	left: 275px;
	width: 170px;
	text-align: center;
	z-index: 2;
}

div.business-home div.agence
{
	position: absolute;
	top: 85px;
	left: 530px;
	width: 170px;
	text-align: center;
	z-index: 1;
}

/* -------------- accounting-home --------------- */

div.accounting-home
{
	position: relative;
	width: 710px;
	height: 500px;
	background: url(/images/scheme/scheme9.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.accounting-home div.mes-comptes-comptables
{
	position: absolute;
	top: 42px;
	left: 12px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 8;
}

div.accounting-home div.mes-recettes
{
	position: absolute;
	top: 148px;
	left: 12px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 7;
}

div.accounting-home div.mes-depenses
{
	position: absolute;
	top: 148px;
	left: 142px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.accounting-home div.mes-immobilisation
{
	position: absolute;
	top: 212px;
	left: 50px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.accounting-home div.mes-mouvements-comptables
{
	position: absolute;
	top: 169px;
	left: 326px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.accounting-home div.devis-et-factures
{
	position: absolute;
	top: 360px;
	left: 173px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.accounting-home div.gestion-de-stock
{
	position: absolute;
	top: 360px;
	left: 300px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.accounting-home div.comptes-bancaires
{
	position: absolute;
	top: 427px;
	left: 175px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.accounting-home div.point-de-vente
{
	position: absolute;
	top: 427px;
	left: 303px;
	width: 125px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.accounting-home div.declaration-de-tva
{
	position: absolute;
	top: 42px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.accounting-home div.mes-etats-financiers
{
	position: absolute;
	top: 150px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
}

div.accounting-home div.mes-etats-comptables
{
	position: absolute;
	top: 215px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.accounting-home div.declarations
{
	position: absolute;
	top: 295px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.accounting-home div.sauvegarde
{
	position: absolute;
	top: 400px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.accounting-home div.cloturer-un-exercice
{
	position: absolute;
	top: 470px;
	left: 530px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

/* ---------------- End Schemes ----------------- */

/* -------------- Combo-box --------------- */

div.combo-box
{
	position: absolute;
	top: 0px;
	left: 14px;
	width: 126px;
	height: 17px;
	background: url(/images/icons/combo_box_bg.jpg) no-repeat top left;
	text-align: center;
	margin: 0;
	padding: 1px 0 0 0;
}

div.combo-box-arrow
{
	position: absolute;
	top: 0px;
	left: 140px;
	width: 17px;
	height: 18px;
	background: url(/images/icons/combo_box_arrow.jpg) no-repeat top left;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

div.combo-box-list
{
	position: absolute;
	top: 18px;
	left: 14px;
	width: 141px;
	background-color: #FFFFFF;
	border: 1px solid #BDD8F6;
	display: none;
	z-index: 100;
}

div.combo-box-list div.element
{
	display: block;
	padding: 2px;
	text-align: left;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
}

/* ------------------ Navigator ------------------- */

div.navigator
{
	padding: 5px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	color: #0066CC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.navigator a
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0066CC;
	text-decoration: none;
}

div.navigator a:hover
{
	padding: 0 0 1px 0;
	margin: 0;
	color: #0066CC;
	text-decoration: underline;
}

div.navigator span.unlink
{
	padding: 0;
	margin: 0;
	color: #39434f;
	font-weight: bold;
}

div.navigator a.img
{
	text-decoration: none;
	background: none;
}

div.navigator a.img:hover
{
	text-decoration: none;
	background: none;
}

/* ----------- Print Popup ------------- */

div.print_popup
{
	width: 300px;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 40px;
	left: 200px;
	z-index: 99999;
	background-color: #000000;
	border: solid 3px #FFFFFF;
	filter: alpha(opacity:93);
	KHTMLOpacity: 0.93;
	MozOpacity: 0.93;
	opacity: 0.93;
	display: none;
}

div.print_popup div.title
{
	width: 300px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 0 0 5px 0;
}

div.print_popup div.print_list
{
	width: 150px;
	height: 200px;
	float: left;
} 

div.print_popup div.print_options
{
	width: 145px;
	height: 200px;
	float: left;
	color: #FFFFFF;
	padding: 0 0 0 5px;
} 

/* -------------- Structure home --------------- */

div.structure-home
{
	position: relative;
	width: 710px;
	height: 450px;
	background: url(/images/scheme/scheme10.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.structure-home div.bank
{
	position: absolute;
	top: 44px;
	left: 10px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 6;
}

div.structure-home div.clients-scheme
{
	position: absolute;
	top: 164px;
	left: 10px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.suppliers-scheme
{
	position: absolute;
	top: 284px;
	left: 10px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.employees-scheme
{
	position: absolute;
	top: 400px;
	left: 10px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.products-scheme
{
	position: absolute;
	top: 44px;
	left: 280px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.journals-scheme
{
	position: absolute;
	top: 217px;
	left: 277px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.accounts-scheme
{
	position: absolute;
	top: 400px;
	left: 277px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.entrepreneurs-scheme
{
	position: absolute;
	top: 44px;
	left: 535px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.taxes-scheme
{
	position: absolute;
	top: 219px;
	left: 533px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

div.structure-home div.cash-scheme
{
	position: absolute;
	top: 400px;
	left: 533px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 5;

}

/* -------------- finances-home --------------- */

div.finances-home
{
	position: relative;
	width: 710px;
	height: 150px;
	background: url(/images/scheme/scheme11.jpg) top left no-repeat;
	font-size: 13px;
	color: #0166FF;
	font-weight: bold;
}

div.finances-home div.prevoir-mes-ventes
{
	position: absolute;
	top: 79px;
	left: 7px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 8;
}

div.finances-home div.prevoir-mes-charges
{
	position: absolute;
	top: 43px;
	left: 210px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 4;
}

div.finances-home div.prevoir-mes-salaires
{
	position: absolute;
	top: 43px;
	left: 330px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 3;
}

div.finances-home div.prevoir-mes-investissements
{
	position: absolute;
	top: 105px;
	left: 202px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}

div.finances-home div.prevoir-mes-emprunts
{
	position: absolute;
	top: 110px;
	left: 333px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.finances-home div.prevoir-mes-status
{
	position: absolute;
	top: 80px;
	left: 525px;
	width: 170px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
}

div.div-rights
{
	display: block; 
	background-color: #FFFFFF; 
	color: #666666; 
	padding: 3px; 
	border-bottom: solid #CCCCCC 1px;
}

div.div-rights span.text
{
	cursor: pointer;
	color: #666666; 
}

div.div-rights span.text:hover
{
	color:#0066CC;
}

/*--------------- PDF templates ----------------*/
div.pdf-temp-1
{
	background: #FFFFFF url(/images/pdf_templates/template1.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2
{
	background: #FFFFFF url(/images/pdf_templates/template2.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033a
{
	background: #FFFFFF url(/images/pdf_templates/2033b.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033b
{
	background: #FFFFFF url(/images/pdf_templates/2033b_2.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033c
{
	background: #FFFFFF url(/images/pdf_templates/2033c.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2033c-2
{
	background: #FFFFFF url(/images/pdf_templates/2033c_2.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033d
{
	background: #FFFFFF url(/images/pdf_templates/2033d.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2033d-2
{
	background: #FFFFFF url(/images/pdf_templates/2033d_2.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033e
{
	background: #FFFFFF url(/images/pdf_templates/2033e.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2033e-2
{
	background: #FFFFFF url(/images/pdf_templates/2033e_2.jpg) top left no-repeat;
	width: 955px;
	height: 1293px;
	position: relative;
}

div.pdf-temp-2033f
{
	background: #FFFFFF url(/images/pdf_templates/2033f.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2033g
{
	background: #FFFFFF url(/images/pdf_templates/2033g.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2035
{
	background: #FFFFFF url(/images/pdf_templates/2035.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2035-suite
{
	background: #FFFFFF url(/images/pdf_templates/2035_suite.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2035a
{
	background: #FFFFFF url(/images/pdf_templates/2035a.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2035b
{
	background: #FFFFFF url(/images/pdf_templates/2035b.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2050
{
	background: #FFFFFF url(/images/pdf_templates/2050.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2050-2
{
	background: #FFFFFF url(/images/pdf_templates/2050_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2051
{
	background: #FFFFFF url(/images/pdf_templates/2051.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2051-2
{
	background: #FFFFFF url(/images/pdf_templates/2051_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2052
{
	background: #FFFFFF url(/images/pdf_templates/2052.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2052-2
{
	background: #FFFFFF url(/images/pdf_templates/2052_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2053
{
	background: #FFFFFF url(/images/pdf_templates/2053.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2053-2
{
	background: #FFFFFF url(/images/pdf_templates/2053_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2054
{
	background: #FFFFFF url(/images/pdf_templates/2054.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2054-2
{
	background: #FFFFFF url(/images/pdf_templates/2054_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2054-bis
{
	background: #FFFFFF url(/images/pdf_templates/2054_bis.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2055
{
	background: #FFFFFF url(/images/pdf_templates/2055.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2055-2
{
	background: #FFFFFF url(/images/pdf_templates/2055_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2056
{
	background: #FFFFFF url(/images/pdf_templates/2056.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2056-2
{
	background: #FFFFFF url(/images/pdf_templates/2056_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2057
{
	background: #FFFFFF url(/images/pdf_templates/2057.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2057-2
{
	background: #FFFFFF url(/images/pdf_templates/2057_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058a
{
	background: #FFFFFF url(/images/pdf_templates/2058a.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058a-2
{
	background: #FFFFFF url(/images/pdf_templates/2058a_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058b
{
	background: #FFFFFF url(/images/pdf_templates/2058b.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058b-2
{
	background: #FFFFFF url(/images/pdf_templates/2058b_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058c
{
	background: #FFFFFF url(/images/pdf_templates/2058c.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2058c-2
{
	background: #FFFFFF url(/images/pdf_templates/2058c_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059a
{
	background: #FFFFFF url(/images/pdf_templates/2059a.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059b
{
	background: #FFFFFF url(/images/pdf_templates/2059b.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059c
{
	background: #FFFFFF url(/images/pdf_templates/2059c.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059d
{
	background: #FFFFFF url(/images/pdf_templates/2059d.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059e
{
	background: #FFFFFF url(/images/pdf_templates/2059e.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059e-2
{
	background: #FFFFFF url(/images/pdf_templates/2059e_2.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059f
{
	background: #FFFFFF url(/images/pdf_templates/2059f.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.pdf-temp-2059g
{
	background: #FFFFFF url(/images/pdf_templates/2059g.jpg) top left no-repeat;
	width: 955px;
	height: 1294px;
	position: relative;
}

div.green,div.blue,div.red,div.yellow
{
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	padding-top: 3px;
}

div.green
{
	background-color: #0C6;
	width: 100%;
	height: 18px;	
}

div.blue
{
	background-color: #03F;
	width: 100%;
	height: 18px;
	position: relative;
}

div.yellow
{
	background-color: #ffc000;
	width: 100%;
	height: 18px;
	position: relative;
}

div.blue div.green
{
	width: 50%;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;	
}

div.blue a,div.red a, div.green a,div.yellow a, div.blue span
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	line-height: 18px;
	display: block;
	padding-top: 2px;
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

div.red
{
	background-color: #C00;
	width: 100%;
	height: 18px;
}

div.cp-box
{
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 2;
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
}

div.drag
{
	cursor: pointer;
}

div#drag_block
{
	width: 68px;
	height: 21px;
	float: left;
}

div.drag
{
	width: 71px;
	height: 21px;
	cursor: move;
	position: absolute;
	top: 15px;
	left: 320px;
}

div.to_drag
{
	width: 71px;
	height: 21px;
	cursor: move;
	margin: 0;
	padding: 0;
}

.ui-state-hover,.ui-state-active
{
	padding: 0;
}

div#remove_area
{
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #ddd;
	width: 100px;
	height: 120px;
	background: url('../images/trash3.png') center center no-repeat;
}

.droppable_area
{
	background-color: #fffdc7;
}

a.link-box
{
	line-height: 21px;
	display: block;	
}

div.section-title
{
	font-weight: bold;
	font-style: italic;
	padding: 1px 0 10px 20px;
	cursor: pointer;
	display: inline-block;
	background: url('../images/right.png') top left no-repeat;
}

div.online-offer-cost table.cost
{
	padding: 0;
	margin: 0;
	background-color: #abadb3;
	border-collapse: separate;
}

div.online-offer-cost table.cost th
{
	background-color: #abadb3;
	padding: 2px 5px;
}

div.online-offer-cost table.cost td
{
	background-color: #fff;
	padding: 2px 5px;
}

div.online-offer-cost table.totals
{
	padding: 0;
	margin: 0;
	border-collapse: separate;
}

div.online-offer-cost table.totals td
{
	padding: 2px 5px;
	margin: 0;
}

div#info_box
{
	width: 130px;
	border: 1px solid #666666;
	padding: 5px;
	display: none;
	position: absolute;
	top: 62px;
	right: 10px;
	background-color: #FFFFFF;
	font-size: 10px;
	overflow: visible;
}

div#info_box input[type=button]
{
	font-size: 9px;
}

.box-button
{
	width: 130px;
}

td.t-cell
{
	width: 65px;
	cursor: pointer;
	background-color: #76B0EB;
	color: #FFFFFF;
	font-weight: bold;
}

td.t-cell:hover
{
	text-decoration: underline;
}

div.products-box
{
	padding: 0;
	margin: 0;
	position: absolute;
	top: 27px;
	left: 0;
	width: 256px;
	background-color: #FFF;
	display: none;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #abadb3;
}

div.products-box table
{
	border-collapse: separate;
}

div.products-box table td
{
	background-color: #fff;
	padding: 2px 5px;
	border-bottom: 1px solid #abadb3;
}

/* -------------- Buttons--------------- */

div.button-empty
{
	height: 16px;
	padding: 0 5px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-empty:hover
{
	height: 16px;
	padding: 0 5px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background-color: #EFEFEF;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-add
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/add.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-add:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/add.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-cancel
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/cancel.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-cancel:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/cancel.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-apply
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/apply.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-apply:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/apply.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-remove
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/remove.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-remove:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/remove.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-search
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/search.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-search:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/search.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-edit
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/edit.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-edit:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/edit.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-attach
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/attach.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-attach:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/attach.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-sign
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/signature.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-sign:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/signature.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-mail
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/mail.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-mail:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/mail.png) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-erase
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/eraser.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-erase:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/eraser.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-calc
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/calc.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-calc:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/calc.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-pdf
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/pdf.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-pdf:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/pdf.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-copy
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/copy.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-copy:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/copy.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-user
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/user.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-user:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/user.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-up
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/arrow_up.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-up:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/arrow_up.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-down
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/arrow_down.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-down:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/arrow_down.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-list
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/list.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-list:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/list.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-key
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/key.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-key:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/key.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-refresh
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #FFFFFF url(/images/buttons/refresh.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0166FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div.button-refresh:hover
{
	height: 16px;
	padding: 0 5px 0 17px;
	margin: 0 5px 0 0;
	font-size: 12px;
	background: #EFEFEF url(/images/buttons/refresh.jpg) center left no-repeat;
	border: 1px solid #75B0EA;
	color: #0033FF;
	font-weight: bold;
	cursor: pointer;
	float: left; 
}

div#file_uploader_div a
{
	color: #FFFFFF;
}



/* NEW DESIGN */

div.page-title{
	font-family: "Open Sans",Arial,Helvetica,sans-serif !important;
    font-weight: 300 !important;
	font-size: 24px !important;
    letter-spacing: -1px !important;
}


div.bodyto{
	background: none !important;
    background-color: #fff !important;
    float: left;
    font-size: 13px !important;
    margin: 0 ;
    overflow: visible;
	padding-top: 10px !important;
    position: relative;
    width: 100% ;
		
}









div.big-box div.title{
    background: none repeat scroll 0 0 #404040 !important;
    color: #fff !important;
	padding: 5px 0 5px 0 !important;
	width: 100% !important;
}

div.big-box div.title i{
	margin-left: 5px;
}


div.big-box div.content div.info{
	background:  none !important;
	
}

div.big-box div.content{
	background: none !important;	
}

div.bodyto div.content div.nav-buttons img,div.left-menu a img{
	display: none !important;	

}


div.bodyto div.content div.nav-buttons a.nav-links,div.left-menu a{
	background: none !important;

	background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

div.bodyto div.content div.nav-buttons a.nav-links:hover,div.left-menu a:hover{
	background: none !important;
	
	background-color: #e6e6e6 !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

input.button-add,input.button-edit,button-find,input.button-del,input.button-find,input.button-transform{
	background: none !important;
	padding: 0 !important;
	text-align: center;
	background-color: #fff !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
	min-width: 100px;
}

input.button-add:hover,input.button-edit:hover,input.button-find:hover,input.button-del:hover,input.button-find:hover,input.button-transform:hover{
	background: none !important;

	background-color: #e6e6e6 !important;
    border: 1px solid #ccc !important;
    color: #333 !important;
}

div.bodyto div.right-menu-block{
	float: right !important;
}


div#enterprise,div#my_actions,div.nav-buttons{
	background: none !important;
	/*background-color: #404040 !important;*/
	color:#fff !important;	
	height: 28px !important;
	text-align: left !important;
	padding: 0px 0 0px 8px !important;
	float: right;
}



div.big-box div.content table.style-table,div.big-box div.content table.style-table2{
	background-color: #404040 !important;	
}

div.big-box div.content table.style-table td.head,td.t-cell,div.big-box div.content table.style-table2 td.head{
	background-color: #404040 !important;		
}

div.big-box div.content table.summary-table{
	background-color: #ccc !important;	
}

div.right-menu div.title{
	background: none !important;
	background-color: #404040 !important;
	color:#fff !important;	
}

div.right-menu div.content{
	background: none !important;
	border: 1px solid #404040 !important;	
}

div.right-menu div.content a{
	color: #404040 !important;	
}

div.step-menu,div.step-menu2{
	border: 1px solid #ccc !important;	
	
}




div.step-menu a:hover,div.step-menu2 a:hover{
	color: #000 !important;
}

div.step-menu a,div.step-menu2 a{
	color: #4c4f53 !important;	
}

div.right-menu div.content ul li i{
	float: left !important;
	width: 20px !important;
	margin-left: 5px;
}

div.right-menu div.content ul li a{
	float: left !important;
	width: 177px !important;
}

div.right-menu div.content  ul ul li a{
	float: left !important;
	width: 162px !important;
}

div.right-menu div.content li a:hover{
	background: none;
	background-color: #ccc !important;
}

div.right-menu div.content div
{
	color: #4c4f53 !important;
}


div.bottom-menu #menu{

 background: none !important;
 background-color: #fff !important;
 color:#404040 !important;
 height: 34px !important;
 width: 730px !important;
 
}

div.bottom-menu #menu a{
font-size: 16px;
font-weight: 600;
width: 136px;
margin: 1px;
float: left;
 color:#404040 !important;
 border: 1px solid #ccc !important;
 padding: 3px;
}

div.bottom-menu #menu a:hover{
font-size: 16px;
font-weight: 600;
width: 136px;
margin: 1px;
float: left;
 color:#FFF !important;
 border: 1px solid #ccc !important;
 background-color: #404040 !important;
 padding: 3px;
}

/* ------------------ Footer ------------------- */

div.footer
{

	width: 100%;
	position: absolute;
  	right: 0;
  	bottom: 0;
  	left: 0;

}

div.footer div.info
{
	float: left;
	width: 32.33%;
	text-align: left;
	padding-top: 7px;
	padding-left: 1%;
}

div.footer div.central-info
{
	float: left;
	width: 33.33%;
	margin-top: 10px;
}

/* NEW CONTAINER IN PAGELAYOUT */

div.footer div.right-info
{
	float: left;
	width: 32.33%;
	text-align: right;
	padding-top: 7px;
	padding-right: 1%;
}

div.footer div.footer-buffer
{
	height: 30px;
	background-color: #FFFFFF;
	width: 100%;
}

div.services{
color: #404040 !important;
}
	
	
div.progress-line
{
	border: solid #d4d4d4 1px !important;
	
}	

div.progress-line span.break::before
{

	content: "\f105";
    font-family: "FontAwesome";
}


div.progress-line
{
	color: #4c4f53 !important;
}

div.progress-line span
{
	padding: 0 !important;
}

div.progress-line span.step-next1::before,div.progress-line span.step-prev1::before
{
	content: "1. ";
}

div.progress-line span.step-next2::before,div.progress-line span.step-prev2::before
{
	content: "2. ";
}

div.progress-line span.step-next3::before,div.progress-line span.step-prev3::before
{
	content: "3. ";
}

div.progress-line span.step-next4::before,div.progress-line span.step-prev4::before
{
	content: "4. ";
}

div.progress-line span.step-next5::before,div.progress-line span.step-prev5::before
{
	content: "5. ";
}

div.progress-line span.step-next6::before,div.progress-line span.step-prev6::before
{
	content: "6. ";
}

div.progress-line span.step-prev1,div.progress-line span.step-prev2,div.progress-line span.step-prev3,div.progress-line span.step-prev4,div.progress-line span.step-prev5
{
	color: #CCC !important;
}

div.progress-line span.step-prev1:hover,div.progress-line span.step-prev2:hover,div.progress-line span.step-prev3:hover,div.progress-line span.step-prev4:hover,div.progress-line span.step-prev5:hover,div.progress-line span.step-prev6:hover{
	color: #4c4f53 !important
}

form table td img {
display: none;
}

form td span.pointer::after {

	content: "\f002";
    font-family: "FontAwesome";
	font-size: 20px;

}

form td span.pointer:nth-child(2)::after {

	
	content: "\f055";
    font-family: "FontAwesome";
	font-size: 20px;

}




form table td span.pointer:hover {

	color: #CCC !important;

}

div.step-menu,div.step-menu2{
padding-top: 5px !important;
background: none !important;
color: #4c4f53 !important;
}

div.step-menu .fa-cogs,div.step-menu2 .fa-cogs{
float: left;
}

div.step-menu i,div.step-menu2 i{
font-size: 16px;	
}
div.step-menu img,div.step-menu2 img
{
	display: none; 	
}

div.step-menu span#add_ref_btn,div.step-menu2 span#add_ref_btn{
display: inline !important;	
}

div.big-box div.content input.input-field-date,div.big-box div.content input.input-field-date-star
{
	width: 170px !important;

}

div.big-box div.content div.info{
	padding-left: 0px !important;
	
}

div.big-box div.content div.info i,#div-search i,#div-search2 i{
	font-size: 16px !important;
	
}

div.big-box div.content .search_field
{
	background: none !important;
	border: 1px solid #ccc !important;
	color: #4c4f53 !important;
}

div.button-search,div.button-calc,div.button-empty,div.button-add,div.button-cancel,div.button-apply,div.button-remove,div.button-edit,div.button-erase,div.button-attach,div.button-sign,div.button-mail,div.button-refresh,div.button-list,div.button-pdf{
	background: none !important;	
	border: 1px solid #ccc !important;
	color: #4c4f53 !important;
	padding-left: 0px !important;
}

div.button-search:hover,div.button-calc:hover,div.button-empty:hover,div.button-add:hover,div.button-cancel:hover,div.button-apply:hover,div.button-remove:hover,div.button-edit:hover,div.button-erase:hover,div.button-attach:hover,div.button-sign:hover,div.button-mail:hover,div.button-refresh:hover,div.button-pdf:hover{
	background: none !important;	
	border: 1px solid #000 !important;
	color: #000 !important;
}


div.right-menu div.content div.float-left
{
	padding: 0px !important;
	width: 177px !important;	
}

div.right-menu div.content div.float-left:hover{
	background: none;
	background-color: #ccc !important;
}

input.input-field-star,textarea.textarea-field-star,input.input-field-number-star,select.select-field-star,input.input-field-date-star{
	background-color: #676767 !important;
	color: #FFF !important;
}

div.login-block
{
	margin: 100px auto !important;
	height: 340px !important;
}

div.login-block div.title{
	background: none repeat scroll 0 0 #404040 !important;
	color: #fff !important;
	padding: 5px !important;
	text-align: center !important;
	width: 260px !important;
	font-size: 15px !important;
}

div.login-block div.content
{
	background: none !important;
	border: 1px solid #404040 !important; 
	width: 262px !important;
	height: 200px !important;
}

div.login-block div.content form
{
	float: left !important;
	margin: 20px 0 0 0 !important;
}

div.login-block div.content div.row-usr
{
	background: none !important;	
}


div.login-block div.content div.row-usr::before {

	content: "\f007" !important;
    font-family: "FontAwesome" !important;
	font-size: 18px !important;

}

div.login-block div.content div.row-usr .input-box{
	
	border: 1px solid #404040 !important;
	margin-left: 9px !important;
}



div.login-block div.content div.row-pass
{
	background: none !important;	
}


div.login-block div.content div.row-pass::before {

	content: "\f084" !important;
    font-family: "FontAwesome" !important;
	font-size: 18px !important;

}

div.login-block div.content div.row-pass .input-box{
	
	border: 1px solid #404040 !important;
	margin-left: 5px !important;
}



div.login-block div.content div.row-site
{
	background: none !important;	
}


div.login-block div.content div.row-site::before {

	content: "\f115" !important;
    font-family: "FontAwesome" !important;
	font-size: 18px !important;

}

div.login-block div.content div.row-site .select-box{
	
	border: 1px solid #404040 !important;
	width: 155px !important;
}

div.login-block div.content div.row-btn{
	
	margin: 20px 10px 10px 83px !important;
}

div.login-block div.content div.row-btn::before {

	content: "\f090" !important;
    font-family: "FontAwesome" !important;
	font-size: 18px !important;

}

div.login-block div.content div.row-btn input {

	border: 1px solid #404040 !important;
	padding: 10px !important;
	

}

div.login-block div.content div.row-btn input:hover {

	border: 1px solid #000 !important;
	cursor: pointer;
	color: #000 !important;

}

div.content-block div.tab-content-wide
{
	border: 1px solid #404040 !important;
}

div.content-block div.tab-menu div.selected2
{
	border-left: 1px solid #404040 !important;
	border-right: 1px solid #404040 !important;
	border-top: 1px solid #404040 !important;
	padding-top: 3px !important;
}

div.content-block div.tab-menu div.normal2
{
	background-color: #CCC !important;
	color: #404040 !important;
	border: 1px solid #404040 !important;
	margin-top: 4px !important;
		
}

div.div-table-line
{
	border-left: 1px solid #404040 !important;
	border-right: 1px solid #404040 !important;
	border-bottom: 1px solid #404040 !important;
}

.mCSB_dragger_bar
{
	background-color: #404040 !important;
}

div.big-box div.content span.year-display
{
	color: #000 !important;
}

div.big-box div.content table.style-table td
{
	color: #FFF;
}

div.big-box div.content table.style-table td.line,div.big-box div.content table.style-table td.line-normal,div.big-box div.content table.style-table td.line-normal2
{
	color: #333 !important;
}

div.big-box div.title-inner
{
	background: none !important;
	color: #404040 !important;	
	padding-left: 0px !important;
}


div.big-box div.title-inner::before
{
	content: "\f04b \00a0" !important;
    font-family: "FontAwesome" !important;
	font-size: 18px !important
}

.cke_wrapper div.button-mail,.cke_wrapper div.button-sign
{
	 display: none;
}



ul#jCompaniesMenu li ul{

left:auto !important;
right: 5px !important;
}

#full-search table.style-table td.head
{
	text-align: center !important;	
}

.element .badge {
  position: absolute;
  bottom: 26px;
  right: 0px;
  width: 19px;
  height: 19px;
  text-align: center;
  color: #ffffff;
  padding: 3px;
  margin: 0;
  vertical-align: middle !important;
  display: block;
  font-size: 10px;
}

nav.navigation-bar {
    border-bottom: 3px solid #d21b1b !important;
}


.ui-datepicker-trigger
{
	display: block !important;
}