/* plan44.css */

/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 600;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-700italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 700;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900italic - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 900;
	src: local(''),
			 url('../fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
			 url('../fonts/montserrat-v25-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



html
{
  -webkit-text-size-adjust: none;
}


*
{
	box-sizing: border-box; /* 100%=100%, padding and margins included... */
	text-align: left;
	font-family: Montserrat, Helvetica, Arial, sans-serif;
	/* font-weight: 400; */
	line-height: 1.4em;
}

strong, b
{
	font-weight: 600;
}

/* Common */

body
{
	padding:0px;
	margin: 0px;
	background: white;
	font-size: 16px;
}



tbody
{
	vertical-align: top;
}


h1, h2, h3
{
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	margin-top: 2em;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	padding-bottom: 0.3em;
	color: #666666
}

p
{
	text-align: left;
	margin-bottom: 1em;
}


a
{
	text-decoration: none;
	color: #0052c6;
	border: none;
}

a:hover
{
	text-decoration: underline;
}


a img
{
	border-width: 0px; /* prevent blue border for images in links */
}


.offscreen
{
	position: absolute;
	left: -9999px;
	overflow:hidden;
}


.hot
{
	font-weight: bold;
	color: #ff9600;
}
.important
{
	color: #d41013;
}

/* layout skeleton */


div#page
{
	padding:0px;
	margin: 0px;
}


/* ugly hack, only read by IE */
* html div#headerarea
{
	height: 120px;
	background-color: #DDD;
	z-index: 10;
}


div#headerarea
{
	background: rgba(255,255,255,0.85) url(../media/milli.png) repeat;
	box-shadow: 0 10px 40px #777;
	-webkit-box-shadow: 0 10px 40px #777;
	-moz-box-shadow: 0 10px 40px #777;
	z-index: 10;
  /* for fixing header */
  position: fixed;
  top: 0;
  width: 100%;
}



div#headercontent
{
	padding: 10px;
}


div#contentarea
{
	z-index: 20;
  /* for fixing header */
  margin-top: 70px; /* note: only a default, we re-calulate this dynamically to match actual header height */
}


div#content
{
	padding: 10px;
}


div#footer
{
	font-style: italic;
	padding: 20px;
	padding-top: 130px;
	background: #FFF;
}


div#footercontent
{
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #DDD;
}

.prs
{
  font-size: 10px;
  color: #5b5b5b
}

.soc
{
  font-size: small;
  color: #5b5b5b
}

.privacy
{
  font-size: 12px;
  color: #333333
}


/* page style (normal, wide) modifying classes */

div.page
{
/*
	margin-right: auto;
	margin-left: auto;
	max-width: 800px;
	min-width: 320px;
*/
}

div.widepage
{
/*
	margin-right: 20px;
	margin-left: 20px;
	min-width: 800px;
*/
}



/* elements of layout */

div#title
{
	font-style: italic;
	color: #666666;
	font-size: 18px !important;
	text-align: left;
	float: left;
}

div#title h1
{
	margin: 0;
	padding: 0;
}


div#title h1 a
{
	font-family: Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	color: #666666;
}



form#login_form
{
	display:inline;
}

div#login_info
{
	top: 9px;
	right: 0px;
	height: 20px;
	line-height: 15px;
	font-style: italic;
	color: #555;
	font-size: 12px !important;
	text-align: right;
	float: right;
}



div#login_panel
{
	right: 0px;
	width: 300px;
	max-width: 80vw;
	padding: 7px;
	background-color: #faeb5f;
	font-style: italic;
	color: #555;
	font-size: 12px !important;
	text-align: left;
	box-shadow: 0 10px 40px #777;
	-webkit-box-shadow: 0 10px 40px #777;
	-moz-box-shadow: 0 10px 40px #777;
	z-index: 1;
  /* for fixing header */
  position: absolute;
	top: 60px;

}


div#login_panel p.closebox
{
	text-align: right;
	margin: 0px;
}

div#login_panel p
{

}


div#login_panel label
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#login_panel input
{
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}




div#subtitle
{
	height: 130px;
	line-height: 23px;
	z-index: 20;
	display: none;
}

div#subtitle h2
{
	color: #000;
	font-size: 24px !important;
	margin-top: 0px;
	padding-top: 32px;
	text-align: right !important;
	z-index: 20;
}




nav#mainmenu
{
	font-size: 14px;
	line-height: 20px;
 	top: 71px;
	left: 0px;
	text-align: left;
	clear: both;
}

nav#mainmenu *
{
	font-family: Helvetica, Arial, sans-serif !important;
  /* font-weight: bold; */ /* this makes all menu bold, not only active items */
}


nav#mainmenu ul
{
	padding: 0px;
	margin-bottom: 0px;
}

nav#mainmenu li
{
	padding: 0px;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	display: inline;
	margin-right: 8px;
	margin-left: 0px;
}



nav#mainmenu a
{
	color: #0052c6;
	text-decoration: none !important;
}


nav#mainmenu a.selected
{
	color: #0068ff;
	text-decoration: underline !important;
	font-weight: bold; /* selected menu items are also bold */
}


nav#mainmenu a:hover
{
	text-decoration: underline !important;
}



div#footer p
{
	text-align: center;
	line-height: auto;
}


.inputfieldnote
{
  margin-left: 3px;
  font-size: small;
  font-style: italic;
}



/* specific */
/* ======== */


/* login/register page */


div#login_section
{
  display: block;
}

#login_section td.labelcell {
  width: 50%;
}


div#register_section
{
  border-top: solid 1px gray;
}

#register_section td.labelcell {
  width: 30%;
}



div#login_section td.labelcell, div#register_section td.labelcell
{
  background-color: #f5f5f5;
  color: #999999;
  margin: 0px 2px 2px 0px;
  padding: 5px 5px 5px 5px;
  vertical-align:middle;
}

div#login_section td.inputcell, div#register_section td.inputcell
{
  background-color: #f5f5f5;
  margin: 0px 2px 2px 0px;
  padding: 5px 5px 5px 5px;
  vertical-align:middle;
}

div#login_section input, div#register_section input
{
  width:100%;
  margin-top: 5px;
  margin-bottom: 5px;
}


@media only screen and (min-width: 768px) {

  div#login_section
  {
    padding-right: 20px;
    width: 50%;
    float: left;
  }


  div#register_section
  {
    padding-left: 20px;
    width: 50%;
    float: left;
    border-left: solid 1px gray;
    border-top: none;
  }

}

/* page list */

p.pagelist_title * { font-weight: bold; }
p.pagelist_title { padding-top: 8px; margin-left: 15px; margin-bottom: 0px;}
p.pagelist_desc { margin-left: 15px; padding-left: 1em; margin-top: 3px; }


/* support-o-matic form */

form#supportomatic p
{
  margin-top: 5px;
  margin-bottom: 5px;
}

form#supportomatic h3
{
  color: black;
  font-weight: bold;
  /* font-family: Helvetica, Arial, sans-serif; */
  font-size: 16;
  margin-top: 5px;
  margin-bottom: 5px;
}

form#supportomatic input.product_choice
{
  margin: 5px;
  margin-left: 20px;
}

form#supportomatic input.text
{
  margin: 5px;
  margin-left: 20px;
}

form#supportomatic textarea.text
{
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  resize: vertical;
}

form#supportomatic .text
{
  border-bottom-style: inset;
  border-bottom-width: 2px;
  border-left-style: inset;
  border-left-width: 2px;
  border-right-style: inset;
  border-right-width: 2px;
  border-top-style: inset;
  border-top-width: 2px;
}

div.bingothanks
{
  font-style: italic;
  color: #b3b3b3;
}

/* Support-O-Matic main parts */


div#supportomatic
{
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 10px;
	background-color: #fffdd2;
	box-shadow:2px 2px 40px 3px #dfdfdf;
/*
	-webkit-box-shadow: 0 5px 20px #777;
	-moz-box-shadow: 0 5px 20px #777;
*/
}


div#supportform
{
}


div#autoresult
{
	margin-top: 20px;
}


div#supportmail
{
	margin-top: 20px;
}


div#supportmail p#needemail
{
  font-weight: bold;
  color: red;
}


div#supportmail input#email_addr
{
	width: 270px;
}

div#supportmail input#email_serial
{
	width: 270px;
}

div#supportmail input#email_subject
{
  width: 400px;
}


div#supportmail p#emailsend
{
  margin-top: 20px;
}


div#supportmail table
{
  width: 100%;
  padding-left: 10px;
}

div#supportmail td
{
  vertical-align: top;
  padding: 5px;
}

div#supportmail td .text
{
  margin: 5px;
  margin-left: 0px;
}






div#faqsearch
{
	margin-top: 20px;
}


div#faqdisplay
{
	margin-top: 20px;
}


div#downloads
{
	margin-top: 40px;
}



/* FAQ result list */

div#faq_result_list
{
}


div#faq_result_list	div.faqitem
{
  background-color: white;
}


div#faq_result_list div.faq_question_coll
{
  list-style-position: inside;
  display: list-item;
  list-style-image: url(../media/triangle_right.png);
  background-color: #EEE;
  margin-top: 3px;
}


div#faq_result_list div.faq_question_exp
{
  list-style-position: inside;
  display: list-item;
  list-style-image: url(../media/triangle_down.png);
  background-color: #EEE;
  margin-top: 3px;
}

div#faq_result_list a.editlink
{
  padding-left: 10px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-top: 1px;
  display: inline;
  margin-left: 10px;
  background-color: #49805d;
  color: white;
}


div#faq_result_list a.copylink
{
  padding-left: 10px;
  padding-bottom: 1px;
  padding-right: 10px;
  padding-top: 1px;
  display: inline;
  margin-left: 10px;
  background-color: #0052c6;
  color: white;
}


div#faq_result_list div.faq_answer
{
	padding: 10px;
	/*margin-left: 20px;*/
	margin-top: 8px;
	margin-bottom: 25px;
	border-style: dotted;
	border-width: 1px;
}



/* box on the right */
div.box_right
{

	float: right;
	margin: 8px;

}



/* app side by side comparison table */


table.appcompare td.header
{
	font-size: larger;
	color: black;
	border-style:solid;
	border-color:#FFF;
	border-width:3px;
	background-color: #DDD;
	padding: 6px;
	padding-bottom: 20px;
}

table.appcompare td.header p
{
	text-align: center !important;
}


table.appcompare td.header h3
{
	color: black;
	text-align: center !important
}

table.appcompare td.header h3:hover
{
	color: #0052c6;
	text-decoration: underline;
}




table.appcompare td
{
	border-style:solid;
	border-color:#FFF;
	border-width:3px;
	background-color:#F0F0F0;
	margin: 0px;
	padding: 6px;
	min-width: 132px;
}

table.appcompare td p
{
	margin:0px;
}



table.appcompare td.footer
{
	font-size: larger;
	color: white;
	border-style:solid;
	border-color:#FFF;
	border-width:3px;
	background-color: #DDD;
	padding: 6px;
}

table.appcompare td.footer:hover
{
	background-color: #6180bb;
}



table.appcompare td.footer p
{
	margin: 10px;
	text-align: center !important;
}

table.appcompare td.footer img
{
	vertical-align: middle;
}

ul.downloads li
{
	margin-bottom: 5px;
	margin-top: 5px;
}