﻿html
{
    position: relative;
    min-height: 100%;
}

form 
{
    position: relative;
    min-height: 100%;
}

body
{
    font-size:15px;
    font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
    font-weight:normal;
    text-decoration:none;
    color: #3d464d;
    width: 100%;
    min-width: 100%;
    overflow:auto;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 40px; /* bottom = footer height */
}

.largeBodyText
{
    font-size:16px;
    font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
    font-weight:normal;
    text-decoration:none;
    color: #3d464d;
}

h1
{
    font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
    font-size:30px;
    line-height:30px;
    color:#3d464d;
    font-weight:lighter;
}

h2
{
    font-size: 20px;
    line-height:30px;
    font-weight:lighter;
    color:#3d464d;
	font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
}

h3
{
    font-size: 25px;
    line-height:25px;
    font-weight:lighter;
    text-decoration:none;
    color:#3d464d;
	font-family: "Open Sans", "sans-serif", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
    padding:0px;
    margin-bottom:-0px;
}

h4
{
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #3d464d;
	font-family: "Open Sans", "sans-serif", Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma";
    padding:0px;
    margin-bottom:-0px;
}

.mainHeader
{
    font-size: 30px;
    line-height:39px;
    text-decoration:none;
    color: #ffffff;
    font-weight:lighter;
	font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
}

.url
{
    color:#2895F1!important;
    font-weight:normal;
}

.url : visited
{
    color:#2895F1!important;
}

.url : hover
{
    color:#2895F1!important;
}

.SegoeUIFont
{
    font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
}

.SegoeUILightFont
{
    font-family: "Open Sans", "sans-serif", Segoe UI Light", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
}

.SegoeUIFontSize18
{
    font-size:18px !important;
    font-weight:normal;
}

.SegoeUIFont30
{
    font-size:30px !important;
    font-weight:normal;
}

a:link
{
    color: #3d464d; 
    font-weight:lighter;
    text-decoration: none; 
}

a:visited
{
    color: #3d464d;
    font-weight:lighter;
    text-decoration: none; 
}

a:hover
{ 
    color: #303030;
    font-weight:lighter;
    text-decoration: underline;
}

input[type="text"] 
{
    color: black; 
	border: 1px solid #aaaaaa;
	color: #3d464d; 
	Height: 17px;
	font-size:12px;
}

input[type="text"]:focus 
{
    font-size:12px;
    outline: none;
    box-shadow: 0px 0px 7px #61C5FA;
    border-color: #2f99e2;
}

input[type="checkbox"] 
{
	font-size: 12px;
	border: 1px solid #aaaaaa;
    color: #3d464d;
    text-shadow: 0px 1px 0px white;
}

.watermarkText2
{   
    color:#999 !important;
    height: 20px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #bdc4c9;
    width: 100%;
    margin: 2px 0 5px;
    border-radius: 3px;
}

.watermarkText
{   
    color:#999 !important;
    height: 42px;
    padding: 8px 5px 8px 13px;
    font-size: 14px;
    border: 1px solid #bdc4c9;
    width: 100%;
    margin: 2px 0 5px;
    border-radius: 3px;
}

.watermarkTextQuestionBox
{
    font-size: 13px;
    padding: 5px;
    cols: 53;
    rows: 10;
}

/* CSS */
.button 
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  background:              white url('button.png') 0 0 repeat-x; /* Image fallback */
  background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  border:                  1px solid;
  border-color:            #cccccc #cccccc #cccccc #cccccc;
  border-radius:           3px;
  color:                   #3d464d;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap; 
  cursor:                  pointer;
}

/* START PAGE */
.blueButton 
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#00a1f1 #00a1f1 #00a1f1 #00a1f1;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:					80px;
  background-color:        #00a1f1;
  cursor:                  pointer;
}

/* START PAGE */
.blueButtonNoFrame
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#348dd3 #348dd3 #348dd3 #348dd3;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               15px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:					80px;
  background-color:        #00a1f1;
  cursor:                  pointer;
}

.cloudButtonNoFrame 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid;
    border-color: #348dd3 #348dd3 #348dd3 #348dd3;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
    font-size: 15px;
    font-weight: lighter;
    outline 0;
    padding: 5px 8px 5px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    height: 35px;
    width: 80px;
    background-color: #348dd3;
    cursor: pointer;
}

/* START PAGE */
.transparentButton 
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#ffffff #ffffff #ffffff #ffffff;
  border-radius:           3px;
  /*color:				   #ffffff;*/
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        rgba(245, 245, 245, 1);
  cursor:                  pointer;
}

.blueCheckoutButton
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#00a1f1 #00a1f1 #00a1f1 #00a1f1;
  border-radius:           3px;
  color:				   #ffffff;
  background:              url(/Images/secure-payment.png) left center no-repeat;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:					80px;
  background-color:        #00a1f1;
  cursor:                  pointer;
}

.greenLoginButton
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#eaeaea #eaeaea #eaeaea #eaeaea;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  background:              url(/Images/login.png) left center no-repeat;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               17px;
  font-weight:             lighter;
  font-weight:             400;
  outline                  0;
  padding:                 4px 0px 5px 14px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  width:                   110px;
  height:				   50px;
  background-color:        #00924f;
  cursor:                  pointer;
}

.greenLogoutButton
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#eaeaea #eaeaea #eaeaea #eaeaea;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  background:              url(/Images/logout.png) left center no-repeat;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               17px;
  font-weight:             lighter;
  font-weight:             400;
  outline                  0;
  padding:                 4px 0px 5px 14px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  width:                   110px;
  height:				   50px;
  background-color:        #00924f;
  cursor:                  pointer;
}

.blueButtonWhiteCorners
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#ffffff #ffffff #ffffff #ffffff;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        #00a1f1;
  cursor:                  pointer;
}

.orangeButton 
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:			   #dcd50f #dcd50f #dcd50f #dcd50f;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        #f89a1e;
  cursor:                  pointer;
}

.orangeButtonNoFrame
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:			   #f89a1e #f89a1e #f89a1e #f89a1e;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               15px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        #f89a1e;
  cursor:                  pointer;
}

.redButton
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#f65314 #f65314 #f65314 #f65314;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        #f65314;
  cursor:                  pointer;
}

/* START PAGE */
.greenButton 
{
  -moz-border-radius:      3px;
  -webkit-border-radius:   3px;
  border:                  1px solid;
  border-color:				#5ec908 #5ec908 #5ec908 #5ec908;
  border-radius:           3px;
  color:				   #ffffff;
  display:                 inline-block;
  font-family:             "Open Sans", "sans-serif", "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Georgia", "arial", "verdana", "tahoma", "sans-serif";
  font-size:               13px;
  font-weight:             lighter;
  outline                  0;
  padding:                 5px 8px 5px;
  text-align:              center;
  text-decoration:         none;
  white-space:             nowrap; 
  height:				   35px;
  width:				   80px;
  background-color:        #00a1f1;
  cursor:                  pointer;
}

/* START: CENTER CONTENT, WITH OPTIONAL FULL WIDTH CONTENT HOLDER */
.full-page-width 
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom:100px;
}

.center-content-container
{
    width:960px;
    margin: 0 auto;
    margin-top:10px;
    margin-bottom:0px;
}

.content-container
{
    float:left;
    width: 100%;
    /*padding: 20px 0;*/
}

.content
{
    float:left;
    width:100%;
    text-align:left;
}

.extended-content-container
{
    float:left;
    width: 500%;
    margin-left: -200%;
}

.extended-content 
{
    float:left;
    width:100%;
    text-align:center;
}
/* END: CENTER CONTENT, WITH OPTIONAL FULL WIDTH CONTENT HOLDER */

.verticalAlignStartPage 
{
	margin: 50px 0px; 
	padding:0px;
	text-align:center;
}

.mainContentHolder
{
	width:950px;
	margin:0px auto;
	text-align:left;
}

.header
{
	width: 310px; 
	margin:0 auto;
	font-size: 35px;	
}

.headerSubText
{
	width: 340px; 
	margin: 0 auto;
	color: #3d464d;
	font-size: 10px;
}

.startPageHelpUsText
{
	width:240px;
	margin: 0 auto;
	color:#3d464d;
	padding-top:3px;
	font-size: 10px;
	font-style:italic;
}

.startPageMainImage
{
	width: 210px; 
	margin: 0 auto;
	padding-top: 20px;
}

.startPageDownloadButton
{
	padding-left:10px;
	width: 180px; 
	margin: 0 auto;
	padding-top: 30px;
}

.startPageDownloadButtonSubText
{
	width: 320px; 
	margin: 0 auto;
	padding-top: 0px;
	font-size: 11px;
	color: #3d464d;
}

.separator
{
	width: 870px; 
	padding-top: 25px;
}

/* DOWNLOAD PAGE */

.downloadPageTopBox
{
	float:left;
	width:850px;
	margin-top:10px;
}

.downloadPageDownloadImage
{
	float:left;
	margin-top:30px;
	width:130px;
}

.downloadPageTopBoxThanksText
{
	float:left;
	width:600px;
	font-size:20px;
	clear:right;	
}

.downloadPageTopBoxRestartText
{
	float:left;
	padding-bottom:0px;
	clear:right;
}

.downloadPageTopBoxSeparator
{
	float:left;
	border-top:solid 1px #e5e5e5;
	width:830px;
	margin-top:10px;
	clear:right;
}

/* Top download box */
.downloadPageStepBox
{
	float:left;
	width:800px;
}

/* Top box */
.downloadPageStepTopBox
{
	float:left;
	width:400px;
}

.downloadPageStepTopBoxInner1
{
	float:left;
	clear:right;
	width:400px;
}

.downloadPageStepTopBoxInner2
{
	float:left;
	margin-top:7px;
	clear:right;
}

.downloadPageStepTopBoxInner3
{
	float:left;
	margin-top:-4px;
	clear:right;
}

.downloadPageStepTopBoxInner4
{
	float:left;
	margin-bottom:25px;
}


/* Bottom download step box */
.downloadPageStepBottomBox
{
	float:left;
	width:360px;
	margin-left:40px;
}

.downloadPageStepBottomBoxInner1
{
	float:left;
	clear:right;
	width:360px;
}

.downloadPageStepBottomBoxInner2
{
	float:left;
	margin-top:7px;
	clear:right;
	width:360px;
}

.downloadPageStepBottomBoxInner3
{
	float:left;
	margin-top:-4px;
	clear:right;
	width:360px;
}

.downloadPageStepBottomBoxInner4
{
	float:left;
	margin-bottom:25px;
	width:360px;
}

.downloadPageSeparator
{
	float:left;
	margin-top:10px;
	width:800px;
}

/* LICENSE AGREEMENT PAGE */
.agreementTextMainContainer
{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:600px;
	height:300px;
	border:solid 1px #e5e5e5;
	overflow:scroll;
	color: #3d464d;
	font-size:10px;
}

.agreementTextTitle
{
	font-size:14px;
}

.agreementTextClarificationList
{
	list-style-type:disc;
	padding-left:20px;
}

.agreementTextListItem
{
	margin-top:7px;
}

.agreementTextSecondTitle
{
	font-weight:bold;
	font-size:13px;
	padding-top:5px;
}

.agreementTextMainList
{
	list-style-type:none;
	padding-left:0px;
	padding-bottom:20px;
}

.agreementTextHeadingListItem
{
	font-weight:bold;
	margin-top:15px;
}

/* Support error page */
.supportIssueErrorPageSeparator
{
	float:left;
	border-top:solid 1px #e5e5e5;
	width:730px;
	margin-top:10px;
	clear:right;
}

/* Help pages and Menu */
.helpMenuNode
{
	font-size:10px;
	color: #3d464d;
}

/* Root node item div */
.treeViewHelpMenu div.AspNet-TreeView ul li
{
    white-space: nowrap;
    padding: 8px 0 2px 0; 
    font-size:18px;
}

/* Child node item div´s */
.treeViewHelpMenu div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    margin-left: 40px;
    font-size:16px;
}

/* Left Help Menu Treeview */

/* Node url  */
.treeViewHelpMenu div.AspNet-TreeView li a 
{ 
	color: #3d464d;
}

/* Node image */
.treeViewHelpMenu div.AspNet-TreeView ul li img
{
    border: none;
    padding-right: 8px;
    vertical-align: middle;
}

.treeViewHelpMenu div.AspNet-TreeView AspNet-TreeView-Leaf ul li img 
{
	border: none;
    padding-right: 12px;
    vertical-align: middle;
}

/* Modal popup (Ajax Control Toolkit) */
.modalPopupBackground
{
	height:100%; 
    background-color:#7a7a7a; 
    filter:alpha(opacity=70); 
    opacity:0.7; 
}

.modalPopupBackgroundWhite
{
	height:100%; 
    background-color:white; 
    filter:alpha(opacity=70); 
    opacity:0.7;
}


/* Sidan: Välj version */
.selectVersionPageDownloadFreeVersionButton
{
    float:left;
    width:300px;
    margin-top:236px;
    margin-left:40px;
}

.selectVersionPageLeftComparisonContainer
{
    float:left;
    width:380px;
    height:531px;
    margin-bottom:20px;
    border: solid 1px #e5e5e5;
}

.selectVersionPageRightComparisonContainer
{
    float:left;
    width:380px;
    border:solid 1px #aaccee;
    background-color:#f5f5f5;
}

.startPageInBetween
{
    float:left;
    width:270px;
    margin-left:60px;
}

.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}

#countryDropdown 
{
    
}

#countryDropdown a
{
    color:#2895F1!important;
    font-weight:normal;
}

#countryDropdown a:visited
{
    color:#2895F1!important;
}

#countryDropdown a:hover
{
    color:#2895F1!important;
    text-decoration: none;
    background-color: #f1f1f1;
}

.checkoutTextBox
{
    height: 42px;
    padding: 8px 5px 8px 13px;
    font-size: 14px;
    border: 1px solid #bdc4c9;
    width: 100%;
    margin: 2px 0 5px;
    border-radius: 3px;
}

.checkoutLabel
{
    height: 42px;
    padding: 20px 5px 8px 0px;
    font-size: 14px;
    margin: 10px 0 5px;
}

.center
{
    margin-left:auto;
    margin-right:auto;
}

.centerPage
{
    position:absolute; 
    top:50%; 
    left:40%; 
    margin: 10% auto auto 0px;
    text-align:center;
}