.auto_complete {width: auto!important}
.auto_complete li {font-size: 12px!important;}

ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;    
}
.navbar .dropdown-menu {
 margin-top: 0px;
}

/*
blue
#009ace

sky blue
#7bcfe7

dark grey
#8e909c

light grey
#dbdbdb

red
#e30076

*/

/* basic configuration */
/*
label,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,tr,td,thead,tbody,tfoot,div {margin: 0; padding: 0;}
label,li,pre,body,p,blockquote,input,select,textarea,td,div {font-family: verdana; font-size: 10px;}
table {border-spacing: 0px;}
a img,:link img,:visited img {border: none;}
a {color: black; text-decoration: none;}
a:hover {text-decoration: underline;}
*/
body {background-color: white;}

/* utils */
.clear {clear:both; font-size:1px; line-height:0px;}
.center {text-align:center;	display:table;	margin-left:auto;	margin-right:auto;}
.max-height {height: 100%;}
.left {float:left;}
.right {float:right;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}
.txt-j {text-align: justify;}


/* cursor */
.cursor-rolloff{cursor: default;}
.cursor-rollon{cursor:hand; cursor:pointer;}
.cursor-hand{cursor:hand; cursor:pointer;}
.cursor-cross{cursor:crosshair;}
.cursor-draggable{cursor:move;}
  
/* default width an heights */
.w-xxs {width: 10px;}
.w-xs {width: 30px;}
.w-s {width: 80px;}
.w-m {width: 150px;}
.w-l {width: 400px;}
.w-xl {width: 500px;}
.w-xxl {width: 650px;}
.w-xxxl {width: 850px;}
.w-all {width: 100%}
.h-xxs {height: 12px;}
.h-xs {height: 30px;}
.h-s {height: 70px;}
.h-m {height: 150px;}
.h-l {height: 300px;}
.h-xl {height: 450px;}
.h-xxl {height: 600px;}
.h-xxxl {height: 800px;}
.h-all {height: 100%}

/* links */
a.action {padding: 5px; width: 150px; border: 2px solid #009ace; background: url('../images/bg_button.png') no-repeat white; font-size: 12px; font-weight: bold; color: #009ace;}

/* forms */
form {}
form div.error {margin: 10px 0px 20px 0px; padding: 10px 0px; background: url('../images/bg_button.png') white; font-size: 12px; font-weight: bold; color: #e30076;}
form div.error h1 {margin: 0px 10px 10px 10px; font-size: 11px; font-weight: bold;}
form div.error h2 {margin: 0px 10px 10px 10px; font-size: 11px; font-weight: normal;}
form div.error ul {margin: 0px 10px 10px 10px; list-style-position: inside;}
form div.error ul li{ margin-left: 10px}
form label {margin: 0px 0px 10px 0px; display: block;}
form label span {float: left;}
form form-text,select,textarea {border: 1px solid #dbdbdb;}
/*
form input,textarea {padding: 2px;}
*/
form label.required span {padding-right: 15px; color: #009ace; text-decoration: underline; background: url('../images/pt_form_required.png') no-repeat 100% 0px;}
form .input-error {color: #e30076; font-size: 9px;}
form input[type=submit].action {padding: 0px 2px; border: 2px solid #009ace; background: url('../images/bg_button.png') no-repeat white; font-size: 12px; font-weight: bold; color: #009ace;}
form input[type=button].action {padding: 0px 2px; border: 2px solid #009ace; background: url('../images/bg_button.png') no-repeat white; font-size: 12px; font-weight: bold; color: #009ace;}
form .submit-action {margin: 20px 0px 0px 0px; border-top : 1px solid #009ace; text-align: center;}
form .submit-action input {
	margin-top: 5px;
	/*padding: 0px 10px; 
	border: 2px solid #009ace; 
	background: url('../images/bg_button.png') no-repeat white; 
	font-size: 12px; font-weight: bold; color: #009ace;*/
}
form fieldset {margin-top: 15px;}
form fieldset legend {margin-bottom: 5px; font-size: 12px; font-weight: bold;}

/* form base */
.form-text,.form-password,.form-date,select,textarea {width: 200px; padding: 2px; border:1px solid #999}
.form-text:focus,.form-password:focus,.form-date:focus,select:focus,textarea:focus {background-color: #def6ff}
.form-submit {padding: 3px 10px;}

/* form-error-block */
.form-error-block {margin: 10px 0px 20px 0px; padding: 10px 0px; background: url('../images/bg_button.png') white; font-size: 12px; font-weight: bold; color: #e30076;}
.form-error-block p {margin: 0px 10px 10px 10px; font-size: 11px; font-weight: bold;}
.form-error-block ul {margin: 0px 10px 10px 10px; list-style-position: inside;}
.form-error-block ul li{margin-left: 10px; font-size: 11px; font-weight: normal;}
.form-error-block ul li label{cursor: hand; cursor: pointer; font-size: 11px; font-weight: normal;}

/* form type tabular */
.form-tabular {width: 600px;}
.form-tabular fieldset{width: 100%; float: left; clear: left; border: none; padding: 0px; margin: 0px 0px 20px 0px;}
.form-tabular fieldset legend{font-weight: bold; margin-bottom: 10px;}
.form-tabular fieldset ol {list-style: none; padding: 0px; margin: 0px 0px 20px 0px;}
.form-tabular fieldset ol li{width: 100%; float: left; clear: left; margin-bottom: 10px;}
.form-tabular fieldset ol ul li{width: auto; float: none; clear: none; margin-bottom: none; background-color: transparent}  /* autocomplete */
.form-tabular label {float: left; width: 170px; text-align: right;}
.form-tabular .form-element {margin-left: 185px}
.form-tabular .form-element .help {float: right;}
.form-tabular p.error {color: #e30076; margin: 0px;}
.form-tabular fieldset ol ol li {width: auto; float: none; clear: none; margin: 0px;}
.form-tabular fieldset ol ol label {float: none; width: auto; text-align: left;}
.form-tabular fieldset.submit{width: auto; float: none; text-align: center}

/* form type stack */
.form-stack {text-align: left}
.form-stack fieldset{width: 100%; float: left; clear: left; border: none; padding: 0px; margin: 0px 0px 0px 0px;}
.form-stack fieldset legend{font-weight: bold; margin-bottom: 10px;}
.form-stack fieldset ol {list-style: none; padding: 0px; margin: 0px 0px 20px 0px;}
.form-stack fieldset ol li{width: 100%; float: left; clear: left; margin-bottom: 10px;}
.form-stack fieldset ol ul li{width: auto; float: none; clear: none; margin-bottom: none; background-color: transparent}  /* autocomplete */
.form-stack label {display: block; width: 170px;}
.form-stack .form-element {}
.form-stack .form-element .help {float: right;}
.form-stack p.error {color: #e30076; margin: 0px;}
.form-stack fieldset ol ol li {width: auto; float: none; clear: none; margin: 0px;}
.form-stack fieldset ol ol label {float: none; width: auto; text-align: left;}
.form-stack fieldset.submit{width: auto; float: none; text-align: center}

/* form tiny */
.form-tiny .form-text,.form-password,.form-date,select,textarea {width: 150px;}

/* tables */
table.listing {text-align: center;}
/*table.listing thead tr {background-color: #eee;}*/
/*table.listing thead td {font-size: 11px; font-weight: bold;}
table.listing tfoot tr {background-color: #eee;}*/
table.listing tbody tr {}
table.listing tbody td {padding: 5px 5px; font-size: 9px; border-bottom: 1px solid #ddd; background-color: white}
table.listing tbody tr:hover td {background-color: #eee;}

/* div tables */
div.tbl {border: 1px solid grey; text-align: center;}
div.tbl .hrow {background-color: #DDDDDD;}
div.tbl .hrow .cell{font-size: 10px;}
div.tbl .frow {background-color: #DDDDDD;}
div.tbl .body {}
div.tbl .row {border-bottom: 1px solid #DDDDDD;}
div.tbl .row:hover {background-color:#CCCCCC;}
div.tbl .cell {float: left; display: inline; margin: 2px; font-size: 9px;}
div.tbl .size-xs {width: 15px;}
div.tbl .size-s {width: 40px;}
div.tbl .size-m {width: 70px;}
div.tbl .size-l {width: 150px;}
div.tbl .size-xl {width: 250x;}
div.tbl .size-xxl {width: 500px;}

div.tbl .size-s-s {width: 84px;} /* s + s + margin */
div.tbl .size-s-m {width: 114px;}
div.tbl .size-m-m {width: 144px;}
div.tbl .size-m-l {width: 224px;}
div.tbl .size-l-l {width: 304px;}
div.tbl .size-xxl {width: 604px;}

/* ajax uploader */
.ajax-uploader iframe {width: 350px; height: 20px; overflow: visible; border: none;}
.ajax-uploader .upload-content p {line-height: 16px; margin-bottom: 10px;}
.ajax-uploader .upload-content p img {vertical-align: middle;}

/* catpcha */
.captcha-image {}
a.captcha-reload {margin-left: 10px; padding: 0px 0px 16px 16px; background: url('../images/captcha_reload.png') 0px 0px no-repeat;}

/* keybased-autocomplete */
input.keybased-autocomplete {padding: 3px 3px 3px 20px; background: url('../images/edit_pen.png') 2px 2px no-repeat #def6ff; border: 1px solid #999}

/* miscellaneous */
p.info {line-height: 15px; font-style: italic}

/* multi-columns tables */
table.two-cols td {width: 50%; vertical-align: top; padding: 0px 5px;}


/* basic table */
table.tbl td {padding: 3px}