/**
 *				ADMIN STYLES
 *
 *        DO NOT use this file if adminform-framework.css is used.
 *        If adminform-framework.css is used please include styles-2013.css
 *
 **************************************************************/

body {
  background-color:transparent;
  background-image:none;
}

body,table,body,tabel,tr,th,td,input {
  font-family:Verdana,Arial,Helvetica,sans-serif;
}

p.subh {
  font-size:10pt;
  line-height:14pt;
  font-weight:bolder;
  color:#fff;
}

h1 {
  font-size:12pt;
  font-weight:700;
  color:#999;
}

a:hover {
  color:red;
}

a:active {
  color:silver;
}

tr.additions td {
  border-bottom:1px solid #CCC;
}

tr.additions th {
  border-bottom:2px solid #CCC;
}

h2,h3,h4,h5,h6 {
  text-align:left;
  line-height:1.2;
  color:gray;
}

h2 {
  font-size:10pt;
}

h3 {
  font-size:9pt;
}

h4,h5,h6 {
  font-size:8pt;
}

p,td {
  font-size:7pt;
  line-height:11pt;
}

a:link,a:visited {
  color:#00f;
}

li,th {
  text-align:left;
  font-size:7pt;
  line-height:11pt;
}

.invert{font-size:10pt;font-weight:bolder;color:#fff;text-decoration:none;}
.formtext{font-size:8pt;border-top:1px solid black;border-bottom:1px solid black;border-right:1px solid black;border-left:1px solid black;}
lu{text-align:left;font-size:7pt;line-height:11pt;}
.helpBtn{background-color:#15A4C7;border-color:#15A4C7;font-family:Arial,Helvetica,sans-serif;font-size:10pt;text-decoration:none;color:#fff;}
.text{font-size:10pt;}
.textNR{font-size:10pt;text-align:right;}
.tdtop{border-style:solid;border-color:#000;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}
.tdleft{border-style:solid;border-color:#000;border-top-width:0px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;}
.tdright{border-style:solid;border-color:#000;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-right-width:1px;}
.tdrighttop{border-style:solid;border-color:#000;border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:1px;}
.tdlefttop{border-style:solid;border-color:#000;border-top-width:1px;border-bottom-width:0px;border-left-width:1px;border-right-width:0px;}
.groupheader{background-color:#EEE8AA;font-weight:bold;font-size:7pt;line-height:11pt;}
/*// SPECIFIC ADMIN FILES //* added101104LS admin/changebook.asp & admin/printBCuk1.asp(barcode) //*/
td.barCodeWrap{text-align:center;}
table.barCodeWrapContent{margin:0 auto;text-align:center;}
table.barCodeWrapContent .row3 td{padding-bottom:0;}
.barcodeFerryBooking{display:block;margin:0 auto;padding-top:0.4em;padding-bottom:0.8em;}
fieldset.externalBookingsWrap{padding:5mm 3mm;}
.externalBookingsWrap legend{font-weight:bold;font-size:1.1em;padding:0 2mm;}
.externalBookingsTable1 th,.externalBookingsTable1 td{padding-left:0;padding-right:2mm;padding-bottom:1mm;vertical-align:top;}


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

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}


ul.no-bullets {
	list-style:none;
}

.even_row {
    background-color: #f3f3f3;
}


.odd_row  {
    background-color: #ffffff;
}


/**

		HELP BUBBLES
		
*/


.help-bubble {
	cursor:pointer;
	display:inline-block;
	margin-left:12px;
	position:absolute;
	height:23px;
	width:23px;
	background-image:url("/images/icon-help.png");
	background-repeat:no-repeat;
}

.help-bubble:hover {
	background-image:url("/images/icon-help-hover.png");
}

.tip {
	line-height:16px;
	font-size:12px;
	font-family:Arial;
	color:white;
	width:212px;
	padding-top:15px;
	overflow:hidden;
	display:none;
	position:absolute;
	z-index:500;
	background:transparent url(/images/tipTop.png) no-repeat top;}
	
.tipMid {
	background:transparent url(/images/tipMid.png) repeat-y;
	padding:0 15px 15px 15px;
}

.tipBtm {
	background:transparent url(/images/tipBtm.png) no-repeat bottom;
	height:22px;
}

.tip-close {
	margin-right:10px;
	float:right;
	width:17px;
	height:17px;
	background:transparent url(/images/icon-close-circle.png) no-repeat bottom;
}


/**
 *				CLASSES FOR FILTER AND FILTERTABLES
 *
 *
 *****************************************************/


/* 
		Filterbox
*/
.filter-tools-container {
	width:100%;
}

.filterbox {
	margin-top:5px;
	font-size:12px;
	padding:10px;
	background-color:#f2f2f2;
	/*background-image:url("/clientfiles/images/1px-white-50.png");
	background-repeat:repeat-x;
	background-position:top left;*/
	border:1px solid #cdcdcd;
	width:48%;
	float:left;
	margin-right:10px;
}
 
.toolsbox {
	margin-top:5px;
	font-size:12px;
	padding:10px;
	background-color:#f2f2f2;
	/*background-image:url("/clientfiles/images/1px-white-50.png");
	background-repeat:repeat-x;
	background-position:top left;*/
	border:1px solid #cdcdcd;
	width:48%;
	float:left;

}

.filterbox h3,
.toolsbox h3 {
	margin:0px;
	padding-bottom:8px;
	color:black;
}

.filterbox-item label {
	margin-bottom:4px;
	display:inline-block;
}

.form-item label {
	display:block;
	clear:both;
	margin-bottom:4px;
}


.filterbox .filterbox-item {
	padding-right:12px;
	float:left;
}

.filterbox .filterbox-item-indent  {
	padding-top:21px;
}

.ie .filterbox .filterbox-item-indent  {
	padding-top:19px;
}

.gecko .filterbox .filterbox-item-indent  {
	padding-top:20px;
}
.toolsbox .toolbox-indent-2rows  {
	padding-top:21px;
}

.toolsbox .button {
	margin-right:10px;
}

/*
		FILTER TABLE
*/


table.filter-table {
	margin-top:12px;
	border-collapse:separate;
}

table.filter-table tr td {
	padding:10px 7px;
	font-size:13px;
	border-top:1px solid #cdcdcd;
}


/* Color every odd row 
table.filter-table tr.odd {
	background-color:#e8edff;
}

table.filter-table tr.even {
	background-color:#ffffff;
}
*/

/* Header row */
table.filter-table tr.header-row td {
	background-color:white;
	border-top:1px dashed #7f7f7f;
	border-bottom:1px solid transparent;
	font-size:13px;
	padding:14px 7px 10px 7px;
}

/* Totals row */
table.filter-table tr.filter-row-totals td {
	border-top:1px dashed #7f7f7f;
	padding:14px 7px 4px 7px;
}

/* Highlighted rows */
table.filter-table tr.filter-row-hover {
	background-color:#e5f7fd;
	background-image:url("/images/row-hilighted.png");
	background-repeat:repeat-x;
}

/**
 * (2017-01-10 LS) Added this rule to make printlogo with higher PPI (more than 72PPI) fit the layout. 
 * Errand:
 * http://www.travelize.se/krk/admin/posts.asp?id={64E3423A-DCEB-4E6D-A8CF-48106804ED8D}
 */
img{
	height:auto;
	max-width:100%;
}
.printlogo-img{
	border:none;
}

/* Added styles for bigger text in old admin features */

p {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 9pt;
    line-height: 12pt;
    text-align: justify
}

p.subh {
    font-size: 10pt;
    line-height: 14pt;
    font-weight: bolder;
    color: #FFFFFF
}

h1 {
    font-family: Verdana, Helvetica;
    font-size: 12pt;
    font-weight: bold;
    color: #999999
}

a:link { color: blue }
a:visited { color: blue }
a:hover { color: red }
a:active { color: silver }

li {
    font-family: Verdana, Ariel, sans-serif;
    text-align: left;
    font-size: 7pt;
    line-height: 11pt
}

td {
    font-family: Verdana, Ariel, sans-serif;
    font-size: 9pt;
    line-height: 12pt
}

h2 {
    font-family: Verdana, Ariel, sans-serif;
    text-align: left;
    font-size: 10pt;
    line-height: 11pt;
    color: gray
}

.invert {
    font-size: 10pt;
    font-weight: bolder;
    color: #FFFFFF;
    text-decoration: none
}

.formtext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-right:1px solid black;
    border-left:1px solid black
}

lu {
    font-family: Verdana, Ariel, sans-serif;
    text-align: left;
    font-size: 7pt;
    line-height: 11pt
}

.helpBtn { 
	height:;
	width:;
	background-color:#15A4C7;
	border-color: #15A4C7;
	font-family:Arial;
	font-size:10pt;
	font-weight:border;
	text-align:center;
	text-decoration:none
	color:#FFFFFF
} 
.text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	
} 
.textNR { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	text-align:right;
	
} 

.tdtop {
    border-style: solid;
    border-color: black;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.tdleft {
    border-style: solid;
    border-color: black;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
}

.tdright {
    border-style: solid;
    border-color: black;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
}

.tdrighttop {
    border-style: solid;
    border-color: black;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 1px;
}

.tdlefttop {
    border-style: solid;
    border-color: black;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
}
.groupheader {
	background-color: #EEE8AA;
	font-weight: bold;
	font-family: Verdana, Ariel, sans-serif;
    font-size: 7pt;
    line-height: 11pt;
}

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

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}