/*
File		:	/tpl/demo/css/page_home.css
Desc.		:	global style sheet for screen media
Author		:	Olivier Le Brenn, about@webriding.net
C.D.		:	Fri, May 19, 2006 | 11:07:05 AM
U.D.		:	Fri, May 19, 2006 | 11:07:05 AM
COM			:	http://stopdesign.com/examples/ie5mac-bpf/
				http://tantek.com/CSS/Examples/midpass.html
*/

/*-------------------{ imported common links }---------------------*/

@import url("/tpl/artifact/css/global_links.css");
@import url("/tpl/artifact/css/global_typo.css");

/*------------{ imported styles according to browsers }------------*/

@import url("/tpl/artifact/css/global.css");

/* IE5/Mac Only Styles  */
/*\*//*/
  @import "/tpl/artifact/css/global_iemac.css";
/**/

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import '/tpl/artifact/css/global_iewin.css'; /*";}
}/* */


/*-----------------------{ page style }----------------------------*/

ul.regular, ol.regular {
	list-style-type: disc;
	padding-left:15px;
	margin-left:15px;
}


/* @group .produits */

body.produits, body.logiciels {
	background-image: url("/tpl/artifact/img/body_produits_bkg.jpg") ;
}

.produits #header, .logiciels #header {
	height: 198px;
}
.produits #banner, .logiciels #banner {
	height: 150px;
	margin:0 auto;
	background-image: none;
}
* html .produits #banner, * html .logiciels #banner {
	height: 158px;
}

.produits #banner ul#subnav, .logiciels #banner ul#subnav {
	list-style-type: none;
	top: 0;
	left:0;
	position: absolute;
	height:155px;
	width:750px;
}
.produits #banner ul#subnav li, .logiciels #banner ul#subnav li {
	float: left;
}

#subnav li a {
	float: left;
	display: block;
	height: 155px;
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -3000px;
	width:175px;
}

* html #subnav li a {
	height: 158px;
}

#subnav li.first a, #subnav li.last a {
	width: 200px;
}
#subnav li a:hover, #subnav li a:active,
#subnav li a.active {
	background-position: 0 -155px;
}

#subnav li.artifact a {
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
}
#subnav li.artifact a {
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
}

#subnav li.facto a {
	background-image: url("/tpl/artifact/img/subnav_2facto.jpg");
}
#subnav li.arte-fact a {
	background-image: url("/tpl/artifact/img/subnav_artefact.jpg");
}
#subnav li.comet a {
	background-image: url("/tpl/artifact/img/subnav_comet.jpg");
}

.produits #sidebar, .logiciels #sidebar {
	display:none;
}

.produits #innercontent, .logiciels #innercontent, .bdt #innercontent {
	margin:0;
	width:750px;
}

* html .produits #content .wrap, * html .logiciels #content .wrap {
	background-image:none;
}

* html .produits #innercontent, * html .logiciels #innercontent {
	top:-35px;
}

#innerwrapper, #innerwrappertwo {
	margin: 35px 20px 20px 20px;
}

#innersider {
	width:5000px;
	float:left;
}

#innersider div.panes {
	float: left;
	width:650px;
	overflow:hidden;
}

*html #innerwrapper, *html #innerwrappertwo  {
	border-style: none;
	width: 720px;
	margin: 35px 10px 20px 10px;
}

*html #innersider {
	width:650px;
	margin-top:25px;
	padding: 0 15px;
}

ul#submenu {
	position:absolute;
	top :0px;
	left:0px;
	display:block;
	height:36px;
	padding-left:60px;
	width:690px;
	background-image: url("/tpl/artifact/img/submenu_bkg.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
* html #submenu {
	position:relative;
	margin-top:-45px;
}
#submenu li {
	float: left;
	display: block;
	height: 36px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	width:127px;
	cursor: pointer;
}
#submenu li.clicked {
	background-position: 0 -38px;
}
#submenu li.first {
	margin-left:0px;
}

#submenu.facto li.first {
	margin-left:50px;
}

#innercontent #submenu li.monomag {
	background-image: url("/tpl/artifact/img/sub_monomag.png");
}
#innercontent #submenu li.multimag {
	background-image: url("/tpl/artifact/img/sub_multimag.png");
}
#innercontent #submenu li.modules {
	background-image: url("/tpl/artifact/img/sub_modules.png");
}
#innercontent #submenu li.tarifs {
	background-image: url("/tpl/artifact/img/sub_tarifs.png");
}
#innercontent #submenu li.demo {
	background-image: url("/tpl/artifact/img/sub_demo.png");
}
#innercontent #submenu li.presentation {
	background-image: url("/tpl/artifact/img/sub_presentation.png");
}
#innercontent #submenu li.artefact {
	background-image: url("/tpl/artifact/img/sub_artefact.png");
}
#innercontent #submenu li.ecommerce {
	background-image: url("/tpl/artifact/img/sub_ecommerce.png");
}

/* @end.produits */
/* @group accordion */
#innercontent h3.toggler {
	color: #939393;
	margin : 0 0 0 0;
	height:25px;
	padding: 3px 0 2px 35px ;
	background-position: 6px 9px;
	background-image : url('/tpl/artifact/img/produits_h3_bkg.png');
	background-position: 0 -25px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1.1em;
	font-weight: normal;
	cursor: s-resize;
}
* html #innercontent h3.toggler {
	height:23px;
}

.element {
	display:block;
	width:90%;
}

.element p, .element form, .element ul {
	margin: 0;
	list-style-type:none;
	padding: .7em 0 1em 1.4em ;
}

.element img {
	margin: 1em 0;
}

.element ul li, td ul li, ul.element li {
	list-style-type:none;
	padding-left:22px;
	behavior : url ("/tpl/artifact/css/iepngfix.htc");
	background: url(/tpl/artifact/img/dot_li.png) no-repeat 0 2px;
}


/* @end.accordion */
/* @group dox*/
#content h2 {
	padding-left:20px;
	margin-bottom:5px;
	background: #f8fafb url("/tpl/artifact/img/dots.png")  no-repeat 0 10px;
}

#modules h4 {
	padding-left:20px;
	background: #f8fafb url("/tpl/artifact/img/dots_reverse.png")  no-repeat 0 5px;
}
/* @group table */

table {
	background-color: #f8fafb ;
	border-collapse:collapse;
	float:left;
	width:auto;;
	margin: 5px;
	padding:0;
	font-size:.9em;
}

table caption {
	font-size:1.2em;
	font-weight:bold;
	margin:5px auto;
}
td, th, tr  {
	padding:5px;
	vertical-align:top;

}
tr {
	display:table-row;
}

th {
	font-size:1.2em;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:5px;
	background: #f8fafb url("/tpl/artifact/img/dots.png")  no-repeat 0 11px;
}


tr.alt {
	background-color: #e2e6eb ;
}

td.alright {
	text-align:right;
	white-space: nowrap;
	font-weight:bold;
	font-size:1em;
}
/* @end table*/
/* @group feedback */


#demo form  {
	width:70%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#demo fieldset {
	display:block;
	border: 1px #ccc7b3 solid; 
	width:95%;
	margin:10px 0;
	padding:10px;
}
#demo fieldset div.half {
	float: left;
	width: 45%;
	padding: 0 3% 0 2%;
}
#demo fieldset div.full {
	padding: 0 3% 0 2%;
	clear:both;
}


#demo legend {
	border: none;
	font-size: 1.1em;
	color: #333;
	margin:0;
	padding:.3em 1em;
}

#demo input[type=text],textarea  {
	border: 1px #ccc7b3 solid; 
	clear: both;
	display: block;
	color:#333;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
	width:95%;
	background-color: #fff;
}

#demo input[type=radio] {
	margin-bottom: 5px;
	margin-top: 3px;
	display: list-item;
	clear: both;
	margin-right:2px;
}

#demo select {
	margin-bottom: 5px;
	margin-top: 3px;
	font-family: Verdana, sans-serif;
	display: block;
	clear: both;
	border: 1px #ccc7b3 solid; 
	padding: 2px 2px 2px 3px;
	width:auto;
	margin-right:15px;
}

#demo input.inline {
	padding: 2px 2px 2px 3px;
	display: inline;
}

* html #demo input.inline {
	border: 1px #ccc7b3 solid; 
	width: auto;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
}


#demo label {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom: 5px;
	padding: 0px;
	color:#333;
} 

#demo label.break {
	clear: both;
}

#demo label:after {
	content: " :";
}

.warn {
	background: url(/tpl/artifact/img/feedback_error.png) no-repeat 0px 0px;
	padding-left:22px;
	color:#890016;
}
* html input.inline {
	border: 1px #192c37 solid; 
	width: 100%;
	display: inline;
	margin: 3px 5px 10px 0;
	padding: 2px 2px 2px 3px;
}

#demo input.inline {
	margin: 0;
	padding:0;
	display: inline;
}

#demo input.nontxt {
	margin: 0;
	padding:0;
	border:none;
	margin-top:0;
	margin-right:5px;
	width:auto;
}
* html #demo input.inline.nontxt {
	border:none;
	width:12px;
	display:inline;
}

#demo-new form  {
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:left;
}

#demo-new  fieldset {
	display:block;
	border: 1px #ccc7b3 solid; 
	width:95%;
	margin:10px 0;
	padding:10px;
}
#demo-new  fieldset div.half {
	float: left;
	width: 45%;
	padding: 0 3% 0 2%;
}
#demo-new  fieldset div.full {
	padding: 0 3% 0 2%;
	clear:both;
}

#demo-new legend {
	border: none;
	font-size: 1.2em;
	font-weight:bold;
	color: #333;
	margin:0;
	background-color:#eee;
	border:1px solid #ccc7b3;
	padding:.3em 1em;
}

#demo-new  input[type=text],textarea  {
	border: 1px #ccc7b3 solid; 
	clear: both;
	display: block;
	color:#333;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
	width:95%;
	background-color: #fff;
}

#demo-new  input[type=radio] {
	margin-bottom: 5px;
	margin-top: 3px;
	display: list-item;
	clear: both;
	margin-right:2px;
}

#demo-new  input[type=checkbox] {
	width:auto;
	clear:none;
}


#demo-new  select {
	margin-bottom: 5px;
	margin-top: 3px;
	font-family: Verdana, sans-serif;
	display: block;
	clear: both;
	border: 1px #ccc7b3 solid; 
	padding: 2px 2px 2px 3px;
	width:auto;
	margin-right:35px;
}

#demo-new input#rdvdate {
	clear: none;
	display:inline-block;
	text-align: center;
	background-color: white;
	border: 1px solid;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 2px;
	vertical-align: absmiddle;
	width: 66px;
	height: 14px;
}

#demo-new fieldset, #demo-new legend  {
	border:1px solid #999;
}

#demo-new legend {
	background-color: #ddd;
	color:#0079AC;
}

#demo-new fieldset#assistance {
	background: url('/tpl/artifact/img/demo-assistance-bkg.jpg') top right no-repeat;
}

.picker {
	cursor: pointer;
	width: 13px;
	height: 12px;
	display: inline-block;
	background: url('/tpl/artifact/img/calendar/calendar.gif') no-repeat;
	margin-left: -20px;
	margin-top: 9px;
	position: absolute;
	display: inline;
}		

/* @end feedback*/

a.readmore {
	float:right;
	display:block;
	font-weight:bolder;
	margin-top: 15px;
	margin-right:15px;
	width:102px; 
	height:16px; 
	cursor:pointer; 
	text-indent:-9999px; 
	background:transparent url('/tpl/artifact/img/readmore.png') no-repeat 0 0; 
}

/* General */

.calendar-eightysix {
	cursor: default;
	position: absolute;
	z-index: 999;
	text-align: center;
}
	.calendar-eightysix, .calendar-eightysix * {
		overflow: hidden;
		padding: 0;
		margin: 0;
		line-height: 100%;
	}
		.calendar-eightysix .c86-header.c86-dragger {
			cursor: move;
		}
		
			.calendar-eightysix .c86-header .c86-arrow-left, .calendar-eightysix .c86-header .c86-arrow-right {
				cursor: pointer;
			}
			.calendar-eightysix .c86-header .c86-arrow-left {
				float: left;
			}
			.calendar-eightysix .c86-header .c86-arrow-right {
				float: right;
			}
			
			.calendar-eightysix .c86-header .c86-label {
				display: inline-block;
				overflow: visible;
				width: 146px;
			}
				.calendar-eightysix .c86-header .c86-label.c86-clickable {
					cursor: pointer;
				}
		
		.calendar-eightysix .c86-body {
			position: relative;
		}
			.calendar-eightysix .c86-body .c86-inner .c86-container {
				position: absolute;
				left: 0;
			}
				
				.calendar-eightysix .c86-body .c86-inner .c86-container .c86-row div {
					float: left;
				}
				
					.calendar-eightysix .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div, 
					  .calendar-eightysix .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div {
						cursor: pointer;
					}

/* Specific */

.calendar-eightysix.default {
	width: 216px;
	height: 170px;
	background: url('/tpl/artifact/img/calendar/default/background.png') center no-repeat;
	font-family: Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #888;
}
*html .calendar-eightysix.default { /* IE6 png fix */
	background-image: url('/tpl/artifact/img/calendar/default/background.gif');
}

	.calendar-eightysix.default .c86-wrapper {
		padding: 8px;
	}
		
		/* Header */
		
		.calendar-eightysix.default .c86-header {
			height: 25px;
		}
		
			.calendar-eightysix.default .c86-header .c86-arrow-left, .calendar-eightysix.default .c86-header .c86-arrow-right {
				width: 12px;
				height: 13px;
				margin: 6px 7px;
			}
			.calendar-eightysix.default .c86-header .c86-arrow-left {
				background: transparent url('/tpl/artifact/img/calendar/default/arrow-left.png') center no-repeat;
			}
				*html .calendar-eightysix.default .c86-header .c86-arrow-left { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/arrow-left.png', sizingMethod='scale'); 
				}
				.calendar-eightysix.default .c86-header .c86-arrow-left:hover {
					background-image: url('/tpl/artifact/img/calendar/default/arrow-left-hover-blue.png');
				}
			.calendar-eightysix.default .c86-header .c86-arrow-right {
				background: transparent url('/tpl/artifact/img/calendar/default/arrow-right.png') center no-repeat;
			}
				*html .calendar-eightysix.default .c86-header .c86-arrow-right { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/arrow-right.png', sizingMethod='scale'); 
				}
				.calendar-eightysix.default .c86-header .c86-arrow-right:hover {
					background-image: url('/tpl/artifact/img/calendar/default/arrow-right-hover-blue.png');
				}
			
			*html .calendar-eightysix.default .c86-header .c86-label {
				width: 126px !important;
			}
			.calendar-eightysix.default .c86-header .c86-label {
				margin-top: 7px;
				color: #8399a6;
			}
				.calendar-eightysix.default .c86-header .c86-label.c86-clickable:hover {
					color: #b2cfe1;
				}
		
		/* Body */
		
		.calendar-eightysix.default .c86-body {
			height: 126px;
		}
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container {
				width: 200px;
				height: 126px;
			}
			
			/* General container */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row {
				width: 200px;
			}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-even,
				  .calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-even div {
					background-color: #eee;
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row.c86-odd div {
					background-color: #fff;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-today {
					text-decoration: underline;
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
					font-weight: bold;
					color: #8eaec1 !important;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-non-selectable,
				  .calendar-eightysix.default .c86-body .c86-inner .c86-container .c86-row div.c86-non-selectable:hover {
					color: #dcdcdc !important;
					cursor: default !important;
				}
			
			/* Month */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div {
				cursor: default !important;
				color: #888 !important;
			}
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row {
				height: 18px;
			}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div {
					margin-top: 3px;
					width: 24px;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-first {
					padding-left: 16px;
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-last {
					padding-right: 16px;
				}
				
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row div.c86-outside {
					color: #dedede;
				}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.c86-even div.c86-outside {
					color: #cecece;
				}				
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month .c86-row.a div {
						color: #9c9c9c;
					}
		
			/* Year & decade */
			
			.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row {
				height: 42px;
			}
				.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div {
					width: 42px;
					padding-top: 15px;
					height: 29px;
				}
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-first {
						margin-left: 16px;
					}
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-last {
						margin-right: 16px;
					}
					
					*html .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-first { /* IE6 fix */
						margin-left: 9px;
					}
					*html .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div.c86-last { /* IE6 fix */
						margin-right: 9px;
					}
					
					.calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
					  .calendar-eightysix.default .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
						color: #b2cfe1;
					}
		
		/* Footer */
		
		.calendar-eightysix.default .c86-footer {
			background: transparent url('/tpl/artifact/img/calendar/default/footer-blue.png') top no-repeat;
			height: 4px;
		}
				*html .calendar-eightysix.default .c86-footer { /* IE6 png fix */
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-blue.png', sizingMethod='scale'); 
				}


/* Red style */

.calendar-eightysix.default.red .c86-header .c86-arrow-left:hover {
	background-image: url('/tpl/artifact/img/calendar/default/arrow-left-hover-red.png');
}
.calendar-eightysix.default.red .c86-header .c86-arrow-right:hover {
	background-image: url('/tpl/artifact/img/calendar/default/arrow-right-hover-red.png');
}
.calendar-eightysix.default.red .c86-header .c86-label {
	color: #d13a3a;
}
	.calendar-eightysix.default.red .c86-header .c86-label.c86-clickable:hover {
		color: #d06d6d;
	}
.calendar-eightysix.default.red .c86-footer {
	background-image: url('/tpl/artifact/img/calendar/default/footer-red.png');
}
	*html .calendar-eightysix.default.red .c86-footer { /* IE6 png fix */
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-red.png', sizingMethod='scale'); 
	}
.calendar-eightysix.default.red .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
  .calendar-eightysix.default.red .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
	color: #b90000;
}
.calendar-eightysix.default.red .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
	color: #b90000 !important;
}

/* Green style */

.calendar-eightysix.default.green .c86-header .c86-arrow-left:hover {
	background-image: url('/tpl/artifact/img/calendar/default/arrow-left-hover-green.png');
}
.calendar-eightysix.default.green .c86-header .c86-arrow-right:hover {
	background-image: url('/tpl/artifact/img/calendar/default/arrow-right-hover-green.png');
}
.calendar-eightysix.default.green .c86-header .c86-label {
	color: #73a642;
}
	.calendar-eightysix.default.green .c86-header .c86-label.c86-clickable:hover {
		color: #73a642;
	}
.calendar-eightysix.default.green .c86-footer {
	background-image: url('/tpl/artifact/img/calendar/default/footer-green.png');
}
	*html .calendar-eightysix.default.green .c86-footer { /* IE6 png fix */
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/default/footer-green.png', sizingMethod='scale'); 
	}
.calendar-eightysix.default.green .c86-body .c86-inner .c86-container.c86-month.c86-pickable .c86-row div:hover, 
  .calendar-eightysix.default.green .c86-body .c86-inner .c86-container.c86-year-decade .c86-row div:hover {
	color: #73a642;
}
.calendar-eightysix.default.green .c86-body .c86-inner .c86-container .c86-row div.c86-selected {
	color: #9abd79 !important;
}


/* button */
.btn {
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  padding: 4px 14px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: 18px;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover {
  background-position: 0 -15px;
  color: #333;
  text-decoration: none;
}
.primary {
  background-color: #a9191c;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ec5c12), to(#a9191c));
  background-image: -moz-linear-gradient(#ec5c12, #a9191c);
  background-image: -ms-linear-gradient(#ec5c12, #a9191c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec5c12), color-stop(100%, #a9191c));
  background-image: -webkit-linear-gradient(#ec5c12, #a9191c);
  background-image: -o-linear-gradient(#ec5c12, #a9191c);
  background-image: linear-gradient(#ec5c12, #a9191c);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #004b9a;
  border-bottom-color: #003f81;
}
.primary:hover {
  color: #fff;
}
.btn {
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.btn.primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #a9191c #a9191c #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn.primary:hover {
  color: #fff;
}
.btn.large {
  font-size: 14px;
  line-height: 26px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn.small {
  padding-right: 9px;
  padding-left: 9px;
  font-size: 11px;
}
.btn.large.txtcenter {
	text-align:center;
}
.btn.disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
}
.btn:disabled {
  background-image: none;
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  cursor: default;
  color: #fff;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.right {
	float:right;
}

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*slideshow */
#step {
	margin-bottom:2em;
}
#steps{width:710px;height:390px;margin:auto;overflow:hidden;position:relative;}
#steps div.slides{width:100%;height:100%;position:absolute;display:block;left:0;right:0;}

#steps h3 {
	display:block;
	width:280px;
	line-height:30px;
	overflow:hidden;
	margin-top:235px;
	margin-left:16px;
	font-size:24px;
	margin-bottom:24px;
	
}
#steps h4 {
	display:block;
	width:280px;
	margin-left:16px;
	font-size:22px;
}

#steps h3 span.nr {
	height:30px;
	width:30px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	border-radius:15px;
	background:rgba(0,0,0,1);
	color:#fff;
}

#steps h3 span.nr strong {
	padding-left:15px;
}

ul#stepscontrol {width:710px;z-index:2;color:#000;padding:0;margin:25px auto 0;list-style:none;text-align:center;cursor:default;}
#stepscontrol li, #steps span.nr{display:inline-block;margin-right:10px;}
#stepscontrol a {display:block;width:20px;height:20px;background:rgba(0,0,0,0.5);
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}

#stepscontrol a:hover,
#stepscontrol a.current{background:rgba(0,0,0,0.75);}
.tip-wrap{z-index:3;}
.tip{background:rgba(255,255,255,0.5);color:#000;width:200px;height:auto;padding:10px;font-size:85%;text-align:center;}
.tip-top{height:0;width:0px;border-style:solid;border-color:transparent transparent rgba(255,255,255,0.5) transparent;border-width:10px;margin-left:100px;}
.slideshow{-webkit-transition:opacity 1s ease-out;opacity:1;-moz-transition:opacity 1s ease-out;opacity:1;-o-transition:opacity 1s ease-out;opacity:1;-ms-transition:opacity 1s ease-out;opacity:1;}