img { border: 0; }
.small { font-size:10px; font-weight:normal; }
.light { color:#333333; }
.smaller { font-size:9px; }
.lighter { color:#999999; }
.spacer { clear:both; font-size:0; height:0;}
.invisible { color:#FFF; }
.undecorated {text-decoration:none; color:#000;}
.hand { cursor:pointer; }
.noselect {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
.right-align { text-align: right; }
.centered { text-align: center; margin:0 auto; }

.h1 { font-size:x-large; font-weight:bold; }

pre {
  /* font: 12px Verdana, Arial, Helvetica, sans-serif; */
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* kill firefox borders */
a:active { outline: none; }
:focus { -moz-outline-style: none; }

/* iframe { height: expression(document.documentElement.clientHeight + "px"); } */

/* extra margin to compensate for corner rounding */
/* .c { margin: 8px; } */

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.editable { cursor: pointer; }
.editable-over { background: #FFF399; }

#navbar {
    /* width: 800px; */
    display: table;
    padding:7px;
    float: left;
}

#navbar { padding:5px; }
#navbar td { vertical-align:bottom; padding:0 10px; text-align:left;}
#navbar a:link { color:#00467E;font-weight:bold; text-decoration:none}
#navbar a:visited { color:#00467E;font-weight:bold; text-decoration:none}
#navbar a:hover { color:#EB691B;font-weight:bold; text-decoration:none }

#searchbar { padding-right:10px; text-align: right;}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	display:table;
}

#ctable { width:100%; }
#ctable td { vertical-align:top; }

#header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/*
#mainContent td { vertical-align:top; }
*/
#sidebar { 
	width:200px; padding:0 9px; 
	-moz-padding-start:4px;
	-moz-padding-end:4px;
	margin:6px; border: 1px solid #FF800B;
}
#sidebar { float: left; }

#sidebar div.sb_fold { padding-left:6px; margin-left:3px; border-left: 1px dotted #C7C7C7; }
#sidebar_internal .sb_option {padding-left:2px; font-style:italic;}
#sidebar_internal div {padding:1px 0;}

.sb_arrow {float:left; width:11px;}
.sb_arrow img {margin-top:7px;}
.sb_add, .sb_quick {float:right; display:inline; margin-left:3px;}
.sb_text {display:inline;}

.bgray_0 {background:#FFF;}
.bgray_1 {background:#EEE;}
.bgray_2 {background:#DDD;}

/* why won't it override .bgray_* classes? */
.sb_hover {background:#BCD8EB !important;}

input[name="search"] {
    -webkit-appearance: searchfield;
    -webkit-box-sizing: border-box;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
}    

#filterBox { padding:0 6px; background: #C8DDE0; margin:7px 13px 13px 13px; color:#333; background-color:#BCD8EB; }
/*#filterHead { font-weight:bold; } - looks like a heading of the list below*/
#filterTable {padding:0; margin:0}
#filterTable table {margin:auto;}
#filterTable td { padding:2px; margin:0;}
#filterTable input[type="text"] {margin:0}
.ft_delete, .ft_not { text-align:center; }
.ft_delete, .ft_filter { padding-top:4px; }
#filterForm {margin:0; padding:0; display:inline; }

.ft_inactive { background:#B6B090; }
/* div, table, ul, li, td { border:1px groove red; } */

textarea {
    width: 100%;
}

#prodHeader {
	width: 100%;
	display: table;
	margin-top: 5px;
	color:#333333;
}

/* idle hands...
#prodHeader a:link { color:#333; }
#prodHeader a:visited { color:#333; }
#prodHeader a:hover { color:#EB691B; }
*/

#prodHeader p { margin: 0; }
#prodHeader h1 { padding: 0 6px 6px 0; margin: 0; display: inline; }
#prodHeader img { border: 0; padding:3px; float: right; }

#prodEditBar { padding:2px; float:left;}
#prodEditBar a { padding-right:15px; }

#prodTable {
	width: 100%;
	margin:0 auto;
	padding: 12px;
	border:0;
}

#prodTable tr { text-align:left; vertical-align:baseline; width:100%}
#prodTable td { padding:2px; color:#333; }
#prodTable input[type="checkbox"] { padding:0 3px; margin:0; }
#prodTable input[type="text"] { padding:0; margin:0; width:50%;}
/*
#prodTable a:link { color:#333; }
#prodTable a:visited { color:#6AA9D8; }
#prodTable a:hover { color:#EB691B; }
*/

.attrp { padding-top:2pt; padding-left:7px; margin-right:10px; font-size:10px; color:#333333}

.attrn { text-align:right; padding-right:5px; font-weight:bold;}
#prodTable .value { width:300px; padding-left:5px; vertical-align: baseline;}
#prodTable .value_2 { width:50%; padding-left:5px; font-weight:bold; }
#prodTable .valueEdit { width:280px; vertical-align:top; }
#prodTable .valueType { width:1%; padding:0 3px; font-size:9px; }

.prodTable .value { width:380px; text-align: left; }
.prodTable input[type="text"] { height:1.2em; }
/*
#links a:link { color:#00467E; }
#links a:visited { color:#00467E; }
#links a:hover { color:#EB691B; }
*/

.engaged .suspectData {background:#FDD;}


#footer {
        width: 780px;
	margin: 0 auto;
/*        _bottom: 0;
        _left: 0;
        _height: 25px;
		_background-image: url('../img/footer_bkg2.jpg');
		_background-repeat:repeat-x;
*/
        color: #666666;
	padding-bottom: 12px;
}

/*
#footer a:link { color:#666666; text-decoration: none; }
#footer a:visited { color:#666666; }
#footer a:hover { color:#FF800B; }
*/

#slonim {
        width: 100%;
        bottom: 0;
        left: 0;
		right: 0;
        height: 52px;
		background-image: url('../img/slonim_footer.jpg'); 
		background-repeat:no-repeat;
		background-position: right bottom;
		text-align:right; vertical-align:baseline;
        color: #333333;
}

#slonim a:link { color:#E2E2E2; text-decoration:none; }
#slonim a:visited { color:#E2E2E2; }
#slonim a:hover { color:#FFFFFF; }

.changed_bg {
    background:#FFF7BA;
}

.changed { color:#663300; }

.marked {
    background:#A4D186;
}

.hidden {
    display: none;
}

.warningBox {
    /*clear:both;*/
    background-color: #FFEEEB;
    border-top: solid 1px #FF7878;
    border-bottom: solid 1px #FF7878;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.warning {
    /*clear:both;*/
    background-color: #FFEEEB;
    border-top: solid 1px #FF7878;
    border-bottom: solid 1px #FF7878;
    padding: 3px 9px;
    text-align: center;
}

.pEditElement {
    display: none;
    /* This is for JS to control visibility. Don't use it to set things. */
}

#attrAdder {
    padding: 20px;
}

#attrAdder select {
    display: none;  /* to be changed via js */
    min-width: 100px;
}

.legend {
    float: right;
    padding:16px;
}

.legend img { vertical-align:middle; }

#attrTable { clear:both; width:100%;}
#attrTable td { padding:2px; }

#attrAdd img { height:15; }
.newAttr { background:#FEFF00; }

.comboboks_results {
    border: 1px solid gray;
    background-color: #F1FFC2;
    word-spacing: nowrap;
}

.comboboks_selected {
    background-color: #CCC;
}

.comboboks_button {
/*    width: 15px;
    background: url('/auvsi/img/select.gif');
    height: 16px; */
    float:right;
    cursor:pointer;
}

.pep {margin 9px auto; }
.pep-attr-table { margin: 9px auto; width:700px;}
/* regular attr value box in the product editor */
.pep-valuebox { width:300px; vertical-align: baseline; }

.pep-apath { /* padding-top:2pt; padding-left:7px; margin-right:10px; */ font-size:10px; color:#AAA; }

.pep-aname { /* padding-right:5px; */ font-weight:bold; text-align:right;}

.pep-aname-cell { width:350px; text-align: right; padding: 3px 6px 4px; }
.pep-textbox {width:295px;}
.pep-combo {width:300px; }
.pep-unit-text {width:180px;}
.pep-unit-button {width:100px;}
.pep-delete-cell { text-align: center; width:1%; padding:3px 0;}
.pep-delete-cell img { vertical-align: middle; }
.pep-delete-cell input { margin-bottom:0; padding-bottom:0; }
.pep-odd-row {background: #F9F9F9;}
.ac-leaf { cursor: pointer; text-decoration:underline;}
.apm a:link { font-weight:normal; font-color:#023455; }
.apm-popup {
  padding: 6px; 
  background: #F8F8F8;
  border-left: 1px solid #88A6E7;
}

.loginPanel input[type="text"],input[type="password"] { font-size:10px; width:120px; }

#gwt_LoginModule { text-align:right; float:right; padding:7px; }
#gwt_LoginModule table { text-align: right; }

.gwt-TabBarItem { padding: 0 6px; font-weight: bold; cursor: pointer; color: #545761; }
.gwt-TabBarItem-selected { color: #000000; }

.headerMenu-Item-wrapper { padding: 5px 16px; }
.headerMenu-mouseOver { background-color: #FFF69C; }
.headerMenu-popup { background-color: #c5cace; padding:8px; border: 1px solid #a5a5a5;}

.tableHover { background-color: #ddd; }
.orgList td { padding-right: 4px; }
.orgList { width: 100%; }

.orgView-name { font-size:x-large; font-weight:bold; }
.orgModule .commandBar { padding:2px; margin-bottom: 10px; background-color: #DBE2FF;}
.orgModule .commandBar-spacer { padding: 0 5px; }