@charset "UTF-8";
/* Eric Meyer Browser Reset  */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ********************************  */
/* EINDE RESET CSS                   */
/* ********************************  */


/* general flo-suite.com stylesheet  */

/* ______________ TAGS ______________ */

body {
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	position: relative;
	text-align: center;
	background: #fff url(/DMP/printFLO/content/247/143/images/bg_base.jpg) bottom center no-repeat fixed;
	width: 100%;
}

a {
	color: #1d77be;
	font-weight: bold;
	font-size: 9pt;
}

a:hover {
	/*color: #226499;*/
    color: #95b4c2;
	font-weight: bold;
	font-size: 9pt;
}

#rightContent a {
	color: #0561ab;
	text-decoration: none;
}


#rightContent a:hover {
	text-decoration: none;
}


/* ______________ BLOCKS ______________ */

#logo {
	position: absolute;
	top: 43px;
	float: right;
	right: 10px;
}

#frmMain{
	text-align: center;
	width: 100%;
}

#container {
	margin: 0px auto 0px auto;
	position: relative;
	text-align: left;
	width: 1024px;
	background: #fff;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
/***************************/
#header {
	height: 180px;
	left: 0px;
	position: relative;
	top: 0px;
	width: 1024px;
}
/*different background variations*/
.headerDuo {
	background: #fff url(/DMP/printFLO/content/247/143/images/headerDuo.jpg) top left no-repeat;
}
.headerTypo {
	background: #fff url(/DMP/printFLO/content/247/143/images/headerTypo.jpg) top left no-repeat;
}
.headerStart {
	background: #fff url(/DMP/printFLO/content/247/143/images/headerStart.jpg) top left no-repeat;
}
.headerKeys {
	background: #fff url(/DMP/printFLO/content/247/143/images/headerKeys.jpg) top left no-repeat;
}
#header H1 {
	height: 130px;
	left: 85px;
	position: absolute;
	top: 0px;
	width: 127px;
}
#header H1 A {
	display: block;
	height: 130px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 127px;
}
#header H1 A span{
	display: none;
}

/*main nav*/
ul#nav {
	height: 59px;
	width: 740px;
	padding: 0px;
	position: absolute;
	left: 350px;
	top: 135px;
}
ul#nav li {
	height: 59px;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#nav li a {
	display: block;
	height: 59px;
}
ul#nav li a span {
	opacity:.0;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	display: block;
	height: 59px;
}
#navFLOMediaViewer a {
	width: 207px;
	background: url(/DMP/printFLO/content/247/143/images/NavFMV.png) 0 0 no-repeat;
}
#navFLOMediaViewer a:hover, #navFLO-Suite a.active {
	width: 207px;
	background: url(/DMP/printFLO/content/247/143/images/NavFMV.png) 0px -59px no-repeat;
}
#navDocumentation a {
	width: 188px;
	background: url(/DMP/printFLO/content/247/143/images/NavDocumentation.png) 0 0 no-repeat;
}
#navDocumentation a:hover, #navCases a.active {
	width: 188px;
	background: url(/DMP/printFLO/content/247/143/images/NavDocumentation.png) 0px -59px no-repeat;
}
#navDownload a {
	width: 135px;
	background: url(/DMP/printFLO/content/247/143/images/NavDownload.png) 0 0 no-repeat;
}
#navDownload a:hover, #navNews a.active {
	width: 135px;
	background: url(/DMP/printFLO/content/247/143/images/NavDownload.png) 0px -59px no-repeat;
}

#navCompany a {
	width: 125px;
	background: url(/DMP/printFLO/content/247/143/images/NavCompany.png) 0 0 no-repeat;
}
#navCompany a:hover, #navCompany a.active {
	width: 125px;
	background: url(/DMP/printFLO/content/247/143/images/NavCompany.png) 0px -59px no-repeat;
}
/*service nav*/
#service {
	height: 40px;
	width: 420px;
	position: absolute;
	right: -20px;
	top: 10px;
}
#service ul {
	float: right;
}
#service li {
	/*height: 30px;
	line-height: 30px;
	position: relative;*/
	float: left;
	margin: 6px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
	color: #95b4c2;
}
#service li a {
	color: #95b4c2;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
}
#service li a:hover, #service li a.active {
	color: #4e7d92;
	font-size: 11px;
	text-decoration: none;
	background: url(/DMP/printFLO/content/247/143/images/serviceBack.png) center top no-repeat;
}
/***************************/
/*subnav*/
#menu2 {
	height: 33px;
	width: 1023px;
	position: relative;
	left: 0px;
	top: 0px;
	background: #113c4e url(/DMP/printFLO/content/247/143/images/subnavBack.png) left top repeat-x;
}
#subnav ul {
	height: 33px;
	width: 924px;
	margin-left: 100px;
}
#subnav li {
	height: 33px;
	line-height: 33px;
	position: relative;
	float: left;
	list-style-type: none;
}
#subnav li a {
	color: #b0dcee;
	padding: 0px 14px 0px 14px;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
}
#subnav li a:hover, #subnav li a.active {
	color: #fff;
	padding: 0px 14px 0px 14px;
	font-size: 13px;

	text-decoration: none;
	background: url(/DMP/printFLO/content/247/143/images/subnavABack.png) left top repeat-x;
}
/*subsubnav*/
#menu3 {
	height: 23px;
	width: 1023px;
	position: relative;
	left: 0px;
	top: 0px;
	background: #9eb661 url(/DMP/printFLO/content/247/143/images/subsubnavBack.png) left top repeat-x;
}
#subsubnav ul {
	height: 23px;
	width: 924px;
	margin-left: 100px;
}
#subsubnav li {
	height: 23px;
	line-height: 23px;
	position: relative;
	float: left;
	list-style-type: none;
}
#subsubnav li a {
	color: #dfe8ca;
	padding: 0px 12px 0px 12px;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
}
#subsubnav li a:hover, #subsubnav li a.active {
	color: #fff;
	padding: 0px 12px 0px 12px;
	font-size: 11px;

	text-decoration: none;
	background: url(/DMP/printFLO/content/247/143/images/subsubnavABack.png) left top repeat-x;
}
/******************/
#main {
	background: #fff url(/DMP/printFLO/content/247/143/images/mainBack.png) left top repeat-x;
	left: 0px;
	position: relative;
	top: 0px;
	min-height: 400px;
	width: 1024px;
	padding-top: 50px;
	width: 1024px;
}
/******************/

#leftContent {
	margin-left: 40px;
	width: 680px;
	float: left;
	margin-bottom: 30px;
	margin-top: 0px;
}
#leftContent H2 {
	font-size: 16px;
	line-height: 24px;
	color: #6a8b2d;
	text-transform: uppercase;
	padding-right: 50px;
	background: url(/DMP/printFLO/content/247/143/images/h2Back.png) right top no-repeat;
	float: left;
}
#leftContent H3{
        font-weight: bold;
        color: #3a412a;
        font-size: 14px;
        line-height: 18px;
        margin-top: 20px;
        padding-top: 5px;
        padding-bottom: 10px;
        border-top: dotted 1px #7a816f;
}

/*#blogBody p {
	vertical-align: top;
}*/



#blogBody H1 {
	font-size: 18px;
	line-height: 24px;
	color: #6a8b2d;
	text-transform: uppercase;
	background: url(/DMP/printFLO/content/247/143/images/blogBackSmall.png) no-repeat left center;
	float: none;
	padding-left: 50px;
	margin-top: 20px;
}

#blogBody H2 {
	font-size: 14px;
	line-height: 24px;
	color: #6a8b2d;
	text-transform: uppercase;
	background: url(/DMP/printFLO/content/247/143/images/blogBackSmall.png) no-repeat left center;
	float: none;
	padding-left: 50px;
	margin-top: 20px;
}

#blogBody H3{
        font-weight: bold;
        color: #3a412a;
        font-size: 14px;
        line-height: 18px;
        padding-top: 5px;
        border-top: none 0px black;
}

#leftContent .question, #leftContent .partner{
        font-weight: bold;
        color: #6a8b2d;
        font-size: 15px;
        line-height: 18px;
        margin-top: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: solid 2px #7a816f;
}

#leftContent P {
	font-size: 12px;
	line-height: 19px;
	color: #333;
	margin-top: 20px;
	text-align: justify;
}

#leftContent .shortDescription{
    font-size: 12px;
	line-height: 19px;
	/*color: #748f64;*/
	color: #0561ab;
	padding-top: 20px;
	text-align: justify;
	/*font-style: italic;*/
	clear: left;
}

#leftContent .hyperlink{
       margin-top:20px;
       color: #999;
}

#leftContent .features{
       margin-left:20px;
}

#leftContent .features li{
        font-size: 12px;
	line-height: 19px;
	list-style-image: url(/DMP/printFLO/content/247/143/images/li.png);

}
.sublist{
        font-size: 12px;
	line-height: 19px;
	margin-left:40px;
	list-style-image: none;
}

#leftContent .docItem, #leftContent .docLinks{
        border-bottom: solid 1px #EFEFEF;
}

#leftContent .docItem{
        padding: 10px 30px 10px 0px;
        width: 325px;
}

#leftContent .docLinks{
        padding: 10px 0px 10px 0px;
        font-size: 10px;
        color: #999;
        white-space: nowrap;
        width: 65px;
}
#leftContent .docName{
        font-weight: bold;
        font-size: 12px;
        line-height: 28px;
        color: #809299;
}

#leftContent .docDescription{
        color: #777;
        font-size: 11px;
}
#leftContent .docLinks a{	
        background: #113c4e url(/DMP/printFLO/content/247/143/images/btnBack.png) left top no-repeat;
        display: block;
        width: 60px;
        line-height: 24px;
        height: 24px;
        color: #fff;
        display: inline-block;
        text-align:center;
        margin: 0 0 2px 0;
        font-size: 11px;
}

#imgRight{
	float: right;
	margin: 0px 0px 0px 20px;
}

.ImageDiv{
   margin: 0px 0px 15px 0px;
   font-size: 10px;
   text-align: right;
   color: #999;
}

.ImageDiv img{
   margin: 0px 0px 5px 0px;

}



.answer, .partnerDescription{
    padding-bottom: 20px;
    font-size: 11px;
	line-height: 16px;
	color: #333;
	text-align: justify;
	font-weight: normal;
	font-style: normal;
}
.capital{
        font-size:16px;
        font-weight: bold;
        float:left;
        margin: 0 5px 0px 0px;
        display:block;
        width: 20px;

}
.partnerIntro{
        padding:10px;
        margin-bottom: 20px;
        background: #efefef;
        border: solid 1px #ddd
}

.partnerLogo{
        float:right;
        padding:10px 0 10px 10px;
}

#leftContent .partnerIntro H2 {
	font-size: 16px;
	line-height: 24px;
	color: #6a8b2d;
	text-transform: uppercase;
	padding-right: 50px;
	background: none;
	float: left;
}
#leftContent .partnerIntro .shortDescription{
        font-size: 12px;
	line-height: 19px;
	color: #333;
	padding-top: 20px;
	text-align: justify;
	font-style: normal;
	clear: left;
}
.sitemap{
margin-bottom: 20px;
}

/******************/


#rightContent {
	margin-left: 770px;
	width: 224px;
}

.demoblock {
	margin-bottom: 24px;
}

.demoblock H2 {
	font-size: 13px;
	line-height: 30px;
	height: 32px;
	color: #dbe1e5;
	text-transform: uppercase;
	padding-left: 12px;
	background: #8599a3 url(/DMP/printFLO/content/247/143/images/demoblockHeaderBack.png) left top repeat-x;
}

.block {
	margin-bottom: 24px;
}

.block H2 {
	font-size: 13px;
	line-height: 30px;
	height: 32px;
	color: #dbe1e5;
	text-transform: uppercase;
	padding-left: 12px;
	background: #8599a3 url(/DMP/printFLO/content/247/143/images/blockHeaderBack.png) left top repeat-x;
}

.blockContent {
	padding: 20px 12px 10px 12px;
	background: #f3f4f4 url(/DMP/printFLO/content/247/143/images/blockBack.png) left top no-repeat;
	font-size: 11px;
}

.blockContent p{
	line-height: 15px;
	font-size: 11px;
}

.blockContent H3{
	border-bottom: #8d9eab dotted 1px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	color: #2b5363;
	font-size: 12px;
}

.blockContent li{
	margin-bottom: 14px;
}


/******************/
#footer {
	clear: both;
	top: 0px;
	left: 0px;
	position: relative;
	width: 1024px;
	
}

#footerContent {
	/*width: 824px;
	margin-left: 100px;*/
	color: #999;
	line-height: 20px;
	font-size: 10px;
	margin-top: 40px;
	border-top: solid 1px #EFEFEF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: #fff url(/DMP/printFLO/content/247/143/images/footerBack.png) left top repeat-x;
}

#footerContent a{
	color: #69829b;
	line-height: 20px;
	text-decoration: none;
}

#footerContent a:hover{
	text-decoration: underline;
}


#btnSearch, input#txtSearch {
	font-family: arial;
	font-weight: bold;
	color: #95b4c2;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
    border: 1px solid #7a816f;
}

#btnSearch:hover, #btnSearch:active {
	color: #4e7d92;
	font-family: arial;
	font-weight: bold;
	
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
    border: 1px solid #7a816f;
}

#dmpLinker {
	position: relative;
	top: 60px;
	left: 900px;
}

#note {
	font-style: italic;
	font-size: 85%;
}

.formfieldBig {
	color: #000000;
	/*height:16px;*/
	width:200px;
	border: 1px solid #7F9DB9;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

.formfield {
	color: #000000;
	/*height:16px;*/
	width:200px;
	border: 1px solid #7F9DB9;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}
.requiredformfield {
	color: #000000;
	/*height:16px;*/
	width:200px;
	background-color:#A0CAB6;
	border: 1px solid #7F9DB9;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

.betaMsg {
	background-color:#A0CAB6;
	color: #ff121a;
	width: 100%;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*input#txtCompany,
input#txtFirstName,
input#txtLastName,
input#txtTitle,
input#txtEmail,
input#txtPhone,
input#txtIndustry,
input#txtCountry {
	width: 200px;
}*/

textarea#txtComment {
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
}

#newsBlock {
	background: #f3f4f4;
	padding: 10px;
}

#newsBlock H2{
	background: url(/DMP/printFLO/content/247/143/images/blockHeaderBack.png) repeat-x left top;
	color: #0561ab;
	width: 610px;
	text-indent: 10px;
	line-height: 30px;
}

#blogBlock {
	background: #f3f4f4;
	padding: 10px;
	margin-top: 15px;
}

#blogBlock H2{
	background: url(/DMP/printFLO/content/247/143/images/blockHeaderBack.png) repeat-x left top;
	color: #0561ab;
	width: 610px;
	text-indent: 10px;
	line-height: 30px;
}


#twitBlock {
	background: #f3f4f4;
	padding: 10px;
}

#twitBlock H2{
	background: url(/DMP/printFLO/content/247/143/images/blockHeaderBack.png) repeat-x left top;
	color: #0561ab;
	width: 610px;
	text-indent: 10px;
	line-height: 30px;
}

#BlogTable td {
	padding: 5px;
}

#demos h2 {
	font-size: 16px;
	line-height: 20px;
	color: #6a8b2d;
	text-transform: uppercase;
	padding-right: 50px;
	background: none no-repeat right top;
	float: left;
}


.Apple-style-span {
	font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.homepageTables {
}

.homepageTable {
	background: url(/DMP/printFLO/content/247/143/images/bgBody3.png) no-repeat;
	border: 1px solid silver;
	padding: 5px;
	float: left;
	margin: 5px;
	height: 290px;
	width: 318px;
	position: relative;
}

.tableHeader {
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
}

.ExtraInfo, .ExtraInfo a {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

/* ______________ HELP PAGES ______________ */

#HelpBody p {
	text-align: left;
}

#HelpBody h2 {
	color: #6a8b2d;
	text-transform: uppercase;
	background-color: transparent;
	background-image: url(/DMP/printFLO/content/247/143/images/blogBackSmall.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	float: none;
	padding-left: 50px;
	margin-top: 30px;
	line-height: 24px;
	font-size: 14px;
}


.HelpStartTitle, .HelpModuleTitle, .HelpChapterTitle {
	padding-top: 15px;
}

.HelpStartText, .HelpModuleText, .HelpChapterText {
	padding-top: 2px;
	font-size: 12px;
	line-height: 15px;
}

.HelpIntro {
	color: #113c4e;
	font-weight: bold;
	font-style: italic;
}

#HelpBody li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 12px;
	padding-top: 10px;
}

#HelpBody ul li ul li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 12px;
	padding-top: 10px;
}

#HelpBody ul li ul li ul li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 12px;
	padding-top: 0px;
}

#HelpBody ol li ol li {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 12px;
	padding-top: 10px;
}

#HelpBody ol li ol li ol li {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 0px;
	padding-top: 0px;
}


#HelpBody table {
	width: 690px;
	border: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	border-collapse: collapse;
	border-spacing: 0;
}

#HelpBody td {
	padding: 2px;
	margin: 2px;
}

#HelpBody .codeblock {
	background-color: #a8cbdb;
	width: 670px;
	/*overflow-x: scroll;*/
	padding: 10px;
	border: 1px solid #0561ab;
	border-top: 10px solid #0561ab;
	font: 90%/115% "Courier New", Courier, mono;
}

/* ********************************  */
/* Startup page FMV Configurator     */
/* ********************************  */

td.partner {
	text-align: left;
	vertical-align: top;
	float: none;
}

.partnerDescription {

}

.partnerDescription p {
	margin-top: 10px;
	margin-right: 15px;
}

.partnerLogo {
	vertical-align: top;
}

table.startupItems {

}

table.startupItems tr {
}



/* ********************************  */
/* Purchase page     */
/* ********************************  */

#products {
	border: 0 solid #5dadfb;
	width: 705px;
}

#products thead{
	font-weight: bold;
	background: #0561ab url(/DMP/printFLO/content/247/143/images/bgPurchaseTableHead.png) repeat-x;
	height: 27px;
	vertical-align: middle;
}

#products td {
	border-top: 1px dotted #5dadfb;
	vertical-align: middle;
}

#products thead.tableTitle tr td{
	color: white;
	vertical-align: middle;
	padding: 5px;
	font-weight: bold;
}

#products .txtQuantity {
	width: 50px;
}

#actionPrice {
	width: 250px;
	position: absolute;
	top: 20px;
	left: 430px;
}

.TotalTable {
	width: 705px;
	padding: 0;
	margin: 0;
}

.TotalLabel {
	width: 75px;
	font-weight: bold;
	text-align: left;
}

.TotalCurrency {
	width: 10px;
	text-align: right;
}

.Currrency {
	text-align: right;
	width: 65px;
}

#orderStep2 input, 
#orderStep2 select {
	width: 300px;
}

.TotalTable {
	width: 705px;
	padding: 0;
	margin: 0;
}

.TotalLabel {
	width: 75px;
	font-weight: bold;
	text-align: right;
}

.TotalCurrency {
	width: 10px;
	text-align: right;
}

.Currrency {
	text-align: right;
	width: 65px;
}


