/**
 * Master styling for the internal (logged in ) web sites
 */
html {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #F4F4F4 url(../_/images/page_bg.png) repeat-y scroll 50% 0;
}

body {
    background-color: transparent;
    font: normal 14px / 19px Arial;
    margin-top: 1em;
    text-align: left;
}

hr {
    height: 1px;
    overflow: hidden;
    color: #e8e8e8;
    background-color: #e8e8e8;
    border: none;
    margin: 20px 0 15px 0;
}

p {
    margin: 5px 0;
    display: block;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

td, th {
    vertical-align: top;
}

a {
    color: #0c4d91;
    text-decoration: none;
    border-bottom: 1px solid #0c4d91;
}

ul {
    margin: 0 0 20px 2px;
}

ul li {
    padding-left: 15px;
    background: url(../_/images/bullet.png) no-repeat 0 7px;
}


div.ac_results{
	border-bottom: 1px solid #CCC;
}

div.ac_results > ul{
	margin:0;
	font-size: 0.9em;
}

div.ac_results > ul li{
	background-color:#FCFCFC;
}

div.ac_results > ul li a{
	border-bottom: 0px;
	color: black;
}

ul li.ac_even {
	/*background-color:#FCFCFC;*/
	background-image : none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top: 2px solid #FCFCFC;
	border-bottom: 2px solid #FCFCFC;
}

ul li.ac_odd {
	/*background-color:#F4F4F4;*/
	background-image : none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-top: 2px solid #FCFCFC;
	border-bottom: 2px solid #FCFCFC;
}

ul li.ac_over {
	background-image : none;
	border-left:1px solid #E7A614;
	border-right:1px solid #E7A614;
	border-top: 2px solid #E7A614;
	border-bottom: 2px solid #E7A614;
}

ol {
    margin: 0 0 20px 20px;
}

ol li {
    list-style-type: decimal;
}

h1 {
    font: bold 30px / 36px Arial;
    margin-bottom: 10px;
}

h2 {
    font: bold 19px / 23px Arial;
    margin-bottom: 10px;
}

h3 {
    font: bold 16px / 20px Arial;
}

h4 {
    font: bold 14px / 18px Arial;
}

h5 {
}


#hd.loggedIn {
  height: 89px;
  background: url("../_/images/giro.png") no-repeat 240px -20px;
  position: relative;
}


#hd {
  background: url("../_/images/giro.png") no-repeat 494px 0;
    height: 89px;
    position: relative;
}

#hd .logo, #hd .logo a {
    width: 284px;
    height: 89px;
}

#hd .logo a {
    display: block;
    text-indent: -999em;
    background: url(../images/logo/sendregning.png) no-repeat 0 0;
    border: none;
}

#ft {
    border-top: 1px solid #E8E8E8;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 5px 55px;
    margin-top: 1em;
}

a.disabled {
    border-bottom: none;
    text-decoration: none;
    color: #000;
}

a.popup {
	background: transparent url('/images/popup.gif') no-repeat right center;
	padding-right: 15px;
}

a.imagePopup {
	background: transparent url('/images/popup.gif') no-repeat right center;
	padding-right: 15px;
	border-bottom: none;
}


/* Links in the footer */
div.social {
	float: right;
}

div.social img {
	vertical-align: middle;
}

div.fb-like {
	float: left;
	margin-top: 1em;
}

a.border-less {
	border-bottom: none;
}

div.kolofon {
    margin-top: 5px;
    float: left;
}


#nav {
    height: 37px;
    background-color: #0c4d91;
    overflow: hidden;
    position: relative;
    color: #fff;
}

#nav a {
    color: #fff;
    text-decoration: none;
}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav li {
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-image: none;
}

#nav li a {
    display: block;
    height: 37px;
    padding: 9px 16px 0 16px;
}

#nav li.first a {
    padding-left: 18px;
    background: #0c4d91 url(../_/images/corner_ul.png) no-repeat scroll 0 0;
}

#nav li.active a, #nav li a:hover {
    background-color: #E7A614;
}

#nav .logout {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    background: url(../_/images/corner_ur.png) no-repeat 100% 0;
}

#nav .logout a {
	font-weight: bold;
}

#breadcrumbs {
    border-top: 1px solid #fff;
    height: 24px;
    background-color: #f4f4f4;
    overflow: hidden;
    padding: 14px 0 0 15px;
    position: relative;
    font: normal 12px / 12px Arial;
}

#breadcrumbs ul {
}

#breadcrumbs li {
    float: left;
    padding: 0;
    margin: 0 5px 0 0;
    background-image: none;
}

#breadcrumbs li a {
    color: #000;
    border-color: #000;
}

#username {
    float: right;
    margin-right: 1em;
}

#internal-doc {
    width: 940px;
}

#internal-left-menu {
    width: 180px;
}

#internal-content {
    width: 79%;
    margin-top: 1em;
}

#releaseInfo {
	color: #F4F4F4;
}

/* Used when displaying the logged in user negative balance (SendRegning own him money) */
span.balance-negative {
	
}

/* Used when displaying the logged in user positive balance (he own SendRegning money) */
span.balance-positive {
	font-size: 120%;
	color: red;
}

/* Used when displaying the logged in user balanced balance (all square) */
span.balance-balance {
	
}

/* Used when displaying the amount of not yet billed transactions */
span.not-billed {
	
}

.nowrap {
	white-space: nowrap;
}


/* Menu */
#accordion.ui-accordion .ui-accordion-content {
    padding: 0;
}

#accordion.ui-accordion .ui-widget-content {
    background: #FFF;
}

#accordion .ui-state-default a, #accordion .ui-state-default a:link, #accordion .ui-state-default a:visited {
    color: #FFF;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-decoration: none;
}

#accordion > h3 > a {
    color: #FFF;
    background-color: #E7A614;
}

#accordion a {
    border-bottom: 0;
}

h3.section {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.ui-state-active .ui-icon {
	background-image : url("../_/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-default .ui-icon {
	background-image:url("../_/images/ui-icons_ef8c08_256x240.png");
}

/**
 * layout styles
 */
div.section {
    margin-top: 1em;
	clear: both;
}

div.section h3{
	color: #666; /* >:) */
}

div.error {
    background-color: #FCFCFC;
    border: 1px solid #D99928;
    padding: 1em;
    text-align: center;
}

div.error ul {
    margin: 0.5em 1em 0.5em 1em;
}

div.error ul li {
    background: none;
    color: #000;
}

div.warning {
	margin:0;
}

.indent {
	margin-left: 1em;
}

/**
 * bullets on red background look strange
 */
div.warning ul li {
	padding-left:15px;
	background: url(../_/images/bulleterror.png) no-repeat 0 7px;
}

label.error ul li {
	padding-left:15px;
	background: url(../_/images/bulleterror.png) no-repeat 0 7px;
}

div.frame {
	border: 1px solid #CCC;
	background-color: #FCFCFC;
	padding: 1em;
}

div.float-right {
	float: right;
}

div.readability {
	max-width:600px;	
}

/* The search buttons */
#gotoSearch {
    width: 400px;
}

table.goto {
    float: right;
}

/* menu items */
#accordion ul.menu {
    list-style-type: none;
    margin: 0 2em 0 0;
    padding: 0 0 1em 0;
    color: #000;
    background-color: #FFF;
}

#accordion ul.menu li {
    padding-left: 5px;
    background: none;
}

#accordion ul.menu a {
    color: #0c4d91;
    /*border-bottom: 1px solid #0C4D91;*/
}

#accordion ul.menu a:hover {
    color: #0c4d91;
    border-bottom: 1px solid #0C4D91;
}

#accordion span.menu {
    margin: 0 1em 2em 1em;
    font-weight: bold;
}

#accordion li.maintopic {
    margin-left: 1em;
}

a.noTextDecoration {
    border-bottom: 0;
}

/*
 * Tables
 */
table.sortable, table.listing, table.dark {
    font-size: 9pt;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid #CCC;
}

table.sortable thead th.first, table.listing thead th.first {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}

table.sortable thead th.last, table.listing thead th.last {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}

table.dark thead th.first {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}

table.dark thead th.last {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}

table.sortable th, table.listing th {
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    background: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}

table.dark th {
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    background: #FFF;
	border-bottom: 2px solid #E7A614;
}

table.sortable th a, table.listing th a, table.dark th a {
    color: #0c4d91;
    border-bottom: 0;
}

a.noUnderline {
    border-bottom: 0;
}

table.sortable a:hover, table.listing a:hover {
    color: #d99928;
}

table.sortable td, table.listing td, table.dark td {
    padding: 4px;
}

table.sortable tbody, table.listing tbody {
  
}

table.sortable tr.rowType1 td, table.listing tr.rowType1 td {
    background-color: #FCFCFC;
    border-top: 1px solid #F4F4F4;
}

table.sortable tr.rowType0 td, table.listing tr.rowType0 td {
    background-color: #FFF;
    border-top: 1px solid #F4F4F4;
}

table.dark tr.rowType1 td {
    background-color: #FCFCFC;
    border-top: 1px solid #F4F4F4;
}

table.dark tr.rowType0 td {
    background-color: #FFF;
    border-top: 1px solid #F4F4F4;
}

 
table.tight td {
	padding: 4px;
}

tr.dashed {
	border-top :1px dashed #CCC;
	border-bottom :1px dashed #CCC;
}

caption {
    margin-bottom: 1em;
}

/**
 * Table which has a reduced lineheight
 */
table.tight {
    line-height: 1em;
}

/**
 * Table which has a increased white space
 */
table.loose {
    line-height: 1.5em;
}

table.loose td, table.loose th {
	padding: 0.2em 1em;
	vertical-align: middle;
}

/* tables */

table.tablesorter {
	font-family:arial;
	background-color: #FFF;
	margin:10px 0pt 15px;
	font-size: 9pt;
	width: 100%;
	text-align: left;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	padding: 8px;
    font-weight: normal;
    font-size: 13px;
    background: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 2px solid #E7A614;
	background: white;
}
table.tablesorter thead tr .header {
	background-image: url(../images/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#FCFCFC;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
 /*background-color: #F4F4F4;*/
}

div .header{
	border-top:2px solid #E7A614
}

div.inset {
	float:right;
	background-color: white;
	border: 1px solid #CCC;
	padding: 0.5em;
}

/**
 * Table showing preview of faktura head
 */
div.preview {
    margin: 1em;
    border: 1px solid #CCC;
	background-color: #FFF;
}

table.infoBox {
    background-color: #FFF;
    border: 1px solid #CCC;
}

table.infoBox td, table.infoBox th {
    padding: 0.1em 0.5em 0.1em 0.5em;
}

table.infoBox .right {
    text-align: right;
}

/**
 * lightbox links
 */
a#fancybox-close {
    border-bottom: 0px;
}

a.lightbox {
    border-bottom: 0px;
}

a.lightboxImg {
    border-bottom: 0px;
}

a.lightboxImg img {
    border: 1px solid #F4F4F4;
}

/**
 * register
 */
.pagehead {
  width: 730px;
}

.yui-t7 #yui-main .yui-b {
	margin:1em;
}

/**
 *
 */
h1.title {
    font: bold 16px / 20px Arial;
}

/*
 * Sales ledger styling
 */
table.debit {
    color: #000000;
    text-align: right;
}

table.credit {
    color: #FF0000;
    text-align: right;
}

td.sum, td.summering, td.sumlinje {
    border-top: 1px solid black;
    border-bottom: 3px double black;
    white-space: nowrap;
}

th.sum, th.summering, th.sumlinje {
    border-top: 1px solid black;
    border-bottom: 3px double black;
    white-space: nowrap;
}

table td.nowrap {
    white-space: nowrap;
}

table td.tall {
    text-align: right;
    white-space: nowrap;
	padding-right: 2px;
}


table tr.even td {
    background-color: #FFF;
}

table tr.odd td {
    background-color: #FCFCFC;
}

#balanceTable {
    background: #fff;
    background-color: #FFF;
    padding: 1em;
    float: right;
    border: 1px solid #CCC;
    margin-top: 1em;
}

#balanceTable p.white {
    padding: 8px;
    color: #000;
    text-align: center;
    background-color: #FFF
}

div.prices {
	margin-top: 1em;
	padding-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
}

/**
 * Auto complete popdown
 */
.ac_results {
    background-color: #F4F4F4;
    border: 1px solid #CCC;
}

table.buttons td {
	vertical-align: middle;
	padding: 0px 0.25em 0px 0.25em;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin-left: 1em;
}

/**
 * Overlib
 */
.txtFont {
    font-size: .9em;
    padding: 1em;
    color: #000;
}

.cloFont, .capFont {
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin: 0 0 0 0;
    background-color: #0c4d91;
}

.fgClass {
}

.bgClass {
    border: 1px solid #CCC;
    background-color: #f0f5fe;
}

/**
 * jquery modal window overlay - overriding striped background from jquery-ui-1.7.2-custom.css to solid
 */
.ui-widget-overlay { background: #111111 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }

/**
 * Date picker
 */
/*
 <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible">
 <div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
 <a class="ui-datepicker-prev ui-corner-all">title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a>
 <a class="ui-datepicker-next ui-corner-all" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a>
 <div class="ui-datepicker-title">
 <span class="ui-datepicker-month">January</span><span class="ui-datepicker-year">2009</span>
 </div>
 </div>
 <table class="ui-datepicker-calendar">
 <thead>
 <tr>
 <th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th>
 ...
 </tr>
 </thead>
 <tbody><tr>
 <td class="ui-datepicker-week-end ui-datepicker-other-month "> 1 </td>
 ...
 </tr>
 </tbody>
 </table>
 <div class="ui-datepicker-buttonpane ui-widget-content">
 <button type="button" class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all">Today</button>
 <button type="button" class="ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all">Done</button>
 </div>
 </div>
 */
.ui-datepicker {
    font-size: 0.95em;
}

div.ui-datepicker {
    background: #FFF;
	z-index:99999;
}

div.ui-datepicker-header {
    padding: 0.2em 0;
    border: 0;
    color: white;
    font-size: 1em;
    font-weight: bold;
    background: #0c4d91;
}

/**
 * EXT JS
 */
body.x-body-masked div.sr-alert .x-window-mc {
	background-color: #e6eaed;
}

div.sr-alert .x-window-header-text {
	color:white;	
} 

div.sr-alert .x-window-mc {
	background-color: #e6eaed;
}




/**
 * 
 * Tables
 */
table.simple {
    border-collapse: collapse;
    text-align: left;
    border: 0;
	margin: 5px;
}
table.simple td, table.simple th {
	padding: 1px 5px 1px 5px;
}

table.outerRim {
    font-size: 12px;
    border-collapse: collapse;
    text-align: left;
    border: 0;
}

table.outerRim th.first {
    background: #F4F4F4 url('../images/table-images/left.png') left -1px no-repeat;
}

table.outerRim th.last {
    text-align: right;
    background: #F4F4F4 url('../images/table-images/right.png') right -1px no-repeat;
}

table.outerRim td.first {
    background: #F4F4F4 url('../images/table-images/botleft.png') no-repeat scroll left bottom;
    padding-bottom: 1em;
}

table.outerRim td.last {
    background: #F4F4F4 url('../images/table-images/botright.png') no-repeat scroll right bottom;
    padding-bottom: 1em;
}

table.outerRim a:hover {
    color: #d99928;
}

table.outerRim td, table.outerRim th {
    padding-top: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}

table.outerRim tbody {
}

table.white {
    border: 1px solid #CCC;
    padding: 0px;
    border-collapse: collapse;
}

table.white td, table.white th {
    background-color: #FFF;
    padding: 0.5em;
}

table.white td.line {
    border-bottom: 1px solid #CCC;
    padding: 0;
    line-height: 1em;
}

table.white td.buttons {
    padding: 1em;
}

table td.right, table th.right {
	text-align: right;
}

table td.inactive {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #FCFCFC;
    vertical-align: middle;
    padding: 0;
}

table td.inactive a {
    color: #CCC;
    border-bottom: 1px solid #CCC;
}

table td.active {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #FFF;
    vertical-align: middle;
    padding: 0;
}

/*
 * Create complete
 */
table.address {
    /*border: 1px solid #CCC;*/
    color: #333;
}

table.address caption {
    font-weight: bold;
}

table.address td {
    padding: 0.1em 0.2em 0.1em 0.2em;
}

table.invoiceDetails {
    /*border: 1px solid #CCC;*/
    color: #333;
    width: 100%;
}

table.invoiceDetails caption {
    font-weight: bold;
}

table.invoiceDetails td {
    padding: 0.1em 0.2em 0.1em 0.2em;
}

table#completeParams fieldset {
    background-color: #F4F4F4;
}

table#completeParams td.white {
    background-color: #FFF;
    padding: 1em;
    border: 1px solid #CCC;
}

table.postageDetails {
    color: #000;
    border: 1px solid #CCC;
    margin-bottom: 1em;
}

table.postageDetails caption {
    font-weight: bold;
}

table.postageDetails td {
    padding: 0.1em 0.2em 0.1em 0.2em;
    background-color: #FCFCFC;
}

/**
 * Register
 */
table.input th, table.input td {
    padding-right: 1em;
    padding-bottom: 0.2em;
}

input.required {
    background-color: #F4F499;
}

/**
 * This is so that the calendars line up after chaning the background color on required input fields
 */
input.notRequired {
    background-color: #FFF;
	/*border-bottom: 1px solid #CCC;*/
}

textarea.eula {
    font-size: 0.85em;
}

/*
 * News
 */
h2.news {
    font-size: 1.4em;
}

div.news {
    font-size: 0.89em;
}

div.news div.content h1 {
    font-size: 1.3em;
}

div.news div.content span.info {
    font-style: italic;
    float: right;
    margin: 0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #FCFCFC;
    padding-left: 1em;
    padding-right: 1em;
}

div.news div.content {
    border: 1px solid #CCC;
    padding-left: 1em;
    background-color: #F4F4F4;
}

/*
 * Invoice template styling
 */
.not-active-template td {
	color: red;
}
td.not-active-template  {
	color: red;
}

div.invoiceTemplateDynamicMenu > ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:0;
}

div.invoiceTemplateDynamicMenu > ul > li {
 	background: none;
	display:inline;
	white-space: nowrap;	
}



/*
 * Useful Divs
 */

div.fieldset {
	background-color: #FCFCFC;
	padding: 1em;
}

div.fieldset .legend {
	
}

div.tall {
    text-align: right;
    white-space: nowrap;
	padding: 0 1em 0 0;
}

div.hidden {
	display:none;
} 

div.widget {
	 border: 1px solid #d99928;
} 

div.info {
	margin-left: 0.5em;
	padding:1em;
	background-color: #FCFCFC;
	border: 1px solid #CCC;
}

a.cancel {
	cursor: pointer;
	margin-left: 1em;
}

a.closePopup {
	cursor: pointer;
	margin-left: 1em;
}

div.widget .label {
	clear:both;
	float: none;
	margin: 0;
	padding: 0;
}

tr.strike td{
	text-decoration: line-through;
}


h2.systemMessage {
	padding: 6px;
	color: white;
	background-color: #0c4d91;
}

/*
 * Clearing
 *
 */
.group {
    display: block;
    clear: both;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ^ Clearing */