body {
	background-color: #EFEFEF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0px;
	margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

fieldset {
  position:relative;
  border: 1px solid #888;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

legend {
  text-align: left;
  padding: 0.1em 0.5em;
  border:1px solid #888;
  color: #000;
  background-color: #FFF;
  font-size: 12px;
  font-weight: bold;
}

hr {
  border:1px dashed #888;
  border-top: 0;
  height: 0;
  background: #888;
}

img {
  border-style: none;
}

a:link, a:active, a:visited {
  color: #425DD0;
  text-decoration: none;
}

a:hover  { 
  text-decoration: underline;
}


/* CUSTOM BLOCKS */
a.panel:link, a.panel:active, a.panel:visited {
  font-size: 14px;
  color: #425DD0;
  text-decoration: none;
}

a.panel:hover {
  text-decoration: underline;
}

a.navi_bar:link, a.navi_bar:active, a.navi_bar:visited {
  font-size: 11px;
  color: #425DD0;
  text-decoration: none;
}

a.navi_bar:hover {
  font-size: 11px; 
  color: #8899FF; 
  text-decoration: underline;
}

a.exp_link_continue {
  font-size: 16px;
  color: #000;
  background-color: #DFD;
  padding: 5px;
  border: 1px solid green;
  border-radius: 5px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
  text-decoration: none;
  cursor: pointer;
}

a.exp_link_exit {
  font-size: 16px;
  color: #000;
  background-color: #FDD;
  padding: 5px;
  border: 1px solid red;
  border-radius: 5px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px; 
  text-decoration: none;
  cursor: pointer;
}

.copyright {
  font-size: 10px;
  color: #999;
}

table.cert {
	border-width: 1px;
	border-spacing: 2px;
	border-style: none;
	border-color: #BBB;
	border-collapse: separate;
}
table.cert th {
	border-width: 1px;
	padding: 2px;
	border-style: dashed;
	border-color: #999;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px; 
	border-radius: 5px 5px 5px 5px;
}
table.cert td {
	border-width: 1px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border-style: dashed;
	border-color: #BBB;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px; 
	border-radius: 5px 5px 5px 5px;
}

table.incert {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-collapse: separate;
}
table.incert th {
	border-width: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
table.incert td {
	border-width: 0px;
	padding: 0px;
}

table.lalign td {
  text-align: left;
}

table.error {
	border-width: 0px;
	border-collapse: separate;
}

table.error td {
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px; 
	padding-bottom: 10px;
	border-style: solid;
	border-color: red;
	background-color: #FDD;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 5px 5px 5px 5px;
}

table.event {
	border-width: 0px;
	border-collapse: separate;
}

table.event td {
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px; 
	padding-bottom: 10px;
	border-style: solid;
	border-color: green;
	background-color: #DFD;
	-webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -khtml-border-radius: 10px 10px 10px 10px; 
	border-radius: 5px 5px 5px 5px;
}

input.cert, button.cert {
  padding-top: 2px;
  padding-bottom: 2px;
  background: #FFF;  
  font-size: 12px; 
  color: #222; 
  border: 1px #8899FF solid;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
}

select.cert {
  margin: 2px;
  font-size: 14px; 
  color: #222; 
  border: 1px #8899FF solid;
  background:#FFF;
}

input.cert:disabled, select.cert:disabled {
  background:#F8F8F8;
} 

input.cert_submit, button.cert_submit {
  border: 1px #8899FF solid;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  background: #F5F5FF;
}

input.cert_reset, button.cert_reset {
  border: 1px red solid;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  background: #FDD;
}

textarea.cert {
	width: 600px;
	height: 120px;
	border: 1px solid #8899FF;
	padding: 5px;
}

textarea.settings {
	border: 1px solid #8899FF;
	padding: 5px;
	font-size: 11px;
	background: #F5F5FF;
}

input.num_row {
  padding: 0px;
  margin:0px;
  background: #FAFAFA;  
  font-size: 11px; 
  color: #222; 
  border: 1px #888 solid;
  text-align: center;
}

.vert_table_left {
  font-weight: bold;
  text-align: right;
}

.add_row {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.del_row {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.del_static_row {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.add_row2 {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.del_row2 {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.rel_link, .rel_link2, .rel_link3 {
  color: #425DD0;
  cursor: hand; 
  cursor: pointer;
}

.info {
  font-weight: bold;
  font-size: 16px;
  color: #006;
}

.working_codes {
  font-size: 11px;
  color: #006;
}

.row_highlight {
  background-color: #FFF;
  color: #009;
}

.box {
  border: 1px dashed #8899FF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

.box_overflow {
  overflow-y: auto; 
}

.sorting {}

.deleteme {}

.round_corners {
  border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  -khtml-border-radius: 10px; 
}

div#info {
  width: 100%;
  height: 250px;
  text-align: center;
  margin-top: 150px;
}

.settings_info {
  color: #999;
  font-size: 11px;
  font-style: italic;
}

.myDragClass {
  color: red;
  font-weight: bold;
  background-color: #FFF;
}

.palceholder {
  height: 1.5em;
  line-height: 1.2em;
}

.no_access {
  font-weight: bold;
  font-size: 16px;
  color: #006;
  width: 100%;
  height: 250px;
  text-align: center;
  margin-top: 150px;
}

a.active {
  color: #425DD0;
}

.active {
  color: #425DD0;
}

a.inactive {
  color: #AAA;
}

.inactive {
  color: #AAA;
  font-style: italic;
}

/* Highlights */
.hl_red {
  background-color: #FDD;
}
.hl_yellow {
  background-color: #FFD;
}
.hl_green {
  background-color: #DFD;
}
.hl_blue {
  background-color: #DDF;
}

/* GALLERY */
div.thumb {
  position: relative;
  margin: 3px;
  background-color: #FFF;
  border: 1px solid #999;
  width: 134px;
  height: 102px;
  float: left;
  text-align: center;
}
.thumb img{
  display: inline;
  margin: 5px;
  border: 1px solid #999;
}
.thumb a:hover img {border: 1px solid black;}
.thumb_checkbox {
  position: absolute; 
  top: -6px; 
  right: -6px;
  background: #FFF;  
  padding: 0px;
  margin: 0px;
  border: 1px #8899FF solid;
}

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}

/* Catalogues */
div.panel_left {position: absolute; top: 6px; left:0px; width: 165px;}
div.panel_right {position: absolute; top: 6px; right:0px; width: 165px;}

div.cat_panel {
  padding: 5px;
  margin-top: 2px;
  margin-bottm: 2px;
  border: 1px solid #888;
	background-color: #F8F8F8;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px; 
	border-radius: 5px;
}
div.cat_photo {position: relative; width: 150px; height: 120px;  margin:2px; padding: 2px; text-align:center; vertical-align: middle; display: table-cell; color: #888;}
div.cat_text_box {position: relative; width: 100%; min-height: 125px;}
div.cat_header {position: relative; width: 100%; background-color: white;}
 div.cat_title {float:left; font-size: 14px; font-weight: bold; color: #444;}
 div.cat_art {float:right; font-size: 14px; color: #009}
div.cat_desc {position: relative; width: 100%;; padding-top: 4px; padding-bottom: 4px;}
div.cat_bottom {position: relative; width: 100%; bottom: 0px; }
 div.cat_selfcost {float:left; text-align: right; font-size: 12px; color:#888;}
 div.cat_updated {float:right; font-size: 11px; font-style: italic; color:#444;}
input.catalogues_qt {
  width: 30px;
  border: 1px solid #444;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

.check_out {
  border: 1px solid #CCC; 
  border-collapse: collapse;
}

/* Documents */
div.doc_panel {float: left; width: 200px}
div.doc_main_area {float: left; margin-left: 10px; width: 850px;}
div.doc_header {position: relative; width: 100%; background-color: white;}
div.doc_name {float:left; width: 70%; font-size: 14px; font-weight: bold; color: #000;}
div.doc_version {float:right; font-size: 14px; color: #009}

div.doc_middle {position: relative; width: 100%;}
div.doc_desc {position: relative; width: 100%; min-height: 100px; font-family:sans-serif; font-size: 12px; color: #222; padding: 5px;}
div.doc_file {float: right; position:relative; right: 0px;  width: 80px; height: 80px; 
  border: 1px solid #888; background-color: #F8F8F8; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	margin: 8px; padding: 5px; text-align:center; vertical-align: middle; display:inline; font-size: 10px; color: #888;
}
div.doc_size {font-family: sans-serif; font-size: 10px;}
div.doc_delbutton {position: absolute; right:-8px; top: -8px; width: 10px; height: 10px;}
div.doc_save {position: absolute; left: 0px; bottom: -14px;  text-align: center; width: 100%}
div.doc_bottom {position: relative; bottom:0px; width: 100%;}
div.doc_sourceline {float:left; text-align:left; font-size: 11px; color:#888;}
div.doc_infoline {float:left; text-align:left; font-size: 11px; color:#888;}
div.doc_updated {float:right; text-align:right; font-size: 11px; color:#888; font-style: italic;}
div.doc_pathline {position: absolute; right: 0px; top: 0px; font-size: 10px; font-style: italic; color:#444;}

/* Offers */

div.add_block {background: #FFF; border: 1px solid #000; margin: 0px 2px 10px 2px; padding: 5px 5px 5px 5px; display: none;}

/* PAGE NAVIGATION */
.listing{list-style-type: none; text-align: left; margin: 10px 0px; padding: 0; }
.listing li{background: none; padding: 0; display: inline}

.listing a{color: #039 !important; text-decoration: none; background-color: #E0E0FF; padding: 3px 6px; margin: 0 1px; }
.listing a:hover{color: #FFF !important; text-decoration: none; background-color: #039}

.listing .active{color: #039 !important; text-decoration: none; background-color: #FFF; padding: 3px 6px; margin: 0 1px; border: 3px solid #039;}
.listing .nomark{color: #FFF !important; text-decoration: none; background-color: #E0E0FF; padding: 3px 6px; margin: 0 1px; border: none}
.listing .nomark_none{display:none}

/* TABS */
/*globalnav*/

#globalnav {
	position:relative;
	float:left;
	width:1165px;
	padding:0 0 1.75em 1em;
	margin:0;
	list-style:none;
	line-height:1em;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbb;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.hide {
  display: none;
}

.rotate_90 {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.font_size20 {
  font-size: 20px;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.text-top {
  vertical-align: top;
}

.text-bottom {
  vertical-align: bottom;
}

.min_height_100 {
  min-height: 100px;
}