/*  mtd/htdocs/mtdvat.css */

body { font-family: 'Helvetica'; }

input[type=text]
	{
	background-color:	yellow;
	font-size:		14px;
	}

input[type=password]
	{
	background-color:	#eeeeee;
	font-size:		14px;
	}

input[type=numeric]
	{
	background-color:	#eeeeee;
	font-size:		14px;
	}

/* Navigation menus etc. */

.navUL
	{
	/* Navigation menu container */

	list-style-type:	none;
	margin:			0;
	padding:		0;
	overflow:		hidden;
	}

.navLI
	{
	/* Navigation menu container */

	display:		inline;
	float:			left;
	}

li a, .dropbtn
	{
	display: inline-block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	}			/* .dropbtn */

li a:hover, .dropdown:hover .dropbtn
	{
	background-color: red;
	}

li.dropdown
	{
	display:	inline-block;
	float:		left;
	}

.dropdown-content
	{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	}

.dropdown-content a
	{
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	}

.dropdown-content a:hover
	{
	background-color: #d1d1d1;
	}

.dropdown:hover .dropdown-content
	{
	display: block;
	}

.stopPress
	{
	/* The stopPress div */

	border-style:	double;
	border-width:	3px;
	border-color:	red;
	}			/* stopPress */

/* tricky navigation bits over - other bits follow later (MUCH later) :-) */

.vatsheet
	{
	background-color:	#f0f0f0;
	border-width:		1px;
	border-style:		dotted;
	}			/* vatsheet */

.linkInfo
	{
	background-color:	#f0fff0;
	border-width:		1px;
	border-style:		dashed;
	border-color:		blue;
	}			/* linkInfo */

.bolx
	{
	/* Warning an error has been detected */
	background-color:	#fff0f0;

	border-width:		1px;
	border-style:		dashed;
	border-color:		blue;
	}			/* bolx */

.bollo
	{
	/* Warning an error has been detected */
	background-color:	#fff0f0;
	border-width:		1px;
	}			/* bollo */

.obligDetail
	{
	/* Box to display obligation details */

	width:			90%;
	margin:			auto;
	background-color:	#f0f0ff;
	border-color:		blue;
	border-width:		1px;
	border-style:		double;
	}			/* obligDetail */

.obligOne
	{
	/* Box to display an individual obligation details */

	width:			80%;
	margin:			auto;
	background-color:	gray;
	border-color:		green;
	border-width:		1px;
	border-style:		dotted;
	}			/* obligOne */

.obligTitle
	{
	background-color:	blue;
	color:			white;
	font-weight:		bold;
	}			/* obligTitle */

.fbTitle
	{
	width:			6em;
	background-color:	#444444;
	color:			white;
	font-weight:		bold;
	float:			left;
	}			/* fbTitle */

.horse_error
	{
	/* div for error message from government gateway.  It was going
	 * to be called gg_error - GEDDIT ;-) */

	width: 			80%;
	margin:			auto;
	background-color:	#fff0f0;
	border-color:		red;
	border-width:		2px;
	border-style:		double;
	}			/* horse_error */

.tablink
	{
	font-size:		small;
	}			/* tablink */

.RedX
	{
	font-weight: 		bold;
	color:			white;
	background-color:	red;
	}			/* RedX */

.RedBold
	{
	font-weight:		bold;
	color:			red;
	}			/* RedBold */

.latestNews
	{
	width:			80%;
	border:			double;
	border-color:		black;
	border-width:		1px;
	background-color:	#eeeeee;
	color:			#0000ff;
	margin:			auto;
	}			/* latestNews */

.borderLabel
	{
	font-weight:		bold;
	display:		inline-block;
	}			/* border-label */

.newsBlock
	{
	width:			100%;
	background-color:	white;
	border-style:		dotted;
	border-width:		1px;
	border-color:		blue;
	}			/* newsBlock */

.nbTitleBar
	{
	width:			100%;
	background-color:	black;
	color:			white;
	font-weight:		bold;
	}			/* nbTitleBar */

.nbDate
	{
	width:			6em;
	background-color:	#444444;
	color:			white;
	font-weight:		bold;
	float:			left;
	}			/* nbDate */

.nbTitle
	{
	background-color:	#666666;
	color:			white;
	font-weight:		bold;
	}			/* nbTitle */

.nbBody
	{
	width:			100%;
	background-color:	white;
	color:			black;
	/* font-weight:		bold; */
	}			/* nbBody */

.quoteHMRC
	{
	background-color:	#dee0e2;
	width:			80%;
	margin:			auto;
	margin-top:		0px;
	padding-top:		0px;
	}			/* quoteHMRC */

.inlineQuoteHMRC
	{
	background-color:	#dee0e2;
	margin:			auto;
	margin-top:		0px;
	padding:		0 2px 0px 2px;
	/* padding-left:		2px;
	padding-right:		2px;
	padding-top:		0px; */
	border-width:		1px;
	border-style:		solid;
	border-radius:		5px;
	}			/* quoteHMRC */
/* general display types */

.dbRecord
	{
	/* Used to display the raw data in the record. */

	border-style:		solid;
	border-width:		1px;
	background-color:	#eeeeee;
	}			/* dbRecord */

span.dbRecord
	{
	font-weight:		bold;
	background-color:	black;
	color:			white;
	width:			100%;
	}			/* span.dbRecord */

.quotedContent
	{
	width:			90%;
	background-color:	#eeeeee;
	border-width:		1px;
	border-style:		dashed;
	margin:			0 auto;
	}			/* quotedContent */

/* Display columns etc. */

.head1
	{
	width:			100%;
	background-color:	white;
	font-size:		40px;
	font-weight:		bold;
	color:			black;
	}

.menuBar
	{
	width:			100%;
	background-color:	black;
	color:			white;
	display:		flex;
	}

.menuLink
	{
	color:			white;
	font-weight:		bold;
	text-decoration:	none;
	border-style:		solid;
	border-width:		0 1px 0 0;
	padding-right:		8px;
	padding-left:		4px;
	}

.smallPrint
	{
	min-width:		100%;
	width:			100%;
	font-size:		small;
	color:			black;
	background-color:	#eeeeee;
	}			/* smallprint */

.pwStrength
	{
	/* Used for span showing password strength calculation */

	color:			black;
	border-style:		dotted;
	background-color:	green;
	border-width:		1px;
	}			/* pwStrength */

/* class specific styles */

.accountStatus
	{
	/* accountStatus bar on logged in pages */

	width:			100%;
	background-color:	yellow;
	color:			blue;
	font-weight:		bold;
	}			/* accountStatus */

span.accountStatus
	{
	/* for normal text. */

	font-weight:		normal;
	color:			black;
	}			/* span.accountStatus */

.code
	{
	background-color:	#dddddd;
	margin-left:		120px;
	border-style:		solid;
	border-width:		1px;
	width:			25em;
	padding:		5px;
	margin-top:		5px;
	}

.mqDiv
	{
	border-style:		solid;
	border-color:		red;
	border-width:		1px;
	}			/* captchs */

.mqTitle
	{
	width:			6em;
	background-color:	#444444;
	color:			white;
	font-weight:		bold;
	float:			left;
	}			/* mqTitle */

/* VAT100 form styles */

.vat100
	{
	background-color:	#f0f8f1;
	color:			#008350;
	width:			50em;
	margin:			auto;
	}			/* vat100 */

.vat100_row
	{
	background-color:	#f0f8f1;
	/* border-style:		none;
	border-color:		#008350;
	border-width:		1px 1px 1px 3px; */
	width:			50em;
	height:			2.5em;
	}			/* vat100_row */

.vat100_box
	{
	/* the text box */
	border-style:		solid;
	border-color:		#008350;
	border-width:		1px 1px 1px 3px;
	float:			left;
	height:			2.5em;
	width:			30em;
	}			/* vat100_box */

span.vat100_box
	{
	/* the text in the text box. */

	display:		inline-block;
	border:			0px;
	width:			100%;
	line-height:		2em;
	height:			100%;
	vertical-align:		middle;
	font-size:		80%;
	margin-top:		8px;
	margin-left:		4px;
	}			/* vat100_box */

.vat100_boxNum
	{
	/* the solid number are at the end of the text box */
	background-color:	#008350;
	color:			#ffffff;
	border-style:		solid;
	border-color:		#008350;
	border-width:		1px;
	font-weight:		bold;
	float:			left;
	height:			2.5em;
	width:			2em;
	}			/* vat100 */

span.vat100_boxNum
	{
	display:		inline-block;
	border:			0px;
	line-height:		2.5em;
	height:			100%;
	text-align:		center;
	vertical-align:		middle;
	}			/* span.vat100_boxNum */

.vat100_spacer
	{
	float:			left;
	width:			0.5em;
	height:			2.5em;
	}			/* vat100_spacer */

.vat100_amount
	{
	background-color:	#ffffff;
	color:			#000000;
	width:			8em;
	height:			2.5em;
	line-height:		2em;
	border:			1px;
	border-style:		solid;
	border-color:		#ffffff;
	text-align:		right;
	float:			left;
	}			/* vat100_amount */

.vat100_Registration
	{
	width:			100%;
	color:			black;
	line-height:		1em;
	height:			4em;
	}			/* vat100_Registration */

.vat100_VRN
	{
	float: left;
	}			/* vat100_VRN */

span.vat100_VRN
	{
	border-style:		solid;
	border-width:		2px 1px 1px 2px;
	}			/* span.vat100_VRN */

.vat100_Period
	{
	float: 			right;
	}			/* vat100_Period */

span.vat100_Period
	{
	border-style:		solid;
	border-width:		2px 1px 1px 1px;
	}			/* span.vat100_Period */

.vat100_declaration
	{
	margin:			auto;
	width:			75%;
	border-color:		blue;
	border-style:		double;
	border-width:		1;
	padding-left:		6px;
	padding-bottom:		6px;

	color:			red;
	background-color:	white;
	font-weight:		bold;
	}			/* vat100_declaration */

/* EOF mtd/htdocs/mtdvat.css */
