@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/********* Sections: *********/

/* - COMMON - */
/* - GRID - */
/* - INPUTWINDOW - */
/* - LIST - */

/*****************************/
form {
    margin: 0;
    padding: 0;
}
input[type="text"] {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif, Verdana,Tahoma,Arial;
    height: 18px;
    padding: 0px 0px 0px 4px;
}
input[type="password"] {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif, Verdana,Tahoma,Arial;
    height: 18px;
    padding: 0px 0px 0px 4px;
}
select {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif, Verdana,Tahoma,Arial;
    height: 18px;
}

.PXTabContainer {
    width: 100%;
    /*margin-right: 12px;*/
    border-color: #006199;
}

.PXContent {
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #ffffff;
}

.headerouttext {
    COLOR: #282828;
    FONT-SIZE: 13px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
}
.topparamtext {
    COLOR: #FFFFFF;
    FONT-SIZE: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
}
.gridheadertext {
    COLOR: #0974b3;
    FONT-SIZE: 13px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-weight: 500;
}
.topcolor
{
	COLOR: #FFFFFF;
    FONT-SIZE: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	BACKGROUND: #006199;
}
.topcolorgradient
{
    FONT-SIZE: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	BACKGROUND: linear-gradient(to right,#006199 0,#0079bf 100%);
}
.topbaricon
{
/*	background-color: #0079bf;*/
}
.topbaricon:hover
{
	background-color: #1986c5;
}
div.modalheader {
    line-height: 26px;
    vertical-align: middle;
    background: #006199;
}
div.modalheader {
    line-height: 26px;
    vertical-align: middle;
    background: #006199;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
}

div.modalheader td {
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif, Verdana;
    font-size: 16px;
    padding-left: 12px;
}
.nowrap {
    white-space: nowrap;
}
.paddingleftright
{
	padding-left: 12px;
	padding-right: 12px;
}
.paddingleft
{
	padding-left: 12px;
}
.paddingright
{
	padding-right: 12px;
}
.paddingbottom
{
	padding-bottom: 8px;
}
.paddingleft-narrow
{
	padding-left: 4px;
}
.paddingright-narrow
{
	padding-right: 4px;
}
.paddingbottom-narrow
{
	padding-bottom: 4px;
}
.paddingtop
{
	padding-top: 4px;
}

.normalbutton {
	color: #282828;
	background: linear-gradient(to bottom,#fff 10%,#f0f0f0 75%);
	box-shadow: -1px -1px 0 #fff inset, 1px 1px 0 #fff inset, 0 1px 0 rgba(0,0,0,.12);
    border-radius: 3px;
	border-width: 1px;
	border-style: solid;
    border-color: #e0e0e0 #d2d2d2 #b6b6b6;
    padding: 1px 10px;
	font-family: 'Open Sans',sans-serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
.normalbutton:hover {
	background: linear-gradient(to bottom,#e8f6ff 10%,#dae7ef 75%);
	box-shadow: -1px -1px 0 rgba(255,255,255,.5) inset, 1px 1px 0 rgba(255,255,255,.5) inset, 0 1px 0 rgba(0,0,0,.05);
}
.normalbutton:focus {
	border-top: 1px solid #2970bd;
	border-right: 1px solid #2970bd;
	border-bottom: 1px solid #2970bd;
	border-left: 1px solid #2970bd;
	background-position: 0px -38px;
}
.normalbutton:active {
	outline: none;
    border-color: #b1b1b1 #c6c6c6 #cecece;
    background: #dadada;
    background: -webkit-linear-gradient(top,#dadada 0,#e1e1e1 4%,#e5e5e5 100%);
    background: linear-gradient(to bottom,#dadada 0,#e1e1e1 4%,#e5e5e5 100%);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.75);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset,0 1px 0 rgba(255,255,255,.75);
    box-shadow: 0 1px 1px rgba(0,0,0,.15) inset, 0 1px 0 rgba(255,255,255,.75);
    border-width: 1px;
}
.normalbutton-disabled {
	font-family: 'Open Sans',sans-serif, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	display: inline-block;
	width: auto;
	FONT-SIZE: 12px;
	height: 19px;
	line-height: 19px;
	padding: 0px 10px 0px 10px;
	border-radius: 3px;
	border-top: 1px solid #cacaca;
	border-right: 1px solid #a4a4a4;
	border-bottom: 1px solid #6f6f6f;
	border-left: 1px solid #a4a4a4;	
	text-decoration:none;
	white-space:nowrap;
	background-position: 0px 0px;
	opacity: 0.8;
	cursor: default;
	color: #999;
	text-shadow: none;	
}
.orangebutton {	
	color: #ffffff;
	background: linear-gradient(to bottom,#3a6400 0,#406e00 6%,#497d00 100%);
	box-shadow: 0 1px 0 rgba(255,255,255,.15);
    border-radius: 3px;
	border-width: 1px;
	border-style: solid;
    border-color: #325700 #3b6500 #427000;
    padding: 1px 10px;
	font-family: 'Open Sans',sans-serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}
.orangebutton:focus {
	border-top: 1px solid #2f8be8 !important;
	border-right: 1px solid #2f8be8 !important;
	border-bottom: 1px solid #2f8be8 !important;
	border-left: 1px solid #2f8be8 !important;
	background-position: 0px -38px !important;
	color: #fff !important;
}
.orangebutton:hover {
	background: linear-gradient(to bottom,#5da000 0,#508a00 45%,#4f8700 100%);
	box-shadow: 0 1px 0 rgba(0,0,0,.15), inset 0 1px 0 #5da000, inset 1px 0 0 #548f00, inset -1px 0 0 #548f00;
    border-color: #579400 #497c00 #316400;
}
.orangebutton:active {
	outline: none;
	background: #3a6400;
	background: -webkit-linear-gradient(top,#3a6400 0,#406e00 6%,#497d00 100%);
	background: linear-gradient(to bottom,#3a6400 0,#406e00 6%,#497d00 100%);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15), inset 0 1px 0 #3a6400, inset 1px 0 0 #447500, inset -1px 0 0 #447500;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.15),inset 0 1px 0 #3a6400,inset 1px 0 0 #447500,inset -1px 0 0 #447500;
	box-shadow: 0 1px 0 rgba(255,255,255,.15), inset 0 1px 0 #3a6400, inset 1px 0 0 #447500, inset -1px 0 0 #447500;
	border-color: #325700 #3b6500 #427000;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.15);
	box-shadow: 0 1px 0 rgba(255,255,255,.15);
    z-index: 20;
}
table.report-top-left,
table.report-top-right {
	color: #fff; 
	font-family: 'Open Sans',sans-serif, Verdana;
	font-size: 12px;
	line-height: 1.6em;
    width: auto;
	height: auto;
}
.report-top-left .visma-title {
	color: #FFFFFF;
	font-family: 'Open Sans',sans-serif, Verdana;
	font-size: 20px;
	line-height: 32px;
	vertical-align: middle;
	font-weight: 200;
}
table.report-top-left td.visma-logo,
table.report-top-left td.visma-logo img {
	width: 32px;	
}
table.report-top-left td.visma-logo img {
	margin-right: 10px;
}


/* - COMMON - */
.vmGridSumRow {
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-size: 13px;
    font-weight: 600;
    color: #282828;
}
td.vmGridImage
{
      padding:                0px;
      background-image: none;
      background-color: #FFFFFF;
      
      font-weight:            normal;
      font-size:              10px;
	FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
            
      border-top:             solid 1px #CCCCCC;      
      border-right:           solid 1px #CCCCCC;
      border-left:            solid 1px #FFFFFF;      
      
      text-align:center;
}
   

td.vmGridSubHeaderImage
{
      padding:                0px;
      background-image: url(../../Images/Common/header.png);
      background-repeat:      repeat-x;
      font-weight:            normal;
      font-size:              12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
      color:                        #282828;
      border-top:             solid 1px #CCCCCC;      
      border-right:           solid 1px #CCCCCC;
      border-left:            solid 1px #F0F0F0;      

}

.vmBodyHead   {
    font: 'Open Sans';
    font-size:  20px;
    font-weight: 200;
    /*color: #0974b3;*/
    color: #ffffff;
    background-color: #006199;
}

.vmModuleHead   {
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    font-size:  13px;
    font-weight: normal;
    color: #ffffff;
}

.vmCopyRightText
{
      font-size:        12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
      font-weight:      normal;
      color:                  #FFFFFF;
}

.vmMiniList
{
	border:				solid 1px #cccccc;
	background-color:	#ffffff;
}

.vmNormalText
{
	font-size:		12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	font-weight:	normal;
	color:			#000000;
}

.vmBoldText
{
	font-size:		12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	font-weight:	bold;
	color:			#CECECE;
}

.vmErrorField
{
	background-color: #FF6666;
}


td.backShadowLine 
{
	background-image: url(../Images/shadow_line.gif);
	background-repeat: repeat-x;
}

.backShadowLine 
{
	background-image: url(../Images/shadow_line.gif);
	background-repeat: repeat-x;
}

.borderFTB
{
	border: solid 1px #878787;
	padding: 4px 4px 4px 4px;
}

.tableInsertNewItemInModule
{
	background-color: #F7F7F7;
	border: solid 1px #D6D6D6;
	margin-bottom:8px;
}

.HeadlineEditWebpartContent
{
	background-color: #F0F0F0;
	border-bottom: solid 1px #D6D6D6;
	padding : 4px 4px 4px 4px;
}

div.navigationPath
{
	border-bottom: #e8e8e8 1px solid;
	background-color: #f0f0f0;
}

td.navigationPath
{
	height: 24px;
	vertical-align: middle;
	padding: 0px 5px 0px 5px;
	font-size: 10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
}

/* - GRID - */

/* StyleSheets for grid
  Classes for Visma Menu grids when building it as a table
  Theese classes should be used when you want the table have a "spreedsheet feel"
  (There are also classes if you want a "list feel")

  table.vmGrid - Set on the table (the grid)

  td.vmGridHeaderStart - Style to set on start header cell
  td.vmGridHeader - Style to set on middle header cells
  td.vmGridHeaderEnd - Style to set on end header cell
  td.vmGridHeaderWholeRow - Style to set on header that cover the whole table (uses colspan)

  td.vmGridSubHeaderStart - Style to set on start sub header cell
  td.vmGridSubHeader - Style to set on middle sub header cells
  td.vmGridSubHeaderEnd - Style to set on end sub header cell

  td.vmGridStart - Style to set on start sub header cell
  td.vmGridHeader - Style to set on middle sub header cells
  td.vmGridHeaderEnd - Style to set on end sub header cell

  td.vmGridSpaceStart - Style to set on start cell for a row that doesn't contain anything. (just space in grid)
  td.vmGridSpace - Style to set on middle cell for a row that doesn't contain anything. (just space in grid)
  td.vmGridSpaceEnd - Style to set on end cell for a row that doesn't contain anything. (just space in grid)
*/

table.vmGrid
{
	border-top:			none;
	border-bottom:		solid 1px #CCCCCC;
}

div.vmGrid
{
	border-top:			none;
	border-bottom:		solid 1px #CCCCCC;
}

div.vmGridScroll
{
	background-color:	#F0F0F0;
	border-left:		1px #CCCCCC solid;
	border-right:		1px #CCCCCC solid;
	border-bottom:		1px #CCCCCC solid;
}

.vmGridTop
{
}

.vmGridBottom
{
	border-top:			none;
	border-bottom:		solid 1px #CCCCCC;
}

td.vmGridHeaderStart
{
	height:				24px;
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridHeader
{
	height:				24px;
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
}

tr.vmGridHeader
{
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
	text-align:			left;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #000000;
	border-bottom:		solid 1px #CCCCCC;	
}

tr.vmGridFooter
{
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
	text-align:			left;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
}

td.vmGridHeaderEnd
{
	height:				24px;
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;	
	border-left:		solid 1px #F0F0F0;
}

.vmGridHeaderWholeRow
{
	height:				24px;
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}


td.vmGridSubHeaderWholeRow
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	

}

td.vmGridSubHeaderStart
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	

}

td.vmGridSubHeader
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	

}

td.vmGridSubHeaderEnd
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	

}


td.vmGridSubSubHeaderStart
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			9px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	

}

td.vmGridSubSubHeader
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			9px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	

}

td.vmGridSubSubHeaderEnd
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			9px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	

}

td.vmGridSubSubHeaderWholeRow
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			9px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3 !important;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	

}

td.vmGridToolbarStart
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	color:				#6D6D6D;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

tr.vmGridToolbarStart
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	color:				#6D6D6D;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridToolbar
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
}

td.vmGridToolbarEnd
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	color:				#6D6D6D;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;	
	border-left:		solid 1px #F0F0F0;
}

.vmGridToolbarWholeRow
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridStart
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;
		
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGrid
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;
	
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FFFFFF;	
}

tr.vmGridRow
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;
	
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FFFFFF;	
}

tr.vmGridRowAlt
{
	padding:			3px;
	background-image:	none;
	background-color:	#F7F7F7;
	
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FFFFFF;	
}

td.vmGridEnd
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;

	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FFFFFF;	
}

td.vmGridSpaceStart
{
	border-top:			solid 1px #CCCCCC;
	height:				16px;
	line-height:		16px;
	font-size:			16px;
	background-image:	none;
}

td.vmGridSpace
{
	border-top:			solid 1px #CCCCCC;	
	height:				16px;
	line-height:		16px;
	font-size:			16px;
	background-image:	none;
}

td.vmGridSpaceEnd
{
	border-top:			solid 1px #CCCCCC;	
	height:				24px;
	line-height:		24px;
	font-size:			24px;
	background-image:	none;
}

td.vmGridSumL1Start
{
	padding:			3px;
	background-image:	none;
	background-color:	#E0E0E0;
		
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;
}

td.vmGridSumL1
{
	padding:			3px;
	background-image:	none;
	background-color:	#E0E0E0;
	
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #E0E0E0;	
}

td.vmGridSumL1End
{
	padding:			3px;
	background-image:	none;
	background-color:	#E0E0E0;

	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #E0E0E0;	
}

td.vmGridSumL2Start
{
	padding:			3px;
	background-image:	none;
	background-color:	#EFEFEF;
		
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridSumL2
{
	padding:			3px;
	background-image:	none;
	background-color:	#EFEFEF;
	
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #EFEFEF;	
}

td.vmGridSumL2End
{
	padding:			3px;
	background-image:	none;
	background-color:	#EFEFEF;

	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #EFEFEF;	
}

td.vmGridSumL3Start
{
	padding:			3px;
	background-image:	none;
	background-color:	#F4F4F4;
		
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridSumL3
{
	padding:			3px;
	background-image:	none;
	background-color:	#F4F4F4;
	
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F4F4F4;	
}

td.vmGridSumL3End
{
	padding:			3px;
	background-image:	none;
	background-color:	#F4F4F4;

	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F4F4F4;	
}

td.vmGridSumL4Start
{
	padding:			3px;
	background-image:	none;
	background-color:	#F8F8F8;
		
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridSumL4
{
	padding:			3px;
	background-image:	none;
	background-color:	#F8F8F8;
	
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F8F8F8;	
}

td.vmGridSumL4End
{
	padding:			3px;
	background-image:	none;
	background-color:	#F8F8F8;

	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F8F8F8;	
}

td.vmGridSumL5Start
{
	padding:			3px;
	background-image:	none;
	background-color:	#FCFCFC;
		
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmGridSumL5
{
	padding:			3px;
	background-image:	none;
	background-color:	#FCFCFC;
	
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FCFCFC;	
}

td.vmGridSumL5End
{
	padding:			3px;
	background-image:	none;
	background-color:	#FCFCFC;

	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-top:			solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FCFCFC;	
}

/* - INPUTWINDOW - */

.vmInputWindow
{
	color: #282828;
	background-color: #ffffff;
	font-weight: normal;
	font-size: 12px;
	FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
}

.vmInputWindowHeader
{
/*	border-bottom:		solid 1px #CCCCCC;*/
/*	padding:			0px 6px 0px 6px;*/
	vertical-align:		middle;
	font-size:			12px;
	height:				1px;
    FONT-FAMILY:        'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color: #ffffff;
	background-color:   #006199;
	font-weight:		normal;
/*	background-image:	url(../../Images/Common/bg_inputwindow.jpg);*/
/*	background-repeat:	repeat-x;*/
}

.vmInputWindowBellowHeader {
    /*	border-top:			solid 1px #ffffff;*/
    padding: 0px;
    font-size: 12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
    color: #ffffff;
    background-color: #006199;
    font-weight: normal;
}

.vmInputWindowHeaderText
{
	font-size:			14px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#0974b3;
	font-weight:		normal;
}

.vmContent
{
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#282828;
	font-weight:		normal;
}

.vmContentPadding
{
	padding:			8px;
}

/* - LIST - */

/* StyleSheet for list
  Classes for Visma Menu lists when building it as a table
  Theese classes should be used when you want the table have a "List feel"
  (There are also classes if you want a "Grid feel")

  table.vmList - Set on the table (the list)

  td.vmListHeaderStart - Style to set on start header cell
  td.vmListHeader - Style to set on middle header cells
  td.vmListHeaderEnd - Style to set on end header cell

  td.vmListSubHeaderStart - Style to set on start sub header cell
  td.vmListSubHeader - Style to set on middle sub header cells
  td.vmListSubHeaderEnd - Style to set on end sub header cell

  td.vmListStart - Style to set on start sub header cell
  td.vmListHeader - Style to set on middle sub header cells
  td.vmListHeaderEnd - Style to set on end sub header cell

  td.vmListAltStart - Style to set on start cell (every second row)
  td.vmListAlt - Style to set on middle cells (every second row)
  td.vmListAltEnd - Style to set on end cell (every second row)

  td.vmListSpaceStart - Style to set on start cell for a row that doesn't contain anything. (just space in list)
  td.vmListSpace - Style to set on middle cell for a row that doesn't contain anything. (just space in list)
  td.vmListSpaceEnd - Style to set on end cell for a row that doesn't contain anything. (just space in list)
*/

table.vmList
{
	border-top:			solid 1px #CCCCCC;
	border-bottom:		solid 1px #CCCCCC;
}

div.vmList
{
	border-top:			solid 1px #CCCCCC;
	border-bottom:		solid 1px #CCCCCC;
}

div.vmListScroll {
    background-color: #FFFFFF;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
}

.vmListTop
{
	border-top:			solid 1px #CCCCCC;
	border-bottom:		none;
}

.vmListBottom
{
	border-top:			none;
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListHeaderStart
{
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListHeader
{
	padding:			3px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListHeaderEnd
{
	padding:			3px 6px 3px 6px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;	
	border-left:		solid 1px #F0F0F0;
	border-bottom:		solid 1px #CCCCCC;
}

.vmListHeaderWholeRow
{
	padding:			3px 6px 3px 6px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		bold;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-bottom:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-right:		solid 1px #CCCCCC;
}

td.vmListToolbarStart
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-top:		solid 1px #CCCCCC;
}

td.vmListToolbar
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-top:		solid 1px #CCCCCC;
}

td.vmListToolbarEnd
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;	
	border-left:		solid 1px #F0F0F0;
	border-top:		solid 1px #CCCCCC;
}

.vmListToolbarWholeRow
{
	padding:			1px;
	background-image:	none;
	background-color:	#F0F0F0;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-top:		solid 1px #CCCCCC;
}

td.vmListWholeRow
{
	padding:			1px;
	background-image:	none;
	background-color:	#FFFFFF;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmListWholeRowAlt
{
	padding:			1px;
	background-image:	none;
	background-color:	#FAFAFA;
	font-weight:		normal;
	font-size:			12px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmListSubHeaderStart
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubHeader
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubHeaderEnd
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubHeaderWholeRow
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		bold;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubSubHeaderStart
{
	padding:			3px;
	background-image:	none;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubSubHeader
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListSubSubHeaderEnd
{
	padding:			3px;
	background-image:	url(../../Images/Common/header.png);	
	background-repeat:	repeat-x;
	font-weight:		normal;
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
	color:				#6D6D6D;
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #F0F0F0;	
	border-bottom:		solid 1px #CCCCCC;
}

td.vmListStart
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;
		
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;

	border-right:		solid 1px #FFFFFF;
	border-left:		solid 1px #CCCCCC;	
}

td.vmList
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #FFFFFF;
	border-left:		solid 1px #FFFFFF;	
}

td.vmListEnd
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FFFFFF;	
}


td.vmListWholeRow
{
	padding:			3px;
	background-image:	none;
	background-color:	#FFFFFF;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}


td.vmListAltStart
{
	padding:			3px;
	background-image:	none;
	background-color:	#FAFAFA;
		
	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #FAFAFA;
	border-left:		solid 1px #CCCCCC;	
}

td.vmListAlt
{
	padding:			3px;
	background-image:	none;
	background-color:	#FAFAFA;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #FAFAFA;
	border-left:		solid 1px #FAFAFA;	
}

td.vmListAltEnd
{
	padding:			3px;
	background-image:	none;
	background-color:	#FAFAFA;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #FAFAFA;	
}

td.vmListAltWholeRow
{
	padding:			3px;
	background-image:	none;
	background-color:	#FAFAFA;

	font-size:			10px;
    FONT-FAMILY: 'Open Sans',sans-serif, Verdana, Arial, Helvetica;
		
	border-right:		solid 1px #CCCCCC;
	border-left:		solid 1px #CCCCCC;	
}

td.vmListSpaceStart
{
	border-top:			solid 1px #CCCCCC;
	border-bottom:		solid 1px #CCCCCC;
	height:				16px;
	line-height:		16px;
	font-size:			16px;
	background-image:	none;
}

td.vmListSpace
{
	border-top:			solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
	height:				16px;
	line-height:		16px;
	font-size:			16px;
	background-image:	none;
}

td.vmListSpaceEnd
{
	border-top:			solid 1px #CCCCCC;	
	border-bottom:		solid 1px #CCCCCC;
	height:				23px;
	line-height:		23px;
	font-size:			23px;
	background-image:	none;
}

/*
PX 
*/

td.pxSpace
{
	border-top:			solid 1px #CCCCCC;	
	height:				6px;
	line-height:		6px;
	background-color:	#FFFFFF;	
}

.invisible
{
	display:			none;	
	visibility:			hidden;
	height:				0px;
	line-height:		0px;
	
}
.visible
{
	display:			block;			
}

.labelright
{
	text-align:			right;
}

td.dummy
{
	background-color:	#FFFFFF;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #FFFFFF;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
    color: black;
    font-weight:bold;
}