@font-face {
    font-family: 'Gill Sans MT Condensed';
    src: url('fonts/GillSansMT-Condensed.woff2') format('woff2'),
        url('fonts/GillSansMT-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
}

h2
{ 
	font-size:18px;
	padding-left:50px;
	margin-top:6px;
}

.panel h2 {text-align:left;}
.resulttable, .panel {font-size: 11px;}

a { color:#FCBC28; text-decoration:none; }

label
{
	display: -moz-inline-stack;
	display:inline-block;
	width:6em;
	min-width:4em;
	margin:0;
	padding:0;
	text-align:left;
	color:#FCBC28;
	font-weight:bold;
}

label+div 
{
	display: -moz-inline-stack;
	display:inline-block;
	/*margin-right:1em;*/
}

input[type="password"], input[type="text"], select { margin:2px 0; font-size:10px; vertical-align:middle; }
input[type="password"], input[type="text"], textarea, select { color:#CCC; background-color: #4D4D4D; border:1px solid #BAAB83; }
input[type=password]:focus, input[type=text]:focus, textarea:focus { background:#666666; }
input[type=checkbox] { vertical-align:middle; }
.dataform input[type=text] { width: 250px; }
.dataform .error {color:#fcbc28;}
label {height:1.75em;line-height:1.75em;width:10em;font-size:10px;}

form div.buttons { text-align:center; }

.small_obutton
{
	width:100px;
	height:16px;
	line-height:14px;
	font-size:10px;
	text-align:center;
	display:block;
	float:left;
	background: url('img/small_bo.png') no-repeat left top;
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	margin:0 5px 0px 5px;
	padding:0;
	border:0;
}

.small_obutton.wide
{ background: url('img/wide_bo.png') no-repeat left top; width:210px; margin:0 10px 0px 10px;}


input.small_obutton
{ background-position:left 2px; margin-top:-2px; height:18px;}

.small_bbutton, .wide_bbutton
{
	width:100px;
	height:16px;
	line-height:14px;
	font-size:10px;
	text-align:center;
	display:inline-block;
	background: url('img/small_bb.png') no-repeat left top;
	color:#fff;
	font-weight:bold;
	margin:0 5px 0 5px;
	padding:0;
	border:0;
}

.wide_bbutton { width: 120px; background: url('img/wide_bb.png') no-repeat left top; }

.small_obutton:hover, .small_bbutton:hover { cursor:pointer; }
#formselectclient .small_obutton { float: right; }

.bbutton
{
  display:inline-block;
  padding-left:5px;
  line-height:30px;
  background:url('img/bbl.png') no-repeat top left;
  color:white;
  vertical-align:middle;
}

.bbutton>span, .bbutton>input
{
  display: inline-block;
  padding-right:5px;
  background:url('img/bbr.png') no-repeat top right;
}

.bbutton:hover, .bbutton>span, .bbutton>input{
	cursor:pointer;
}

.bbutton>input[type="submit"]
{
  vertical-align: baseline;
  line-height:inherit;
  background-color:transparent;
  border:0;
  padding:0 5px 2px 0 ;
  color:white;
  font-weight:bold;
  height:30px;
}

.obutton
{
  display:inline-block;
  padding-left:5px;
  line-height:30px;
  background:url('img/bol.png') no-repeat top left;
  color:white;
  vertical-align:middle;
}

.obutton>span, .obutton>input
{
  display: inline-block;
  padding-right:5px;
  background:url('img/bor.png') no-repeat top right;
}

.panel {
	margin: 0 auto; /* center for now */
	max-width:1000px;
}
.panelhead {
	background: url('img/tr.png') no-repeat top right;
	margin: 0 0 0 24px;
	padding: 0 ;
	text-align: left;
}
.panelhead h2 {
	background: url('img/tl.png') no-repeat top left;
	/*position:relative;
	left:-24px;*/
	margin: 0;
	margin-left:-24px;
	padding: 18px 32px 6px 32px;
	color: white;
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
}

.panelbody {
	background: url('img/br.png') no-repeat bottom right;
	margin: 0 0 0 20px;
}

.panelbody>div {
	background: url('img/bl.png') no-repeat bottom left;
	margin-left:-20px;
	/*position:relative;
	left:-24px;  */
	padding: 0px 32px 16px 32px ;
}

.panel2 {
	margin: 0 auto; /* center for now */
	max-width:1000px;
	background: url('img/bl.png') no-repeat bottom left;
	margin-top:49px;
}
.panel2>div {
	background: url('img/br.png') no-repeat bottom right;
	margin: 0 0 0px 20px;
	padding:0 0px 14px 0;
}
.panel2>div>h2 {
	background: url('img/tl.png') no-repeat top left;
	position:relative;
	z-index:100;
	top:-49px;
 	margin: 0;
	margin-left:-20px;
	color: white;
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
}
.panel2>div>h2>div {
	background: url('img/tr.png') no-repeat top right;
	margin: 0 0 0 -26px;
	padding: 0 ;
	text-align: left;
	height:25px;
	padding: 18px 0px 6px 0px;
}

.panel2body {
	margin-top:-49px;
 	padding-right:20px;
}

.panelhead {
	background: url('img/tr.png') no-repeat top right;
	margin: 0 0 0 24px;
	padding: 0 ;
	text-align: left;
}
.panelhead h2 {
	background: url('img/tl.png') no-repeat top left;
	/*position:relative;
	left:-24px;*/
	margin: 0;
	margin-left:-24px;
	padding: 0.8em 32px 6px 32px;
	color: white;
	font-weight: bold;
	font-size: 24px;
	line-height: 1em;
}

.customer_list { margin-top:1em; overflow:auto; height:220px; font-size:11px;}

.customer_list li
{
  border:1px solid #666;
  border-width:1px 0 1px 0;
  background:#999;
  color:white;
  display:block;
  width:100%;
  margin-bottom:0.5em; 
  position:relative;
}

.customer_list a { position: absolute; right:10px; top:15px; } 

.error {  color:#fcbc28; text-align:center; margin:0.2em; padding:0.2em; border:0; background:transparent; font-size: 11px;}
.info {text-align:left; color:#f0f0f0; font-size:11px; }

/* iframe and jquery dialog are not friend :( */
#aadialog, #editdialog, #selectdialog { width: 432px !important; }
#adddialog { width: 462px !important; }
#lpdialog { width: 324px !important; }
#cdialog { width: 370px !important; }
/****/

#formselectclient {margin:auto;width:85%;}
#formselectclient label {height:1.5em;line-height:1.5em;width:90px;}
#formselectclient input[type=text] {margin:0.2em 0 0.2em 0; width:250px;}

#formcontact input[type=text], #formcontact textarea {width:240px; font-size:11px;}
#formcontact textarea { height:100px; }

#photo {  margin:auto; width:400px; margin-bottom:30px;}
#photo .head {color:white; text-align:center; height:30px; line-height:30px; }
#photo .foot {background:#000; font-size:16px; color:white; text-align:center; height:30px; line-height:25px; }

#photo img { vertical-align:middle;  }
#photo img.cont { width:400px; }

#description {margin-right:5%;}
#description label { color:black; width:10.5em; height:1.5em; line-height:1.5em; }
#description, #equipment { width:47%; float:left; font-size:11px;}
#description .title, #equipment .title { margin-bottom:10px; border-bottom: 1px solid #666; }
#thumbs { margin-top:1em; text-align:center; }
#thumbs img {margin:0;}

.roundborder { border:1px solid #000;}
.roundborder img.tl, 
.roundborder img.tr, 
.roundborder img.bl, 
.roundborder img.br { display:none !important; }
/*
.roundborder {  }
.roundborder div.topborder {  position:relative; margin:16px; border-top:1px solid #333; }
.roundborder div.bottomborder {  clear:both; position:relative; margin:16px; border-bottom:1px solid #333; }

.roundborder img.tl { position:absolute; top:-7px; left:-16px; }
.roundborder img.tr { position:absolute; top:-7px; right:-16px; }
.roundborder img.bl { position:absolute; bottom:-7px; left:-16px; }
.roundborder img.br { position:absolute; bottom:-7px; right:-16px; }

.roundborder div.content { padding: 0; margin:-8px 6px -8px 6px;  border-left:1px solid #333; border-right:1px solid #333; }
*/

.resulttable a { color:inherit; }
.resulttable a:hover { color:black; }
.boubi {display:none;}

#photo .head {
	font-family: 'Gill Sans MT Condensed';
	color:#ffffff;
	background-color:#000000;
	font-size:18px;
	text-align:center;
	width:400px;
	height:30px;
}

#equipment ul {
	padding-left:10px;
}