body {
	margin: 10px;	padding: 0;
	text-align: center;
	
	font-family: Arial,sans-serif;
	font-size: 12px;
	color: #555;
}

h3 {
	margin: 5px 0 10px 0;
	font-size: 14px;
}

h4 {
	position: relative;
	margin: 15px 0 3px 0;
	font-size: 14px; font-weight: bold;
	padding-left: 15px;
	background: transparent url(../public/images/triangle.gif) no-repeat 0 0;
}

a {color: #555; outline: none;}
a:hover {color: #08a0eb;}
a img {border: 0;}

p {margin: 0 0 10px 0;}

strong {font-weight:bold;}

table {
	margin-bottom: 5px;
	border-collapse: collapse;
	border: 1px solid black;
}
table th, table td {
	empty-cells: show;
	border: 1px solid black;
	padding: 1px;
}
table.noborder {border:none;}
table.noborder td, table.noborder th {border:none;}

table th.sortCol {
	background-color: #ffffd5;
}

table.poll tr td {text-align:left;}

table.std {width: 100%;}
table.std tr th, table.std tr th a {background-color: #08a0eb; color: white; text-align: center;}
table.std tr th a:hover {text-decoration:none;}
table.std tr.even {background-color: #e5f3ff;}
table.std tr.odd {background-color: white;}
table.std tr td {padding:3px;}

form {margin:0; padding:0;}
input, textarea, select, button {font-family: Arial, sans-serif; font-size: 12px;}
input, textarea {
	border: 1px solid #333;
	outline-style: none;
	padding: 1px; margin:0;
}
input[type=image], input[type=checkbox], input[type=radio] {border:none !important;}
input.inpimg, input.chk {border:none !important;}
input[type=checkbox] {width:auto !important; height:auto !important;}
input.chk {width:auto !important; height:auto !important;}
input.color {width:50px;}
table.std.check input.chk {padding:0; margin:0; width: 16px !important; height:16px !important;}
fieldset {margin-bottom: 5px;}
fieldset legend {font-weight: bold; color: #555;}

a.rev {text-decoration: none;}
a.rev:hover {text-decoration: underline;}

#unsupported_browser {
	width: 980px;
	color: red; background-color: yellow;
	border: 2px solid red;
	padding: 3px; margin-bottom: 10px;
}
	
#container {
	position: relative;
	
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

.col2 #container {background: transparent url(../public/images/bg_2col_980.gif) repeat-y;}

#left {
	float: left;
	margin:0;
}
.col2 #container #left {display:none;}

#center {
	float: left;
	margin: 0 0 0 5px; padding: 0;
}
.col2 #container #center {width: 772px; margin-left:0;}

#right {
	float: left;
	margin: 0 0 0 6px;
}

#center #first {
	border: 1px solid #08a0eb; border-top: none;
	padding-bottom: 10px; 
}
#center #first #searchbar {
	position: relative;
	width: 650px; height: 80px;
	padding: 10px 0 0 101px;
}
#searchbar form {margin-top: 10px;}
#searchbar span, #searchbar input {margin-right: 5px;}
#searchbar .ui-tabs-nav {margin-top: 2px;}
#searchbar .ui-tabs-nav * {margin-right: 1px;}
#searchbar .ui-tabs-nav .ui-tabs-selected a {cursor: pointer;}
#searchbar input {border-color: #08a0eb;}
#searchbar input[type=text] {width: 280px;}
#searchbar input[type=image] {position: relative; top: 4px;}
#searchbar input.inpimg {position: relative; top: 4px;}
#searchbar span {font-weight: bold; text-transform: uppercase;}
#searchbar #all_draws_count {
	position: absolute; right: 2px; bottom: 2px;
	font-size: 11px;
}

#classbar {
	/*position: absolute; top: 4px; left: 0;*/
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
#classbar a {
	background: transparent url(../public/images/triangle.gif) no-repeat 0 0;
	padding-left: 16px;
	margin-right: 10px;
	text-decoration: none; 
}
#classbar a.selected {color: #08a0eb;}

#path {
	/*position: absolute; top: 30px; left: 0;*/
	margin-bottom: 10px;
	text-align: left;
	color: #08a0eb;
}
#path a {color: #555;}
#path a:hover {color: #08a0eb;}

#banner {margin: 2px 0 5px 0;}
#banner, #banner object, #banner embed {width: 750px; height:100px;}

#center #content .pad.first {
	border: 1px solid #08a0eb;
	border-top: none;
}

.col {
	width: 200px;
	padding: 0 1px;
	text-align: justify;
}

.header {
	height: 18px;
	white-space: nowrap;
	padding: 6px 0 0 20px;
	background: transparent url(../public/images/icon.gif) no-repeat 3px 5px;
	color: white;
}
.header.main {padding-left: 111px; background-position: 113px 5px;}
.header #header_content {padding-left:20px;}
.col .header {text-transform: uppercase;}

.header img {vertical-align: top;}

#center .header {
	position: relative; 
	background-color: #08a0eb;
	text-transform: uppercase;
	font-size: 12px;
}
.header input, .header label {
	border:none; outline: none; 
	margin:0; padding:1px; 
	vertical-align:top;
}
.header input {
	position: relative; top:-1px;
	height: 13px; 
	text-transform: none;
}
.header label {padding:0;}
.header img {position: relative; top:1px;}

#center .header span {text-transform: none;}
#center .header span, #center .header span a {color: black; font-weight: bold; text-decoration: none;}
#center .header span a:hover {text-decoration: underline;}
#center .header input {width: 110px;}
#center .header input.inpimg {width: 14px; height: 14px;}

#center .header #mainspinner {
	position: absolute;
	top: 3px; left: 111px;
	display: none;
}

#mainlogo {
	position: absolute;
	top: 0; left: 0;
	width: 111px; height: 116px;
	z-index: 1000;
}
#mainlogo img {width: 111px; height: 116px;}
#center .header .options {
	position: absolute;
	top: 0; right: 3px;
	padding-top: 4px;
}
#center .header .loginfo {width: 300px;}
.col2 #center .header .loginfo {width: 450px;}

.header a {color: white; text-decoration:none;}
.header a:hover {text-decoration: underline;}

.header span#passwd {position:absolute; top:5px; right:3px; text-transform: none; color:white;}
.header span#passwd a {text-decoration: underline; color:white; font-weight:normal;}
.header span#credits {color: white; position:relative; top:2px;}
.header span#credits a {color:white;}

.col .header, #container .col .header {
	background-color: #08A0EB;
}

#langbox {
	display: none;
	position: absolute; left: 322px; top: 19px;
	width: 120px;
	padding: 0px;
	border: 1px solid #333;
	background-color: white;
	text-transform: none;
	overflow: hidden;
	z-index: 20000;
}
#langbox a {
	display:block;
	margin:0; padding: 0px 0 0px 0px;
	height: 13px; padding: 2px;
	text-decoration: none;
	color: black;
}
#langbox a:hover {color: white; background-color: #08a0eb;}
#langbox a img {position:relative; top:1px;}
.col2 #langbox {left: 128px;}

ul.sortable {margin:0;padding:0;}
ul.sortable li {margin:0;padding:0;list-style: none;}

.pad {
	padding: 0 10px 0px 10px;
}
.pad.left {
	text-align: left;
}

.box {
	position: relative;
	margin-top: 10px;	padding: 10px;
	border: 1px solid #08a0eb;
}
.box.obj {background-color: #f4f4f3;}
.box.gray {background-color: #f4f4f3;}
.box.white {background-color: white;}
.box.grayborder {border-color: #555;}
.box.bottom {margin-top:0; margin-bottom: 10px;}
.col .box {
	margin: 0; padding: 5px 0;
	border: none;	border-bottom: 2px solid #08A0EB;
}
.col .box.button {padding:0; border-bottom-color: white;}
.col .box.button.first {padding-top: 2px;}
.col .box.button.last {border-bottom-color: #08a0eb;}
.col .box.button img {width:200px;}
.col .box.button object, .col .box.button embed {width:200px;}

.col .box h5 {
	font-size: 13px;
  background:transparent url(../public/images/dot.gif) no-repeat scroll 0px 4px;
  margin: 5px 10px 0 0; padding: 0 0 0 16px;
}

.col .box ul {
	margin:3px 0 0 0; padding:0;
}
.col .box ul li {
	margin:0;padding:0;
	margin-left: 15px; margin-bottom: 2px;
}

.box.search h3 {font-size: 14px; margin: 10px 0 3px 0;}
.box.search h3.first {margin-top:0;}
.pagger {text-align: center; font-weight: bold;}
.pagger a {font-weight: normal;}

.halfbox {width:49%;float:left;}
.halfbox.right {margin-left:2%;}
.halfbox h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;	
}
.halfbox h3 a {text-decoration: none;}
.halfbox .ui-tabs-container {position:relative;}
.halfbox a.more {
	position: absolute; bottom:5px; right:5px;
	color: #08a0eb;
	text-decoration: none;
	font-weight: bold;
}
.halfbox a.more:hover {text-decoration: underline;}
.halfbox .folders {
	overflow:hidden;
}

.box a.more {
	position: absolute; bottom:5px; right:5px;
	color: #08a0eb;
	text-decoration: none;
	font-weight: bold;
}
.box a.more:hover {text-decoration: underline;}

.imgbox {
	position: relative;
	overflow: hidden;
	padding: 5px; padding-bottom: 0px;
	color: #555;
	text-align: center;
	border: 1px solid #08a0eb;
}
.imgbox.imgonly {padding-bottom:5px;}
.imgbox.img50 {width:50px;}
.imgbox.img100 {width:100px;}
.imgbox.img200 {width:200px;}
.imgbox.img300 {width:300px;}
.imgbox div {margin: 3px 0 2px 0;}
.imgbox div.ops div {margin: 0;}
.imgbox div.ops div.icos a {
	display: block;
	float: left;
	margin-right: 5px;
	text-decoration: none;
	font-size:10px;
	letter-spacing:-1px;
}
.imgbox.img50 .img {width:50px; height:50px;}
.imgbox.img100 .img {width:100px; height:100px;}
.imgbox.img200 .img {width:200px; height:200px;}
.imgbox.img300 .img {width:300px; height:300px;}

.dwf_over {
	position: absolute; 
	top: 0; right: 2px;
	width: 80px; padding: 2px;
	cursor: pointer; 
	background-color: #ddd; color: black; 
	text-align:right; font-weight: normal;
	
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.dwf_over a {text-decoration:none;}
	
.row {
	position: relative;
	height: 20px; line-height: 20px;
}
.row label {
	display: block;
	width: 100px;
	text-align: right;
	font-weight: bold;
}
.row span {
	display: block;
	position: absolute; top: 0; left: 105px;
	height: inherit;
}
.row span label {
	display: inline;
	width: auto;
	text-align: left;
	font-weight: normal;
}
.row span input[type=checkbox], .row span input[type=radio] {width:auto;}
.row span input.chk {width:auto;}
.row span input, .row span select, .row span textarea {width: 200px;}
.row span textarea {height: 42px;}
.row.textarea {height: 48px;}
.row span input[type=file], .row span select {width: 203px;}
.frm.l50 .row label {width:50px;}
.frm.l50 .row span {left:55px;}
.frm.l75 .row label {width:75px;}
.frm.l75 .row span {left:80px;}
.frm.l100 .row label {width:100px;}
.frm.l100 .row span {left:105px;}
.frm.l125 .row label {width:125px;}
.frm.l125 .row span {left:130px;}
.frm.l150 .row label {width:150px;}
.frm.l150 .row span {left:155px;}
.frm.l200 .row span {left:205px;}
.frm.i300 .row span input, .frm.i300 .row span select, .frm.i300 .row span textarea {width: 300px;}
.frm.i300 .row span input[type=file], .frm.i300 .row span select {width: 303px;}
.frm.i300 .row span input[type=checkbox], .frm.i300 .rowspan input[type=radio] {width:auto;}
.frm.i300 .row span input.chk {width:auto;}
.frm.i500 .row span input, .frm.i500 .row span select, .frm.i500 .row span textarea {width: 500px;}
.frm.i500 .row span input[type=file], .frm.i500 .row span select {width: 503px;}
.frm.i500 .row span input[type=checkbox], .frm.i500 .rowspan input[type=radio] {width:auto;}
.frm.i500 .row span input.chk {width:auto;}
.frm.i575 .row span input, .frm.i575 .row span select, .frm.i575 .row span textarea {width: 575px;}
.frm.i575 .row span input[type=file], .frm.i575 .row span select {width: 578px;}
.frm.i575 .row span input[type=checkbox], .frm.i575 .rowspan input[type=radio] {width:auto;}
.frm.i575 .row span input.chk {width:auto;}
.frm.i636 .row span input, .frm.i636 .row span select, .frm.i636 .row span textarea {width: 636px;}
.frm.i636 .row span input[type=file], .frm.i636 .row span select {width: 639px;}
.frm.i636 .row span input[type=checkbox], .frm.i636 .rowspan input[type=radio] {width:auto;}
.frm.i636 .row span input.chk {width:auto;}

.frm fieldset {margin: 0; padding: 5px; border: 1px solid black; margin-top: 5px;}
.frm fieldset legend {font-weight: bold;}
.frm.l50 fieldset .row label {width: 45px;}
.frm.l50 fieldset .row span {left: 50px;}
.frm.l75 fieldset .row label {width: 70px;}
.frm.l75 fieldset .row span {left: 75px;}
.frm.l100 fieldset .row label {width: 95px;}
.frm.l100 fieldset .row span {left: 100px;}
.frm.l125 fieldset .row label {width: 120px;}
.frm.l125 fieldset .row span {left: 125px;}
.frm.l150 fieldset .row label {width: 145px;}
.frm.l150 fieldset .row span {left: 150px;}
.frm fieldset .row span label {width:auto !important; margin-left: 3px;} 

.errorlist {
	width: 500px;
	margin-bottom: 10px; padding: 5px;
	color: red; background-color: #ffffd5;
	border: 1px solid red;
}
.row input.err, fieldset.err, select.err {
	border: 1px solid red;
	background: transparent url(../public/images/icons/sml/exclamation.gif) no-repeat right top;
}

.pager {
	padding: 0; margin:0;
	background-color: #e5f3ff;
	font-size: 12px;
}
.pager img {
	position: relative; top: -1px;
	margin: 0; padding: 0;
	vertical-align: middle;
}
.pager .info, .pager .pages {
	font-weight: bold;
}
.pager .info {
	margin-left: 5px;
}
.pager .pages {
	margin-left: 10px;
}
.pager .pages a {
	font-weight: normal;
}
.pager form {
	display: inline;
}
.pager select {
	height: 18px;
	font-size: 12px;
}
.pager input {
	font-size: 12px;
	width: 120px;
}

.langsel img {margin-right: 1px; padding: 2px; border: 1px solid transparent;}
.langsel img.selected {border: 1px solid #336699;	background-color: #e5f3ff;}
.langsel a:hover img {border: 1px solid #336699;}

#foot .bar {
	width: 980px; margin: 0 auto;
	height: 16px; line-height: 16px;
	font-size: 10px; text-align: center;
	color: white; background-color: #08a0eb;
}
#foot a {color: white;}
#foot a:hover {text-decoration: none;}

#terms {
	margin-top: 5px;
	text-align: center;
	font-size: 10px; 
	color: #aaa; 
}
#terms a {
	color: #666;
	text-decoration: none;
}
#terms a:hover {color: #08a0eb;}

#eulogo {margin-top:10px;}

.clr {height: 1px; line-height: 1px; font-size: 1px; clear: right;}
.cll {height: 1px; line-height: 1px; font-size: 1px; clear: left;}
.clb {height: 1px; line-height: 1px; font-size: 1px; clear: both;}

.note {font-size:10px; color:#888;}
.blue {color: #08a0eb;}

.terms ol {margin: 10px 0 0 0; padding:0;}
.terms ol li {
	padding: 0; margin: 10px 0 0 30px;
}
.terms ol li ol {margin: 0;}
.terms ol li ol li {
	margin-top: 3px;
}


.mail_recipients {
	font-family: Arial, sans-serif; font-size: 11px;

	text-align: left;
	white-space: nowrap;
	
	position: absolute; left: 0;
	height: 200px;

	padding: 1px;
	border: 1px solid #666;

	overflow: auto;
	background: #eee;
	z-index: 101;

	cursor: pointer;
}
.mail_recipients ul {
	list-style-position: outside;
	list-style: none;
	padding: 0; margin: 0;
}
.mail_recipients li {padding: 1px 3px 1px 16px; line-height: 16px; background: transparent url(../public/images/icons/sml/mail_partner.gif) no-repeat 0 0;}
.mail_recipients li.mail_recipients_over {background-color: yellow;}
.mail_recipients li.producer {background-image: url(../public/images/icons/sml/gears.gif);}
.mail_recipients li.supervisor {background-image: url(../public/images/icons/sml/star_blue.gif);}

span.cbutton {
	display: inline-block;
	position: relative;
	padding: 10px 10px 5px 10px;
	
  background-color: #08a0eb;
  background: -webkit-gradient(linear, left top, left bottom, from(#08a0eb), to(#55baeb));
  background: -moz-linear-gradient(#08a0eb, #55baeb);
}
span.cbutton:hover {
	background-color: #888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
  background: -moz-linear-gradient(#888, #666);
}
span.cbutton:hover a {
	color: white; 
}
span.cbutton.gray {
	background-color: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#dadada));
  background: -moz-linear-gradient(#D8D8D8, #dadada);
}
span.cbutton.gray:hover {
	background-color: #888;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
  background: -moz-linear-gradient(#888, #666);
}
span.cbutton.gray a {
	color: black;
}
span.cbutton.gray:hover a {
	color: white; 
}
span.cbutton.big {
	padding: 10px 10px 5px 10px;
	
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
span.cbutton.big.round {
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
span.cbutton.med {
	padding: 2px 6px 3px 3px;
}
span.cbutton.med.round {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
span.cbutton.sml {
	padding: 2px 4px 1px 1px;
}
span.cbutton.sml.round {
	-webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
span.cbutton a {
	display: inline-block;
	padding: 5px 0 0 40px; height: 32px;
	font-size: 20px; font-weight: bold;
	text-decoration: none;
	background: transparent url(../public/images/icons/big/edit_on.gif) no-repeat top left;
	color: white;
}
span.cbutton.big a {
	padding: 5px 0 0 40px; height: 32px;
	font-size: 20px;
}
span.cbutton.med a {
	padding: 5px 0 0 27px; height: 18px;
	font-size: 14px;
	background-image: url(../public/images/icons/med/edit_on.gif);
}
span.cbutton.sml a {
	padding: 1px 0 0 17px; height: 16px;
	font-size: 12px; font-weight: normal;
	background-image: url(../public/images/icons/sml/document_edit.png);
}
span.cbutton.sml.add a {background-image: url(../public/images/icons/sml/add.png);}
span.cbutton.sml.edit a {background-image: url(../public/images/icons/sml/document_edit.png);}
span.cbutton.sml.del a {background-image: url(../public/images/icons/sml/delete.png);}
span.cbutton.sml.send a {background-image: url(../public/images/icons/sml/mail_new.gif);}
span.cbutton.sml.email a {background-image: url(../public/images/icons/sml/email_go.png);}
span.cbutton.sml.moderate a {background-image: url(../public/images/icons/sml/accept.png);}

#fbbox {
	background: url(../public/images/fbbox.png) no-repeat scroll right top transparent;
	
  width:273px; height:400px;
 
  position: fixed;
  margin-top:-200px;
  top:50%; left:-241px;
  
  z-index: 1000;
}
#fbin {
	float:left; 
	width:240px;
	background-color: white;
}

/*.col2 .ui-tabs-nav {width:82%;}*/

.ico, .ico:active, .ico:visited {
	position: relative;
	border: none; outline: none;
}
.ico.sml {width:16px; height:16px;}
.ico.med {width:23px; height:25px;}
.ico.lrg {width:38px; height:38px; top:12px;}
.ico.spinner {display:none;}
.ico.edit, .ico.spinner {vertical-align: bottom;}

.confirmbox {
	margin-bottom: 10px;
	font-weight: bold; text-transform: lowercase;
}
.confirmbox a {
	text-decoration: none;
	margin-right: 5px;
}

/* object header */
h2 {
	position: relative;
	margin: 0 0;
	padding-right: 38px;
	font-size: 15px; font-weight: bold;
	color: #08a0eb;
}
h2 span {
	padding-left: 15px;
	background: transparent url(../public/images/triangle.gif) no-repeat 0 0;
}
h2 img.ico.sml {top:3px;}
h2 span.viewEnable {position: absolute; top:-6px; right:0; background: none; padding:0;}
h2 span.viewEnable img {width:32px; height:32px;}

#obj_header_wrap {position:relative;}
#obj_header_wrap input {margin-left: 32px;}
#obj_header_wrap span img.ico.sml {position:absolute; top:0; left:0;}
#obj_header_wrap span img.ico.sml.right {left: 16px;}

.saveChangedOrder {
	height: 25px;
	padding: 0 0 0 10px; margin: 5px 0;
	display: none;
	cursor: pointer;
}
.saveChangedOrder img {vertical-align: 0px !important;}
.saveChangedOrder span {position: relative; top: -7px; font-weight:bold;}
.saveChangedOrder span:hover {color: #08a0eb;}
.srtItem {
	position: relative;
	padding-left: 15px;
}
.srtHandle {
	position: absolute; top:6px; left: 0;
	width: 15px; height: 15px;
	cursor: move;
	background: transparent url(../public/images/icons/handle.gif) no-repeat 0 0;
	z-index: 1000;
}

.folders {
	position: relative;
	width: 80%;
	padding-left: 10px;
	margin-bottom: 10px;
}
.folders div.fld {
	position: relative;
	height: 25px;
	background: transparent url(../public/images/icons/med/folder.gif) no-repeat 0 0;
	padding-left: 51px;
}
.folders div.fld.small {
	height: 20px;
	background-image: url(../public/images/icons/filetype/default.gif);
}
.folders.noedit {width: auto;}
.folders.noedit div.fld.small {
	padding-left: 18px;
}

.folders div.new a.data_name {font-weight: bold;}
.folders div.fld span.data_name {position:relative; top:9px;}
.folders.noedit div.fld {padding-left: 28px;}
.folders div.fld.editable {background-image:none; padding-left: 51px;}
.folders div.fld.editable img.ico.med {position: absolute; top:0; left:0;}
.folders div.fld.editable img.ico.med.right {left: 25px;}
.folders div.fld a.data_name {position: relative; top: 9px;}
.folders div.fld.small a.data_name {top: 2px;}
.folders div.fld a.data_name.emph {font-weight:bold;}
.folders div.fld a.data_name.bought {color:green;}
.folders div.fld span.add_data {position: relative; top: 9px;}
.folders div.fld input.data_name {position: relative; top: 6px; width: 200px;}
.folders div.fld.Product {background-image: url(../public/images/icons/med/product.gif);}
.folders div.fld.Product.editable {background-image:none;}
.folders div.fld.News {background-image: url(../public/images/icons/med/news.gif);}
.folders div.fld.News.editable {background-image:none;}
.folders div.fld.NodeLink {background-image: url(../public/images/icons/med/nodelink.gif);}
.folders div.fld.NodeLink.editable {background-image:none;}
.folders div.fld.Detail {background-image: url(../public/images/icons/med/detail.gif);}
.folders div.fld.Detail.editable {background-image:none;}
.folders div.fld.ProductFolder {background-image: url(../public/images/icons/med/productfolder.gif);}
.folders div.fld.ProductFolder.editable {background-image:none;}
.folders div.fld.ProductCatalog {background-image: url(../public/images/icons/med/productcatalog.gif);}
.folders div.fld.ProductCatalog.editable {background-image:none;}
.folders div.fld.NewsCatalog {background-image: url(../public/images/icons/med/newscatalog.gif);}
.folders div.fld.NewsCatalog.editable {background-image:none;}
.folders div.fld.NewsFolder {background-image: url(../public/images/icons/med/newsfolder.gif);}
.folders div.fld.NewsFolder.editable {background-image:none;}
.folders div.fld.NewsCatalog {background-image: url(../public/images/icons/med/newscatalog.gif);}
.folders div.fld.NewsCatalog.editable {background-image:none;}
.folders div.fld.DetailCatalog {background-image: url(../public/images/icons/med/detailcatalog.gif);}
.folders div.fld.DetailCatalog.editable {background-image:none;}
.folders div.fld.DetailFolder {background-image: url(../public/images/icons/med/detailfolder.gif);}
.folders div.fld.DetailFolder.editable {background-image:none;}
.folders div.fld.GalleryCatalog {background-image: url(../public/images/icons/med/gallerycatalog.gif);}
.folders div.fld.GalleryCatalog.editable {background-image:none;}
.folders div.fld.GalleryFolder {background-image: url(../public/images/icons/med/galleryfolder.gif);}
.folders div.fld.GalleryFolder.editable {background-image:none;}
.folders div.fld.Lib {background-image: url(../public/images/icons/med/lib.gif);}
.folders div.fld.Lib.editable {background-image:none;}
.folders div.fld.ForumFolder {background-image: url(../public/images/icons/med/forumfolder.gif);}
.folders div.fld.ForumFolder.editable {background-image:none;}
.folders div.fld.ForumComment {background-image: url(../public/images/icons/med/forumcomment.gif); height:auto; margin-bottom: 10px;}
.folders div.fld.ForumComment.editable {width: 470px; background-image:none;}
.folders div.fld.ForumComment span.add_data, .folders div.fld.ForumComment a.data_name {top:0px;}

.folders div.fld.Pyramid{background-image: url(../public/images/icons/med/pyramid.png); font-weight:bold; font-size: 14px;}
.folders div.fld.Pyramid.editable {background-image:none;}


.folders div.fld.ImageGroup {background-image: url(../public/images/icons/med/imagegroup.gif);}
.folders div.fld.Calculation {background-image: url(../public/images/icons/med/calculation.gif);}
.folders div.fld.DetailDrawingCatalog {background-image: url(../public/images/icons/med/detailcatalog.gif);}
.folders div.fld.Description, .folders div.fld.DescriptionHtml {background-image: url(../public/images/icons/med/description.gif);}
.folders div.fld.TechData {background-image: url(../public/images/icons/med/techdata.gif);}
.folders div.fld.Producer {background-image: url(../public/images/icons/med/producer.gif);}
.folders div.fld.Designer {background-image: url(../public/images/icons/med/designer.gif);}
.folders div.fld.Drawing {background-image: url(../public/images/icons/med/drawing.gif);}
.folders div.fld.DetailDrawing {background-image: url(../public/images/icons/med/detaildrawing.gif);}
.folders div.fld.PatternDrawing {background-image: url(../public/images/icons/med/patterndrawing.gif);}
.folders div.fld.Pattern {background-image: url(../public/images/icons/med/pattern.gif);}
.folders div.fld.Image {background-image: url(../public/images/icons/med/image.gif);}
.folders div.fld.DrawingCatalog {background-image: url(../public/images/icons/med/drawingcatalog.gif);}
.folders div.fld.DrawingFolder {background-image: url(../public/images/icons/med/drawingfolder.gif);}
.folders div.fld.DetailDrawingFolder {background-image: url(../public/images/icons/med/detaildrawingfolder.gif);}
.folders div.fld.DetailDrawingCatalog {background-image: url(../public/images/icons/med/detaildrawingcatalog.gif);}
.folders div.fld.PatternDrawingFolder {background-image: url(../public/images/icons/med/patterndrawingfolder.gif);}
.folders div.fld.PatternDrawingCatalog {background-image: url(../public/images/icons/med/patterndrawingcatalog.gif);}
.folders div.fld.File {background-image: url(../public/images/icons/med/file.gif);}

.folders div.fld.small._3ds {background-image: url(../public/images/icons/filetype/3ds.gif);}
.folders div.fld.small._acb {background-image: url(../public/images/icons/filetype/acb.gif);}
.folders div.fld.small._aco {background-image: url(../public/images/icons/filetype/aco.gif);}
.folders div.fld.small._acp {background-image: url(../public/images/icons/filetype/acp.gif);}
.folders div.fld.small._chr {background-image: url(../public/images/icons/filetype/chr.gif);}
.folders div.fld.small._doc {background-image: url(../public/images/icons/filetype/doc.gif);}
.folders div.fld.small._dwf {background-image: url(../public/images/icons/filetype/dwf.gif);}
.folders div.fld.small._dwg {background-image: url(../public/images/icons/filetype/dwg.gif);}
.folders div.fld.small._dwt {background-image: url(../public/images/icons/filetype/dwt.gif);}
.folders div.fld.small._dxf {background-image: url(../public/images/icons/filetype/dwt.gif);}
.folders div.fld.small._exe {background-image: url(../public/images/icons/filetype/exe.gif);}
.folders div.fld.small._gsm {background-image: url(../public/images/icons/filetype/gsm.gif);}
.folders div.fld.small._max {background-image: url(../public/images/icons/filetype/max.gif);}
.folders div.fld.small._pdf {background-image: url(../public/images/icons/filetype/pdf.gif);}
.folders div.fld.small._pla {background-image: url(../public/images/icons/filetype/pla.gif);}
.folders div.fld.small._pln {background-image: url(../public/images/icons/filetype/pln.gif);}
.folders div.fld.small._pps {background-image: url(../public/images/icons/filetype/pps.gif);}
.folders div.fld.small._rfa {background-image: url(../public/images/icons/filetype/rfa.gif);}
.folders div.fld.small._rte {background-image: url(../public/images/icons/filetype/rte.gif);}
.folders div.fld.small._rvt {background-image: url(../public/images/icons/filetype/rvt.gif);}
.folders div.fld.small._xls {background-image: url(../public/images/icons/filetype/xls.gif);}
.folders div.fld.small._zip {background-image: url(../public/images/icons/filetype/zip.gif);}

.search.folders {width:auto;}
.search.folders div.fld.Drawing {
	float:none; margin:0; 
}
.search.folders div.fld.Producer {
	margin:0; 
}
.search.folders div.fld.Producer .data_name {font-weight: normal;}

.folders div.fld.FirmData {background-image: url(../public/images/icons/med/firmdata.gif);}
.folders div.fld.UserData {background-image: url(../public/images/icons/med/userdata.gif);}
.folders div.fld.ContactPerson {background-image: url(../public/images/icons/med/contactperson.gif);}
.folders div.fld.History {background-image: url(../public/images/icons/med/history.gif);}
.folders div.fld.AdvUser {background-image: url(../public/images/icons/med/adv_user.gif);}
.folders div.fld.CDHistory {background-image: url(../public/images/icons/med/cdorder_history.gif);}
.folders div.fld.OrderHistory {background-image: url(../public/images/icons/med/order_history.gif);}
.folders div.fld.Credits {background-image: url(../public/images/icons/med/credits.gif);}
.folders div.fld.CreditsBuy {background-image: url(../public/images/icons/med/credits_add.gif);}
.folders div.fld.CreditsProcent {background-image: url(../public/images/icons/med/credits_procent.gif);}
.folders div.fld.CreditsHistory {background-image: url(../public/images/icons/med/credits_history.gif);}
.folders div.fld.CreditsAbuseHistory {background-image: url(../public/images/icons/med/credits_abuse.gif);}
.folders div.fld.Newses {background-image: url(../public/images/icons/med/newses.gif);}
.folders div.fld.CadCatalog {background-image: url(../public/images/icons/med/cadcatalog.gif);}
.folders div.fld.ArchWindow {background-image: url(../public/images/icons/med/archwindow.gif);}
.folders div.fld.ArchBox {background-image: url(../public/images/icons/med/archbox.gif);}
.folders div.fld.Stats {background-image: url(../public/images/icons/med/stats.gif);}
.folders div.fld.Dictionary {background-image: url(../public/images/icons/med/dictionary.gif);}
.folders div.fld.CdOrder {background-image: url(../public/images/icons/med/cdorder.gif);}
.folders div.fld.ViewReport {background-image: url(../public/images/icons/med/view.gif);}
.folders div.fld.Mail {background-image: url(../public/images/icons/med/mail.gif);}
.folders div.fld.Mail_Sent {background-image: url(../public/images/icons/med/mail_sent.gif);}
.folders div.fld.Mail_All {background-image: url(../public/images/icons/med/mail_all.gif);}
.folders div.fld.Mail_Partners {background-image: url(../public/images/icons/med/mail_partners.gif);}
.folders div.fld.Mail_NewMsg {background-image: url(../public/images/icons/med/mail_new.gif);}
.folders div.fld.Mail_NewMass {background-image: url(../public/images/icons/med/mail_mass.gif);}
.folders div.fld.ObjSellStats {background-image: url(../public/images/icons/med/objsellstats.gif);}
.folders div.fld.AdminMode {background-image: url(../public/images/icons/med/adminmode.gif);}
.folders div.fld.DlThanks {background-image: url(../public/images/icons/med/edit_on.gif);}

.defaultvalue {color: #999;}

.Classification{}
.ClassificationLet {margin-bottom: 5px; clear:both;}
.Classification h3 {
	width: 20px; float: left;
	min-height: 25px;
	font-size: 14px;
	padding:0; margin: 0;
	color: #08a0eb;
	
}
.ClassificationLet .firms {
	margin-left: 20px;
}
.Classification span.lp.grayed, .Classification span.lp.grayed a {color: #ddd;}
.ClassificationLet .firms span a.emph {font-weight:bold;}

.Producer {margin: 10px 0;}
.Producer div.data {margin-left: 10px;}
.Producer .data_name {font-weight: bold;}
.Producer .data_desc {margin-top: 10px;}

.ContactPersons {margin-bottom: 10px;}
.ContactPersons h3 {font-size: 13px; margin-bottom:3px;}
.ContactPersons .Persons {padding-left: 10px;}
.ContactPersons .Persons .Person {margin-bottom:5px;}
.ContactPersons .Persons .Person .notes {font-size:11px;}

.Calculation h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.Calculation table {border-color: #ddd;}
.Calculation table th {color:white; background-color: #08a0eb;}
.Calculation table td, .Calculation table th {border-color: #ddd;}
.Calculation table tr td {padding: 2px;}
.Calculation table input, .Calculation table select {width:200px; border-color: #ddd;}
.Calculation .data_results {margin-top:15px;}

.Description h3, .DescriptionHtml h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}

.Image .imgbox {width:100px; padding-bottom: 5px;}
.Image .imgbox .img {width:100px; height:100px;}

.ImageGroup {}
.ImageGroup h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.ImageGroup div.data_desc {margin-bottom: 10px;}
.ImageGroup .images {/*width:98%;*/}
.ImageGroup .Image {float: left; margin-right: 5px; margin-bottom: 5px;}

.ImageGroup.search .imgbox {padding-bottom: 5px;}

.FreeImageGroup {/*width:98%;*/}
.FreeImageGroup .Image {float: left; margin-right: 5px; margin-bottom: 5px;}

.Contest .images {/*width:98%;*/}
.Contest .imgedit {margin-top:10px;}
.ContestEntry {float: left; margin: 3px 3px 0px 3px;}
.ContestEntry .images {/*width:98%;*/}
.ContestEntryInner .imgedit {margin-top:10px;}
.ContestEntryInner .Vote {
	display: block; margin: 0 auto;
	width: 200px; 
	border: 1px solid black;
	text-align:center; padding: 2px;
	font-size: 16px; font-weight: bold;
	color: white; background-color: #08A0EB;
	text-decoration: none;
}
.ContestEntryInner .Vote:hover {text-decoration: underline;}
.ContestImage .imgbox, .ContestEntry .imgbox {width:200px; padding-bottom: 5px;}
.ContestImage .imgbox .img, .ContestEntry .imgbox .img {width:200px; height:200px;}
.ContestEntryInner .ContestImage {float: left; margin-right: 5px; margin-bottom: 5px;}
.ContestEntry.white {background-color: white;}
.ContestEntry.gray {background-color: #f4f4f3;}
.ContestEntry h3 {display: block; width:200px; height: 30px; font-size: 12px; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.TechData h3 {
	font-size: 12px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.TechData table, .Property table {/*width:98%;*/}
.TechData tr th, .Property tr th {background-color: #08a0eb; color: white; text-align: center;}
.TechData tr.even {background-color: #e5f3ff;}
.TechData tr.odd {background-color: white;}
.TechData tr td, .Property tr td  {padding:3px;}
.TechData tr td input, .Property tr td input {width:95%;}
.TechData tr td div.icobox, .Property tr td div.icobox {position: relative;}
.TechData tr td div.icobox .spinner, .Property tr td div.icobox .spinner {position: absolute; top:0; left:0;}
.TechData tr td input.chk, .Property tr td input.chk {margin-left: 2px;}

.Property table {background-color: white;}
.Property tr:nth-child(odd) {background-color: #e5f3ff;}

.File {
	position: relative;
	height: 18px;
	background: transparent url(../public/images/icons/filetype/default.gif) no-repeat 0 0;
	padding-left: 19px;
}
.File a.name {position: relative; top: 3px;}
.File.acb {background-image: url(../public/images/icons/filetype/acb.gif);}
.File.doc {background-image: url(../public/images/icons/filetype/doc.gif);}
.File.dwg {background-image: url(../public/images/icons/filetype/dwg.gif);}
.File.exe {background-image: url(../public/images/icons/filetype/exe.gif);}
.File.mat {background-image: url(../public/images/icons/filetype/mat.gif);}
.File.pdf {background-image: url(../public/images/icons/filetype/pdf.gif);}
.File.pps {background-image: url(../public/images/icons/filetype/pps.gif);}
.File.xls {background-image: url(../public/images/icons/filetype/xls.gif);}
.File.zip {background-image: url(../public/images/icons/filetype/zip.gif);}
.File.editable {background-image:none; padding-left: 36px;}
.File.editable img.ico.sml {position: absolute; top:0; left:0;}
.File.editable img.ico.sml.right {left: 18px;}

.drawings {/*width:98%;*/}
.Drawing {float: left; margin: 0 5px 5px 0;}
.Drawing h3 {display:none;}
.Drawing .imgbox {width:100px;}
.Drawing .imgbox .img {width:100px; height:100px;}
/*.Drawing.detal {float: none;}*/
.Drawing.white {background-color: white;}
.Drawing.gray {background-color: #f4f4f3;}

.Drawing.detal .imgbox {width:200px; padding:3px 3px 0 3px;}
.Drawing.wzor_ulozenia .imgbox {width:200px; padding:0;}
.Drawing.detal .imgbox .img, .Drawing.wzor_ulozenia .imgbox .img {width:200px; height:200px;}
.Drawing.detal h3, .Drawing.wzor_ulozenia h3 {display: block; width:200px; height: 32px; line-height:10px; font-size: 12px; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.Drawing.highlight .imgbox {background-color:yellow;}
.ImageGroup.search .Drawing.detal .imgbox {padding-bottom: 3px;}
.ImageGroup.search .Drawing.wzor_ulozenia .imgbox {padding: 3px;}

.Pattern {}
.Pattern h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.Pattern div.data_desc {margin-bottom: 10px;}
.Pattern .imgedit {margin-top:10px;}
.Pattern .frm.l75 .row label {width:70px;}
.Pattern .frm.l75 .row span {left:75px;}

.ForumComment h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.ForumComment {position:relative;}

.Ui tr td input {width:95%;}

.Dict tr td input {width:99%;}

.AdvPost {
	position: relative;
	margin-top: 15px;	padding-bottom: 30px;
	background-color: white;
}
.AdvPost.notauthorized {
	border-color: red;
	border-width: 2px;
	background-color: #ffbaba;
}
.AdvPost.emphasized {
	background-color: #e5f3ff;
}
.AdvPost .head {
	font-size: 14px;	
}
.AdvPost .head .name {
	padding-left: 5px;
}
.AdvPost .desc {
	text-align: justify;
	margin-top: 2px;
}
.AdvPost .status {
	margin-top: 3px;
}
.AdvPost .status .username {
	padding-left: 20px;
}
.AdvPost .status .username, .AdvPost .status .phone {
	font-style: italic;
}
.AdvPost .buttons {
	position: absolute;
	bottom: 5px; right: 5px; 
}

.MaterialGroup {}
.MaterialGroup h3 {
	font-size: 13px !important; line-height:16px; 
	font-weight: bold;
	padding:0; margin: 0 0 2px 0;
}
.MaterialGroup div.data_desc {margin-bottom: 10px;}
.MaterialGroup .materials {/*width:98%;*/}
.MaterialGroup .Material {float: left; margin-right: 5px; margin-bottom: 5px;}
.MaterialGroup .Material.white {background-color: white;}

.MaterialGroup.search .imgbox {padding-bottom: 5px;}

.MaterialGroup.bitmap100 .imgbox .img {width:100px; height:100px;}

.MaterialGroup.bitmap200 .imgbox {width:200px; padding:3px;}
.MaterialGroup.bitmap200 .imgbox .img {width:200px; height:200px;}
.MaterialGroup.bitmap200 .materials h3 {display: block; width:200px; height: 32px; line-height:10px; font-size: 12px !important; font-weight: normal; margin: 3px 0 0 0; overflow: hidden;}

.MaterialGroup.rgb .materials .imgbox {width:40px; padding:3px;}
.MaterialGroup.rgb .materials .imgbox .img, .MaterialGroup.rgb .materials .imgbox .color {width:40px; height:40px; margin:0;}
.MaterialGroup.rgb .materials h3 {display: block; width:48px; height: 14px; font-size: 11px !important; font-weight: normal; padding:0; margin: 2px 0 0 0; overflow: hidden; text-align:center;}
.MaterialGroup.rgb .materials .imgbox h3 {width:40px;}

.Material.highlight .imgbox {background-color:yellow;}
.Drawing.highlight .imgbox {background-color:yellow;}
.ImageGroup.search .Drawing.detal .imgbox {padding-bottom: 3px;}

.Pyramid {
	position: relative;
}
.Pyramid { target-new: tab ! important }
.Pyramid .overlay {
	position: absolute;
	top: 0; left: 0;
	background: black url(../public/images/spinner192.gif) repeat;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
.Pyramid .results {display:none;}
.Pyramid .ui-tabs-container {
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
.Pyramid h4 {
	margin: 0 0 10px 0;
	padding-left: 18px;
	text-transform: uppercase;
}
.Pyramid .desc {
	margin-bottom: 10px;
}
.Pyramid .images img {
	float: left;
	margin-right:15px; margin-bottom:15px;
	cursor: pointer;
	
	border: 1px #a8a8a8 solid;
	-webkit-transition:border-color .3s ease-out;
	-moz-transition:border-color .3s ease-out;
	-o-transition:border-color .3s ease-out;
	transition:border-color .3s ease-out;
	
	-webkit-transition:opacity .3s ease-in;
	-moz-transition:opacity .3s ease-in;
	-o-transition:opacity .3s ease-in;
	transition:opacity .3s ease-in;
}
.Pyramid .images img:hover {
	border-color: #54b0e3;
	
	-webkit-transition:border-color .5s ease-out;
	-moz-transition:border-color .5s ease-out;
	-o-transition:border-color .5s ease-out;
	transition:border-color .5s ease-out;
	
	-webkit-transition:opacity .5s ease-in;
	-moz-transition:opacity .5s ease-in;
	-o-transition:opacity .5s ease-in;
	transition:opacity .5s ease-in;
}

.Pyramid .images img.sel {
	border-color: red;
	cursor: auto;
	
	-webkit-transition:border-color .5s ease-out;
	-moz-transition:border-color .5s ease-out;
	-o-transition:border-color .5s ease-out;
	transition:border-color .5s ease-out;

	-webkit-transition:opacity .5s ease-in;
	-moz-transition:opacity .5s ease-in;
	-o-transition:opacity .5s ease-in;
	transition:opacity .5s ease-in;
}
.Pyramid .images img.hide, .Pyramid .images img.hide:hover, .boxshadow .Pyramid .images img.hide:hover,
.Pyramid .images img.hide.sel, .Pyramid .images img.hide.sel:hover, .boxshadow .Pyramid .images img.hide.sel:hover   {
	opacity: 0.3;
	border-color: #a8a8a8;
	cursor: auto;
	box-shadow:none !important;
	filter: alpha(opacity = 30);
}
.boxshadow .Pyramid .images img.sel, .boxshadow .Pyramid .images img:hover {
	border-color: #54b0e3;
	box-shadow: 0 0 0 3px #54b0e3; 
}

.Pyramid .images img.main, .boxshadow .Pyramid .images img.main {
	border-color: #54b0e3;
	opacity: 1;
	cursor: auto;
	box-shadow:none;
}

.Pyramid .results .images img, .Pyramid .results .images img:hover {
	opacity: 1; 
	/*cursor:auto; */
	box-shadow:none; 
	border:none;
}

.editbox {
	position: absolute; top: 3px; right: 10px;
	width: 200px; 
	text-align: right;
	z-index: 100;
	font-size: 10px;
}
.editbox a {
	display: block;
	height: 16px; line-height: 16px;
	overflow: hidden;
	margin-bottom: 1px; padding-right: 20px;
	background: transparent url(../public/images/icons/sml/add.gif) no-repeat top right;
	font-size: 10px;
	text-decoration: none; text-transform: lowercase;
	font-weight: bold;
}
.editbox a:active, .editbox a:visited {border:none; outline: none;}
.editbox a.folder {background-image: url(../public/images/icons/sml/folder_add.gif);}
.editbox a.product {background-image: url(../public/images/icons/sml/product_add.gif);}
.editbox a.productfolder {background-image: url(../public/images/icons/sml/productfolder_add.gif);}
.editbox a.productcatalog {background-image: url(../public/images/icons/sml/productcatalog_add.gif);}
.editbox a.newscatalog {background-image: url(../public/images/icons/sml/newscatalog_add.gif);}
.editbox a.newsfolder {background-image: url(../public/images/icons/sml/newsfolder_add.gif);}
.editbox a.detailfolder {background-image: url(../public/images/icons/sml/detailfolder_add.gif);}
.editbox a.detailcatalog {background-image: url(../public/images/icons/sml/detailcatalog_add.gif);}
.editbox a.galleryfolder {background-image: url(../public/images/icons/sml/galleryfolder_add.gif);}
.editbox a.gallerycatalog {background-image: url(../public/images/icons/sml/gallerycatalog_add.gif);}
.editbox a.news {background-image: url(../public/images/icons/sml/news_add.gif);}
.editbox a.pattern {background-image: url(../public/images/icons/sml/pattern_add.gif);}
.editbox a.detail {background-image: url(../public/images/icons/sml/detail_add.gif);}
.editbox a.export {background-image: url(../public/images/icons/sml/export.gif);}
.editbox a.import {background-image: url(../public/images/icons/sml/import.gif);}
.editbox a.help {background-image: url(../public/images/icons/sml/help.gif); text-transform: none;}
.editbox a.mail_new {background-image: url(../public/images/icons/sml/mail_new.gif);}
.editbox a.mail_mass {background-image: url(../public/images/icons/sml/mail_mass.gif);}
.editbox a.mail_partner {background-image: url(../public/images/icons/sml/mail_partner.gif);}
.editbox a.mail_edit {background-image: url(../public/images/icons/sml/edit.gif);}
.editbox a.delete {background-image: url(../public/images/icons/sml/del.gif);}
.editbox a.back {background-image: url(../public/images/icons/sml/back.gif);}
.editbox a.mail_markread {background-image: url(../public/images/icons/sml/markread.gif);}
.editbox a.mail_markunread {background-image: url(../public/images/icons/sml/markunread.gif);}
.editbox a.accept {background-image: url(../public/images/icons/sml/accept.gif);}
.editbox a.cancel {background-image: url(../public/images/icons/sml/cancel.gif);}
.editbox a.regionversion {background-image: url(../public/images/icons/sml/regionversion_add.gif);}
.editbox a.forumfolder {background-image: url(../public/images/icons/sml/forumfolder_add.gif);}
.editbox a.forumcomment {background-image: url(../public/images/icons/sml/forumcomment_add.gif);}
.editbox a.viewmode_icons {background-image: url(../public/images/icons/sml/view_icons.gif);}
.editbox a.viewmode_list {background-image: url(../public/images/icons/sml/view_list.gif);}
.editbox a.advpost_all {background-image: url(../public/images/icons/sml/advpost_show_all.gif);}
.editbox a.advpost_user {background-image: url(../public/images/icons/sml/advpost_show_user.gif);}
.editbox a.reorder {background-image: url(../public/images/icons/sml/reorder.gif);}

.editbox.iconbar {width:100px;}
.editbox.iconbar img.gray:hover {cursor: pointer;}

.buy_lib a {font-weight: bold; text-decoration:none;}
.buy_lib a:hover {text-decoration:underline;}
.buy_lib span {color: #08A0EB; font-weight: bold;}
.buy_lib img {position: relative; top: -1px;}

div.errors {
	border: 1px solid red;
	background: none; background-color: #ffffd5; color: red;
	margin: 3px 0 3px 0; padding: 5px;
	width: 400px; height: auto;
}
div.errors.wide {width:auto; margin-bottom:6px;}
.folders div.errors {margin-bottom:0; margin-top:10px;}

.ietabfix {height: 0px; line-height:0px;}

.ASbox {
	overflow: hidden;
}

.ASDraws a {outline: none;}
.ASDraws a img {border: 0;}

.ASibox {
	float: left; width: 100px;
	margin: 2px; padding: 5px;
	color: #555; background-color: white;
	border: 1px solid #08a0eb;
}
.ASibox img {width:100px; height:100px;}

.ASDraws.detail .ASibox, .ASDraws.pattern .ASibox {width:200px;}
.ASDraws.detail .ASibox img, .ASDraws.pattern .ASibox img {width:200px; height:200px;}

.ASclr {height: 1px; line-height: 1px; font-size: 1px; clear: right;}
.AScll {height: 1px; line-height: 1px; font-size: 1px; clear: left;}
.ASclb {height: 1px; line-height: 1px; font-size: 1px; clear: both;}


body {margin-top:5px; padding:0; overflow-y: scroll;}
#container {width: 772px;}
#left, #right {display:none;}

#terms, #classbar {display:none;}
#path {margin-top: 5px;}
#center .header a {text-transform: none;}

#foot .bar {width:772px;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 10002;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 5px 0 0 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:20px;
	padding:5px 30px 5px 25px;
	float:left;
}

#TB_closeWindow{
	height:20px;
	padding:5px 25px 5px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    /*min-width: 84px;*/ /* be nice to Opera */
}
.ui-tabs-nav li a, .ui-tabs-nav li a span {
    display: block;
    padding: 0 10px;
    background: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab.png) no-repeat;
}
.ui-tabs-nav li a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav li a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav li a span {
    width: 34px; /* IE 6 treats width as min-width */
    /*min-width: 64px;*/
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav li a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav li a:hover span, .ui-tabs-nav li a:focus span, .ui-tabs-nav li a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav li a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
		border: 1px solid #97a5b0;
    padding: 10px 5px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../public/scripts/jquery.ui-1.0/ui.tabs/loading.gif) no-repeat 0 50%;
}

/*****************************************************************************/
/* motzel's changes                                                          */
/*****************************************************************************/
.ui-tabs-nav {padding-left:0;}
.ui-tabs-nav li {margin-left: 0; margin-right: 1px;}
.ui-tabs-container {background-color: #f4f4f3;}
.ui-tabs-nav li a span {padding-left: 22px; text-align:left;}
.ui-tabs-nav li a {color:#555;}
.ui-tabs-container {border-color: #08a0eb; position:relative;}

.ui-tabs-nav.main li a, .ui-tabs-nav.main li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_main.png);} 
.ui-tabs-container.main {border:none;}
.ui-tabs-nav.main li a:focus,.ui-tabs-nav.main li a:focus span {background-position: 0 0;}

.ui-tabs-nav.white li a, .ui-tabs-nav.white li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_white.png);}
.ui-tabs-container.white {background-color: white;}

.ui-tabs-nav.graydark li a, .ui-tabs-nav.graydark li a span {background-image: url(../public/scripts/jquery.ui-1.0/ui.tabs/tab_graydark.png);}
.ui-tabs-container.graydark {background-color: #d8d8d8;}


/* sort */
 .ui-tabs-nav.sortable li a {padding-right: 20px;}
 .ui-tabs-nav.sortable li a em {
 	position: absolute; 
 	top:7px; right:2px;
 	width: 6px; height: 12px;
 	cursor: pointer;
 	background-image: url(../public/images/icons/sml/arrow_right_blue.gif);
 	background-repeat: no-repeat; 
 }
 .ui-tabs-nav.sortable li a em.l {
 	right:8px; margin-right: 2px;
 	background-image: url(../public/images/icons/sml/arrow_left_blue.gif);
 }

.ac_results {
	font-family: Arial, sans-serif; font-size: 12px;

	text-align: left; font-size: 10px;
	white-space: nowrap;
	
	position: absolute; left: 0;
	height: 200px;

	padding: 1px;
	border: 1px solid #666;

	overflow: auto;
	background: #eee;
	z-index: 101;

	cursor: pointer;
}
.ac_results ul {
	list-style-position: outside;
	list-style: none;
	padding: 0; margin: 0;
}
.ac_results li {padding: 1px 3px;}
.ac_results_over {background: yellow;}