html, body
{
    height: 100%;
}

body
{
    min-width: 960px;
    background: url("images/bg_pattern.jpg") repeat scroll 0 0 transparent;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 62.5%;
    line-height: 1.6em;
    color: #222222;
}

/*Input
body, button, input, select, textarea
{
    color: #222222;
}
*/
#page
{
    width: 100%;
}

#vismaMenu
{
    margin-right: 18px;
    margin-left: 18px;
    background: url("images/visma_menu.png") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #333333;
    box-shadow: 0 2px 2px #404040;
    margin-bottom: 1em;
    height: 40px;

}

#vismalogo
{
    background-image: url("images/visma_white.png");
    width: 100px;
    height: 23px;
    position: absolute;
    left: 12px;
    top: 8px;
}

#menu
{
    margin-right: 18px;
    margin-left: 18px;
    background: url("images/top-bottom-back.png") repeat-x scroll right top #E6E6E6;
    color: #191919;
    height: 29px;
    text-shadow: none !important;
}

#maincontainer
{
    margin-right: 18px;
    margin-left: 18px;
    background-color: #F0F0F0;
    border-radius: 0 0 0 0;
    box-shadow: -1px -1px 1px #2F4E62;
    z-index: 300;
    min-height:500px;
}

#footer 
{
    margin-right: 18px;
    margin-left: 18px;
    clear: both;
    color: #FFFFFF;
    font-size: 1em;
    margin: 1em;
    overflow: hidden;
    text-align: center;
}



.lighter {
background-color: #f9f9f9;
	
	}
	

label {
cursor: default;
}





/* general typography */

h1, h2, h3 {
	font-size:1.6em;
	line-height:1.8em;
		}

/* /general typography */



/* context selector */

#contextSelector {
	float: right;
	margin-top: 3px;
}
#contextSelector select.context {
	min-width: 18em;
	width: auto;
}
/* end context selector */
/* Nordic cool modules */

.module {
}
.module .header {
	border-radius: 0 .5em 0 0;
	color: #fff;
	font-weight: bold;
	height: 2.6em;
	position: relative;
}
.header h4 {
	padding: .8em 4.5em .4em 1.2em;
}

.moduleicons {
	float:right;
	right: 0px;
	clear:none;
	position: relative;
	height: 28px;
	
	
	}

.system_icons
{
    position: absolute; 
    margin-right:30px; 
    margin-top:7px; 
    right:0;
}

.header .moduleIcons {
	height: 1.8em;
	position:relative;
	right: 0;
	top: 0;
	width: 3.3em;
	padding: .6em 1em .2em 1em;
}
.mainModule .moduleIcons {
	background: url("../layout/module_image.png") no-repeat 0 -310px;
}
.moduleIcons li {
	float: right;
	list-style: none;
	margin-left: .3em;
	margin-top: 4px;
}
.moduleIcons .icon {
	background: url("icons/small_icons.png") no-repeat;
	height: 12px;
	width: 12px;
}
.mainModule .moduleIcons .close, .darkModule .moduleIcons .close {
	background-position: 0 0;
}
.mainModule .moduleIcons .minimize, .darkModule .moduleIcons .minimize {
	background-position: 0 -12px;
}
.mainModule .moduleIcons .restore, .darkModule .moduleIcons .restore {
	background-position: 0 -24px;
}
.inputModule .moduleIcons .close, .outputModule .moduleIcons .close, .mainContentModule .moduleIcons .close {
	background-position: 0 -36px;
}
.inputModule .moduleIcons .minimize, .outputModule .moduleIcons .minimize, .mainContentModule .moduleIcons .minimize {
	background-position: 0 -48px;
}
.inputModule .moduleIcons .restore, .outputModule .moduleIcons .restore, .mainContentModule .moduleIcons .restore {
	background-position: 0 -60px;
}
.mainContentModule .moduleIcons {
	background: url("../layout/module_image_large.png") no-repeat 0 -351px;
}
.mainContentModule .moduleIcons {
	height:33px;
}
.mainContentModule .header {
	background:url(../vertmenu/top-bottom-back.png) top right repeat-x;
	height:29px;
	background-color: #e6e6e6;
	/*border-bottom: 1px solid #b3b3b3;*/
	text-shadow:none !important;
	color: #191919;
	margin-left: -1px;
}

.mainContentModule {
	background-color: #f0f0f0;
	overflow:auto !important;
	
}
.mainContentModule .content {
	z-index: 300;
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #e1e1e1), 35px, #efefef);
	background-image: -webkit-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:    -moz-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:     -ms-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:      -o-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	border-radius: 0 0 0 0;
	border-top: 1px solid #fff;
	-webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px -1px 1px #2f4e62;
	box-shadow: -1px -1px 1px #2f4e62;
}

.inputTable {
}
.inputTable td {
	padding: 0px 0px 6px 0px;
}
.inputTable td > input {
	border: 1px solid #999;
}

.mainModule .header {
	background-color: #386d8d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4689b0), to(#386d8c));
	background-image: -webkit-linear-gradient(top, #4689b0, #386d8c);
	background-image:    -moz-linear-gradient(top, #4689b0, #386d8c);
	background-image:     -ms-linear-gradient(top, #4689b0, #386d8c);
	background-image:      -o-linear-gradient(top, #4689b0, #386d8c);
	background-image:         linear-gradient(top, #4689b0, #386d8c);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4689b0', endColorstr='#386d8c', GradientType=0 ); /* IE6-9 */
	border: 1px solid #74a7c4;
	border-bottom-color: #345c73;
	text-shadow: 1px 1px 1px #224356;
}
.mainModule .content {
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #e1e1e1), 35px, #efefef);
	background-image: -webkit-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:    -moz-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:     -ms-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
	background-image:      -o-linear-gradient(top, #e1e1e1 0px, #efefef 35px);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#efefef', GradientType=0 ); /* IE6-9 */
	border-radius: 0 0 .5em .5em;
	border-top: 1px solid #fff;
}
.darkModule .header {
	background-color: #5e676c;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #5e766c), color-stop(2%, #545e63), color-stop(50%, #4c5459), color-stop(52%, #525c61), color-stop(98%, #6b777e), color-stop(100%, #7a868c));
	background-image: -webkit-linear-gradient(bottom, #5E676C 0%, #545E63 2%, #4c5459 50%, #525c61 52%, #6B777E 98%, #7A868C 100%);
	background-image:    -moz-linear-gradient(bottom, #5E676C 0%, #545E63 2%, #4c5459 50%, #525c61 52%, #6B777E 98%, #7A868C 100%);
	background-image:     -ms-linear-gradient(bottom, #5E676C 0%, #545E63 2%, #4c5459 50%, #525c61 52%, #6B777E 98%, #7A868C 100%);
	background-image:      -o-linear-gradient(bottom, #5E676C 0%, #545E63 2%, #4c5459 50%, #525c61 52%, #6B777E 98%, #7A868C 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E676C', endColorstr='#7A868C', GradientType=0 ); /* IE6-9 */
	border: 1px solid #6b777e;
	border-bottom-color: #2e3336;
	text-shadow: 1px 1px 1px #24282a;
}
.darkModule .content, .inputModule .content, .outputModule .content {
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #e6e6e6), 40px, #f4f4f4);
	background-image: -webkit-linear-gradient(top, #e6e6e6 0px, #f4f4f4 40px);
	background-image:    -moz-linear-gradient(top, #e6e6e6 0px, #f4f4f4 40px);
	background-image:     -ms-linear-gradient(top, #e6e6e6 0px, #f4f4f4 40px);
	background-image:      -o-linear-gradient(top, #e6e6e6 0px, #f4f4f4 40px);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f4f4f4', GradientType=0 ); /* IE6-9 */
	border: 1px solid #c0c0c0;
	border-top-color: #f8f8f8;
}
.inputModule .header, .outputModule .header {
	background-color: #dbdbdb;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #dbdbdb), color-stop(2%, #d4d4d4), color-stop(50%, #ccc), color-stop(52%, #d6d6d6), color-stop(98%, #f1f1f1), color-stop(100%, #fff));
	background-image: -webkit-linear-gradient(bottom, #dbdbdb 0%, #d4d4d4 2%, #ccc 50%, #d6d6d6 52%, #f1f1f1 98%, #fff 100%);
	background-image:    -moz-linear-gradient(bottom, #dbdbdb 0%, #d4d4d4 2%, #ccc 50%, #d6d6d6 52%, #f1f1f1 98%, #fff 100%);
	background-image:     -ms-linear-gradient(bottom, #dbdbdb 0%, #d4d4d4 2%, #ccc 50%, #d6d6d6 52%, #f1f1f1 98%, #fff 100%);
	background-image:      -o-linear-gradient(bottom, #dbdbdb 0%, #d4d4d4 2%, #ccc 50%, #d6d6d6 52%, #f1f1f1 98%, #fff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fff', GradientType=0 ); /* IE6-9 */
	border: 1px solid #cbcbcb;
	border-bottom-color: #9b9b9b;
	color: #595959;
	text-shadow: 0 0 0;
}
.outputModule .content {
	background-color: #fff;
	background-image: none;
}
.blueModule .header {
	background-color: #2a76a3;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #2a76a3), color-stop(2%, #1e6f9e), color-stop(50%, #196d9e), color-stop(52%, #29749f), color-stop(98%, #4d9ac7), color-stop(100%, #6aabd2));
	background-image: -webkit-linear-gradient(bottom, #2a76a3 0%, #1e6f9e 2%, #196d9e 50%, #29749f 52%, #4d9ac7 98%, #6aabd2 100%);
	background-image:    -moz-linear-gradient(bottom, #2a76a3 0%, #1e6f9e 2%, #196d9e 50%, #29749f 52%, #4d9ac7 98%, #6aabd2 100%);
	background-image:     -ms-linear-gradient(bottom, #2a76a3 0%, #1e6f9e 2%, #196d9e 50%, #29749f 52%, #4d9ac7 98%, #6aabd2 100%);
	background-image:      -o-linear-gradient(bottom, #2a76a3 0%, #1e6f9e 2%, #196d9e 50%, #29749f 52%, #4d9ac7 98%, #6aabd2 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a76a3', endColorstr='#6aabd2', GradientType=0 ); /* IE6-9 */
	border: 1px solid #0574be;
	border-bottom-color: #0c5782;
}
.blueModule .content {
	background-color: #196b9a;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #227bae), 115px, #196b9a);
	background-image: -webkit-linear-gradient(top, #227bae 0px, #196b9a 115px);
	background-image:    -moz-linear-gradient(top, #227bae 0px, #196b9a 115px);
	background-image:     -ms-linear-gradient(top, #227bae 0px, #196b9a 115px);
	background-image:      -o-linear-gradient(top, #227bae 0px, #196b9a 115px);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227bae', endColorstr='#196b9a', GradientType=0 ); /* IE6-9 */
	border: 1px solid #0c5782;
	border-top-color: #4795be;
}
/* end nordic cool modules */


.groupbox {
    border-color: #FFFFFF #C1C1C1;
    border-style: groove solid;
    border-width: 2px 1px 1px;
    padding: 8px;
}



.commandlink {
    text-decoration: underline !important;
    cursor:pointer !important;
}
	
.commandlink.dark {
    color: #4f82c7 !important;
}
	
.commandlink.light {
    color: #fff !important;
}	
	
          
.progressbar-text {
	cursor:default;
    position: relative;
    color: #fff;
    text-align: center;
    width: 100%;	
	font-weight: bold;
	text-shadow: black 0px 0px 2px;
	display:table-cell; vertical-align:middle;
	

}


/* Progress bar styles */

.progressbar-wrap{
	overflow:hidden;
    position: relative;
	-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
	   -moz-box-shadow: 1px 1px 1px #fff;
	        box-shadow: 1px 1px 1px #fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #b3b3b3;
	
	/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#fefefe));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #e5e5e5, #fefefe);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5, endColorstr=#fefefe);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5, endColorstr=#fefefe)";
	
	
	
	
	
}

.progressbar-wrap, .progressbar-value, .progressbar-text {

}

.progressbar-value {
	
	display:table;
	
		-moz-border-radius: 4px;
	border-radius: 4px 0px 0px 4px;
	height: 100%;


border: 1px solid #257fbd;
	
	background: #75b1d9; /* Old browsers */

background: -moz-linear-gradient(top,  #75b1d9 0%, #3f81ad 50%, #1f72aa 51%, #1e73ac 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75b1d9), color-stop(50%,#3f81ad), color-stop(51%,#1f72aa), color-stop(100%,#1e73ac)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #75b1d9 0%,#3f81ad 50%,#1f72aa 51%,#1e73ac 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #75b1d9 0%,#3f81ad 50%,#1f72aa 51%,#1e73ac 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #75b1d9 0%,#3f81ad 50%,#1f72aa 51%,#1e73ac 100%); /* IE10+ */

background: linear-gradient(top,  #75b1d9 0%,#3f81ad 50%,#1f72aa 51%,#1e73ac 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b1d9', endColorstr='#1e73ac',GradientType=0 ); /* IE6-9 */


	

	}
	
           
.progressbar-text {
	cursor:default;
    position: relative;
    color: #fff;
    text-align: center;
    width: 100%;	
	font-weight: bold;
	text-shadow: black 0px 0px 2px;
	display:table-cell; vertical-align:middle;
	

}

/* / Progress bar styles */

input[type="button"], input[type="submit"] {
    background: url("buttons.png") repeat-x scroll 0 0 transparent;
    border-color: #CACACA #A4A4A4 #6F6F6F;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px #D9D9D9;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    height: 21px;
    padding: 2px 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
input[type="button"]:hover, input[type="submit"]:hover {
    background-position: 0 -57px;
    border-color: #979796 #979796 #71716F;
    border-style: solid;
    border-width: 1px;
}
input[type="button"]:active, input[type="submit"]:active {
    background-position: 0 -76px;
    border-color: #787878 #787878 #71716F;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
input[type="button"]:focus, input[type="submit"]:focus {
    background-position: 0 -38px;
    border-color: #2970BD;
    border-style: solid;
    border-width: 1px;
}

.orangebutton {
    background: url("buttons_orange.png") repeat-x scroll 0 0 transparent !important;
    border-color: #E3962D #B36316 #8B3802 !important;
    border-radius: 3px 3px 3px 3px;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    height: 21px;
    text-shadow: 0 1px 2px #333333 !important;
}
.orangebutton:hover {
    background-position: 0 -57px !important;
    border-color: #E3962D #B86918 #8B3802 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
}
input.orangebutton[disabled] {
    background-position: 0 -19px !important;
    border-color: #A66C42 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #F5EBDC !important;
}
.orangebutton:active {
    background-position: 0 -76px !important;
    border-color: #97571E #7B4210 #5D2C02 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
}
.orangebutton:focus {
    background-position: 0 -38px !important;
    border-color: #2F8BE8 !important;
    border-style: solid !important;
    border-width: 1px !important;
    color: #FFFFFF !important;
}