@charset "UTF-8";
html{height:100%;}
body
{
	height:100%;
	color:rgb(80,127,128);
	font-family:"Calibri";
	background-color:rgb(21,30,53);
}
#container
{
	background-image:url("images/artemis_logo.png");
	background-position: top 0em right 1%;
	background-repeat: no-repeat;
	background-size:3%;
	width:100%;
	height:96%;
	margin-left:auto;
	margin-right:auto;
	border-style:none;
}
@font-face
{
  font-family: "lato"; src: url("lato/Lato-Regular.ttf");
}
#artemis
{
	margin-right:5%;
	text-align:right;
	width:35%;
	text-align:right;
	font-family:"lato","Algerian";
	font-size:2em;
	line-height:1em;
	text-transform:uppercase;
	color:rgb(255,255,255);
	float:left;
}
#enquiryInfo
{
	float:left;
	margin-left:1%;
	width:59%;
	color:rgb(255,255,255);
	font-size:1.25em;
}
#navigation
{
	margin-left:0.5em;
	margin-top:0.25em;
	float:left;
	width:100%;
	margin-bottom:0.5em;
}
#manualInputNavigation
{
	margin-left:0.5em;
	position:relative;top:-0.5em;
	width:100%;
	text-align:center;
}

.manualInputOption, .manualInputCurrentOption  
{
	color:rgb(255,255,255);
	font-size:1em;
	margin-left:0.5em;
	margin-right:1em;
	text-decoration:none;
}
.manualInputCurrentOption
{
	color:rgb(4,154,159);
}
#loginBox, #expiredPassword
{
	width:25%;
	margin-left:37.5%;
	margin-top:8em;

}
#loginBox label, #expiredPassword label
{
	margin-top:1%;
	display:block;
	float:left;
	width:5em;
	margin-right:1em;
	margin-left:0.5em;
	color:white;
}
#expiredPassword label
{
	width:7em;
}
#loginBox #user, #loginBox #password, #expiredPassword #user, #expiredPassword #password
{
	margin-top:1%;
	width:10em;
	display:block;
	float:left;
}
#loginButton, .updateButton, #updatePasswordButton
{
	display:block;
	background-color:rgb(4,154,159);
	color:white;
	border-style:solid;
	border-color:white;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	border-width:1px;
	border-radius:1em;
	height:2em;
	margin-top:2em;
}
.updateButton
{
	margin-top:3%;
	margin-bottom:1%;
}
#loginMessage
{
	color:rgb(255,0,0);
	text-align:center;
}
#updatePasswordError
{
	color:rgb(255,0,0);
	text-align:center;
	margin-top:1em;
}
#pictureForm, #searchForm
{
	padding-left:0.1em;
}
#pictureForm, .navigation, #searchForm
{
	border-style:none;
	border-width:1px;
	border-radius:5px;
	border-color:white;
	margin-right:0.5em;
	float:left;
}
#pictureForm, #searchForm
{
	border-style:solid;
}
.navigation
{
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	text-align:center;
	font-size:0.9em;
	font-family:"Arial";
	line-height:1.5em;
	position:relative;top:0.1em;
}
#newQuoteNav
{
	width:6em;
}
#clientsNav, #usersNav, #pasteNav
{
	width:3.5em;
}
#previewNav
{
	width:4em;
}
.clear{clear:both;}
.select, .update
{
	border-style:solid;
	border-width:1px;
	border-color:rgb(255,255,255);
	width:48.5%;
	margin-left:1%;
	float:left;
	border-radius:0.5em;
	height:80%;
} 
#selectPreview
{
	width:30%;
}
table th
{
	vertical-align:top;
}
.scrollDiv
{
	overflow-y:auto;
	margin-left:1em;
	height:77%;
}
.selectScrollDiv
{                                 
	overflow-y:auto;
	height:97%;
	margin-left:1em;
	margin-top:0.5em;
}
.select table
{
	border-spacing:0;
	padding:0;
	width:100%;
}
.select tr
{
	height:1em;
	cursor:pointer;
}
.select td
{
	word-wrap: break-word;
}
.select td a
{
	color:white;
	text-decoration:none;
}
.select td a cancelled
{
	color:red;
}
.select th
{
	text-align:left;
}
.select th a
{
	text-decoration:none;
	color:white;
}
.selectFieldclientId, #selectLabelclientId{display:none;}
.selectFieldstatus, #selectLabelstatus{display:none;}
.selected
{
	background:white;
}  
.selected td a
{
	color:black;
	text-decoration:none;
}
.selectScrollDiv table 
{
	width:98%;
}
.delete{color:red;}
.updateLabel
{
	float:left;
	width:30%;
	line-height:1.5em;
	margin-bottom:0.25em;
	color:white;
}
.updateField, .updateError
{
	float:left;
	margin-bottom:0.25em;
	width:70%;
	color:black;
}
.dateTime
{
	width:4em;
}
.double
{
	width:7em;
	text-align:right;
}
.integer
{
	width:5em;
	text-align:right;
}
.timeText
{
	margin-left:1em;
	color:white;
	float:left;
}
.timeInput
{
	width:2.5em;
	margin-left:1em;
	float:left;
}
.updateMessage
{
	text-align:center;
	height:1;
	font-size:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color:white;
}
.updateError
{
	background:rgb(255,100,100);
}
.updateFieldtext, .updateFieldpassword
{
	width:90%;
}
.updateButton
{
	width:7em;
	display:inline;
}
.browseButton
{
	width:7em;
	height:1.5em;
}
.updateButtons
{
	text-align:center;
	margin-bottom:1em;
}
#address2LabelGUI, #address3LabelGUI, #address4LabelGUI
{
	color:black;
}
.selectFieldEnquiries, #selectLabelEnquiries,
.selectFieldpasteId, #selectLabelpasteId,
#client #clientId, #client #clientIdLabelGUI
{
	display:none;
}
#company
{
	width:80%;

}

.paste
{	
	float:left;
}

#searchButton, .pictureButton
{
	background:none;
	font-size:1.1em;
	border-style:none;
	padding:0;
	cursor:pointer;
	height:1.2em;
	position:relative;top:-0.1em;
	font-size:1.25em;
	float:left;
}
.pictureButton
{
	color:white;
	font-size:1.1em;
	margin-bottom:0.2em;
	margin-right:0.2em;
}
#pasteNav, #pasteForm
{
	cursor:pointer;
}

#pasteType, #searchText
{
	float:left;
	font-size:0.9em;
	margin-top:0.2em;
	margin-left:0.1em;
}
#searchText
{
	height:0.9em;
}
#copyButton
{
	font-size:1.25em;
	float:left;
	color:white;
	cursor:pointer;
}
#active, #manager
{
	width:1em;
}
#white, #red, #green, #pdf, #emailPdf, #eml, #mobile, #copyButton
{
	height:1.5em;
	width:1.5em;
	border-style:none;
	display:block;
	float:left;
	margin-right:0.25em;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
#eml
{
	margin-right:1em;
}

#white{background-color:white;color:black;}
#red{background-color:red;color:black;}
#green{background-color:green;color:black;}
#pdf{background-image:url("images/pdf.png");background-size:contain;}
#word{background-image:url("images/word.png");background-size:contain;}
#eml{background-image:url("images/outlook.png");background-size:contain;}
#mobile{background-image:url("images/mobile.png");background-size:contain;}
#emailPdf{background-image:url("images/emailpdf.png");background-size:contain;}
.errorMessage, .pasteError, .previewPasteError
{
	color:red;
	font-weight:bold;
}
.previewPasteError
{
	margin-bottom:1em;
}
.pasteError
{
	margin:1em;
	margin-top:0;
	background-color:white;
	padding:1em;
}
.pageImage
{
	margin-top:1em;
	width:100%;
}
.notesForm
{
	position:fixed;
	top:5em;
	left:5em;
	display:none;
	background-color:rgb(21,30,53);
	padding:1em;
	text-align:center;
	width:30em;
	height:30em;
}
.notesFormInput
{
	width:28em;
	height:28em;
}
.controlForm
{
	float:left;
}
#NewQuoteForm .update
{
	float:none;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#selectLabelcarId, .selectFieldcarId, #carIdLabelGUI, #carId,
#selectLabeltaxiId, .selectFieldtaxiId, #taxiIdLabelGUI, #taxiId,
#selectLabelloungeId, .selectFieldloungeId, #loungeIdLabelGUI, #loungeId,
#selectLabelparkingId, .selectFieldparkingId, #parkingIdLabelGUI, #parkingId,
#selectLabelhotelId, .selectFieldhotelId, #hotelIdLabelGUI, #hotelId,
#selectLabeltrainId, .selectFieldtrainId, #trainIdLabelGUI, #trainId,
#selectLabellegId, .selectFieldlegId, #legIdLabelGUI, #legId
{
	display:none;
}
#NewQuoteForm #contact, #NewQuoteForm #contactLabelGUI,
#NewQuoteForm #email, #NewQuoteForm #emailLabelGUI,
#NewQuoteForm #status, #NewQuoteForm #statusLabelGUI
{
	display:none;
}
#NewQuoteForm #company, #NewQuoteForm #clientIdLabelGUI
{
		position:relative;top:0.3em;
}